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

package/cjs/internal/InternalMaskedInput/InternalMaskedInput.js

@@ -1,241 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MaskedInputDataTids = exports.InternalMaskedInput = 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 _reactInputMask = _interopRequireDefault(require("react-input-mask"));
-
-var _utils = require("../../lib/utils");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-
-var _MaskCharLowLine = require("../MaskCharLowLine");
-var _Emotion = require("../../lib/theming/Emotion");
-var _createPropsGetter = require("../../lib/createPropsGetter");
-
-var _InternalMaskedInput2 = require("./InternalMaskedInput.styles");var _excluded = ["maskChar", "alwaysShowMask", "hasLeftIcon", "hasRightIcon", "maxLength", "onValueChange", "onUnexpectedInput", "defaultValue", "style"];
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var MaskedInputDataTids = exports.MaskedInputDataTids = {
-  root: 'MaskedInput__root'
-};
-
-/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.
- * todo: выпилить в 5 версии библиотеки.
- * */var
-InternalMaskedInput = exports.InternalMaskedInput = /*#__PURE__*/function (_React$PureComponent) {
-
-
-
-
-
-
-
-
-
-
-
-
-
-  function InternalMaskedInput(_props) {var _this;
-    _this = _React$PureComponent.call(this, _props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(InternalMaskedInput.defaultProps);_this.input = null;_this.reactInputMask = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getValue = function (props) {
-      if ((0, _utils.isNonNullable)(props.value)) {
-        return props.value.toString();
-      }
-
-      if ((0, _utils.isNonNullable)(props.defaultValue)) {
-        return props.defaultValue.toString();
-      }
-
-      return '';
-    };_this.
-
-    refInput = function (input) {
-      _this.input = input;
-    };_this.
-
-    refMaskedInput = function (reactInputMask) {
-      _this.reactInputMask = reactInputMask;
-    };_this.
-
-    handleChange = function (event) {
-      if (event.target.value === _this.state.value) {
-        _this.handleUnexpectedInput();
-      } else {
-        _this.setState({ value: event.target.value, originValue: event.target.value });
-        if (_this.props.onValueChange) {
-          _this.props.onValueChange(event.target.value);
-        }
-        if (_this.props.onChange) {
-          _this.props.onChange(event);
-        }
-      }
-    };_this.
-
-    handleFocus = function (event) {
-      _this.setState({ focused: true });
-
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-    };_this.
-
-    handleBlur = function (event) {
-      _this.setState({ focused: false });
-
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-    };_this.
-
-    preprocess = function (
-    newState,
-    oldState,
-    userInput,
-    options)
-    {
-      var visibleMaskChars = new Array(options.mask.length).fill(_this.getProps().maskChar);
-
-      if (newState.value !== oldState.value && userInput === null) {
-        _this.setState({
-          value: newState.value,
-          originValue: newState.value
-        });
-      }
-
-      options.mask.split('').forEach(function (char, index) {
-        // @ts-expect-error InternalMaskedInput will be deleted in 5.0
-        if (options.permanents.includes(index)) {
-          visibleMaskChars[index] = char;
-        }
-
-        if (newState.value[index]) {
-          visibleMaskChars[index] = newState.value[index];
-        }
-      });
-
-      var emptyValue = visibleMaskChars.join('');
-
-      if (_this.state.emptyValue !== emptyValue) {
-        _this.setState({
-          emptyValue: emptyValue
-        });
-      }
-
-      return newState;
-    };_this.
-
-    isMaskVisible = function () {return _this.props.alwaysShowMask || _this.state.focused;};_this.
-
-    handleUnexpectedInput = function () {
-      if (_this.props.onUnexpectedInput) {
-        _this.props.onUnexpectedInput(_this.state.value);
-      }
-    };_this.state = { value: _this.getValue(_props), originValue: _this.getValue(_props), emptyValue: '', focused: false };return _this;}(0, _inheritsLoose2.default)(InternalMaskedInput, _React$PureComponent);var _proto = InternalMaskedInput.prototype;_proto.componentDidMount = function componentDidMount() {if (this.reactInputMask) {// FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue
-      this.reactInputMask.forceUpdate();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.value !== prevProps.value) {this.setState({ value: this.props.value ? this.props.value.toString() : '' });}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,maskChar = _this$props.maskChar,alwaysShowMask = _this$props.alwaysShowMask,hasLeftIcon = _this$props.hasLeftIcon,hasRightIcon = _this$props.hasRightIcon,maxLength = _this$props.maxLength,onValueChange = _this$props.onValueChange,onUnexpectedInput = _this$props.onUnexpectedInput,defaultValue = _this$props.defaultValue,style = _this$props.style,inputProps = (0, _objectWithoutPropertiesLoose2.default)(_this$props, _excluded);var _this$state = this.state,emptyValue = _this$state.emptyValue,value = _this$state.value,originValue = _this$state.originValue;var leftHelper = (style == null ? void 0 : style.textAlign) !== 'right' && /*#__PURE__*/_react.default.createElement("span", { style: { color: 'transparent' } }, emptyValue.slice(0, originValue.length));var leftClass = (style == null ? void 0 : style.textAlign) !== 'right' && _InternalMaskedInput2.styles.inputMaskLeft();var rightHelper = emptyValue.slice(originValue.length).split('').map(function (_char, i) {return _char === '_' ? /*#__PURE__*/_react.default.createElement(_MaskCharLowLine.MaskCharLowLine, { key: i }) : _char;});return /*#__PURE__*/_react.default.createElement("span", { "data-tid": MaskedInputDataTids.root, className: _InternalMaskedInput2.styles.container(), "x-ms-format-detection": "none" }, /*#__PURE__*/_react.default.createElement(_reactInputMask.default, (0, _extends2.default)({}, inputProps, { maskChar: null // @ts-expect-error InternalMaskedInput will be deleted in 5.0
-        , beforeMaskedValueChange: this.preprocess, alwaysShowMask: false, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, value: value, inputRef: this.refInput, ref: this.refMaskedInput, style: (0, _extends2.default)({}, style) })), this.isMaskVisible() && /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_InternalMaskedInput2.styles.inputMask(this.theme), leftClass), translate: "no" }, leftHelper, rightHelper));};return InternalMaskedInput;}(_react.default.PureComponent);InternalMaskedInput.__KONTUR_REACT_UI__ = 'InternalMaskedInput';InternalMaskedInput.displayName = 'InternalMaskedInput';InternalMaskedInput.defaultProps = { maskChar: '_' };

package/cjs/internal/InternalMaskedInput/InternalMaskedInput.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactInputMask","_utils","_ThemeContext","_MaskCharLowLine","_Emotion","_createPropsGetter","_InternalMaskedInput2","_excluded","MaskedInputDataTids","exports","root","InternalMaskedInput","_React$PureComponent","props","_this","call","getProps","createPropsGetter","defaultProps","input","reactInputMask","getValue","isNonNullable","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","originValue","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","_inheritsLoose2","default","_proto","prototype","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this$props","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","_objectWithoutPropertiesLoose2","_this$state","leftHelper","textAlign","color","slice","leftClass","styles","inputMaskLeft","rightHelper","map","_char","i","MaskCharLowLine","key","className","container","_extends2","beforeMaskedValueChange","inputRef","ref","cx","inputMask","translate","React","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["InternalMaskedInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { InputState } from 'react-input-mask';\nimport ReactInputMask from 'react-input-mask';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './InternalMaskedInput.styles';\n\nexport interface InternalMaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n\n  emptyValue: string;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<Pick<InternalMaskedInputProps, 'maskChar'>>;\n\nexport const MaskedInputDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\n/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.\n * todo: выпилить в 5 версии библиотеки.\n * */\nexport class InternalMaskedInput extends React.PureComponent<InternalMaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'InternalMaskedInput';\n  public static displayName = 'InternalMaskedInput';\n\n  public static defaultProps: DefaultProps = {\n    maskChar: '_',\n  };\n\n  private getProps = createPropsGetter(InternalMaskedInput.defaultProps);\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: InternalMaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      originValue: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: InternalMaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value, originValue } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, originValue.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(originValue.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span data-tid={MaskedInputDataTids.root} className={styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cx(styles.inputMask(this.theme), leftClass)} translate=\"no\">\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: InternalMaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    }\n\n    if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value, originValue: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: Pick<InternalMaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.getProps().maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n        originValue: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +0,0 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    container(): string;
-    inputMask(t: Theme): string;
-    inputMaskLeft(): string;
-};

package/cjs/internal/InternalMaskedInput/InternalMaskedInput.styles.js

@@ -1,30 +0,0 @@
-"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, _templateObject2, _templateObject3;
-
-
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  container: function container() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    "])));
-
-
-
-
-
-  },
-  inputMask: function inputMask(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    "])),
-    t.placeholderColor);
-
-
-
-
-
-  },
-  inputMaskLeft: function inputMaskLeft() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    "])));
-
-
-
-
-
-  }
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","styles","exports","memoizeStyle","container","css","_taggedTemplateLiteralLoose2","default","inputMask","t","placeholderColor","inputMaskLeft"],"sources":["InternalMaskedInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  container() {\n    return css`\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    `;\n  },\n  inputMask(t: Theme) {\n    return css`\n      color: ${t.placeholderColor};\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    `;\n  },\n  inputMaskLeft() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;EACDC,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACC,gBAAgB;;;;;;EAM/B,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}

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

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

package/cjs/internal/InternalMaskedInput/index.js

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

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

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

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

@@ -1,31 +0,0 @@
-import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-interface PopupPinProps {
-    /** Цвет фона пина */
-    backgroundColor: string;
-    /** Смещение пина от края попапа. Край задаётся в пропе position вторым словом */
-    offset: number;
-    /** Ссылка на попап */
-    popupElement?: Nullable<Element>;
-    /** Позиция попапа, по которой будет вычислено положение пина */
-    popupPosition: string;
-    /**
-     * Сторона пина без учёта границы.
-     * Пин представляет собой равносторонний треугольник, высота от попапа
-     * до "носика" пина будет соответствовать формуле (size* √3)/2
-     */
-    size: number;
-}
-export declare class PopupPinNew extends React.Component<PopupPinProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private positionObject;
-    render(): React.JSX.Element | null;
-    private getPopupOppositeDirection;
-    private getPinInlineStyle;
-    private getPinCoordinates;
-    private getPinTopCoordinate;
-    private getPinLeftCoordinate;
-    private getPinDirectionalStyle;
-}
-export {};

package/cjs/internal/Popup/PopupPinNew.js

@@ -1,180 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PopupPinNew = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-
-var _Emotion = require("../../lib/theming/Emotion");
-
-
-var _PopupHelper = require("./PopupHelper");
-var _PopupPinNew2 = require("./PopupPinNew.styles");
-var _Popup = require("./Popup");var
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-PopupPinNew = exports.PopupPinNew = /*#__PURE__*/function (_React$Component) {function PopupPinNew() {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.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getPinInlineStyle = function (left, top) {var _ref, _ref2;
-      var direction = _this.getPopupOppositeDirection();
-      if (!direction) {
-        return;
-      }
-
-      // Добавляем запас в 1px, чтобы пофиксить случайные отделения пинов
-      var correctedLeft = left - 1;
-      var correctedTop = top - 1;
-      var correctedSize = _this.props.size + 1;
-
-      switch (direction) {
-        case 'top':
-        case 'bottom':
-          return _ref = {}, _ref[
-          direction] = -_this.props.size + 'px', _ref.
-          left = correctedLeft + 'px', _ref.
-          width = correctedSize * 2 + 'px', _ref.
-          height = correctedSize + 'px', _ref.
-          backgroundColor = _this.props.backgroundColor, _ref;
-
-        case 'left':
-        case 'right':
-          return _ref2 = {}, _ref2[
-          direction] = -_this.props.size + 'px', _ref2.
-          top = correctedTop + 'px', _ref2.
-          height = correctedSize * 2 + 'px', _ref2.
-          width = correctedSize + 'px', _ref2.
-          backgroundColor = _this.props.backgroundColor, _ref2;
-
-        default:
-          console.error("Can't get inline style: invalid direction '" + direction + "'. Returning default");
-      }
-    };_this.
-
-    getPinCoordinates = function (popupElement) {
-      var popupRect = _PopupHelper.PopupHelper.getElementAbsoluteRect(popupElement);
-      var _this$positionObject = _this.positionObject,direction = _this$positionObject.direction,align = _this$positionObject.align;
-      switch (direction) {
-        case 'top':
-          return {
-            top: popupRect.height,
-            left: _this.getPinLeftCoordinate(popupRect, align)
-          };
-        case 'bottom':
-          return {
-            top: -2 * _this.props.size,
-            left: _this.getPinLeftCoordinate(popupRect, align)
-          };
-        case 'left':
-          return {
-            top: _this.getPinTopCoordinate(popupRect, align),
-            left: popupRect.width
-          };
-        case 'right':
-          return {
-            top: _this.getPinTopCoordinate(popupRect, align),
-            left: -2 * _this.props.size
-          };
-        default:
-          console.error("Can't get coordinate: invalid direction '" + direction + "'.");
-      }
-    };_this.
-
-    getPinTopCoordinate = function (popupRect, align) {
-      switch (align) {
-        case 'top':
-          return _this.props.offset;
-        case 'middle':
-          return popupRect.height / 2 - _this.props.size;
-        case 'bottom':
-          return popupRect.height - _this.props.offset - 2 * _this.props.size;
-        default:
-          console.error("Can't get coordinate: invalid align '" + align + "'.");
-      }
-    };_this.
-
-    getPinLeftCoordinate = function (popupRect, align) {
-      switch (align) {
-        case 'left':
-          return _this.props.offset;
-        case 'center':
-          return popupRect.width / 2 - _this.props.size;
-        case 'right':
-          return popupRect.width - _this.props.offset - 2 * _this.props.size;
-        default:
-          console.error("Can't get coordinate: invalid align '" + align + "'.");
-      }
-    };_this.
-
-    getPinDirectionalStyle = function () {
-      switch (_this.positionObject.direction) {
-        case 'top':
-          return _PopupPinNew2.styles.pinTop();
-        case 'bottom':
-          return _PopupPinNew2.styles.pinBottom();
-        case 'left':
-          return _PopupPinNew2.styles.pinLeft();
-        case 'right':
-          return _PopupPinNew2.styles.pinRight();
-        default:
-          console.error("Can't get directional style: invalid direction '" + _this.positionObject.direction + "'.");
-      }
-    };return _this;}(0, _inheritsLoose2.default)(PopupPinNew, _React$Component);var _proto = PopupPinNew.prototype;_proto.render = function render() {if (!this.props.popupElement) {return null;}this.positionObject = _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition);var coords = this.getPinCoordinates(this.props.popupElement);if (!coords || !coords.left || !coords.top) {return null;}var inlineStyle = this.getPinInlineStyle(coords.left, coords.top);var directionalStyle = this.getPinDirectionalStyle();if (!inlineStyle || !directionalStyle) {return null;}return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _Popup.PopupDataTids.popupPin, className: (0, _Emotion.cx)(_PopupPinNew2.styles.pin(), directionalStyle), style: inlineStyle });};_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:console.error("Can't get opposite direction: invalid direction '" + popupDirection + "'");}};return PopupPinNew;}(_react.default.Component);PopupPinNew.__KONTUR_REACT_UI__ = 'PopupPin';PopupPinNew.displayName = 'PopupPin';

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_PopupHelper","_PopupPinNew2","_Popup","PopupPinNew","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getPinInlineStyle","left","top","_ref","_ref2","direction","getPopupOppositeDirection","correctedLeft","correctedTop","correctedSize","props","size","width","height","backgroundColor","console","error","getPinCoordinates","popupElement","popupRect","PopupHelper","getElementAbsoluteRect","_this$positionObject","positionObject","align","getPinLeftCoordinate","getPinTopCoordinate","offset","getPinDirectionalStyle","styles","pinTop","pinBottom","pinLeft","pinRight","_inheritsLoose2","default","_proto","prototype","render","getPositionObject","popupPosition","coords","inlineStyle","directionalStyle","createElement","PopupDataTids","popupPin","className","cx","pin","style","popupDirection","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["PopupPinNew.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport type { PositionObject, Rect } from './PopupHelper';\nimport { PopupHelper } from './PopupHelper';\nimport { styles } from './PopupPinNew.styles';\nimport { PopupDataTids } from './Popup';\n\ninterface PopupPinProps {\n  /** Цвет фона пина */\n  backgroundColor: string;\n\n  /** Смещение пина от края попапа. Край задаётся в пропе position вторым словом */\n  offset: number;\n\n  /** Ссылка на попап */\n  popupElement?: Nullable<Element>;\n\n  /** Позиция попапа, по которой будет вычислено положение пина */\n  popupPosition: string;\n\n  /**\n   * Сторона пина без учёта границы.\n   * Пин представляет собой равносторонний треугольник, высота от попапа\n   * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n   */\n  size: number;\n}\n\nexport class PopupPinNew extends React.Component<PopupPinProps> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  private positionObject!: PositionObject;\n\n  public render() {\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    this.positionObject = PopupHelper.getPositionObject(this.props.popupPosition);\n\n    const coords = this.getPinCoordinates(this.props.popupElement);\n    if (!coords || !coords.left || !coords.top) {\n      return null;\n    }\n\n    const inlineStyle = this.getPinInlineStyle(coords.left, coords.top);\n    const directionalStyle = this.getPinDirectionalStyle();\n    if (!inlineStyle || !directionalStyle) {\n      return null;\n    }\n\n    return (\n      <div data-tid={PopupDataTids.popupPin} className={cx(styles.pin(), directionalStyle)} style={inlineStyle}></div>\n    );\n  }\n\n  private getPopupOppositeDirection() {\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\n    switch (popupDirection) {\n      case 'top':\n        return 'bottom';\n      case 'bottom':\n        return 'top';\n      case 'left':\n        return 'right';\n      case 'right':\n        return 'left';\n      default:\n        console.error(`Can't get opposite direction: invalid direction '${popupDirection}'`);\n    }\n  }\n\n  private getPinInlineStyle = (left: number, top: number) => {\n    const direction = this.getPopupOppositeDirection();\n    if (!direction) {\n      return;\n    }\n\n    // Добавляем запас в 1px, чтобы пофиксить случайные отделения пинов\n    const correctedLeft = left - 1;\n    const correctedTop = top - 1;\n    const correctedSize = this.props.size + 1;\n\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -this.props.size + 'px',\n          left: correctedLeft + 'px',\n          width: correctedSize * 2 + 'px',\n          height: correctedSize + 'px',\n          backgroundColor: this.props.backgroundColor,\n        };\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -this.props.size + 'px',\n          top: correctedTop + 'px',\n          height: correctedSize * 2 + 'px',\n          width: correctedSize + 'px',\n          backgroundColor: this.props.backgroundColor,\n        };\n      default:\n        console.error(`Can't get inline style: invalid direction '${direction}'. Returning default`);\n    }\n  };\n\n  private getPinCoordinates = (popupElement: Element) => {\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n    const { direction, align } = this.positionObject;\n    switch (direction) {\n      case 'top':\n        return {\n          top: popupRect.height,\n          left: this.getPinLeftCoordinate(popupRect, align),\n        };\n      case 'bottom':\n        return {\n          top: -2 * this.props.size,\n          left: this.getPinLeftCoordinate(popupRect, align),\n        };\n      case 'left':\n        return {\n          top: this.getPinTopCoordinate(popupRect, align),\n          left: popupRect.width,\n        };\n      case 'right':\n        return {\n          top: this.getPinTopCoordinate(popupRect, align),\n          left: -2 * this.props.size,\n        };\n      default:\n        console.error(`Can't get coordinate: invalid direction '${direction}'.`);\n    }\n  };\n\n  private getPinTopCoordinate = (popupRect: Rect, align: string) => {\n    switch (align) {\n      case 'top':\n        return this.props.offset;\n      case 'middle':\n        return popupRect.height / 2 - this.props.size;\n      case 'bottom':\n        return popupRect.height - this.props.offset - 2 * this.props.size;\n      default:\n        console.error(`Can't get coordinate: invalid align '${align}'.`);\n    }\n  };\n\n  private getPinLeftCoordinate = (popupRect: Rect, align: string) => {\n    switch (align) {\n      case 'left':\n        return this.props.offset;\n      case 'center':\n        return popupRect.width / 2 - this.props.size;\n      case 'right':\n        return popupRect.width - this.props.offset - 2 * this.props.size;\n      default:\n        console.error(`Can't get coordinate: invalid align '${align}'.`);\n    }\n  };\n\n  private getPinDirectionalStyle = () => {\n    switch (this.positionObject.direction) {\n      case 'top':\n        return styles.pinTop();\n      case 'bottom':\n        return styles.pinBottom();\n      case 'left':\n        return styles.pinLeft();\n      case 'right':\n        return styles.pinRight();\n      default:\n        console.error(`Can't get directional style: invalid direction '${this.positionObject.direction}'.`);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +0,0 @@
-export declare const styles: {
-    pin(): string;
-    pinTop(): string;
-    pinBottom(): string;
-    pinLeft(): string;
-    pinRight(): string;
-};

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

@@ -1,33 +0,0 @@
-"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, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  pin: function pin() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n    "])));
-
-
-  },
-
-  pinTop: function pinTop() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(0 0, 50% 100%, 100% 0);\n    "])));
-
-
-  },
-
-  pinBottom: function pinBottom() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(0 100%, 50% 0, 100% 100%);\n    "])));
-
-
-  },
-
-  pinLeft: function pinLeft() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(0 0, 100% 50%, 0 100%);\n    "])));
-
-
-  },
-
-  pinRight: function pinRight() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(100% 0, 0 50%, 100% 100%);\n    "])));
-
-
-  }
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","pin","css","_taggedTemplateLiteralLoose2","default","pinTop","pinBottom","pinLeft","pinRight"],"sources":["PopupPinNew.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  pin() {\n    return css`\n      position: absolute;\n    `;\n  },\n\n  pinTop() {\n    return css`\n      clip-path: polygon(0 0, 50% 100%, 100% 0);\n    `;\n  },\n\n  pinBottom() {\n    return css`\n      clip-path: polygon(0 100%, 50% 0, 100% 100%);\n    `;\n  },\n\n  pinLeft() {\n    return css`\n      clip-path: polygon(0 0, 100% 50%, 0 100%);\n    `;\n  },\n\n  pinRight() {\n    return css`\n      clip-path: polygon(100% 0, 0 50%, 100% 100%);\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,GAAG,WAAAA,IAAA,EAAG;IACJ,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/themes/BasicLightTheme.d.ts

@@ -1,5 +0,0 @@
-/**
- * This file is for backward compatibility only. Remove in 6.0.0.
- * @deprecated use BasicThemeClass or BasicThemeClassForExtension
- */
-export { BasicThemeClass as BasicLightThemeInternal } from './BasicTheme';

package/cjs/internal/themes/BasicLightTheme.js

@@ -1,6 +0,0 @@
-"use strict";exports.__esModule = true;exports.BasicLightThemeInternal = void 0;
-
-
-
-
-var _BasicTheme = require("./BasicTheme");exports.BasicLightThemeInternal = _BasicTheme.BasicThemeClass;

package/cjs/internal/themes/BasicLightTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_BasicTheme","require","exports","BasicLightThemeInternal","BasicThemeClass"],"sources":["BasicLightTheme.ts"],"sourcesContent":["/**\n * This file is for backward compatibility only. Remove in 6.0.0.\n * @deprecated use BasicThemeClass or BasicThemeClassForExtension\n */\n\nexport { BasicThemeClass as BasicLightThemeInternal } from './BasicTheme';\n"],"mappings":";;;;;AAKA,IAAAA,WAAA,GAAAC,OAAA,iBAA0EC,OAAA,CAAAC,uBAAA,GAAAH,WAAA,CAAAI,eAAA","ignoreList":[]}

package/cjs/internal/themes/DarkTheme5_0.d.ts

@@ -1 +0,0 @@
-export declare const DarkTheme5_0: Readonly<typeof import("./BasicTheme").BasicThemeClass>;