@skbkontur/react-ui 0.0.0-2eafa74fd6 → 0.0.0-30619a873c

package/components/Toast/ToastView.d.ts

@@ -0,0 +1,34 @@
+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 {
+    /** Задает контент тоста. */
+    children?: string;
+    /** Добавляет возможность действия и кнопку закрытия у тоста. */
+    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 setRootNode;
+    private readonly locale;
+    render(): React.JSX.Element;
+    private renderMain;
+}

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

@@ -0,0 +1,32 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var getVerticalPaddings = function getVerticalPaddings(theme) {
+  var toastPaddingY = theme.toastPaddingY;
+  var paddingY = parseInt(toastPaddingY);
+  return [paddingY + "px", paddingY + "px"];
+};
+export var styles = memoizeStyle({
+  root: function root(t) {
+    var _getVerticalPaddings = getVerticalPaddings(t),
+      paddingTop = _getVerticalPaddings[0],
+      paddingBottom = _getVerticalPaddings[1];
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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 css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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 css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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/components/Toast/ToastView.styles/ToastView.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","styles","root","t","_getVerticalPaddings","paddingTop","paddingBottom","_templateObject","_taggedTemplateLiteralLoose","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","_templateObject2","closeWrapper","_getVerticalPaddings2","_templateObject3","toastClosePadding","link","_getVerticalPaddings3","padding","toastLinkPadding","_templateObject4","toastLinkColor","transitionDuration","transitionTimingFunction","toastLinkBgHover","toastLinkTextDecorationHover","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import { css, 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 styles = memoizeStyle({\n  root(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    return 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 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 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 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":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,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;;AAED,OAAO,IAAME,MAAM,GAAGN,YAAY,CAAC;EACjCO,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAAoCR,mBAAmB,CAACO,CAAC,CAAC,CAAnDE,UAAU,GAAAD,oBAAA,IAAEE,aAAa,GAAAF,oBAAA;IAChC,OAAOV,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACML,CAAC,CAACM,OAAO;IACNN,CAAC,CAACO,iBAAiB;IAC1BP,CAAC,CAACQ,WAAW;IACdR,CAAC,CAACS,UAAU;;IAERT,CAAC,CAACU,aAAa;IACbV,CAAC,CAACW,eAAe;;IAErBT,UAAU,EAAIF,CAAC,CAACY,aAAa,EAAIT,aAAa;;IAElDH,CAAC,CAACa,QAAQ;;EAErB,CAAC;;EAEDC,OAAO,WAAAA,QAACd,CAAQ,EAAE;IAChB,OAAOT,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;;;;IAOSL,CAAC,CAACO,iBAAiB;;EAExC,CAAC;;EAEDS,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,IAAAiB,qBAAA,GAAoCxB,mBAAmB,CAACO,CAAC,CAAC,CAAnDE,UAAU,GAAAe,qBAAA,IAAEd,aAAa,GAAAc,qBAAA;IAChC,OAAO1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;IAEGH,UAAU,EAAKF,CAAC,CAACY,aAAa,EAAKT,aAAa,EAAKH,CAAC,CAACmB,iBAAiB;;EAEvF,CAAC;;EAEDC,IAAI,WAAAA,KAACpB,CAAQ,EAAE;IACb,IAAAqB,qBAAA,GAAoC5B,mBAAmB,CAACO,CAAC,CAAC,CAAnDE,UAAU,GAAAmB,qBAAA,IAAElB,aAAa,GAAAkB,qBAAA;IAChC,IAAMC,OAAO,GAAMpB,UAAU,SAAIF,CAAC,CAACuB,gBAAkB;;IAErD,OAAOhC,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;IAGCL,CAAC,CAACyB,cAAc;;;;;;IAMdvB,UAAU,EAAIF,CAAC,CAACY,aAAa,EAAKT,aAAa,EAAIH,CAAC,CAACY,aAAa;;IAElEU,OAAO;IACOtB,CAAC,CAAC0B,kBAAkB,EAAI1B,CAAC,CAAC2B,wBAAwB;;IAE3D3B,CAAC,CAAC4B,gBAAgB;IACb5B,CAAC,CAAC6B,4BAA4B;;;;IAInC7B,CAAC,CAAC8B,iBAAiB;;;EAGvC;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Toast/ToastView.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Toast/ToastView.styles.js",
+  "module": "ToastView.styles",
+  "types": "../ToastView.styles.d.ts",
+  "sideEffects": false
+}

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

@@ -0,0 +1,7 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    wrapper(t: Theme): string;
+    closeWrapper(t: Theme): string;
+    link(t: Theme): string;
+};

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

@@ -0,0 +1,70 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { story, kind, test } from 'creevey';
+import { delay } from "../../../../lib/utils";
+var kindTests = function kindTests() {
+  test('toastShown', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var showToast;
+    return _regeneratorRuntime.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 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);
+  })));
+};
+kind('Toast', function () {
+  story('SimpleNotification', function () {
+    kindTests();
+  });
+  story('TestNotifier', function () {
+    kindTests();
+  });
+  story('ComplexNotification', function () {
+    kindTests();
+  });
+  story('complex', function () {
+    kindTests();
+  });
+  story('StaticMethod', function () {
+    kindTests();
+  });
+  story('button', function () {
+    kindTests();
+  });
+  story('data-tid', function () {
+    kindTests();
+  });
+  story('onClick', function () {
+    kindTests();
+  });
+  story('Toast', function () {
+    kindTests();
+  });
+  story('push', function () {
+    kindTests();
+  });
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["story","kind","test","delay","kindTests","_asyncToGenerator","_regeneratorRuntime","mark","_callee","showToast","wrap","_callee$","_context","prev","next","browser","findElement","css","actions","bridge","click","move","x","y","perform","t0","takeScreenshot","t1","sent","expect","call","to","matchImage","stop"],"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":"yIAAA,SAASA,KAAK,EAAEC,IAAI,EAAEC,IAAI,QAAQ,SAAS;;AAE3C,SAASC,KAAK,QAAQ,oBAAoB;;AAE1C,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACtBF,IAAI,CAAC,YAAY,eAAAG,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAE,SAAAC,QAAA,OAAAC,SAAA,QAAAH,mBAAA,CAAAI,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;YAC9FX,KAAK,CAAC,IAAI,CAAC,SAAAS,QAAA,CAAAa,EAAA;UACX,IAAI,CAAAb,QAAA,CAAAE,IAAA,YAAc,IAAI,CAACY,cAAc,CAAC,CAAC,QAAAd,QAAA,CAAAe,EAAA,GAAAf,QAAA,CAAAgB,IAAA,CAAAhB,QAAA,CAAAE,IAAA,aAAAF,QAAA,CAAAa,EAAA,CAAlCI,MAAM,CAAAC,IAAA,CAAAlB,QAAA,CAAAa,EAAA,EAAAb,QAAA,CAAAe,EAAA,EAA8BI,EAAE,CAACC,UAAU,6BAAApB,QAAA,CAAAqB,IAAA,OAAAzB,OAAA,SAC7D;EAAA,CAAC;AACJ,CAAC;;AAEDP,IAAI,CAAC,OAAO,EAAE,YAAM;EAClBD,KAAK,CAAC,oBAAoB,EAAE,YAAM;IAChCI,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEFJ,KAAK,CAAC,cAAc,EAAE,YAAM;IAC1BI,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEFJ,KAAK,CAAC,qBAAqB,EAAE,YAAM;IACjCI,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEFJ,KAAK,CAAC,SAAS,EAAE,YAAM;IACrBI,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEFJ,KAAK,CAAC,cAAc,EAAE,YAAM;IAC1BI,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEFJ,KAAK,CAAC,QAAQ,EAAE,YAAM;IACpBI,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEFJ,KAAK,CAAC,UAAU,EAAE,YAAM;IACtBI,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEFJ,KAAK,CAAC,SAAS,EAAE,YAAM;IACrBI,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEFJ,KAAK,CAAC,OAAO,EAAE,YAAM;IACnBI,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;;EAEFJ,KAAK,CAAC,MAAM,EAAE,YAAM;IAClBI,SAAS,CAAC,CAAC;EACb,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/Toast/__creevey__/Toast.creevey/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/Toast/__creevey__/Toast.creevey.js",
+  "module": "Toast.creevey",
+  "types": "../Toast.creevey.d.ts",
+  "sideEffects": false
+}

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

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

package/components/Toast/__docs__/Toast.mdx

@@ -0,0 +1,28 @@
+import * as ToastStories from './Toast.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={ToastStories} />
+
+# Toast
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/toast/)
+
+[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A5203)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/components/Toast/index/index.js

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

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

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

package/components/Toast/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Toast/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/Toast/index.d.ts

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

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

@@ -0,0 +1,8 @@
+import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
+import { componentsLocales as en_GB } from "../locales/en";
+import { componentsLocales as ru_RU } from "../locales/ru";
+export * from "../types";
+export var ToastLocaleHelper = new LocaleHelper({
+  ru_RU: ru_RU,
+  en_GB: en_GB
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","ToastLocaleHelper"],"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":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,iBAAiB,GAAG,IAAIJ,YAAY,CAAc;EAC7DG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Toast/locale/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/Toast/locale/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/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/components/Toast/locale/locales/en/en.js

@@ -0,0 +1,3 @@
+export var componentsLocales = {
+  closeButtonAriaLabel: 'Close notification'
+};

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

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

package/components/Toast/locale/locales/en/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../cjs/components/Toast/locale/locales/en.js",
+  "module": "en",
+  "types": "../en.d.ts",
+  "sideEffects": false
+}

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

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

package/components/Toast/locale/locales/ru/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../cjs/components/Toast/locale/locales/ru.js",
+  "module": "ru",
+  "types": "../ru.d.ts",
+  "sideEffects": false
+}

package/components/Toast/locale/locales/ru/ru.js

@@ -0,0 +1,3 @@
+export var componentsLocales = {
+  closeButtonAriaLabel: 'Закрыть уведомление'
+};

package/components/Toast/locale/locales/ru/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentsLocales","closeButtonAriaLabel"],"sources":["ru.ts"],"sourcesContent":["import { ToastLocale } from '../types';\n\nexport const componentsLocales: ToastLocale = {\n  closeButtonAriaLabel: 'Закрыть уведомление',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAA8B,GAAG;EAC5CC,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}

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

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

package/components/Toast/locale/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Toast/locale/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Toast/locale/types/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/Toast/locale/types.js",
+  "module": "types",
+  "types": "../types.d.ts",
+  "sideEffects": false
+}

package/components/Toast/locale/types/types.js

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

package/components/Toast/locale/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface ToastLocale {\n  closeButtonAriaLabel: string;\n}\n"],"mappings":"","ignoreList":[]}

package/components/Toast/locale/types.d.ts

@@ -0,0 +1,3 @@
+export interface ToastLocale {
+    closeButtonAriaLabel: string;
+}

package/components/Toast/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/Toast/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Toggle/Toggle/Toggle.js

@@ -0,0 +1,234 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _Toggle;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { keyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { isTestEnv } from "../../../lib/currentEnvironment";
+import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
+import { styles, globalClasses } from "../Toggle.styles";
+export var ToggleDataTids = {
+  root: 'Toggle__root'
+};
+
+/**
+ * `Toggle` переключает состояния. Например, включает или отключает уведомления в настройках.
+ * `Toggle` представляет из себя надпись + переключатель.
+ *
+ * `Toggle` нельзя использовать для выбора элементов в списке. Например, выбрать несколько писем.
+ */
+export var Toggle = rootNode(_class = (_Toggle = /*#__PURE__*/function (_React$Component) {
+  function Toggle(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.getProps = createPropsGetter(Toggle.defaultProps);
+    _this.input = null;
+
+    /**
+     * @public
+     */
+    _this.focus = function () {
+      if (_this.input) {
+        keyListener.isTabPressed = true;
+        _this.input.focus();
+      }
+    };
+    _this.inputRef = function (element) {
+      _this.input = element;
+    };
+    _this.handleChange = function (event) {
+      if (_this.props.onValueChange) {
+        _this.props.onValueChange(event.target.checked);
+      }
+      if (_this.isUncontrolled()) {
+        _this.setState({
+          checked: event.target.checked
+        });
+      }
+      if (_this.props.onChange) {
+        _this.props.onChange(event);
+      }
+    };
+    _this.handleFocus = function (event) {
+      if (_this.props.onFocus) {
+        _this.props.onFocus(event);
+      }
+      if (keyListener.isTabPressed) {
+        _this.setState({
+          focusByTab: true
+        });
+      }
+    };
+    _this.resetFocus = function () {
+      return _this.setState({
+        focusByTab: false
+      });
+    };
+    _this.handleBlur = function (event) {
+      _this.resetFocus();
+      _this.props.onBlur == null || _this.props.onBlur(event);
+    };
+    _this.state = {
+      focusByTab: false,
+      checked: props.defaultChecked
+    };
+    return _this;
+  }
+  _inheritsLoose(Toggle, _React$Component);
+  var _proto = Toggle.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.props.autoFocus) {
+      keyListener.isTabPressed = true;
+      this.focus();
+    }
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
+  };
+  _proto.getContainerSizeClassName = function getContainerSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.containerLarge(this.theme);
+      case 'medium':
+        return styles.containerMedium(this.theme);
+      case 'small':
+      default:
+        return styles.containerSmall(this.theme);
+    }
+  };
+  _proto.getHandleSizeClassName = function getHandleSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.handleLarge(this.theme);
+      case 'medium':
+        return styles.handleMedium(this.theme);
+      case 'small':
+      default:
+        return styles.handleSmall(this.theme);
+    }
+  };
+  _proto.getButtonSizeClassName = function getButtonSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.buttonLarge(this.theme);
+      case 'medium':
+        return styles.buttonMedium(this.theme);
+      case 'small':
+      default:
+        return styles.buttonSmall(this.theme);
+    }
+  };
+  _proto.getRootSizeClassName = function getRootSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.rootLarge(this.theme);
+      case 'medium':
+        return styles.rootMedium(this.theme);
+      case 'small':
+      default:
+        return styles.rootSmall(this.theme);
+    }
+  };
+  _proto.getInputSizeClassName = function getInputSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.inputLarge(this.theme);
+      case 'medium':
+        return styles.inputMedium(this.theme);
+      case 'small':
+      default:
+        return styles.inputSmall(this.theme);
+    }
+  };
+  _proto.getCaptionSizeClassName = function getCaptionSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.captionLarge(this.theme);
+      case 'medium':
+        return styles.captionMedium(this.theme);
+      case 'small':
+      default:
+        return styles.captionSmall(this.theme);
+    }
+  };
+  _proto.renderMain = function renderMain() {
+    var _cx, _cx2, _cx4, _cx5;
+    var _this$props = this.props,
+      children = _this$props.children,
+      warning = _this$props.warning,
+      error = _this$props.error,
+      id = _this$props.id,
+      ariaDescribedby = _this$props['aria-describedby'],
+      ariaLabel = _this$props['aria-label'];
+    var _this$getProps = this.getProps(),
+      loading = _this$getProps.loading,
+      captionPosition = _this$getProps.captionPosition,
+      disableAnimations = _this$getProps.disableAnimations;
+    var disabled = this.getProps().disabled || loading;
+    var checked = this.isUncontrolled() ? this.state.checked : this.props.checked;
+    var containerClassNames = cx(this.getContainerSizeClassName(), (_cx = {}, _cx[styles.container(this.theme)] = true, _cx[styles.containerDisabled(this.theme)] = !!disabled, _cx[globalClasses.container] = true, _cx[globalClasses.containerDisabled] = !!disabled, _cx[globalClasses.containerLoading] = loading, _cx));
+    var labelClassNames = cx(this.getRootSizeClassName(), (_cx2 = {}, _cx2[styles.root(this.theme)] = true, _cx2[styles.rootLeft()] = captionPosition === 'left', _cx2[styles.disabled()] = !!disabled, _cx2[globalClasses.disabled] = !!disabled, _cx2[styles.disableAnimation()] = disableAnimations, _cx2));
+    var caption = null;
+    if (children) {
+      var _cx3;
+      var captionClass = cx(this.getCaptionSizeClassName(), (_cx3 = {}, _cx3[styles.caption(this.theme)] = true, _cx3[styles.captionLeft(this.theme)] = captionPosition === 'left', _cx3[styles.disabledCaption(this.theme)] = !!disabled, _cx3));
+      caption = /*#__PURE__*/React.createElement("span", {
+        className: captionClass
+      }, children);
+    }
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement("label", {
+      "data-tid": ToggleDataTids.root,
+      className: labelClassNames
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx(this.getButtonSizeClassName(), (_cx4 = {}, _cx4[styles.button(this.theme)] = true, _cx4[styles.buttonRight()] = captionPosition === 'left', _cx4[styles.isWarning(this.theme)] = !!warning, _cx4[styles.isError(this.theme)] = !!error, _cx4[styles.focused(this.theme)] = !disabled && !!this.state.focusByTab, _cx4))
+    }, /*#__PURE__*/React.createElement(FocusControlWrapper, {
+      onBlurWhenDisabled: this.resetFocus
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "checkbox",
+      checked: checked,
+      onChange: this.handleChange,
+      className: cx(this.getInputSizeClassName(), styles.input(this.theme)),
+      onFocus: this.handleFocus,
+      onBlur: this.handleBlur,
+      ref: this.inputRef,
+      disabled: disabled,
+      id: id,
+      role: "switch",
+      "aria-label": ariaLabel,
+      "aria-describedby": ariaDescribedby
+    })), /*#__PURE__*/React.createElement("div", {
+      className: containerClassNames
+    }), /*#__PURE__*/React.createElement("div", {
+      className: cx(this.getHandleSizeClassName(), globalClasses.handle, (_cx5 = {}, _cx5[styles.handle(this.theme)] = true, _cx5[styles.handleDisabled(this.theme)] = disabled, _cx5))
+    })), caption));
+  };
+  _proto.isUncontrolled = function isUncontrolled() {
+    return this.props.checked === undefined;
+  };
+  return Toggle;
+}(React.Component), _Toggle.__KONTUR_REACT_UI__ = 'Toggle', _Toggle.displayName = 'Toggle', _Toggle.propTypes = {
+  checked: PropTypes.bool,
+  defaultChecked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  error: PropTypes.bool,
+  loading: PropTypes.bool,
+  warning: PropTypes.bool,
+  onValueChange: PropTypes.func
+}, _Toggle.defaultProps = {
+  disabled: false,
+  loading: false,
+  captionPosition: 'right',
+  disableAnimations: isTestEnv,
+  size: 'small'
+}, _Toggle)) || _class;

package/components/Toggle/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropTypes","keyListener","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","isTestEnv","FocusControlWrapper","styles","globalClasses","ToggleDataTids","root","Toggle","_class","_Toggle","_React$Component","props","_this","call","getProps","defaultProps","input","focus","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","resetFocus","handleBlur","onBlur","state","defaultChecked","_inheritsLoose","_proto","prototype","componentDidMount","autoFocus","render","_this2","createElement","Consumer","theme","renderMain","getContainerSizeClassName","size","containerLarge","containerMedium","containerSmall","getHandleSizeClassName","handleLarge","handleMedium","handleSmall","getButtonSizeClassName","buttonLarge","buttonMedium","buttonSmall","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getInputSizeClassName","inputLarge","inputMedium","inputSmall","getCaptionSizeClassName","captionLarge","captionMedium","captionSmall","_cx","_cx2","_cx4","_cx5","_this$props","children","warning","error","id","ariaDescribedby","ariaLabel","_this$getProps","loading","captionPosition","disableAnimations","disabled","containerClassNames","container","containerDisabled","containerLoading","labelClassNames","rootLeft","disableAnimation","caption","_cx3","captionClass","captionLeft","disabledCaption","className","_extends","rootNodeRef","setRootNode","button","buttonRight","isWarning","isError","focused","onBlurWhenDisabled","type","ref","role","handle","handleDisabled","undefined","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","func"],"sources":["Toggle.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\n\nimport { styles, globalClasses } from './Toggle.styles';\n\nexport interface ToggleProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, CommonProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Задает положение `children` относительно переключателя.\n   * @default 'right' */\n  captionPosition?: 'left' | 'right';\n\n  /** Включает тогл.\n   * @default false */\n  checked?: boolean;\n\n  /** Делает `тогл` включенным по умолчанию. Не работает при заданном пропе `checked`. */\n  defaultChecked?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает функцию, вызывающуюся при изменении значения. */\n  onValueChange?: (value: boolean) => void;\n\n  /** Задает функцию, которая вызывается при клике на `тогл`. */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\".\n   * @default false */\n  warning?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\".\n   * @default false */\n  error?: boolean;\n\n  /** Переводит тогл в состояние загрузки: добавляет стили для состояния `loading` и отключает `тогл`.*/\n  loading?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\".\n   * @default false */\n  autoFocus?: boolean;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Задает функцию, которая вызывается, когда `тогл` получает фокус.*/\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n\n  /** Задает функцию, которая вызывается, когда `тогл` теряет фокус. */\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n\n  /** HTML-атрибут `id` для передачи во внутренний `<input />`. */\n  id?: string;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n}\n\nexport interface ToggleState {\n  checked?: boolean;\n  focusByTab?: boolean;\n}\n\nexport const ToggleDataTids = {\n  root: 'Toggle__root',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<ToggleProps, 'disabled' | 'loading' | 'captionPosition' | 'disableAnimations' | 'size'>\n>;\n\n/**\n * `Toggle` переключает состояния. Например, включает или отключает уведомления в настройках.\n * `Toggle` представляет из себя надпись + переключатель.\n *\n * `Toggle` нельзя использовать для выбора элементов в списке. Например, выбрать несколько писем.\n */\n@rootNode\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n  public static __KONTUR_REACT_UI__ = 'Toggle';\n  public static displayName = 'Toggle';\n\n  public static propTypes = {\n    checked: PropTypes.bool,\n    defaultChecked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    loading: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    disabled: false,\n    loading: false,\n    captionPosition: 'right',\n    disableAnimations: isTestEnv,\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Toggle.defaultProps);\n\n  private theme!: Theme;\n  private input: HTMLInputElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ToggleProps) {\n    super(props);\n\n    this.state = {\n      focusByTab: false,\n      checked: props.defaultChecked,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      keyListener.isTabPressed = true;\n      this.input.focus();\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 getContainerSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.containerLarge(this.theme);\n      case 'medium':\n        return styles.containerMedium(this.theme);\n      case 'small':\n      default:\n        return styles.containerSmall(this.theme);\n    }\n  }\n\n  private getHandleSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.handleLarge(this.theme);\n      case 'medium':\n        return styles.handleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.handleSmall(this.theme);\n    }\n  }\n\n  private getButtonSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.buttonLarge(this.theme);\n      case 'medium':\n        return styles.buttonMedium(this.theme);\n      case 'small':\n      default:\n        return styles.buttonSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getInputSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.inputLarge(this.theme);\n      case 'medium':\n        return styles.inputMedium(this.theme);\n      case 'small':\n      default:\n        return styles.inputSmall(this.theme);\n    }\n  }\n\n  private getCaptionSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.captionLarge(this.theme);\n      case 'medium':\n        return styles.captionMedium(this.theme);\n      case 'small':\n      default:\n        return styles.captionSmall(this.theme);\n    }\n  }\n\n  private renderMain() {\n    const { children, warning, error, id, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel } = this.props;\n    const { loading, captionPosition, disableAnimations } = this.getProps();\n    const disabled = this.getProps().disabled || loading;\n    const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n\n    const containerClassNames = cx(this.getContainerSizeClassName(), {\n      [styles.container(this.theme)]: true,\n      [styles.containerDisabled(this.theme)]: !!disabled,\n      [globalClasses.container]: true,\n      [globalClasses.containerDisabled]: !!disabled,\n      [globalClasses.containerLoading]: loading,\n    });\n\n    const labelClassNames = cx(this.getRootSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootLeft()]: captionPosition === 'left',\n      [styles.disabled()]: !!disabled,\n      [globalClasses.disabled]: !!disabled,\n      [styles.disableAnimation()]: disableAnimations,\n    });\n\n    let caption = null;\n    if (children) {\n      const captionClass = cx(this.getCaptionSizeClassName(), {\n        [styles.caption(this.theme)]: true,\n        [styles.captionLeft(this.theme)]: captionPosition === 'left',\n        [styles.disabledCaption(this.theme)]: !!disabled,\n      });\n      caption = <span className={captionClass}>{children}</span>;\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <label data-tid={ToggleDataTids.root} className={labelClassNames}>\n          <div\n            className={cx(this.getButtonSizeClassName(), {\n              [styles.button(this.theme)]: true,\n              [styles.buttonRight()]: captionPosition === 'left',\n              [styles.isWarning(this.theme)]: !!warning,\n              [styles.isError(this.theme)]: !!error,\n              [styles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\n            })}\n          >\n            <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n              <input\n                type=\"checkbox\"\n                checked={checked}\n                onChange={this.handleChange}\n                className={cx(this.getInputSizeClassName(), styles.input(this.theme))}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                ref={this.inputRef}\n                disabled={disabled}\n                id={id}\n                role=\"switch\"\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedby}\n              />\n            </FocusControlWrapper>\n            <div className={containerClassNames} />\n            <div\n              className={cx(this.getHandleSizeClassName(), globalClasses.handle, {\n                [styles.handle(this.theme)]: true,\n                [styles.handleDisabled(this.theme)]: disabled,\n              })}\n            />\n          </div>\n          {caption}\n        </label>\n      </CommonWrapper>\n    );\n  }\n\n  private inputRef = (element: HTMLInputElement) => {\n    this.input = element;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.checked);\n    }\n\n    if (this.isUncontrolled()) {\n      this.setState({\n        checked: event.target.checked,\n      });\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n\n    if (keyListener.isTabPressed) {\n      this.setState({ focusByTab: true });\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusByTab: false });\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(event);\n  };\n\n  private isUncontrolled() {\n    return this.props.checked === undefined;\n  }\n}\n"],"mappings":"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","ignoreList":[]}