@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

package/cjs/internal/Popup/PopupPin.js

@@ -1,290 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.PopupPin = void 0;var _extends6 = _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 _PopupHelper = require("./PopupHelper");
-var _PopupPin = require("./PopupPin.styles");
-
-var borderStyles = {
-  position: 'absolute',
-  borderStyle: 'solid',
-  borderTopColor: 'transparent',
-  borderBottomColor: 'transparent',
-  borderLeftColor: 'transparent',
-  borderRightColor: 'transparent' };var
-
-
-
-
-
-
-
-
-
-
-
-
-PopupPin = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(PopupPin, _React$Component);function PopupPin() {return _React$Component.apply(this, arguments) || this;}var _proto = PopupPin.prototype;_proto.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  render = function render() {
-    if (!this.props.popupElement) {
-      return null;
-    }
-
-    var options = this.getPinOptions(
-    _PopupHelper.PopupHelper.getElementAbsoluteRect(this.props.popupElement),
-    _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition),
-    this.props.size,
-    this.props.offset,
-    this.props.borderWidth);
-
-
-    var styleOuter = this.getOuterStyle(
-    options.activeBorder,
-    options.outerSize,
-    this.props.borderColor);
-
-
-    var styleInner = this.getInnerStyle(
-    options.activeBorder,
-    this.props.size,
-    this.props.backgroundColor);
-
-
-    var styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);
-
-    return /*#__PURE__*/(
-      _react.default.createElement("div", { className: _PopupPin.jsStyles.wrapper(), style: styleWrapper }, /*#__PURE__*/
-      _react.default.createElement("div", { style: styleOuter }, /*#__PURE__*/
-      _react.default.createElement("div", { style: styleInner }))));
-
-
-
-  };_proto.
-
-  getPopupOppositeDirection = function getPopupOppositeDirection() {
-    var popupDirection = _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition).direction;
-    switch (popupDirection) {
-      case 'top':
-        return 'bottom';
-      case 'bottom':
-        return 'top';
-      case 'left':
-        return 'right';
-      case 'right':
-        return 'left';
-      default:
-        throw new TypeError('Unknown direction ' + popupDirection);}
-
-  };_proto.
-
-  getWrapperStyle = function getWrapperStyle(left, top, borderWidth) {var _ref, _ref2;
-    var direction = this.getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return _ref = {}, _ref[
-        direction] = -borderWidth + 'px', _ref.
-        left = left + 'px', _ref.
-        width = borderWidth * 2 + 'px', _ref.
-        height = borderWidth + 'px', _ref;
-
-      case 'left':
-      case 'right':
-        return _ref2 = {}, _ref2[
-        direction] = -borderWidth + 'px', _ref2.
-        top = top + 'px', _ref2.
-        height = borderWidth * 2 + 'px', _ref2.
-        width = borderWidth + 'px', _ref2;
-
-      default:
-        throw new TypeError('Unknown direction ' + direction);}
-
-  };_proto.
-
-  getOuterStyle = function getOuterStyle(activeBorder, borderWitdth, borderColor) {var _extends2, _extends3;
-    var direction = this.getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return (0, _extends6.default)({},
-        borderStyles, (_extends2 = {}, _extends2[
-        direction] = -borderWitdth + 'px', _extends2.
-        left = '0px', _extends2.
-        borderWidth = borderWitdth + 'px', _extends2[
-        'border' + activeBorder + 'Color'] = borderColor, _extends2));
-
-      case 'left':
-      case 'right':
-        return (0, _extends6.default)({},
-        borderStyles, (_extends3 = {}, _extends3[
-        direction] = -borderWitdth + 'px', _extends3.
-        top = '0px', _extends3.
-        borderWidth = borderWitdth + 'px', _extends3[
-        'border' + activeBorder + 'Color'] = borderColor, _extends3));
-
-      default:
-        throw new TypeError('Unknown direction ' + direction);}
-
-  };_proto.
-
-  getInnerStyle = function getInnerStyle(activeBorder, borderWitdth, borderColor) {var _extends4, _extends5;
-    var direction = this.getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return (0, _extends6.default)({},
-        borderStyles, (_extends4 = {}, _extends4[
-        direction] = -borderWitdth + 2 + 'px', _extends4.
-        left = -borderWitdth + 'px', _extends4.
-        borderWidth = borderWitdth + 'px', _extends4[
-        'border' + activeBorder + 'Color'] = borderColor, _extends4));
-
-      case 'left':
-      case 'right':
-        return (0, _extends6.default)({},
-        borderStyles, (_extends5 = {}, _extends5[
-        direction] = -borderWitdth + 2 + 'px', _extends5.
-        top = -borderWitdth + 'px', _extends5.
-        borderWidth = borderWitdth + 'px', _extends5[
-        'border' + activeBorder + 'Color'] = borderColor, _extends5));
-
-      default:
-        throw new TypeError('Unknown direction ' + direction);}
-
-  };_proto.
-
-  getPinOptions = function getPinOptions(
-  popupRect,
-  popupPosition,
-  pinSize,
-  pinOffset,
-  borderWidth)
-  {
-    var bordersDelta = 2 * borderWidth;
-    var outerSize = pinSize + bordersDelta;
-
-    switch (popupPosition.direction) {
-      case 'top':
-        return {
-          outerTop: popupRect.height,
-          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          innerTop: -outerSize,
-          innerLeft: -outerSize + bordersDelta,
-          activeBorder: 'Top',
-          outerSize: outerSize };
-
-      case 'bottom':
-        return {
-          outerTop: -2 * outerSize,
-          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          innerTop: -outerSize + 2 * bordersDelta,
-          innerLeft: -outerSize + bordersDelta,
-          activeBorder: 'Bottom',
-          outerSize: outerSize };
-
-      case 'left':
-        return {
-          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          outerLeft: popupRect.width,
-          innerTop: -outerSize + bordersDelta,
-          innerLeft: -outerSize,
-          activeBorder: 'Left',
-          outerSize: outerSize };
-
-      case 'right':
-        return {
-          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          outerLeft: -2 * outerSize,
-          innerTop: -outerSize + bordersDelta,
-          innerLeft: -outerSize + 2 * bordersDelta,
-          activeBorder: 'Right',
-          outerSize: outerSize };
-
-      default:
-        throw new Error('Direction must be one of top, right, bottom, left');}
-
-  };_proto.
-
-  getPinTopCoordinate = function getPinTopCoordinate(popupRect, align, pinHeight, pinOffset) {
-    switch (align) {
-      case 'top':
-        return pinOffset;
-      case 'middle':
-        return popupRect.height / 2 - pinHeight;
-      case 'bottom':
-        return popupRect.height - pinOffset - 2 * pinHeight;
-      default:
-        throw new Error("Unexpected align '" + align + "'");}
-
-  };_proto.
-
-  getPinLeftCoordinate = function getPinLeftCoordinate(popupRect, align, pinHeight, pinOffset) {
-    switch (align) {
-      case 'left':
-        return pinOffset;
-      case 'center':
-        return popupRect.width / 2 - pinHeight;
-      case 'right':
-        return popupRect.width - pinOffset - 2 * pinHeight;
-      default:
-        throw new Error("Unexpected align '" + align + "'");}
-
-  };return PopupPin;}(_react.default.Component);exports.PopupPin = PopupPin;PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';PopupPin.propTypes = { /**
-   * Цвет фон пина
-   */backgroundColor: _propTypes.default.string, /**
-   * Цвет границы пина
-   */borderColor: _propTypes.default.string, /**
-   * Ширина границы пина
-   */borderWidth: _propTypes.default.number, /**
-   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-   */offset: _propTypes.default.number, /**
-   * Ссылка на попап
-   */popupElement: _propTypes.default.any, /**
-   * Позиция поапа, по которой будет вычеслено положение пина
-   */popupPosition: _propTypes.default.string, /**
-   * Сторона пина без учёта границы.
-   * Пин представляет собой равносторонний треугольник, высота от попапа
-   * до "носика" пина будет соответствовать формуле (size* √3)/2
-   */size: _propTypes.default.number };

package/cjs/internal/Popup/PopupPin.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PopupPin.tsx"],"names":["borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","render","props","popupElement","options","getPinOptions","PopupHelper","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","jsStyles","wrapper","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","width","height","borderWitdth","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","string","number","any"],"mappings":"sUAAA;AACA;;;;AAIA;AACA;;AAEA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,QAAQ,EAAE,UADS;AAEnBC,EAAAA,WAAW,EAAE,OAFM;AAGnBC,EAAAA,cAAc,EAAE,aAHG;AAInBC,EAAAA,iBAAiB,EAAE,aAJA;AAKnBC,EAAAA,eAAe,EAAE,aALE;AAMnBC,EAAAA,gBAAgB,EAAE,aANC,EAArB,C;;;;;;;;;;;;;AAmBaC,Q;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CJC,EAAAA,M,GAAP,kBAAgB;AACd,QAAI,CAAC,KAAKC,KAAL,CAAWC,YAAhB,EAA8B;AAC5B,aAAO,IAAP;AACD;;AAED,QAAMC,OAAO,GAAG,KAAKC,aAAL;AACdC,6BAAYC,sBAAZ,CAAmC,KAAKL,KAAL,CAAWC,YAA9C,CADc;AAEdG,6BAAYE,iBAAZ,CAA8B,KAAKN,KAAL,CAAWO,aAAzC,CAFc;AAGd,SAAKP,KAAL,CAAWQ,IAHG;AAId,SAAKR,KAAL,CAAWS,MAJG;AAKd,SAAKT,KAAL,CAAWU,WALG,CAAhB;;;AAQA,QAAMC,UAA+B,GAAG,KAAKC,aAAL;AACtCV,IAAAA,OAAO,CAACW,YAD8B;AAEtCX,IAAAA,OAAO,CAACY,SAF8B;AAGtC,SAAKd,KAAL,CAAWe,WAH2B,CAAxC;;;AAMA,QAAMC,UAA+B,GAAG,KAAKC,aAAL;AACtCf,IAAAA,OAAO,CAACW,YAD8B;AAEtC,SAAKb,KAAL,CAAWQ,IAF2B;AAGtC,SAAKR,KAAL,CAAWkB,eAH2B,CAAxC;;;AAMA,QAAMC,YAAY,GAAG,KAAKC,eAAL,CAAqBlB,OAAO,CAACmB,SAA7B,EAAwCnB,OAAO,CAACoB,QAAhD,EAA0DpB,OAAO,CAACY,SAAlE,CAArB;;AAEA;AACE,4CAAK,SAAS,EAAES,mBAASC,OAAT,EAAhB,EAAoC,KAAK,EAAEL,YAA3C;AACE,4CAAK,KAAK,EAAER,UAAZ;AACE,4CAAK,KAAK,EAAEK,UAAZ,GADF,CADF,CADF;;;;AAOD,G;;AAEOS,EAAAA,yB,GAAR,qCAAyE;AACvE,QAAMC,cAAc,GAAGtB,yBAAYE,iBAAZ,CAA8B,KAAKN,KAAL,CAAWO,aAAzC,EAAwDoB,SAA/E;AACA,YAAQD,cAAR;AACE,WAAK,KAAL;AACE,eAAO,QAAP;AACF,WAAK,QAAL;AACE,eAAO,KAAP;AACF,WAAK,MAAL;AACE,eAAO,OAAP;AACF,WAAK,OAAL;AACE,eAAO,MAAP;AACF;AACE,cAAM,IAAIE,SAAJ,CAAc,uBAAuBF,cAArC,CAAN,CAVJ;;AAYD,G;;AAEON,EAAAA,e,GAAR,yBAAwBS,IAAxB,EAAsCC,GAAtC,EAAmDpB,WAAnD,EAAwE;AACtE,QAAMiB,SAAS,GAAG,KAAKF,yBAAL,EAAlB;AACA,YAAQE,SAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE;AACGA,QAAAA,SADH,IACe,CAACjB,WAAD,GAAe,IAD9B;AAEEmB,QAAAA,IAFF,GAEQA,IAAI,GAAG,IAFf;AAGEE,QAAAA,KAHF,GAGSrB,WAAW,GAAG,CAAd,GAAkB,IAH3B;AAIEsB,QAAAA,MAJF,GAIUtB,WAAW,GAAG,IAJxB;;AAMF,WAAK,MAAL;AACA,WAAK,OAAL;AACE;AACGiB,QAAAA,SADH,IACe,CAACjB,WAAD,GAAe,IAD9B;AAEEoB,QAAAA,GAFF,GAEOA,GAAG,GAAG,IAFb;AAGEE,QAAAA,MAHF,GAGUtB,WAAW,GAAG,CAAd,GAAkB,IAH5B;AAIEqB,QAAAA,KAJF,GAISrB,WAAW,GAAG,IAJvB;;AAMF;AACE,cAAM,IAAIkB,SAAJ,CAAc,uBAAuBD,SAArC,CAAN,CAlBJ;;AAoBD,G;;AAEOf,EAAAA,a,GAAR,uBAAsBC,YAAtB,EAA4CoB,YAA5C,EAAkElB,WAAlE,EAA4G;AAC1G,QAAMY,SAAS,GAAG,KAAKF,yBAAL,EAAlB;AACA,YAAQE,SAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE;AACKpC,QAAAA,YADL;AAEGoC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,IAF/B;AAGEJ,QAAAA,IAHF,GAGQ,KAHR;AAIEnB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF,WAAK,MAAL;AACA,WAAK,OAAL;AACE;AACKxB,QAAAA,YADL;AAEGoC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,IAF/B;AAGEH,QAAAA,GAHF,GAGO,KAHP;AAIEpB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF;AACE,cAAM,IAAIa,SAAJ,CAAc,uBAAuBD,SAArC,CAAN,CApBJ;;AAsBD,G;;AAEOV,EAAAA,a,GAAR,uBAAsBJ,YAAtB,EAA4CoB,YAA5C,EAAkElB,WAAlE,EAA4G;AAC1G,QAAMY,SAAS,GAAG,KAAKF,yBAAL,EAAlB;AACA,YAAQE,SAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE;AACKpC,QAAAA,YADL;AAEGoC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,CAAhB,GAAoB,IAFnC;AAGEJ,QAAAA,IAHF,GAGQ,CAACI,YAAD,GAAgB,IAHxB;AAIEvB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF,WAAK,MAAL;AACA,WAAK,OAAL;AACE;AACKxB,QAAAA,YADL;AAEGoC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,CAAhB,GAAoB,IAFnC;AAGEH,QAAAA,GAHF,GAGO,CAACG,YAAD,GAAgB,IAHvB;AAIEvB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF;AACE,cAAM,IAAIa,SAAJ,CAAc,uBAAuBD,SAArC,CAAN,CApBJ;;AAsBD,G;;AAEOxB,EAAAA,a,GAAR;AACE+B,EAAAA,SADF;AAEE3B,EAAAA,aAFF;AAGE4B,EAAAA,OAHF;AAIEC,EAAAA,SAJF;AAKE1B,EAAAA,WALF;AAME;AACA,QAAM2B,YAAY,GAAG,IAAI3B,WAAzB;AACA,QAAMI,SAAS,GAAGqB,OAAO,GAAGE,YAA5B;;AAEA,YAAQ9B,aAAa,CAACoB,SAAtB;AACE,WAAK,KAAL;AACE,eAAO;AACLL,UAAAA,QAAQ,EAAEY,SAAS,CAACF,MADf;AAELX,UAAAA,SAAS,EAAE,KAAKiB,oBAAL,CAA0BJ,SAA1B,EAAqC3B,aAAa,CAACgC,KAAnD,EAA0DJ,OAA1D,EAAmEC,SAAnE,IAAgFC,YAFtF;AAGLG,UAAAA,QAAQ,EAAE,CAAC1B,SAHN;AAIL2B,UAAAA,SAAS,EAAE,CAAC3B,SAAD,GAAauB,YAJnB;AAKLxB,UAAAA,YAAY,EAAE,KALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF,WAAK,QAAL;AACE,eAAO;AACLQ,UAAAA,QAAQ,EAAE,CAAC,CAAD,GAAKR,SADV;AAELO,UAAAA,SAAS,EAAE,KAAKiB,oBAAL,CAA0BJ,SAA1B,EAAqC3B,aAAa,CAACgC,KAAnD,EAA0DJ,OAA1D,EAAmEC,SAAnE,IAAgFC,YAFtF;AAGLG,UAAAA,QAAQ,EAAE,CAAC1B,SAAD,GAAa,IAAIuB,YAHtB;AAILI,UAAAA,SAAS,EAAE,CAAC3B,SAAD,GAAauB,YAJnB;AAKLxB,UAAAA,YAAY,EAAE,QALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF,WAAK,MAAL;AACE,eAAO;AACLQ,UAAAA,QAAQ,EAAE,KAAKoB,mBAAL,CAAyBR,SAAzB,EAAoC3B,aAAa,CAACgC,KAAlD,EAAyDJ,OAAzD,EAAkEC,SAAlE,IAA+EC,YADpF;AAELhB,UAAAA,SAAS,EAAEa,SAAS,CAACH,KAFhB;AAGLS,UAAAA,QAAQ,EAAE,CAAC1B,SAAD,GAAauB,YAHlB;AAILI,UAAAA,SAAS,EAAE,CAAC3B,SAJP;AAKLD,UAAAA,YAAY,EAAE,MALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF,WAAK,OAAL;AACE,eAAO;AACLQ,UAAAA,QAAQ,EAAE,KAAKoB,mBAAL,CAAyBR,SAAzB,EAAoC3B,aAAa,CAACgC,KAAlD,EAAyDJ,OAAzD,EAAkEC,SAAlE,IAA+EC,YADpF;AAELhB,UAAAA,SAAS,EAAE,CAAC,CAAD,GAAKP,SAFX;AAGL0B,UAAAA,QAAQ,EAAE,CAAC1B,SAAD,GAAauB,YAHlB;AAILI,UAAAA,SAAS,EAAE,CAAC3B,SAAD,GAAa,IAAIuB,YAJvB;AAKLxB,UAAAA,YAAY,EAAE,OALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF;AACE,cAAM,IAAI6B,KAAJ,CAAU,mDAAV,CAAN,CAtCJ;;AAwCD,G;;AAEOD,EAAAA,mB,GAAR,6BAA4BR,SAA5B,EAA6CK,KAA7C,EAA4DK,SAA5D,EAA+ER,SAA/E,EAAkG;AAChG,YAAQG,KAAR;AACE,WAAK,KAAL;AACE,eAAOH,SAAP;AACF,WAAK,QAAL;AACE,eAAOF,SAAS,CAACF,MAAV,GAAmB,CAAnB,GAAuBY,SAA9B;AACF,WAAK,QAAL;AACE,eAAOV,SAAS,CAACF,MAAV,GAAmBI,SAAnB,GAA+B,IAAIQ,SAA1C;AACF;AACE,cAAM,IAAID,KAAJ,wBAA+BJ,KAA/B,OAAN,CARJ;;AAUD,G;;AAEOD,EAAAA,oB,GAAR,8BAA6BJ,SAA7B,EAA8CK,KAA9C,EAA6DK,SAA7D,EAAgFR,SAAhF,EAAmG;AACjG,YAAQG,KAAR;AACE,WAAK,MAAL;AACE,eAAOH,SAAP;AACF,WAAK,QAAL;AACE,eAAOF,SAAS,CAACH,KAAV,GAAkB,CAAlB,GAAsBa,SAA7B;AACF,WAAK,OAAL;AACE,eAAOV,SAAS,CAACH,KAAV,GAAkBK,SAAlB,GAA8B,IAAIQ,SAAzC;AACF;AACE,cAAM,IAAID,KAAJ,wBAA+BJ,KAA/B,OAAN,CARJ;;AAUD,G,mBAtP2BM,eAAMC,S,8BAAvBhD,Q,CACGiD,mB,GAAsB,U,CADzBjD,Q,CAGGkD,S,GAAY,EACxB;AACJ;AACA,KACI9B,eAAe,EAAE+B,mBAAUC,MAJH,EAMxB;AACJ;AACA,KACInC,WAAW,EAAEkC,mBAAUC,MATC,EAWxB;AACJ;AACA,KACIxC,WAAW,EAAEuC,mBAAUE,MAdC,EAgBxB;AACJ;AACA,KACI1C,MAAM,EAAEwC,mBAAUE,MAnBM,EAqBxB;AACJ;AACA,KACIlD,YAAY,EAAEgD,mBAAUG,GAxBA,EA0BxB;AACJ;AACA,KACI7C,aAAa,EAAE0C,mBAAUC,MA7BD,EA+BxB;AACJ;AACA;AACA;AACA,KACI1C,IAAI,EAAEyC,mBAAUE,MApCQ,E","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { PopupHelper, PositionObject, Rect } from './PopupHelper';\r\nimport { jsStyles } from './PopupPin.styles';\r\n\r\nconst borderStyles = {\r\n  position: 'absolute',\r\n  borderStyle: 'solid',\r\n  borderTopColor: 'transparent',\r\n  borderBottomColor: 'transparent',\r\n  borderLeftColor: 'transparent',\r\n  borderRightColor: 'transparent',\r\n};\r\n\r\ninterface Props {\r\n  backgroundColor: string;\r\n  borderColor: string;\r\n  borderWidth: number;\r\n  offset: number;\r\n  popupElement: Nullable<HTMLElement>;\r\n  popupPosition: string;\r\n  size: number;\r\n}\r\n\r\nexport class PopupPin extends React.Component<Props> {\r\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Цвет фон пина\r\n     */\r\n    backgroundColor: PropTypes.string,\r\n\r\n    /**\r\n     * Цвет границы пина\r\n     */\r\n    borderColor: PropTypes.string,\r\n\r\n    /**\r\n     * Ширина границы пина\r\n     */\r\n    borderWidth: PropTypes.number,\r\n\r\n    /**\r\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\r\n     */\r\n    offset: PropTypes.number,\r\n\r\n    /**\r\n     * Ссылка на попап\r\n     */\r\n    popupElement: PropTypes.any,\r\n\r\n    /**\r\n     * Позиция поапа, по которой будет вычеслено положение пина\r\n     */\r\n    popupPosition: PropTypes.string,\r\n\r\n    /**\r\n     * Сторона пина без учёта границы.\r\n     * Пин представляет собой равносторонний треугольник, высота от попапа\r\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\r\n     */\r\n    size: PropTypes.number,\r\n  };\r\n\r\n  public render() {\r\n    if (!this.props.popupElement) {\r\n      return null;\r\n    }\r\n\r\n    const options = this.getPinOptions(\r\n      PopupHelper.getElementAbsoluteRect(this.props.popupElement),\r\n      PopupHelper.getPositionObject(this.props.popupPosition),\r\n      this.props.size,\r\n      this.props.offset,\r\n      this.props.borderWidth,\r\n    );\r\n\r\n    const styleOuter: React.CSSProperties = this.getOuterStyle(\r\n      options.activeBorder,\r\n      options.outerSize,\r\n      this.props.borderColor,\r\n    );\r\n\r\n    const styleInner: React.CSSProperties = this.getInnerStyle(\r\n      options.activeBorder,\r\n      this.props.size,\r\n      this.props.backgroundColor,\r\n    );\r\n\r\n    const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\r\n\r\n    return (\r\n      <div className={jsStyles.wrapper()} style={styleWrapper}>\r\n        <div style={styleOuter}>\r\n          <div style={styleInner} />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private getPopupOppositeDirection(): 'bottom' | 'top' | 'left' | 'right' {\r\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\r\n    switch (popupDirection) {\r\n      case 'top':\r\n        return 'bottom';\r\n      case 'bottom':\r\n        return 'top';\r\n      case 'left':\r\n        return 'right';\r\n      case 'right':\r\n        return 'left';\r\n      default:\r\n        throw new TypeError('Unknown direction ' + popupDirection);\r\n    }\r\n  }\r\n\r\n  private getWrapperStyle(left: number, top: number, borderWidth: number) {\r\n    const direction = this.getPopupOppositeDirection();\r\n    switch (direction) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return {\r\n          [direction]: -borderWidth + 'px',\r\n          left: left + 'px',\r\n          width: borderWidth * 2 + 'px',\r\n          height: borderWidth + 'px',\r\n        };\r\n      case 'left':\r\n      case 'right':\r\n        return {\r\n          [direction]: -borderWidth + 'px',\r\n          top: top + 'px',\r\n          height: borderWidth * 2 + 'px',\r\n          width: borderWidth + 'px',\r\n        };\r\n      default:\r\n        throw new TypeError('Unknown direction ' + direction);\r\n    }\r\n  }\r\n\r\n  private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\r\n    const direction = this.getPopupOppositeDirection();\r\n    switch (direction) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 'px',\r\n          left: '0px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      case 'left':\r\n      case 'right':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 'px',\r\n          top: '0px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      default:\r\n        throw new TypeError('Unknown direction ' + direction);\r\n    }\r\n  }\r\n\r\n  private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\r\n    const direction = this.getPopupOppositeDirection();\r\n    switch (direction) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 2 + 'px',\r\n          left: -borderWitdth + 'px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      case 'left':\r\n      case 'right':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 2 + 'px',\r\n          top: -borderWitdth + 'px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      default:\r\n        throw new TypeError('Unknown direction ' + direction);\r\n    }\r\n  }\r\n\r\n  private getPinOptions(\r\n    popupRect: Rect,\r\n    popupPosition: PositionObject,\r\n    pinSize: number,\r\n    pinOffset: number,\r\n    borderWidth: number,\r\n  ) {\r\n    const bordersDelta = 2 * borderWidth;\r\n    const outerSize = pinSize + bordersDelta;\r\n\r\n    switch (popupPosition.direction) {\r\n      case 'top':\r\n        return {\r\n          outerTop: popupRect.height,\r\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          innerTop: -outerSize,\r\n          innerLeft: -outerSize + bordersDelta,\r\n          activeBorder: 'Top',\r\n          outerSize,\r\n        };\r\n      case 'bottom':\r\n        return {\r\n          outerTop: -2 * outerSize,\r\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          innerTop: -outerSize + 2 * bordersDelta,\r\n          innerLeft: -outerSize + bordersDelta,\r\n          activeBorder: 'Bottom',\r\n          outerSize,\r\n        };\r\n      case 'left':\r\n        return {\r\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          outerLeft: popupRect.width,\r\n          innerTop: -outerSize + bordersDelta,\r\n          innerLeft: -outerSize,\r\n          activeBorder: 'Left',\r\n          outerSize,\r\n        };\r\n      case 'right':\r\n        return {\r\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          outerLeft: -2 * outerSize,\r\n          innerTop: -outerSize + bordersDelta,\r\n          innerLeft: -outerSize + 2 * bordersDelta,\r\n          activeBorder: 'Right',\r\n          outerSize,\r\n        };\r\n      default:\r\n        throw new Error('Direction must be one of top, right, bottom, left');\r\n    }\r\n  }\r\n\r\n  private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\r\n    switch (align) {\r\n      case 'top':\r\n        return pinOffset;\r\n      case 'middle':\r\n        return popupRect.height / 2 - pinHeight;\r\n      case 'bottom':\r\n        return popupRect.height - pinOffset - 2 * pinHeight;\r\n      default:\r\n        throw new Error(`Unexpected align '${align}'`);\r\n    }\r\n  }\r\n\r\n  private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\r\n    switch (align) {\r\n      case 'left':\r\n        return pinOffset;\r\n      case 'center':\r\n        return popupRect.width / 2 - pinHeight;\r\n      case 'right':\r\n        return popupRect.width - pinOffset - 2 * pinHeight;\r\n      default:\r\n        throw new Error(`Unexpected align '${align}'`);\r\n    }\r\n  }\r\n}\r\n"]}

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

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

package/cjs/internal/Popup/PopupPin.styles.js

@@ -1,13 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
-
-var styles = {
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject());
-
-
-
-
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

package/cjs/internal/Popup/PopupPin.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PopupPin.styles.ts"],"names":["styles","wrapper","css","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,eAAOC,YAAP;;;;;AAKD,GAPY,EAAf;;;AAUO,IAAMC,QAAQ,GAAG,2BAAaH,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  wrapper() {\r\n    return css`\r\n      overflow: hidden;\r\n      position: absolute;\r\n      pointer-events: none;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

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

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

package/cjs/internal/Popup/index.js

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

package/cjs/internal/Popup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Popup';\r\n"]}

package/cjs/internal/PopupMenu/PopupMenu.d.ts

@@ -1,82 +0,0 @@
-import React from 'react';
-import { PopupPosition } from '../Popup';
-export interface PopupMenuCaptionProps {
-    opened: boolean;
-    openMenu: (firstItemShouldBeSelected?: boolean) => void;
-    closeMenu: (restoreFocus?: boolean) => void;
-    toggleMenu: () => void;
-}
-export interface PopupMenuProps {
-    children?: React.ReactNode;
-    /** Максимальная высота меню */
-    menuMaxHeight?: number | string;
-    /** Ширина меню */
-    menuWidth?: number | string;
-    /**
-     * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо ```caption```,
-     * в таком случае управлять открытием и закрытием меню
-     * придется в этой функции
-     */
-    caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    /**  Массив разрешенных положений меню относительно caption'а. */
-    positions?: PopupPosition[];
-    /** Колбэк, вызываемый после открытия/закрытия меню */
-    onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;
-    /** Пропсы, передающиеся в Popup */
-    popupHasPin?: boolean;
-    popupMargin?: number;
-    popupPinOffset?: number;
-    type?: 'dropdown' | 'tooltip';
-    disableAnimations: boolean;
-}
-interface PopupMenuState {
-    menuVisible: boolean;
-    firstItemShouldBeSelected?: boolean;
-}
-export declare const PopupMenuType: {
-    Dropdown: string;
-    Tooltip: string;
-};
-export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        positions: PopupPosition[];
-        type: string;
-        popupHasPin: boolean;
-        popupMargin: number;
-        disableAnimations: boolean;
-    };
-    static Type: {
-        Dropdown: string;
-        Tooltip: string;
-    };
-    state: {
-        menuVisible: boolean;
-        firstItemShouldBeSelected: boolean;
-    };
-    private captionWrapper;
-    private savedFocusableElement;
-    private menu;
-    render(): JSX.Element;
-    open: () => void;
-    close: () => void;
-    private refInternalMenu;
-    private handleOpen;
-    private renderCaption;
-    private hideMenuWithoutFocusing;
-    private getPositions;
-    private showMenu;
-    private hideMenu;
-    private toggleMenu;
-    private handleCaptionClick;
-    private handleCaptionKeyDown;
-    private handleKeyDown;
-    private saveFocus;
-    private restoreFocus;
-    private handleChangeMenuVisible;
-    private handleItemSelection;
-}
-export {};