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

package/cjs/components/Toast/Toast.js

@@ -1,157 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Toast = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-
-var _RenderContainer = require("../../internal/RenderContainer");
-
-
-var _Toast = require("./Toast.styles");
-var _ToastView = require("./ToastView");
-var _ToastStatic = require("./ToastStatic");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Toast manages notifications
- * method `push` is sending notification,
- * then automatically hides it after 3 or 7 seconds,
- * depending on if this notification contains action or not.
- *
- * Can be used like `Toast.push('message')` or
- * `Toast.push('message', {label: 'Cancel', handler: cancelHandler})`
- */var
-Toast = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Toast, _React$Component);Toast.
-
-
-  push = function push(notification, action) {
-    _ToastStatic.ToastStatic.push(notification, action);
-  };Toast.
-
-  close = function close() {
-    _ToastStatic.ToastStatic.close();
-  };
-
-
-
-
-  function Toast(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this._toast = void 0;_this._timeout = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    close = function () {
-      safelyCall(_this.props.onClose, _this.state.notification, _this.state.action);
-      _this.setState({ notification: null, action: null });
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    _clearTimer = function () {
-      if (_this._timeout) {
-        clearTimeout(_this._timeout);
-        _this._timeout = null;
-      }
-    };_this.
-
-    _setTimer = function () {
-      _this._clearTimer();
-
-      var timeOut = _this.state.action ? 7 : 3;
-
-      _this._timeout = window.setTimeout(_this.close, timeOut * 1000);
-    };_this.
-
-    _refToast = function (element) {
-      _this._toast = element;
-    };_this.state = { notification: null, action: null, id: 0 };return _this;}var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, this._renderToast()));} /**
-   * Показывает тост с `notification` в качестве сообщения.
-   *
-   * `action` опциональный параметр формата `{ label: string, handler: function }` добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
-   * @public
-   * @param notification
-   * @param action
-   */;_proto.push = function push(notification, action) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1 };}, this._setTimer);} /**
-   * @public
-   */;_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, action: action };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast.jsStyles.enter(), enterActive: _Toast.jsStyles.enterActive(), exit: _Toast.jsStyles.exit(), exitActive: _Toast.jsStyles.exitActive() }, timeout: { enter: 200, exit: 150 } }, /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps)));};return Toast;}(_react.default.Component);exports.Toast = Toast;Toast.__KONTUR_REACT_UI__ = 'Toast';function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}

package/cjs/components/Toast/Toast.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Toast.tsx"],"names":["Toast","push","notification","action","ToastStatic","close","props","_toast","_timeout","safelyCall","onClose","state","setState","_clearTimer","clearTimeout","_setTimer","timeOut","window","setTimeout","_refToast","element","id","componentWillUnmount","render","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","enter","jsStyles","enterActive","exit","exitActive","React","Component","__KONTUR_REACT_UI__","fn","args"],"mappings":"mUAAA;AACA;;AAEA;;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;AACaA,K;;;AAGGC,EAAAA,I,GAAd,cAAmBC,YAAnB,EAAyCC,MAAzC,EAA0D;AACxDC,6BAAYH,IAAZ,CAAiBC,YAAjB,EAA+BC,MAA/B;AACD,G;;AAEaE,EAAAA,K,GAAd,iBAAsB;AACpBD,6BAAYC,KAAZ;AACD,G;;;;;AAKD,iBAAYC,KAAZ,EAA+B;AAC7B,wCAAMA,KAAN,UAD6B,MAHxBC,MAGwB,gBAFvBC,QAEuB,GAFM,IAEN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CxBH,IAAAA,KA1CwB,GA0ChB,YAAM;AACnBI,MAAAA,UAAU,CAAC,MAAKH,KAAL,CAAWI,OAAZ,EAAqB,MAAKC,KAAL,CAAWT,YAAhC,EAA8C,MAAKS,KAAL,CAAWR,MAAzD,CAAV;AACA,YAAKS,QAAL,CAAc,EAAEV,YAAY,EAAE,IAAhB,EAAsBC,MAAM,EAAE,IAA9B,EAAd;AACD,KA7C8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFvBU,IAAAA,WAjFuB,GAiFT,YAAM;AAC1B,UAAI,MAAKL,QAAT,EAAmB;AACjBM,QAAAA,YAAY,CAAC,MAAKN,QAAN,CAAZ;AACA,cAAKA,QAAL,GAAgB,IAAhB;AACD;AACF,KAtF8B;;AAwFvBO,IAAAA,SAxFuB,GAwFX,YAAM;AACxB,YAAKF,WAAL;;AAEA,UAAMG,OAAO,GAAG,MAAKL,KAAL,CAAWR,MAAX,GAAoB,CAApB,GAAwB,CAAxC;;AAEA,YAAKK,QAAL,GAAgBS,MAAM,CAACC,UAAP,CAAkB,MAAKb,KAAvB,EAA8BW,OAAO,GAAG,IAAxC,CAAhB;AACD,KA9F8B;;AAgGvBG,IAAAA,SAhGuB,GAgGX,UAACC,OAAD,EAAwB;AAC1C,YAAKb,MAAL,GAAca,OAAd;AACD,KAlG8B,CAE7B,MAAKT,KAAL,GAAa,EACXT,YAAY,EAAE,IADH,EAEXC,MAAM,EAAE,IAFG,EAGXkB,EAAE,EAAE,CAHO,EAAb,CAF6B,aAO9B,C,oCAEMC,oB,GAAP,gCAA8B,CAC5B,KAAKT,WAAL,GACD,C,QAEMU,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,gCAAD,qBACE,6BAAC,qCAAD,QAAkB,KAAKC,YAAL,EAAlB,CADF,CADF,CAKD,C,CAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA,K,QACSvB,I,GAAP,cAAYC,YAAZ,EAAkCC,MAAlC,EAAmD,CACjD,IAAI,KAAKQ,KAAL,CAAWT,YAAf,EAA6B,CAC3B,KAAKG,KAAL,GACD,CAEDI,UAAU,CAAC,KAAKH,KAAL,CAAWmB,MAAZ,EAAoBvB,YAApB,EAAkCC,MAAlC,CAAV,CAEA,KAAKS,QAAL,CAAc,qBAAGS,EAAH,QAAGA,EAAH,QAAa,EAAEnB,YAAY,EAAZA,YAAF,EAAgBC,MAAM,EAANA,MAAhB,EAAwBkB,EAAE,EAAEA,EAAE,GAAG,CAAjC,EAAb,EAAd,EAAkE,KAAKN,SAAvE,EACD,C,CAED;AACF;AACA,K,QAMUS,Y,GAAR,wBAAuB,mBACgB,KAAKb,KADrB,CACbT,YADa,eACbA,YADa,CACCC,MADD,eACCA,MADD,CACSkB,EADT,eACSA,EADT,CAGrB,IAAI,CAACnB,YAAL,EAAmB,CACjB,OAAO,IAAP,CACD,CAED,IAAMwB,UAA0B,GAAG,EACjCC,YAAY,EAAE,KAAKd,WADc,EAEjCe,YAAY,EAAE,KAAKb,SAFc,EAGjCL,OAAO,EAAE,KAAKL,KAHmB,EAIjCwB,QAAQ,EAAE3B,YAJuB,EAKjCC,MAAM,EAANA,MALiC,EAAnC,CAQA,oBACE,6BAAC,mCAAD,IACE,GAAG,EAAEkB,EADP,EAEE,UAAU,EAAE,EACVS,KAAK,EAAEC,gBAASD,KAAT,EADG,EAEVE,WAAW,EAAED,gBAASC,WAAT,EAFH,EAGVC,IAAI,EAAEF,gBAASE,IAAT,EAHI,EAIVC,UAAU,EAAEH,gBAASG,UAAT,EAJF,EAFd,EAQE,OAAO,EAAE,EACPJ,KAAK,EAAE,GADA,EAEPG,IAAI,EAAE,GAFC,EARX,iBAaE,6BAAC,oBAAD,2BAAW,GAAG,EAAE,KAAKd,SAArB,IAAoCO,UAApC,EAbF,CADF,CAiBD,C,gBA7FwBS,eAAMC,S,wBAApBpC,K,CACGqC,mB,GAAsB,O,CAkHtC,SAAS5B,UAAT,CAAoB6B,EAApB,EAAoE,CAClE,IAAIA,EAAJ,EAAQ,mCAD6CC,IAC7C,uEAD6CA,IAC7C,8BACND,EAAE,MAAF,SAAMC,IAAN,EACD,CACF","sourcesContent":["import React from 'react';\r\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\r\n\r\nimport { RenderContainer } from '../../internal/RenderContainer';\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { jsStyles } from './Toast.styles';\r\nimport { ToastView, ToastViewProps } from './ToastView';\r\nimport { ToastStatic } from './ToastStatic';\r\n\r\nexport interface Action {\r\n  label: string;\r\n  handler: () => void;\r\n}\r\n\r\nexport interface ToastState {\r\n  notification: Nullable<string>;\r\n  action: Nullable<Action>;\r\n  id: number;\r\n}\r\n\r\nexport interface ToastProps {\r\n  onPush?: (notification: string, action?: Action) => void;\r\n  onClose?: (notification: string, action?: Action) => void;\r\n}\r\n\r\n/**\r\n * Toast manages notifications\r\n * method `push` is sending notification,\r\n * then automatically hides it after 3 or 7 seconds,\r\n * depending on if this notification contains action or not.\r\n *\r\n * Can be used like `Toast.push('message')` or\r\n * `Toast.push('message', {label: 'Cancel', handler: cancelHandler})`\r\n */\r\nexport class Toast extends React.Component<ToastProps, ToastState> {\r\n  public static __KONTUR_REACT_UI__ = 'Toast';\r\n\r\n  public static push(notification: string, action?: Action) {\r\n    ToastStatic.push(notification, action);\r\n  }\r\n\r\n  public static close() {\r\n    ToastStatic.close();\r\n  }\r\n\r\n  public _toast: Nullable<ToastView>;\r\n  private _timeout: Nullable<number> = null;\r\n\r\n  constructor(props: ToastProps) {\r\n    super(props);\r\n    this.state = {\r\n      notification: null,\r\n      action: null,\r\n      id: 0,\r\n    };\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this._clearTimer();\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <RenderContainer>\r\n        <TransitionGroup>{this._renderToast()}</TransitionGroup>\r\n      </RenderContainer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Показывает тост с `notification` в качестве сообщения.\r\n   *\r\n   * `action` опциональный параметр формата `{ label: string, handler: function }` добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\r\n   * @public\r\n   * @param notification\r\n   * @param action\r\n   */\r\n  public push(notification: string, action?: Action) {\r\n    if (this.state.notification) {\r\n      this.close();\r\n    }\r\n\r\n    safelyCall(this.props.onPush, notification, action);\r\n\r\n    this.setState(({ id }) => ({ notification, action, id: id + 1 }), this._setTimer);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close = () => {\r\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\r\n    this.setState({ notification: null, action: null });\r\n  };\r\n\r\n  private _renderToast() {\r\n    const { notification, action, id } = this.state;\r\n\r\n    if (!notification) {\r\n      return null;\r\n    }\r\n\r\n    const toastProps: ToastViewProps = {\r\n      onMouseEnter: this._clearTimer,\r\n      onMouseLeave: this._setTimer,\r\n      onClose: this.close,\r\n      children: notification,\r\n      action,\r\n    };\r\n\r\n    return (\r\n      <CSSTransition\r\n        key={id}\r\n        classNames={{\r\n          enter: jsStyles.enter(),\r\n          enterActive: jsStyles.enterActive(),\r\n          exit: jsStyles.exit(),\r\n          exitActive: jsStyles.exitActive(),\r\n        }}\r\n        timeout={{\r\n          enter: 200,\r\n          exit: 150,\r\n        }}\r\n      >\r\n        <ToastView ref={this._refToast} {...toastProps} />\r\n      </CSSTransition>\r\n    );\r\n  }\r\n\r\n  private _clearTimer = () => {\r\n    if (this._timeout) {\r\n      clearTimeout(this._timeout);\r\n      this._timeout = null;\r\n    }\r\n  };\r\n\r\n  private _setTimer = () => {\r\n    this._clearTimer();\r\n\r\n    const timeOut = this.state.action ? 7 : 3;\r\n\r\n    this._timeout = window.setTimeout(this.close, timeOut * 1000);\r\n  };\r\n\r\n  private _refToast = (element: ToastView) => {\r\n    this._toast = element;\r\n  };\r\n}\r\n\r\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\r\n  if (fn) {\r\n    fn(...args);\r\n  }\r\n}\r\n"]}

package/cjs/components/Toast/Toast.md

@@ -1,41 +0,0 @@
-Вызов статических методов
-
-```jsx harmony
-import { Button, Toast } from '@skbkontur/react-ui';
-
-function showComplexNotification() {
-  Toast.push('Successfully saved', {
-    label: 'Cancel',
-    handler: () => Toast.push('Canceled'),
-  });
-}
-
-<Button onClick={showComplexNotification}>Show notification</Button>;
-```
-
-Использование `ref`
-
-```jsx harmony
-import { Button, Toast } from '@skbkontur/react-ui';
-
-class Toaster extends React.Component {
-  showNotification() {
-    this.notifier.push('Successfully');
-  }
-
-  render() {
-    return (
-      <div>
-        <Toast
-          ref={el => {
-            this.notifier = el;
-          }}
-        />
-        <Button onClick={() => this.showNotification()}>Show notification</Button>
-      </div>
-    );
-  }
-}
-
-<Toaster />;
-```

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

@@ -1,6 +0,0 @@
-export declare const jsStyles: {
-    enter(): string;
-    enterActive(): string;
-    exit(): string;
-    exitActive(): string;
-};

package/cjs/components/Toast/Toast.styles.js

@@ -1,29 +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 _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(0);\n      opacity: 1;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0);\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(-40px);\n    "]);_templateObject = function _templateObject() {return data;};return data;}
-
-var styles = {
-  enter: function enter() {
-    return (0, _Emotion.css)(_templateObject());
-
-
-  },
-  enterActive: function enterActive() {
-    return (0, _Emotion.css)(_templateObject2());
-
-
-
-  },
-  exit: function exit() {
-    return (0, _Emotion.css)(_templateObject3());
-
-
-
-  },
-  exitActive: function exitActive() {
-    return (0, _Emotion.css)(_templateObject4());
-
-
-
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Toast.styles.ts"],"names":["styles","enter","css","enterActive","exit","exitActive","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,WANa,yBAMC;AACZ,eAAOD,YAAP;;;;AAID,GAXY;AAYbE,EAAAA,IAZa,kBAYN;AACL,eAAOF,YAAP;;;;AAID,GAjBY;AAkBbG,EAAAA,UAlBa,wBAkBA;AACX,eAAOH,YAAP;;;;AAID,GAvBY,EAAf;;;AA0BO,IAAMI,QAAQ,GAAG,2BAAaN,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  enter() {\r\n    return css`\r\n      transform: translateY(-40px);\r\n    `;\r\n  },\r\n  enterActive() {\r\n    return css`\r\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n      transform: translateY(0);\r\n    `;\r\n  },\r\n  exit() {\r\n    return css`\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    `;\r\n  },\r\n  exitActive() {\r\n    return css`\r\n      opacity: 0.01;\r\n      transition: opacity 0.15s ease-out;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/cjs/components/Toast/ToastStatic.d.ts

@@ -1,8 +0,0 @@
-import { Action } from './Toast';
-export declare class ToastStatic {
-    static push: (notification: string, action?: Action | undefined) => void;
-    static _push: (notification: string, action?: Action | undefined) => void;
-    static close: () => void;
-    private static node;
-    private static instance;
-}

package/cjs/components/Toast/ToastStatic.js

@@ -1,40 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ToastStatic = void 0;var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-
-
-var _Toast = require("./Toast");var
-
-
-ToastStatic = function ToastStatic() {};exports.ToastStatic = ToastStatic;ToastStatic.
-push = function (notification, action) {
-  if (!ToastStatic.node) {
-    ToastStatic.node = document.createElement('div');var _document =
-    document,body = _document.body;
-    if (!body) {
-      throw Error('There is no "body" element in "document"');
-    }
-    body.appendChild(ToastStatic.node);
-
-    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_Toast.Toast, { "data-tid": "StaticToast", ref: function ref(el) {return ToastStatic.instance = el;} }), ToastStatic.node, function () {return (
-        ToastStatic._push(notification, action));});
-
-  } else {
-    ToastStatic._push(notification, action);
-  }
-};ToastStatic.
-
-_push = function (notification, action) {
-  if (ToastStatic.instance) {
-    ToastStatic.instance.push(notification, action);
-  }
-};ToastStatic.
-
-close = function () {
-  if (ToastStatic.instance) {
-    ToastStatic.instance.close();
-  }
-};ToastStatic.
-
-node = void 0;ToastStatic.
-instance = null;

package/cjs/components/Toast/ToastStatic.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ToastStatic.tsx"],"names":["ToastStatic","push","notification","action","node","document","createElement","body","Error","appendChild","ReactDOM","render","el","instance","_push","close"],"mappings":"yJAAA;AACA;;;;AAIA,gC;;;AAGaA,W,+DAAAA,W;AACGC,I,GAAO,UAACC,YAAD,EAAuBC,MAAvB,EAA2C;AAC9D,MAAI,CAACH,WAAW,CAACI,IAAjB,EAAuB;AACrBJ,IAAAA,WAAW,CAACI,IAAZ,GAAmBC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB,CADqB;AAEJD,IAAAA,QAFI,CAEbE,IAFa,aAEbA,IAFa;AAGrB,QAAI,CAACA,IAAL,EAAW;AACT,YAAMC,KAAK,CAAC,0CAAD,CAAX;AACD;AACDD,IAAAA,IAAI,CAACE,WAAL,CAAiBT,WAAW,CAACI,IAA7B;;AAEAM,sBAASC,MAAT,eAAgB,6BAAC,YAAD,IAAO,YAAS,aAAhB,EAA8B,GAAG,EAAE,aAAAC,EAAE,UAAKZ,WAAW,CAACa,QAAZ,GAAuBD,EAA5B,EAArC,GAAhB,EAA0FZ,WAAW,CAACI,IAAtG,EAA4G;AAC1GJ,QAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC,CAD0G,GAA5G;;AAGD,GAXD,MAWO;AACLH,IAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC;AACD;AACF,C,CAhBUH,W;;AAkBGc,K,GAAQ,UAACZ,YAAD,EAAuBC,MAAvB,EAA2C;AAC/D,MAAIH,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBZ,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC;AACD;AACF,C,CAtBUH,W;;AAwBGe,K,GAAQ,YAAM;AAC1B,MAAIf,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA5BUf,W;;AA8BII,I,UA9BJJ,W;AA+BIa,Q,GAA4B,I","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { Toast, Action } from './Toast';\r\n\r\n\r\nexport class ToastStatic {\r\n  public static push = (notification: string, action?: Action) => {\r\n    if (!ToastStatic.node) {\r\n      ToastStatic.node = document.createElement('div');\r\n      const { body } = document;\r\n      if (!body) {\r\n        throw Error('There is no \"body\" element in \"document\"');\r\n      }\r\n      body.appendChild(ToastStatic.node);\r\n\r\n      ReactDOM.render(<Toast data-tid=\"StaticToast\" ref={el => (ToastStatic.instance = el)} />, ToastStatic.node, () =>\r\n        ToastStatic._push(notification, action),\r\n      );\r\n    } else {\r\n      ToastStatic._push(notification, action);\r\n    }\r\n  };\r\n\r\n  public static _push = (notification: string, action?: Action) => {\r\n    if (ToastStatic.instance) {\r\n      ToastStatic.instance.push(notification, action);\r\n    }\r\n  };\r\n\r\n  public static close = () => {\r\n    if (ToastStatic.instance) {\r\n      ToastStatic.instance.close();\r\n    }\r\n  };\r\n\r\n  private static node: HTMLDivElement;\r\n  private static instance: Nullable<Toast> = null;\r\n}\r\n"]}

package/cjs/components/Toast/ToastView.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-export interface ToastViewProps {
-    /**
-     * Toast content
-     */
-    children?: string;
-    /**
-     * Adds action handling and close icon for toast
-     */
-    action?: {
-        label: string;
-        handler: () => void;
-    } | null;
-    onClose?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-}
-export declare class ToastView extends React.Component<ToastViewProps> {
-    static propTypes: {
-        /**
-         * Adds action handling and close icon for toast
-         */
-        action: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Validator<string>;
-            handler: import("prop-types").Validator<(...args: any[]) => any>;
-        }>>;
-        /**
-         * Toast content
-         */
-        children: import("prop-types").Validator<string>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-}

package/cjs/components/Toast/ToastView.js

@@ -1,87 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ToastView = 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 _propTypes = require("prop-types");
-
-var _CrossIcon = require("../../internal/icons/CrossIcon");
-var _ZIndex = require("../../internal/ZIndex");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-
-
-var _ToastView = require("./ToastView.styles");var
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-ToastView = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ToastView, _React$Component);function ToastView() {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.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    theme = void 0;return _this;}var _proto = ToastView.prototype;_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,children = _this$props.children,action = _this$props.action,onClose = _this$props.onClose,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["children", "action", "onClose"]);
-
-    var link = action ? /*#__PURE__*/
-    _react.default.createElement("span", { className: _ToastView.jsStyles.link(this.theme), onClick: action.handler },
-    action.label) :
-
-    null;
-
-    var close = action ? /*#__PURE__*/
-    _react.default.createElement("span", { className: _ToastView.jsStyles.closeWrapper() }, /*#__PURE__*/
-    _react.default.createElement("span", { className: _ToastView.jsStyles.close(this.theme), onClick: onClose }, /*#__PURE__*/
-    _react.default.createElement(_CrossIcon.CrossIcon, null))) :
-
-
-    null;
-
-    return /*#__PURE__*/(
-      _react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: _ToastView.jsStyles.wrapper() }, /*#__PURE__*/
-      _react.default.createElement("div", (0, _extends2.default)({ "data-tid": "ToastView__root", className: _ToastView.jsStyles.root(this.theme) }, rest), /*#__PURE__*/
-      _react.default.createElement("span", null, children),
-      link,
-      close)));
-
-
-
-  };return ToastView;}(_react.default.Component);exports.ToastView = ToastView;ToastView.propTypes = { /**
-   * Adds action handling and close icon for toast
-   */action: (0, _propTypes.shape)({ label: _propTypes.string.isRequired, handler: _propTypes.func.isRequired }), /**
-   * Toast content
-   */children: _propTypes.string.isRequired, onClose: _propTypes.func };

package/cjs/components/Toast/ToastView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ToastView.tsx"],"names":["ToastView","theme","render","renderMain","props","children","action","onClose","rest","link","jsStyles","handler","label","close","closeWrapper","wrapper","root","React","Component","propTypes","string","isRequired","func"],"mappings":"mcAAA;AACA;;AAEA;AACA;AACA;;;AAGA,+C;;;;;;;;;;;;;;;;;;;AAmBaA,S;;;;;;;;;;;;;;;;AAgBHC,IAAAA,K;;AAEDC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAAAD,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEOA,EAAAA,U,GAAR,sBAAqB;AAC4B,SAAKC,KADjC,CACXC,QADW,eACXA,QADW,CACDC,MADC,eACDA,MADC,CACOC,OADP,eACOA,OADP,CACmBC,IADnB;;AAGnB,QAAMC,IAAI,GAAGH,MAAM;AACjB,2CAAM,SAAS,EAAEI,oBAASD,IAAT,CAAc,KAAKR,KAAnB,CAAjB,EAA4C,OAAO,EAAEK,MAAM,CAACK,OAA5D;AACGL,IAAAA,MAAM,CAACM,KADV,CADiB;;AAIf,QAJJ;;AAMA,QAAMC,KAAK,GAAGP,MAAM;AAClB,2CAAM,SAAS,EAAEI,oBAASI,YAAT,EAAjB;AACE,2CAAM,SAAS,EAAEJ,oBAASG,KAAT,CAAe,KAAKZ,KAApB,CAAjB,EAA6C,OAAO,EAAEM,OAAtD;AACE,iCAAC,oBAAD,OADF,CADF,CADkB;;;AAMhB,QANJ;;AAQA;AACE,mCAAC,cAAD,IAAQ,QAAQ,EAAC,OAAjB,EAAyB,SAAS,EAAEG,oBAASK,OAAT,EAApC;AACE,mEAAK,YAAS,iBAAd,EAAgC,SAAS,EAAEL,oBAASM,IAAT,CAAc,KAAKf,KAAnB,CAA3C,IAA0EO,IAA1E;AACE,iDAAOH,QAAP,CADF;AAEGI,MAAAA,IAFH;AAGGI,MAAAA,KAHH,CADF,CADF;;;;AASD,G,oBAvD4BI,eAAMC,S,gCAAxBlB,S,CACGmB,S,GAAY,EACxB;AACJ;AACA,KACIb,MAAM,EAAE,sBAAM,EACZM,KAAK,EAAEQ,kBAAOC,UADF,EAEZV,OAAO,EAAEW,gBAAKD,UAFF,EAAN,CAJgB,EAQxB;AACJ;AACA,KACIhB,QAAQ,EAAEe,kBAAOC,UAXO,EAYxBd,OAAO,EAAEe,eAZe,E","sourcesContent":["import React from 'react';\r\nimport { func, shape, string } from 'prop-types';\r\n\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './ToastView.styles';\r\n\r\nexport interface ToastViewProps {\r\n  /**\r\n   * Toast content\r\n   */\r\n  children?: string;\r\n  /**\r\n   * Adds action handling and close icon for toast\r\n   */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n  } | null;\r\n  onClose?: () => void;\r\n  onMouseEnter?: () => void;\r\n  onMouseLeave?: () => void;\r\n}\r\n\r\nexport class ToastView extends React.Component<ToastViewProps> {\r\n  public static propTypes = {\r\n    /**\r\n     * Adds action handling and close icon for toast\r\n     */\r\n    action: shape({\r\n      label: string.isRequired,\r\n      handler: func.isRequired,\r\n    }),\r\n    /**\r\n     * Toast content\r\n     */\r\n    children: string.isRequired,\r\n    onClose: func,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { children, action, onClose, ...rest } = this.props;\r\n\r\n    const link = action ? (\r\n      <span className={jsStyles.link(this.theme)} onClick={action.handler}>\r\n        {action.label}\r\n      </span>\r\n    ) : null;\r\n\r\n    const close = action ? (\r\n      <span className={jsStyles.closeWrapper()}>\r\n        <span className={jsStyles.close(this.theme)} onClick={onClose}>\r\n          <CrossIcon />\r\n        </span>\r\n      </span>\r\n    ) : null;\r\n\r\n    return (\r\n      <ZIndex priority=\"Toast\" className={jsStyles.wrapper()}>\r\n        <div data-tid=\"ToastView__root\" className={jsStyles.root(this.theme)} {...rest}>\r\n          <span>{children}</span>\r\n          {link}\r\n          {close}\r\n        </div>\r\n      </ZIndex>\r\n    );\r\n  }\r\n}\r\n"]}

package/cjs/components/Toast/ToastView.styles.d.ts

@@ -1,7 +0,0 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    wrapper(): string;
-    closeWrapper(): string;
-    link(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    close(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};

package/cjs/components/Toast/ToastView.styles.js

@@ -1,74 +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 _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      height: 8px;\n      line-height: 0;\n      margin: -12px -8px;\n      padding: 12px 8px;\n      text-align: center;\n      width: 8px;\n\n      &:hover {\n        color: ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      margin: -10px 24px -11px 4px;\n      padding: 10px 10px 11px;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      line-height: 40px;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-radius: 2px;\n      color: ", ";\n      display: inline-block;\n      font-size: 14px;\n      opacity: 1;\n      padding: 10px 20px 11px;\n      position: relative;\n      top: 20px;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
-
-
-var styles = {
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
-    t.toastBg,
-
-    t.toastColor);
-
-
-
-
-
-
-
-  },
-
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject2());
-
-
-
-
-
-
-
-  },
-
-  closeWrapper: function closeWrapper() {
-    return (0, _Emotion.css)(_templateObject3());
-
-
-
-
-
-
-  },
-
-  link: function link(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    t.toastLinkColor);
-
-
-
-
-
-
-
-
-
-
-  },
-
-  close: function close(t) {
-    return (0, _Emotion.css)(_templateObject5(),
-    t.toastCloseColor,
-
-
-
-
-
-
-
-
-
-
-    t.toastCloseHoverColor);
-
-
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

package/cjs/components/Toast/ToastView.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ToastView.styles.ts"],"names":["styles","root","t","css","toastBg","toastColor","wrapper","closeWrapper","link","toastLinkColor","close","toastCloseColor","toastCloseHoverColor","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,OADlB;;AAGWF,IAAAA,CAAC,CAACG,UAHb;;;;;;;;AAWD,GAbY;;AAebC,EAAAA,OAfa,qBAeH;AACR,eAAOH,YAAP;;;;;;;;AAQD,GAxBY;;AA0BbI,EAAAA,YA1Ba,0BA0BE;AACb,eAAOJ,YAAP;;;;;;;AAOD,GAlCY;;AAoCbK,EAAAA,IApCa,gBAoCRN,CApCQ,EAoCE;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACO,cADb;;;;;;;;;;;AAYD,GAjDY;;AAmDbC,EAAAA,KAnDa,iBAmDPR,CAnDO,EAmDG;AACd,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACS,eADb;;;;;;;;;;;AAYaT,IAAAA,CAAC,CAACU,oBAZf;;;AAeD,GAnEY,EAAf;;;AAsEO,IAAMC,QAAQ,GAAG,2BAAab,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      background: ${t.toastBg};\r\n      border-radius: 2px;\r\n      color: ${t.toastColor};\r\n      display: inline-block;\r\n      font-size: 14px;\r\n      opacity: 1;\r\n      padding: 10px 20px 11px;\r\n      position: relative;\r\n      top: 20px;\r\n    `;\r\n  },\r\n\r\n  wrapper() {\r\n    return css`\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 0;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  closeWrapper() {\r\n    return css`\r\n      display: inline-block;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      line-height: 40px;\r\n    `;\r\n  },\r\n\r\n  link(t: Theme) {\r\n    return css`\r\n      color: ${t.toastLinkColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      font-weight: 600;\r\n      margin: -10px 24px -11px 4px;\r\n      padding: 10px 10px 11px;\r\n\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    `;\r\n  },\r\n\r\n  close(t: Theme) {\r\n    return css`\r\n      color: ${t.toastCloseColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      height: 8px;\r\n      line-height: 0;\r\n      margin: -12px -8px;\r\n      padding: 12px 8px;\r\n      text-align: center;\r\n      width: 8px;\r\n\r\n      &:hover {\r\n        color: ${t.toastCloseHoverColor};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

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

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

package/cjs/components/Toast/index.js

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

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

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

package/cjs/components/Toggle/Toggle.d.ts

@@ -1,58 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export interface ToggleProps {
-    children?: React.ReactNode;
-    /**
-     * Положение children справа или слева от переключателя
-     * @default 'right'
-     */
-    captionPosition: 'left' | 'right';
-    checked?: boolean;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    onValueChange?: (value: boolean) => void;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    warning?: boolean;
-    error?: boolean;
-    loading?: boolean;
-    autoFocus?: boolean;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    color?: React.CSSProperties['color'];
-}
-export interface ToggleState {
-    checked?: boolean;
-    focusByTab?: boolean;
-}
-export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        checked: PropTypes.Requireable<boolean>;
-        defaultChecked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        loading: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        disabled: boolean;
-        loading: boolean;
-        captionPosition: string;
-    };
-    private theme;
-    private input;
-    constructor(props: ToggleProps);
-    componentDidMount(): void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    render(): JSX.Element;
-    private renderMain;
-    private inputRef;
-    private handleChange;
-    private handleFocus;
-    private handleBlur;
-    private isUncontrolled;
-}