@skbkontur/react-ui 0.0.0-001618ff8c → 0.0.0-044e274f2c

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_globalObject","_ThemeFactory","_RenderContainer","_CommonWrapper","_currentEnvironment","_rootNode","_Emotion","_ThemeContext","_Toast2","_ToastView","_ToastStatic","_class","_Toast","ToastDataTids","exports","toastStatic","toastView","action","close","Toast","rootNode","_React$Component","props","_this","call","rootRef","React","createRef","safelyCall","onClose","state","notification","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","globalObject","clearTimeout","_setTimer","_this$state$showTime","showTime","setTimeout","_refToast","_toast","id","_inheritsLoose2","default","push","ToastStatic","_proto","prototype","componentWillUnmount","render","_this2","createElement","EmotionConsumer","emotion","styles","getStyles","ThemeContext","Consumer","theme","ThemeFactory","create","Provider","value","RenderContainer","TransitionGroup","_renderToast","onPush","_ref","_this$state","toastProps","onMouseEnter","onMouseLeave","children","CSSTransition","key","classNames","enter","enterActive","exit","exitActive","timeout","isTestEnv","nodeRef","CommonWrapper","_extends2","rootNodeRef","ToastView","ref","Component","__KONTUR_REACT_UI__","displayName","fn","_len","arguments","length","args","Array","_key","apply"],"sources":["Toast.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Toast.styles';\nimport { ToastView, ToastViewProps } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n  'aria-label'?: string;\n}\n\nexport interface ToastState {\n  notification: Nullable<string>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  onPush?: (notification: string, action?: Action) => void;\n  onClose?: (notification: string, action?: Action) => void;\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n}\n\nexport const ToastDataTids = {\n  toastStatic: 'StaticToast',\n  toastView: 'ToastView__root',\n  action: 'ToastView__action',\n  close: 'ToastView__close',\n} as const;\n\n/**\n * Показывает уведомления.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * Для статических тостов <u>рекомендуется</u> использовать компонент [SingleToast](https://tech.skbkontur.ru/react-ui/#/Components/SingleToast) - в нём исправлены эти проблемы.\n *\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  public static displayName = 'Toast';\n\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n\n  public static push(notification: string, action?: Nullable<Action>, showTime?: number) {\n    ToastStatic.push(notification, action, showTime);\n  }\n\n  public static close() {\n    ToastStatic.close();\n  }\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: SafeTimer;\n  private rootRef = React.createRef<HTMLElement>();\n\n  constructor(props: ToastProps) {\n    super(props);\n    this.state = {\n      notification: null,\n      action: null,\n      id: 0,\n      showTime: null,\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n                return (\n                  <ThemeContext.Provider value={this.theme}>\n                    <RenderContainer>\n                      <TransitionGroup>{this._renderToast()}</TransitionGroup>\n                    </RenderContainer>\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action`.\n   * Время показа можно задать вручную, передав `showTime`.\n   *\n   * @public\n   * @param {string} notification\n   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`\n   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n   * @param {number} showTime Время существования Toast в миллисекундах\n   */\n  public push(notification: string, action?: Nullable<Action>, showTime?: number) {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, action);\n\n    this.setState(({ id }) => ({ notification, action, id: id + 1, showTime }), this._setTimer);\n  }\n\n  /**\n   * @public\n   */\n  public close = () => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      'aria-label': this.props['aria-label'],\n      action,\n    };\n    const styles = this.styles;\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: styles.enter(),\n          enterActive: styles.enterActive(),\n          exit: styles.exit(),\n          exitActive: styles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n        nodeRef={this.rootRef}\n      >\n        <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\n  }\n\n  private setRootRef = (element: Nullable<Element>) => {\n    this.setRootNode(element);\n    // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n    this.rootRef.current = element;\n  };\n\n  private _clearTimer = () => {\n    if (this._timeout) {\n      globalObject.clearTimeout(this._timeout);\n      this._timeout = null;\n    }\n  };\n\n  private _setTimer = () => {\n    this._clearTimer();\n\n    let showTime = this.state.action ? 7000 : 3000;\n    showTime = this.state.showTime ?? showTime;\n    this._timeout = globalObject.setTimeout(this.close, showTime);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Toast/Toast.md

@@ -0,0 +1,69 @@
+Вызов статических методов
+
+```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>;
+```
+
+C кастомным showTime
+
+```jsx harmony
+import { Button, Toast } from '@skbkontur/react-ui';
+
+function showComplexNotification() {
+  Toast.push('Successfully saved', {
+    label: 'Cancel',
+    handler: () => Toast.push('Canceled'),
+  }, 15000);
+}
+
+<Button onClick={showComplexNotification}>Show notification</Button>;
+```
+
+C кастомным showTime без action
+
+
+```jsx harmony
+import { Button, Toast } from '@skbkontur/react-ui';
+
+function showComplexNotification() {
+  Toast.push('Successfully saved', null, 15000);
+}
+
+<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

@@ -0,0 +1,7 @@
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const getStyles: (emotion: Emotion) => {
+    enter(): string;
+    enterActive(): string;
+    exit(): string;
+    exitActive(): string;
+};

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

@@ -0,0 +1,30 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var getStyles = exports.getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      enter: function enter() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        transform: translateY(-40px);\n      "])));
+
+
+      },
+      enterActive: function enterActive() {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n        transform: translateY(0) !important;\n      "])));
+
+
+
+      },
+      exit: function exit() {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        transform: translateY(0);\n        opacity: 1;\n      "])));
+
+
+
+      },
+      exitActive: function exitActive() {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        opacity: 0.01 !important;\n        transition: opacity 0.15s ease-out;\n      "])));
+
+
+
+      }
+    }));};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getStyles","exports","emotion","memoizeStyle","enter","css","_taggedTemplateLiteralLoose2","default","enterActive","exit","exitActive"],"sources":["Toast.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    enter() {\n      return emotion.css`\n        transform: translateY(-40px);\n      `;\n    },\n    enterActive() {\n      return emotion.css`\n        transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n        transform: translateY(0) !important;\n      `;\n    },\n    exit() {\n      return emotion.css`\n        transform: translateY(0);\n        opacity: 1;\n      `;\n    },\n    exitActive() {\n      return emotion.css`\n        opacity: 0.01 !important;\n        transition: opacity 0.15s ease-out;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,KAAK,WAAAA,MAAA,EAAG;QACN,OAAOF,OAAO,CAACG,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;MACDC,WAAW,WAAAA,YAAA,EAAG;QACZ,OAAON,OAAO,CAACG,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;MACDE,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOP,OAAO,CAACG,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;MACDG,UAAU,WAAAA,WAAA,EAAG;QACX,OAAOR,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;MAIpB;IACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import { Nullable } from '../../typings/utility-types';
+import { Action } from './Toast';
+export declare class ToastStatic {
+    static push: (notification: string, action?: Nullable<Action>, showTime?: number) => void;
+    static _push: (notification: string, action?: Nullable<Action>, showTime?: number) => void;
+    static close: () => void;
+    private static node;
+    private static instance;
+}

package/cjs/components/Toast/ToastStatic.js

@@ -0,0 +1,42 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastStatic = void 0;var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _globalObject = require("@skbkontur/global-object");
+
+
+
+var _Toast = require("./Toast");var _ToastStatic;var
+
+ToastStatic = exports.ToastStatic = function ToastStatic() {};_ToastStatic = ToastStatic;ToastStatic.
+push = function (notification, action, showTime) {
+  if (!_ToastStatic.node && _globalObject.globalObject.document) {
+    _ToastStatic.node = _globalObject.globalObject.document.createElement('div');
+    var body = _globalObject.globalObject.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": _Toast.ToastDataTids.toastStatic, ref: function ref(el) {return _ToastStatic.instance = el;} }),
+      _ToastStatic.node,
+      function () {return _ToastStatic._push(notification, action, showTime);}
+    );
+  } else {
+    _ToastStatic._push(notification, action, showTime);
+  }
+};ToastStatic.
+
+_push = function (notification, action, showTime) {
+  if (_ToastStatic.instance) {
+    _ToastStatic.instance.push(notification, action, showTime);
+  }
+};ToastStatic.
+
+close = function () {
+  if (_ToastStatic.instance) {
+    _ToastStatic.instance.close();
+  }
+};ToastStatic.
+
+
+instance = null;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_globalObject","_Toast","_ToastStatic","ToastStatic","exports","push","notification","action","showTime","node","globalObject","document","createElement","body","Error","appendChild","ReactDOM","render","default","Toast","ToastDataTids","toastStatic","ref","el","instance","_push","close"],"sources":["ToastStatic.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { Toast, Action, ToastDataTids } from './Toast';\n\nexport class ToastStatic {\n  public static push = (notification: string, action?: Nullable<Action>, showTime?: number) => {\n    if (!ToastStatic.node && globalObject.document) {\n      ToastStatic.node = globalObject.document.createElement('div');\n      const { body } = globalObject.document;\n      if (!body) {\n        throw Error('There is no \"body\" element in \"document\"');\n      }\n      body.appendChild(ToastStatic.node);\n\n      ReactDOM.render(\n        <Toast data-tid={ToastDataTids.toastStatic} ref={(el) => (ToastStatic.instance = el)} />,\n        ToastStatic.node,\n        () => ToastStatic._push(notification, action, showTime),\n      );\n    } else {\n      ToastStatic._push(notification, action, showTime);\n    }\n  };\n\n  public static _push = (notification: string, action?: Nullable<Action>, showTime?: number) => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.push(notification, action, showTime);\n    }\n  };\n\n  public static close = () => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.close();\n    }\n  };\n\n  private static node: HTMLDivElement;\n  private static instance: Nullable<Toast> = null;\n}\n"],"mappings":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;;;AAIA,IAAAG,MAAA,GAAAH,OAAA,YAAuD,IAAAI,YAAA;;AAE1CC,WAAW,GAAAC,OAAA,CAAAD,WAAA,YAAAA,YAAA,KAAAD,YAAA,GAAXC,WAAW,CAAXA,WAAW;AACRE,IAAI,GAAG,UAACC,YAAoB,EAAEC,MAAyB,EAAEC,QAAiB,EAAK;EAC3F,IAAI,CAACL,YAAW,CAACM,IAAI,IAAIC,0BAAY,CAACC,QAAQ,EAAE;IAC9CR,YAAW,CAACM,IAAI,GAAGC,0BAAY,CAACC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7D,IAAQC,IAAI,GAAKH,0BAAY,CAACC,QAAQ,CAA9BE,IAAI;IACZ,IAAI,CAACA,IAAI,EAAE;MACT,MAAMC,KAAK,CAAC,0CAA0C,CAAC;IACzD;IACAD,IAAI,CAACE,WAAW,CAACZ,YAAW,CAACM,IAAI,CAAC;;IAElCO,iBAAQ,CAACC,MAAM;MACbrB,MAAA,CAAAsB,OAAA,CAAAN,aAAA,CAACX,MAAA,CAAAkB,KAAK,IAAC,YAAUC,oBAAa,CAACC,WAAY,EAACC,GAAG,EAAE,SAAAA,IAACC,EAAE,UAAMpB,YAAW,CAACqB,QAAQ,GAAGD,EAAE,EAAE,EAAE,CAAC;MACxFpB,YAAW,CAACM,IAAI;MAChB,oBAAMN,YAAW,CAACsB,KAAK,CAACnB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,CAAC;IACzD,CAAC;EACH,CAAC,MAAM;IACLL,YAAW,CAACsB,KAAK,CAACnB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,CAAC;EACnD;AACF,CAAC,CAlBUL,WAAW;;AAoBRsB,KAAK,GAAG,UAACnB,YAAoB,EAAEC,MAAyB,EAAEC,QAAiB,EAAK;EAC5F,IAAIL,YAAW,CAACqB,QAAQ,EAAE;IACxBrB,YAAW,CAACqB,QAAQ,CAACnB,IAAI,CAACC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,CAAC;EAC3D;AACF,CAAC,CAxBUL,WAAW;;AA0BRuB,KAAK,GAAG,YAAM;EAC1B,IAAIvB,YAAW,CAACqB,QAAQ,EAAE;IACxBrB,YAAW,CAACqB,QAAQ,CAACE,KAAK,CAAC,CAAC;EAC9B;AACF,CAAC,CA9BUvB,WAAW;;;AAiCPqB,QAAQ,GAAoB,IAAI","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+import React, { AriaAttributes } from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Action } from './Toast';
+export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {
+    /**
+     * Toast content
+     */
+    children?: string;
+    /**
+     * Adds action handling and close icon for toast
+     */
+    action?: Nullable<Action>;
+    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;
+    private emotion;
+    private styles;
+    private setRootNode;
+    private readonly locale;
+    render(): React.JSX.Element;
+    private renderMain;
+}

package/cjs/components/Toast/ToastView.js

@@ -0,0 +1,127 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastView = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+
+
+var _decorators = require("../../lib/locale/decorators");
+
+var _ZIndex = require("../../internal/ZIndex");
+
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _rootNode = require("../../lib/rootNode");
+var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _ToastView2 = require("./ToastView.styles");
+var _Toast = require("./Toast");
+var _locale = require("./locale");var _dec, _class, _ToastView;var
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale.ToastLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_ToastView = /*#__PURE__*/function (_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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    renderMain = function () {
+      var _this$props = _this.props,action = _this$props.action,onClose = _this$props.onClose,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave;
+      var styles = _this.styles;
+
+      var link = action ? /*#__PURE__*/
+      _react.default.createElement("button", {
+        "aria-label": action['aria-label'],
+        "data-tid": _Toast.ToastDataTids.action,
+        className: styles.link(_this.theme),
+        onClick: action.handler },
+
+      action.label
+      ) :
+      null;
+
+      var close = action ? /*#__PURE__*/
+      _react.default.createElement("span", { className: styles.closeWrapper(_this.theme) }, /*#__PURE__*/
+      _react.default.createElement(_CloseButtonIcon.CloseButtonIcon, {
+        "aria-label": _this.locale.closeButtonAriaLabel,
+        "data-tid": _Toast.ToastDataTids.close,
+        onClick: onClose,
+        size: parseInt(_this.theme.toastCloseSize),
+        side: 40,
+        color: _this.theme.toastCloseColor,
+        colorHover: _this.theme.toastCloseHoverColor,
+        tabbable: false }
+      )
+      ) :
+      null;
+
+      return /*#__PURE__*/(
+        _react.default.createElement(_CommonWrapper.CommonWrapper, _this.props, /*#__PURE__*/
+        _react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: styles.wrapper(_this.theme) }, /*#__PURE__*/
+        _react.default.createElement("div", {
+          "data-tid": _Toast.ToastDataTids.toastView,
+          className: styles.root(_this.theme),
+          ref: _this.setRootNode,
+          onMouseEnter: onMouseEnter,
+          onMouseLeave: onMouseLeave }, /*#__PURE__*/
+
+        _react.default.createElement("span", null, _this.props.children),
+        link,
+        close
+        )
+        )
+        ));
+
+    };return _this;}(0, _inheritsLoose2.default)(ToastView, _React$Component);var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;_this2.styles = (0, _ToastView2.getStyles)(_this2.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};return ToastView;}(_react.default.Component), _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 }, _ToastView)) || _class) || _class);

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_decorators","_ZIndex","_CommonWrapper","_rootNode","_CloseButtonIcon","_ThemeContext","_Emotion","_ToastView2","_Toast","_locale","_dec","_class","_ToastView","ToastView","exports","locale","ToastLocaleHelper","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","onClose","onMouseEnter","onMouseLeave","styles","link","default","createElement","ToastDataTids","className","theme","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","toastCloseColor","colorHover","toastCloseHoverColor","tabbable","CommonWrapper","ZIndex","priority","wrapper","toastView","root","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","EmotionConsumer","emotion","getStyles","ThemeContext","Consumer","React","Component","propTypes","shape","string","isRequired","func"],"sources":["ToastView.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { func, shape, string } from 'prop-types';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './ToastView.styles';\nimport { Action, ToastDataTids } from './Toast';\nimport { ToastLocale, ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /**\n   * Toast content\n   */\n  children?: string;\n  /**\n   * Adds action handling and close icon for toast\n   */\n  action?: Nullable<Action>;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  public static propTypes = {\n    /**\n     * Adds action handling and close icon for toast\n     */\n    action: shape({\n      label: string.isRequired,\n      handler: func.isRequired,\n    }),\n    /**\n     * Toast content\n     */\n    children: string.isRequired,\n    onClose: func,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain = () => {\n    const { action, onClose, onMouseEnter, onMouseLeave } = this.props;\n    const styles = this.styles;\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={styles.link(this.theme)}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const close = action ? (\n      <span className={styles.closeWrapper(this.theme)}>\n        <CloseButtonIcon\n          aria-label={this.locale.closeButtonAriaLabel}\n          data-tid={ToastDataTids.close}\n          onClick={onClose}\n          size={parseInt(this.theme.toastCloseSize)}\n          side={40}\n          color={this.theme.toastCloseColor}\n          colorHover={this.theme.toastCloseHoverColor}\n          tabbable={false}\n        />\n      </span>\n    ) : null;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={styles.root(this.theme)}\n            ref={this.setRootNode}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          >\n            <span>{this.props.children}</span>\n            {link}\n            {close}\n          </div>\n        </ZIndex>\n      </CommonWrapper>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    root(t: Theme): string;
+    wrapper(t: Theme): string;
+    closeWrapper(t: Theme): string;
+    link(t: Theme): string;
+};

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

@@ -0,0 +1,79 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+
+var getVerticalPaddings = function getVerticalPaddings(theme) {
+  var toastPaddingY = theme.toastPaddingY;
+  var paddingY = parseInt(toastPaddingY);
+
+  return [paddingY + "px", paddingY + "px"];
+};
+
+var getStyles = exports.getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root(t) {
+        var _getVerticalPaddings = getVerticalPaddings(t),paddingTop = _getVerticalPaddings[0],paddingBottom = _getVerticalPaddings[1];
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        border-radius: ", ";\n        border: ", ";\n        color: ", ";\n        display: inline-flex;\n        font-size: ", ";\n        line-height: ", ";\n        opacity: 1;\n        padding: ", " ", " ", ";\n        position: relative;\n        top: ", ";\n      "])),
+        t.toastBg,
+        t.toastBorderRadius,
+        t.toastBorder,
+        t.toastColor,
+
+        t.toastFontSize,
+        t.toastLineHeight,
+
+        paddingTop, t.toastPaddingX, paddingBottom,
+
+        t.toastTop);
+
+      },
+
+      wrapper: function wrapper(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 0;\n        text-align: center;\n        border-radius: ", ";\n      "])),
+
+
+
+
+
+
+        t.toastBorderRadius);
+
+      },
+
+      closeWrapper: function closeWrapper(t) {
+        var _getVerticalPaddings2 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings2[0],paddingBottom = _getVerticalPaddings2[1];
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: flex;\n        margin: -", " -", " -", " -", ";\n      "])),
+
+        paddingTop, t.toastPaddingX, paddingBottom, t.toastClosePadding);
+
+      },
+
+      link: function link(t) {
+        var _getVerticalPaddings3 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings3[0],paddingBottom = _getVerticalPaddings3[1];
+        var padding = paddingTop + " " + t.toastLinkPadding;
+
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: none;\n        font: inherit;\n        color: ", ";\n        cursor: pointer;\n        display: inline-block;\n        font-weight: 600;\n        background-color: transparent;\n\n        margin: -", " ", " -", " ", ";\n\n        padding: ", ";\n        transition: background ", " ", ";\n        &:hover {\n          background: ", ";\n          text-decoration: ", ";\n        }\n\n        &:active {\n          background: ", ";\n        }\n      "])),
+
+
+        t.toastLinkColor,
+
+
+
+
+
+        paddingTop, t.toastPaddingX, paddingBottom, t.toastPaddingX,
+
+        padding,
+        t.transitionDuration, t.transitionTimingFunction,
+
+        t.toastLinkBgHover,
+        t.toastLinkTextDecorationHover,
+
+
+
+        t.toastLinkBgActive);
+
+
+      }
+    }));};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","getStyles","exports","emotion","memoizeStyle","root","t","_getVerticalPaddings","paddingTop","paddingBottom","css","_taggedTemplateLiteralLoose2","default","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","_getVerticalPaddings2","toastClosePadding","link","_getVerticalPaddings3","padding","toastLinkPadding","toastLinkColor","transitionDuration","transitionTimingFunction","toastLinkBgHover","toastLinkTextDecorationHover","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst getVerticalPaddings = (theme: Theme) => {\n  const { toastPaddingY } = theme;\n  const paddingY = parseInt(toastPaddingY);\n\n  return [`${paddingY}px`, `${paddingY}px`];\n};\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n      return emotion.css`\n        background: ${t.toastBg};\n        border-radius: ${t.toastBorderRadius};\n        border: ${t.toastBorder};\n        color: ${t.toastColor};\n        display: inline-flex;\n        font-size: ${t.toastFontSize};\n        line-height: ${t.toastLineHeight};\n        opacity: 1;\n        padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\n        position: relative;\n        top: ${t.toastTop};\n      `;\n    },\n\n    wrapper(t: Theme) {\n      return emotion.css`\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 0;\n        text-align: center;\n        border-radius: ${t.toastBorderRadius};\n      `;\n    },\n\n    closeWrapper(t: Theme) {\n      const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n      return emotion.css`\n        display: flex;\n        margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} -${t.toastClosePadding};\n      `;\n    },\n\n    link(t: Theme) {\n      const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n      const padding = `${paddingTop} ${t.toastLinkPadding}`;\n\n      return emotion.css`\n        border: none;\n        font: inherit;\n        color: ${t.toastLinkColor};\n        cursor: pointer;\n        display: inline-block;\n        font-weight: 600;\n        background-color: transparent;\n\n        margin: -${paddingTop} ${t.toastPaddingX} -${paddingBottom} ${t.toastPaddingX};\n\n        padding: ${padding};\n        transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n        &:hover {\n          background: ${t.toastLinkBgHover};\n          text-decoration: ${t.toastLinkTextDecorationHover};\n        }\n\n        &:active {\n          background: ${t.toastLinkBgActive};\n        }\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGzD,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAY,EAAK;EAC5C,IAAQC,aAAa,GAAKD,KAAK,CAAvBC,aAAa;EACrB,IAAMC,QAAQ,GAAGC,QAAQ,CAACF,aAAa,CAAC;;EAExC,OAAO,CAAIC,QAAQ,SAASA,QAAQ,QAAK;AAC3C,CAAC;;AAEM,IAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,IAAAC,oBAAA,GAAoCX,mBAAmB,CAACU,CAAC,CAAC,CAAnDE,UAAU,GAAAD,oBAAA,IAAEE,aAAa,GAAAF,oBAAA;QAChC,OAAOJ,OAAO,CAACO,GAAG,CAAAlB,eAAA,KAAAA,eAAA,OAAAmB,4BAAA,CAAAC,OAAA;QACFN,CAAC,CAACO,OAAO;QACNP,CAAC,CAACQ,iBAAiB;QAC1BR,CAAC,CAACS,WAAW;QACdT,CAAC,CAACU,UAAU;;QAERV,CAAC,CAACW,aAAa;QACbX,CAAC,CAACY,eAAe;;QAErBV,UAAU,EAAIF,CAAC,CAACa,aAAa,EAAIV,aAAa;;QAElDH,CAAC,CAACc,QAAQ;;MAErB,CAAC;;MAEDC,OAAO,WAAAA,QAACf,CAAQ,EAAE;QAChB,OAAOH,OAAO,CAACO,GAAG,CAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;;;;;;;QAOCN,CAAC,CAACQ,iBAAiB;;MAExC,CAAC;;MAEDQ,YAAY,WAAAA,aAAChB,CAAQ,EAAE;QACrB,IAAAiB,qBAAA,GAAoC3B,mBAAmB,CAACU,CAAC,CAAC,CAAnDE,UAAU,GAAAe,qBAAA,IAAEd,aAAa,GAAAc,qBAAA;QAChC,OAAOpB,OAAO,CAACO,GAAG,CAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;QAELJ,UAAU,EAAKF,CAAC,CAACa,aAAa,EAAKV,aAAa,EAAKH,CAAC,CAACkB,iBAAiB;;MAEvF,CAAC;;MAEDC,IAAI,WAAAA,KAACnB,CAAQ,EAAE;QACb,IAAAoB,qBAAA,GAAoC9B,mBAAmB,CAACU,CAAC,CAAC,CAAnDE,UAAU,GAAAkB,qBAAA,IAAEjB,aAAa,GAAAiB,qBAAA;QAChC,IAAMC,OAAO,GAAMnB,UAAU,SAAIF,CAAC,CAACsB,gBAAkB;;QAErD,OAAOzB,OAAO,CAACO,GAAG,CAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;QAGPN,CAAC,CAACuB,cAAc;;;;;;QAMdrB,UAAU,EAAIF,CAAC,CAACa,aAAa,EAAKV,aAAa,EAAIH,CAAC,CAACa,aAAa;;QAElEQ,OAAO;QACOrB,CAAC,CAACwB,kBAAkB,EAAIxB,CAAC,CAACyB,wBAAwB;;QAE3DzB,CAAC,CAAC0B,gBAAgB;QACb1B,CAAC,CAAC2B,4BAA4B;;;;QAInC3B,CAAC,CAAC4B,iBAAiB;;;MAGvC;IACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Toast/__creevey__/Toast.creevey.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/components/Toast/__creevey__/Toast.creevey.js

@@ -0,0 +1,54 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _creevey = require("creevey");
+
+var _utils = require("../../../lib/utils");
+
+var kindTests = function kindTests() {
+  (0, _creevey.test)('toastShown', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {var showToast;return _regenerator.default.wrap(function _callee$(_context) {while (1) switch (_context.prev = _context.next) {case 0:
+          showToast = this.browser.findElement({ css: '[data-tid~="show-toast"]' });_context.next = 3;return (
+            this.browser.actions({ bridge: true }).click(showToast).move({ x: 0, y: 0 }).click().perform());case 3:_context.next = 5;return (
+            (0, _utils.delay)(1000));case 5:_context.t0 =
+          this;_context.next = 8;return this.takeScreenshot();case 8:_context.t1 = _context.sent;_context.next = 11;return _context.t0.expect.call(_context.t0, _context.t1).to.matchImage();case 11:case "end":return _context.stop();}}, _callee, this);}))
+  );
+};
+
+(0, _creevey.kind)('Toast', function () {
+  (0, _creevey.story)('SimpleNotification', function () {
+    kindTests();
+  });
+
+  (0, _creevey.story)('TestNotifier', function () {
+    kindTests();
+  });
+
+  (0, _creevey.story)('ComplexNotification', function () {
+    kindTests();
+  });
+
+  (0, _creevey.story)('complex', function () {
+    kindTests();
+  });
+
+  (0, _creevey.story)('StaticMethod', function () {
+    kindTests();
+  });
+
+  (0, _creevey.story)('button', function () {
+    kindTests();
+  });
+
+  (0, _creevey.story)('data-tid', function () {
+    kindTests();
+  });
+
+  (0, _creevey.story)('onClick', function () {
+    kindTests();
+  });
+
+  (0, _creevey.story)('Toast', function () {
+    kindTests();
+  });
+
+  (0, _creevey.story)('push', function () {
+    kindTests();
+  });
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["_creevey","require","_utils","kindTests","test","_asyncToGenerator2","default","_regenerator","mark","_callee","showToast","wrap","_callee$","_context","prev","next","browser","findElement","css","actions","bridge","click","move","x","y","perform","delay","t0","takeScreenshot","t1","sent","expect","call","to","matchImage","stop","kind","story"],"sources":["Toast.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nimport { delay } from '../../../lib/utils';\n\nconst kindTests = () => {\n  test('toastShown', async function () {\n    const showToast = this.browser.findElement({ css: '[data-tid~=\"show-toast\"]' });\n    await this.browser.actions({ bridge: true }).click(showToast).move({ x: 0, y: 0 }).click().perform();\n    await delay(1000);\n    await this.expect(await this.takeScreenshot()).to.matchImage();\n  });\n};\n\nkind('Toast', () => {\n  story('SimpleNotification', () => {\n    kindTests();\n  });\n\n  story('TestNotifier', () => {\n    kindTests();\n  });\n\n  story('ComplexNotification', () => {\n    kindTests();\n  });\n\n  story('complex', () => {\n    kindTests();\n  });\n\n  story('StaticMethod', () => {\n    kindTests();\n  });\n\n  story('button', () => {\n    kindTests();\n  });\n\n  story('data-tid', () => {\n    kindTests();\n  });\n\n  story('onClick', () => {\n    kindTests();\n  });\n\n  story('Toast', () => {\n    kindTests();\n  });\n\n  story('push', () => {\n    kindTests();\n  });\n});\n"],"mappings":"+RAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;;AAEA,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACtB,IAAAC,aAAI,EAAC,YAAY,mBAAAC,kBAAA,CAAAC,OAAA,gBAAAC,YAAA,CAAAD,OAAA,CAAAE,IAAA,CAAE,SAAAC,QAAA,OAAAC,SAAA,QAAAH,YAAA,CAAAD,OAAA,CAAAK,IAAA,UAAAC,SAAAC,QAAA,qBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;UACXL,SAAS,GAAG,IAAI,CAACM,OAAO,CAACC,WAAW,CAAC,EAAEC,GAAG,EAAE,0BAA0B,CAAC,CAAC,CAAC,CAAAL,QAAA,CAAAE,IAAA;YACzE,IAAI,CAACC,OAAO,CAACG,OAAO,CAAC,EAAEC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAACC,KAAK,CAACX,SAAS,CAAC,CAACY,IAAI,CAAC,EAAEC,CAAC,EAAE,CAAC,EAAEC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAACH,KAAK,CAAC,CAAC,CAACI,OAAO,CAAC,CAAC,SAAAZ,QAAA,CAAAE,IAAA;YAC9F,IAAAW,YAAK,EAAC,IAAI,CAAC,SAAAb,QAAA,CAAAc,EAAA;UACX,IAAI,CAAAd,QAAA,CAAAE,IAAA,YAAc,IAAI,CAACa,cAAc,CAAC,CAAC,QAAAf,QAAA,CAAAgB,EAAA,GAAAhB,QAAA,CAAAiB,IAAA,CAAAjB,QAAA,CAAAE,IAAA,aAAAF,QAAA,CAAAc,EAAA,CAAlCI,MAAM,CAAAC,IAAA,CAAAnB,QAAA,CAAAc,EAAA,EAAAd,QAAA,CAAAgB,EAAA,EAA8BI,EAAE,CAACC,UAAU,6BAAArB,QAAA,CAAAsB,IAAA,OAAA1B,OAAA,SAC7D;EAAA,CAAC;AACJ,CAAC;;AAED,IAAA2B,aAAI,EAAC,OAAO,EAAE,YAAM;EAClB,IAAAC,cAAK,EAAC,oBAAoB,EAAE,YAAM;IAChClC,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEF,IAAAkC,cAAK,EAAC,cAAc,EAAE,YAAM;IAC1BlC,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEF,IAAAkC,cAAK,EAAC,qBAAqB,EAAE,YAAM;IACjClC,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEF,IAAAkC,cAAK,EAAC,SAAS,EAAE,YAAM;IACrBlC,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEF,IAAAkC,cAAK,EAAC,cAAc,EAAE,YAAM;IAC1BlC,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEF,IAAAkC,cAAK,EAAC,QAAQ,EAAE,YAAM;IACpBlC,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEF,IAAAkC,cAAK,EAAC,UAAU,EAAE,YAAM;IACtBlC,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEF,IAAAkC,cAAK,EAAC,SAAS,EAAE,YAAM;IACrBlC,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEF,IAAAkC,cAAK,EAAC,OAAO,EAAE,YAAM;IACnBlC,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEF,IAAAkC,cAAK,EAAC,MAAM,EAAE,YAAM;IAClBlC,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

package/cjs/components/Toast/index.js

@@ -0,0 +1 @@
+"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

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

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

@@ -0,0 +1,4 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { ToastLocale } from './types';
+export * from './types';
+export declare const ToastLocaleHelper: LocaleHelper<ToastLocale>;

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

@@ -0,0 +1,12 @@
+"use strict";exports.__esModule = true;var _exportNames = { ToastLocaleHelper: true };exports.ToastLocaleHelper = void 0;var _LocaleHelper = require("../../../lib/locale/LocaleHelper");
+
+var _en = require("./locales/en");
+var _ru = require("./locales/ru");
+
+
+var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});
+
+var ToastLocaleHelper = exports.ToastLocaleHelper = new _LocaleHelper.LocaleHelper({
+  ru_RU: _ru.componentsLocales,
+  en_GB: _en.componentsLocales
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","ToastLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { ToastLocale } from './types';\n\nexport * from './types';\n\nexport const ToastLocaleHelper = new LocaleHelper<ToastLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"yHAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAIC,0BAAY,CAAc;EAC7DC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Toast/locale/locales/en.d.ts

@@ -0,0 +1,2 @@
+import { ToastLocale } from '../types';
+export declare const componentsLocales: ToastLocale;

package/cjs/components/Toast/locale/locales/en.js

@@ -0,0 +1,5 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = exports.componentsLocales = {
+  closeButtonAriaLabel: 'Close notification'
+};

package/cjs/components/Toast/locale/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["en.ts"],"sourcesContent":["import { ToastLocale } from '../types';\n\nexport const componentsLocales: ToastLocale = {\n  closeButtonAriaLabel: 'Close notification',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC5CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}

package/cjs/components/Toast/locale/locales/ru.d.ts

@@ -0,0 +1,2 @@
+import { ToastLocale } from '../types';
+export declare const componentsLocales: ToastLocale;