@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/components/SingleToast/__creevey__/SingleToast.creevey.mjs

@@ -0,0 +1,80 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { story, kind, test } from 'creevey';
+import { delay } from '../../../lib/delay.mjs';
+var kindTests = function (testName) {
+    test("use toast ".concat(testName), function (context) { return __awaiter(void 0, void 0, void 0, function () {
+        var showToast, _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    showToast = context.webdriver.findElement({ css: "[data-tid~=\"".concat(testName, "\"]") });
+                    return [4 /*yield*/, context.webdriver.actions({ bridge: true }).click(showToast).move({ x: 0, y: 0 }).click().perform()];
+                case 1:
+                    _c.sent();
+                    return [4 /*yield*/, delay(1000)];
+                case 2:
+                    _c.sent();
+                    _b = (_a = context).matchImage;
+                    return [4 /*yield*/, context.takeScreenshot()];
+                case 3: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                case 4:
+                    _c.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+};
+kind('SingleToast', function () {
+    story('StaticErrorMethod', function () {
+        kindTests('error-theme');
+    });
+    story('StaticDefaultMethod', function () {
+        kindTests('default-theme');
+    });
+    story('WithOverrideDefaultColor', function () {
+        kindTests('override-default-theme');
+    });
+    story('StaticDefaultMethodWithAction', function () {
+        kindTests('static-default-theme-with-action');
+    });
+    // TODO: удалить после избавления от старого api метода push
+    story('OldApi', function () {
+        kindTests('old-api');
+    });
+});
+//# sourceMappingURL=SingleToast.creevey.mjs.map

package/components/SingleToast/__creevey__/SingleToast.creevey.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleToast.creevey.mjs","sourceRoot":"","sources":["../../../../components/SingleToast/__creevey__/SingleToast.creevey.mts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,IAAM,SAAS,GAAG,UAAC,QAAgB;IACjC,IAAI,CAAC,oBAAa,QAAQ,CAAE,EAAE,UAAO,OAAO;;;;;oBACpC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,uBAAe,QAAQ,QAAI,EAAE,CAAC,CAAC;oBACtF,qBAAM,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,EAAA;;oBAAzG,SAAyG,CAAC;oBAC1G,qBAAM,KAAK,CAAC,IAAI,CAAC,EAAA;;oBAAjB,SAAiB,CAAC;oBACZ,KAAA,CAAA,KAAA,OAAO,CAAA,CAAC,UAAU,CAAA;oBAAC,qBAAM,OAAO,CAAC,cAAc,EAAE,EAAA;wBAAvD,qBAAM,cAAmB,SAA8B,EAAC,EAAA;;oBAAxD,SAAwD,CAAC;;;;SAC1D,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,IAAI,CAAC,aAAa,EAAE;IAClB,KAAK,CAAC,mBAAmB,EAAE;QACzB,SAAS,CAAC,aAAa,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,qBAAqB,EAAE;QAC3B,SAAS,CAAC,eAAe,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,0BAA0B,EAAE;QAChC,SAAS,CAAC,wBAAwB,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,+BAA+B,EAAE;QACrC,SAAS,CAAC,kCAAkC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,4DAA4D;IAC5D,KAAK,CAAC,QAAQ,EAAE;QACd,SAAS,CAAC,SAAS,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { story, kind, test } from 'creevey';\n\nimport { delay } from '../../../lib/delay.mjs';\n\nconst kindTests = (testName: string) => {\n  test(`use toast ${testName}`, async (context) => {\n    const showToast = context.webdriver.findElement({ css: `[data-tid~=\"${testName}\"]` });\n    await context.webdriver.actions({ bridge: true }).click(showToast).move({ x: 0, y: 0 }).click().perform();\n    await delay(1000);\n    await context.matchImage(await context.takeScreenshot());\n  });\n};\n\nkind('SingleToast', () => {\n  story('StaticErrorMethod', () => {\n    kindTests('error-theme');\n  });\n\n  story('StaticDefaultMethod', () => {\n    kindTests('default-theme');\n  });\n\n  story('WithOverrideDefaultColor', () => {\n    kindTests('override-default-theme');\n  });\n\n  story('StaticDefaultMethodWithAction', () => {\n    kindTests('static-default-theme-with-action');\n  });\n\n  // TODO: удалить после избавления от старого api метода push\n  story('OldApi', () => {\n    kindTests('old-api');\n  });\n});\n"]}

package/components/SingleToast/__stories__/SingleToast.stories.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { Meta } from '../../../typings/stories.js';
+declare const meta: Meta;
+export default meta;
+export declare const StaticErrorMethod: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const StaticDefaultMethod: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const StaticDefaultMethodWithAction: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const WithOverrideDefaultColor: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const OldApi: {
+    (): React.JSX.Element;
+    storyName: string;
+};

package/components/SingleToast/__stories__/SingleToast.stories.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import { SingleToast } from '../SingleToast.js';
+var meta = {
+    title: 'SingleToast',
+    component: SingleToast,
+    decorators: [
+        function (Story) { return (React.createElement("div", { 
+            // make some space for Toast
+            style: {
+                paddingTop: 300,
+                paddingBottom: 8,
+                paddingLeft: 8,
+                paddingRight: 600,
+            } },
+            React.createElement(Story, null))); },
+    ],
+};
+export default meta;
+export var StaticErrorMethod = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(SingleToast, null),
+    React.createElement("button", { "data-tid": "error-theme", onClick: function () { return SingleToast.push('vasik', { use: 'error' }); } }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0442\u043E\u0441\u0442 \u0441 \u043E\u0448\u0438\u0431\u043A\u043E\u0439"))); };
+StaticErrorMethod.storyName = 'static error method';
+export var StaticDefaultMethod = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(SingleToast, null),
+    React.createElement("button", { "data-tid": "default-theme", onClick: function () { return SingleToast.push('vasik', { use: 'default' }); } }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0442\u043E\u0441\u0442 \u0432 \u0441\u0442\u0430\u043D\u0434\u0430\u0440\u0442\u043D\u043E\u0439 \u0440\u0430\u0441\u0446\u0432\u0435\u0442\u043A\u0435"))); };
+StaticDefaultMethod.storyName = 'static default method';
+export var StaticDefaultMethodWithAction = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(SingleToast, null),
+    React.createElement("button", { "data-tid": "static-default-theme-with-action", onClick: function () {
+            return SingleToast.push('vasik', {
+                use: 'default',
+                action: {
+                    label: 'Закрыть',
+                    handler: function () {
+                        action('Закрыть');
+                    },
+                },
+            });
+        } }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0442\u043E\u0441\u0442 \u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435\u043C"))); };
+StaticDefaultMethodWithAction.storyName = 'static default method with action';
+export var WithOverrideDefaultColor = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(SingleToast, { theme: { toastBg: '#00BEA2', toastColor: '#ffff' } }),
+    React.createElement("button", { "data-tid": "override-default-theme", onClick: function () { return SingleToast.push('vasik', { use: 'default' }); } }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0442\u043E\u0441\u0442 \u0432 \u0440\u0430\u0441\u0446\u0432\u0435\u0442\u043A\u0435 \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0430"))); };
+WithOverrideDefaultColor.storyName = 'with override default color';
+// TODO: после выпиливания старого api для Toast.push удалить историю и скриншотный тест
+export var OldApi = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(SingleToast, null),
+    React.createElement("button", { "data-tid": "old-api", onClick: function () { return SingleToast.push('vasik', { handler: function () { }, label: 'Cancel' }, 10000, true, 'error'); } }, "\u0421\u0442\u0430\u0440\u044B\u0439 api \u0434\u043B\u044F \u043C\u0435\u0442\u043E\u0434\u0430 push"))); };
+OldApi.storyName = 'old api';
+//# sourceMappingURL=SingleToast.stories.js.map

package/components/SingleToast/__stories__/SingleToast.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleToast.stories.js","sourceRoot":"","sources":["../../../../components/SingleToast/__stories__/SingleToast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,IAAM,IAAI,GAAS;IACjB,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,UAAC,KAAwB,IAAK,OAAA,CAC5B;YACE,4BAA4B;YAC5B,KAAK,EAAE;gBACL,UAAU,EAAE,GAAG;gBACf,aAAa,EAAE,CAAC;gBAChB,WAAW,EAAE,CAAC;gBACd,YAAY,EAAE,GAAG;aAClB;YAED,oBAAC,KAAK,OAAG,CACL,CACP,EAZ6B,CAY7B;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,iBAAiB,GAAG,cAAM,OAAA,CACrC;IACE,oBAAC,WAAW,OAAG;IACf,4CAAiB,aAAa,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAA3C,CAA2C,qMAEhF,CACR,CACJ,EAPsC,CAOtC,CAAC;AACF,iBAAiB,CAAC,SAAS,GAAG,qBAAqB,CAAC;AAEpD,MAAM,CAAC,IAAM,mBAAmB,GAAG,cAAM,OAAA,CACvC;IACE,oBAAC,WAAW,OAAG;IACf,4CAAiB,eAAe,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAA7C,CAA6C,oRAEpF,CACR,CACJ,EAPwC,CAOxC,CAAC;AACF,mBAAmB,CAAC,SAAS,GAAG,uBAAuB,CAAC;AAExD,MAAM,CAAC,IAAM,6BAA6B,GAAG,cAAM,OAAA,CACjD;IACE,oBAAC,WAAW,OAAG;IACf,4CACW,kCAAkC,EAC3C,OAAO,EAAE;YACP,OAAA,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE;gBACxB,GAAG,EAAE,SAAS;gBACd,MAAM,EAAE;oBACN,KAAK,EAAE,SAAS;oBAChB,OAAO;wBACL,MAAM,CAAC,SAAS,CAAC,CAAC;oBACpB,CAAC;iBACF;aACF,CAAC;QARF,CAQE,iNAIG,CACR,CACJ,EApBkD,CAoBlD,CAAC;AACF,6BAA6B,CAAC,SAAS,GAAG,mCAAmC,CAAC;AAE9E,MAAM,CAAC,IAAM,wBAAwB,GAAG,cAAM,OAAA,CAC5C;IACE,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,GAAI;IACnE,4CAAiB,wBAAwB,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAA7C,CAA6C,kQAE7F,CACR,CACJ,EAP6C,CAO7C,CAAC;AACF,wBAAwB,CAAC,SAAS,GAAG,6BAA6B,CAAC;AAEnE,wFAAwF;AACxF,MAAM,CAAC,IAAM,MAAM,GAAG,cAAM,OAAA,CAC1B;IACE,oBAAC,WAAW,OAAG;IACf,4CACW,SAAS,EAClB,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,cAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAM,EAAE,IAAI,EAAE,OAAO,CAAC,EAAxF,CAAwF,4GAGhG,CACR,CACJ,EAV2B,CAU3B,CAAC;AACF,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC","sourcesContent":["import React from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport type { Meta } from '../../../typings/stories.js';\nimport { SingleToast } from '../SingleToast.js';\n\nconst meta: Meta = {\n  title: 'SingleToast',\n  component: SingleToast,\n  decorators: [\n    (Story: () => JSX.Element) => (\n      <div\n        // make some space for Toast\n        style={{\n          paddingTop: 300,\n          paddingBottom: 8,\n          paddingLeft: 8,\n          paddingRight: 600,\n        }}\n      >\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\n\nexport const StaticErrorMethod = () => (\n  <>\n    <SingleToast />\n    <button data-tid=\"error-theme\" onClick={() => SingleToast.push('vasik', { use: 'error' })}>\n      Показать статический тост с ошибкой\n    </button>\n  </>\n);\nStaticErrorMethod.storyName = 'static error method';\n\nexport const StaticDefaultMethod = () => (\n  <>\n    <SingleToast />\n    <button data-tid=\"default-theme\" onClick={() => SingleToast.push('vasik', { use: 'default' })}>\n      Показать статический тост в стандартной расцветке\n    </button>\n  </>\n);\nStaticDefaultMethod.storyName = 'static default method';\n\nexport const StaticDefaultMethodWithAction = () => (\n  <>\n    <SingleToast />\n    <button\n      data-tid=\"static-default-theme-with-action\"\n      onClick={() =>\n        SingleToast.push('vasik', {\n          use: 'default',\n          action: {\n            label: 'Закрыть',\n            handler(): void {\n              action('Закрыть');\n            },\n          },\n        })\n      }\n    >\n      Показать статический тост с действием\n    </button>\n  </>\n);\nStaticDefaultMethodWithAction.storyName = 'static default method with action';\n\nexport const WithOverrideDefaultColor = () => (\n  <>\n    <SingleToast theme={{ toastBg: '#00BEA2', toastColor: '#ffff' }} />\n    <button data-tid=\"override-default-theme\" onClick={() => SingleToast.push('vasik', { use: 'default' })}>\n      Показать статический тост в расцветке продукта\n    </button>\n  </>\n);\nWithOverrideDefaultColor.storyName = 'with override default color';\n\n// TODO: после выпиливания старого api для Toast.push удалить историю и скриншотный тест\nexport const OldApi = () => (\n  <>\n    <SingleToast />\n    <button\n      data-tid=\"old-api\"\n      onClick={() => SingleToast.push('vasik', { handler: () => {}, label: 'Cancel' }, 10_000, true, 'error')}\n    >\n      Старый api для метода push\n    </button>\n  </>\n);\nOldApi.storyName = 'old api';\n"]}

package/components/SingleToast/__tests__/SingleToast.test.d.ts

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

package/components/SingleToast/__tests__/SingleToast.test.js

@@ -0,0 +1,179 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { LangCodes } from '../../../lib/locale/index.js';
+import { Button } from '../../Button/index.js';
+import { SingleToast } from '../SingleToast.js';
+import { ToastDataTids } from '../../Toast/index.js';
+import { ToastLocaleHelper } from '../../Toast/locale/index.js';
+describe('SingleToast', function () {
+    /** @deprecated тест на старый api push-а. Нужно выпилить в версии 6.0 и удалить тест */
+    describe('showCloseIcon', function () {
+        it('change showCloseIcon in SingleInput', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var buttons;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        render(React.createElement(React.Fragment, null,
+                            React.createElement(SingleToast, null),
+                            React.createElement(Button, { onClick: function () { return SingleToast.push('Static SingleToast', null, 5000, true); } }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0442\u043E\u0441\u0442 c \u043A\u0440\u0435\u0441\u0442\u0438\u043A\u043E\u043C"),
+                            React.createElement(Button, { onClick: function () { return SingleToast.push('Static SingleToast', null, 5000, false); } }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0442\u043E\u0441\u0442 \u0431\u0435\u0437 \u043A\u0440\u0435\u0441\u0442\u0438\u043A\u0430")));
+                        buttons = screen.getAllByRole('button');
+                        return [4 /*yield*/, userEvent.click(buttons[0])];
+                    case 1:
+                        _a.sent();
+                        expect(screen.queryByTestId(ToastDataTids.close)).toBeInTheDocument();
+                        return [4 /*yield*/, userEvent.click(buttons[1])];
+                    case 2:
+                        _a.sent();
+                        expect(screen.queryByTestId(ToastDataTids.close)).not.toBeInTheDocument();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('change showCloseIcon in SingleInput with new component api', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var buttons;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        render(React.createElement(React.Fragment, null,
+                            React.createElement(SingleToast, null),
+                            React.createElement(Button, { onClick: function () {
+                                    return SingleToast.push('Static SingleToast', { action: null, showTime: 5000, showCloseIcon: true });
+                                } }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0442\u043E\u0441\u0442 c \u043A\u0440\u0435\u0441\u0442\u0438\u043A\u043E\u043C"),
+                            React.createElement(Button, { onClick: function () {
+                                    return SingleToast.push('Static SingleToast', { action: null, showTime: 5000, showCloseIcon: false });
+                                } }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0442\u043E\u0441\u0442 \u0431\u0435\u0437 \u043A\u0440\u0435\u0441\u0442\u0438\u043A\u0430")));
+                        buttons = screen.getAllByRole('button');
+                        return [4 /*yield*/, userEvent.click(buttons[0])];
+                    case 1:
+                        _a.sent();
+                        expect(screen.queryByTestId(ToastDataTids.close)).toBeInTheDocument();
+                        return [4 /*yield*/, userEvent.click(buttons[1])];
+                    case 2:
+                        _a.sent();
+                        expect(screen.queryByTestId(ToastDataTids.close)).not.toBeInTheDocument();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('a11y', function () {
+        /** @deprecated тест на старый api push-а. Нужно выпилить в версии 6.0 и удалить тест */
+        it('has correct aria-label on close button', function () { return __awaiter(void 0, void 0, void 0, function () {
+            function showComplexNotification() {
+                SingleToast.push('Successfully saved', {
+                    action: {
+                        label: 'Cancel',
+                        handler: function () { return SingleToast.push('Canceled'); },
+                    },
+                    showTime: 15000,
+                });
+            }
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        render(React.createElement(React.Fragment, null,
+                            React.createElement(SingleToast, null),
+                            React.createElement(Button, { onClick: showComplexNotification }, "Show notification")));
+                        return [4 /*yield*/, userEvent.click(screen.getByRole('button'))];
+                    case 1:
+                        _a.sent();
+                        expect(screen.getByTestId(ToastDataTids.close)).toHaveAttribute('aria-label', ToastLocaleHelper.get(LangCodes.ru_RU).closeButtonAriaLabel);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('sets value for aria-label attribute (action button) with new component api', function () { return __awaiter(void 0, void 0, void 0, function () {
+            function showComplexNotification() {
+                SingleToast.push('Successfully saved', {
+                    action: {
+                        label: 'Cancel',
+                        handler: function () { return SingleToast.push('Canceled'); },
+                        'aria-label': ariaLabel,
+                    },
+                    showTime: 15000,
+                });
+            }
+            var ariaLabel, buttonName;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        ariaLabel = 'aria-label';
+                        buttonName = 'button';
+                        render(React.createElement(React.Fragment, null,
+                            React.createElement(SingleToast, null),
+                            React.createElement(Button, { onClick: showComplexNotification }, buttonName)));
+                        return [4 /*yield*/, userEvent.click(screen.getByRole('button', { name: buttonName }))];
+                    case 1:
+                        _a.sent();
+                        expect(screen.getByTestId(ToastDataTids.action)).toHaveAttribute('aria-label', ariaLabel);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        /** @deprecated тест на старый api push-а. Нужно выпилить в версии 6.0 и удалить тест */
+        it('sets value for aria-label attribute (action button)', function () { return __awaiter(void 0, void 0, void 0, function () {
+            function showComplexNotification() {
+                SingleToast.push('Successfully saved', {
+                    label: 'Cancel',
+                    handler: function () { return SingleToast.push('Canceled'); },
+                    'aria-label': ariaLabel,
+                }, 15000);
+            }
+            var ariaLabel, buttonName;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        ariaLabel = 'aria-label';
+                        buttonName = 'button';
+                        render(React.createElement(React.Fragment, null,
+                            React.createElement(SingleToast, null),
+                            React.createElement(Button, { onClick: showComplexNotification }, buttonName)));
+                        return [4 /*yield*/, userEvent.click(screen.getByRole('button', { name: buttonName }))];
+                    case 1:
+                        _a.sent();
+                        expect(screen.getByTestId(ToastDataTids.action)).toHaveAttribute('aria-label', ariaLabel);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+});
+//# sourceMappingURL=SingleToast.test.js.map

package/components/SingleToast/__tests__/SingleToast.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleToast.test.js","sourceRoot":"","sources":["../../../../components/SingleToast/__tests__/SingleToast.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render, screen } from '@testing-library/react';\nimport { userEvent } from '@testing-library/user-event';\n\nimport { LangCodes } from '../../../lib/locale/index.js';\nimport { Button } from '../../Button/index.js';\nimport { SingleToast } from '../SingleToast.js';\nimport { ToastDataTids } from '../../Toast/index.js';\nimport { ToastLocaleHelper } from '../../Toast/locale/index.js';\n\ndescribe('SingleToast', () => {\n  /** @deprecated тест на старый api push-а. Нужно выпилить в версии 6.0 и удалить тест */\n  describe('showCloseIcon', () => {\n    it('change showCloseIcon in SingleInput', async () => {\n      render(\n        <>\n          <SingleToast />\n          <Button onClick={() => SingleToast.push('Static SingleToast', null, 5000, true)}>\n            Показать статический тост c крестиком\n          </Button>\n          <Button onClick={() => SingleToast.push('Static SingleToast', null, 5000, false)}>\n            Показать статический тост без крестика\n          </Button>\n        </>,\n      );\n\n      const buttons = screen.getAllByRole('button');\n\n      await userEvent.click(buttons[0]);\n      expect(screen.queryByTestId(ToastDataTids.close)).toBeInTheDocument();\n\n      await userEvent.click(buttons[1]);\n      expect(screen.queryByTestId(ToastDataTids.close)).not.toBeInTheDocument();\n    });\n\n    it('change showCloseIcon in SingleInput with new component api', async () => {\n      render(\n        <>\n          <SingleToast />\n          <Button\n            onClick={() =>\n              SingleToast.push('Static SingleToast', { action: null, showTime: 5000, showCloseIcon: true })\n            }\n          >\n            Показать статический тост c крестиком\n          </Button>\n          <Button\n            onClick={() =>\n              SingleToast.push('Static SingleToast', { action: null, showTime: 5000, showCloseIcon: false })\n            }\n          >\n            Показать статический тост без крестика\n          </Button>\n        </>,\n      );\n\n      const buttons = screen.getAllByRole('button');\n\n      await userEvent.click(buttons[0]);\n      expect(screen.queryByTestId(ToastDataTids.close)).toBeInTheDocument();\n\n      await userEvent.click(buttons[1]);\n      expect(screen.queryByTestId(ToastDataTids.close)).not.toBeInTheDocument();\n    });\n  });\n\n  describe('a11y', () => {\n    /** @deprecated тест на старый api push-а. Нужно выпилить в версии 6.0 и удалить тест */\n    it('has correct aria-label on close button', async () => {\n      function showComplexNotification() {\n        SingleToast.push('Successfully saved', {\n          action: {\n            label: 'Cancel',\n            handler: () => SingleToast.push('Canceled'),\n          },\n          showTime: 15_000,\n        });\n      }\n      render(\n        <>\n          <SingleToast />\n          <Button onClick={showComplexNotification}>Show notification</Button>\n        </>,\n      );\n\n      await userEvent.click(screen.getByRole('button'));\n\n      expect(screen.getByTestId(ToastDataTids.close)).toHaveAttribute(\n        'aria-label',\n        ToastLocaleHelper.get(LangCodes.ru_RU).closeButtonAriaLabel,\n      );\n    });\n\n    it('sets value for aria-label attribute (action button) with new component api', async () => {\n      const ariaLabel = 'aria-label';\n      const buttonName = 'button';\n      function showComplexNotification() {\n        SingleToast.push('Successfully saved', {\n          action: {\n            label: 'Cancel',\n            handler: () => SingleToast.push('Canceled'),\n            'aria-label': ariaLabel,\n          },\n          showTime: 15_000,\n        });\n      }\n      render(\n        <>\n          <SingleToast />\n          <Button onClick={showComplexNotification}>{buttonName}</Button>\n        </>,\n      );\n\n      await userEvent.click(screen.getByRole('button', { name: buttonName }));\n\n      expect(screen.getByTestId(ToastDataTids.action)).toHaveAttribute('aria-label', ariaLabel);\n    });\n\n    /** @deprecated тест на старый api push-а. Нужно выпилить в версии 6.0 и удалить тест */\n    it('sets value for aria-label attribute (action button)', async () => {\n      const ariaLabel = 'aria-label';\n      const buttonName = 'button';\n      function showComplexNotification() {\n        SingleToast.push(\n          'Successfully saved',\n          {\n            label: 'Cancel',\n            handler: () => SingleToast.push('Canceled'),\n            'aria-label': ariaLabel,\n          },\n          15000,\n        );\n      }\n      render(\n        <>\n          <SingleToast />\n          <Button onClick={showComplexNotification}>{buttonName}</Button>\n        </>,\n      );\n\n      await userEvent.click(screen.getByRole('button', { name: buttonName }));\n\n      expect(screen.getByTestId(ToastDataTids.action)).toHaveAttribute('aria-label', ariaLabel);\n    });\n  });\n});\n"]}

package/components/SingleToast/index.d.ts

@@ -1 +1 @@
-export * from './SingleToast';
+export * from './SingleToast.js';

package/components/SingleToast/index.js

@@ -0,0 +1,2 @@
+export * from './SingleToast.js';
+//# sourceMappingURL=index.js.map

package/components/SingleToast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/SingleToast/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './SingleToast.js';\n"]}

package/components/Spinner/Spinner.d.ts

@@ -1,65 +1,49 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-declare const types: readonly ["big", "mini", "normal"];
-export type SpinnerType = (typeof types)[number];
-export interface SpinnerProps extends CommonProps {
-    /** Задает подпись под спиннером.
-     * @default "Загрузка" */
-    caption?: React.ReactNode;
-    /** Переводит спиннер в "затемнённый режим".
-     * Цвет спиннера в "затемнённом режиме" определяется переменной `spinnerDimmedColor`. */
-    dimmed?: boolean;
-    /** Задает размер спиннера и текста.
-     * @default normal. */
-    type?: SpinnerType;
-    /** Уменьшает спиннер для вставки в инлайн элемент. При type = "big"|"normal" размер спиннера уменьшается. */
-    inline?: boolean;
-    /** Задает толщину спиннера. */
-    width?: number;
-    /** Задает цвет спиннера. Не работает с пропом dimmed. */
-    color?: React.CSSProperties['color'];
-}
-export declare const SpinnerDataTids: {
-    readonly root: "Spinner__root";
-};
-type DefaultProps = Required<Pick<SpinnerProps, 'type'>>;
-/**
- * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.
- *
- * Используйте `Spinner`, чтобы показать, что система выполняет команду, которую дал пользователь.
- * Не применяйте `Spinner` для заполнения паузы при загрузке контента, для этого предназначен GlobalLoader.
- *
- * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.
- */
-export declare class Spinner extends React.Component<SpinnerProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        /**
-         * Текст рядом с мини-лоадером.
-         *
-         * 'Загрузка' - значение по-умолчанию
-         */
-        caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        dimmed: PropTypes.Requireable<boolean>;
-        /**
-         * Тип спиннера: mini, normal, big
-         *
-         * Значение по-умолчанию - normal
-         *
-         * Spinner.types - все доступные типы
-         */
-        type: PropTypes.Requireable<"big" | "normal" | "mini">;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    static Types: Record<SpinnerType, SpinnerType>;
-    private theme;
-    private setRootNode;
-    render(): React.JSX.Element;
-    private renderMain;
-    private renderSpinner;
-    private renderCaption;
-}
-export {};
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/types.js';
+import type { TGetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';
+declare const types: readonly ["big", "mini", "normal"];
+export type SpinnerType = (typeof types)[number];
+export interface SpinnerProps extends CommonProps {
+    /** Задает подпись под спиннером.
+     * @default "Загрузка" */
+    caption?: React.ReactNode;
+    /** Переводит спиннер в "затемнённый режим".
+     * Цвет спиннера в "затемнённом режиме" определяется переменной `spinnerDimmedColor`. */
+    dimmed?: boolean;
+    /** Задает размер спиннера и текста.
+     * @default normal. */
+    type?: SpinnerType;
+    /** Уменьшает спиннер для вставки в инлайн элемент. При type = "big"|"normal" размер спиннера уменьшается. */
+    inline?: boolean;
+    /** Задает толщину спиннера. */
+    width?: number;
+    /** Задает цвет спиннера. Не работает с пропом dimmed. */
+    color?: React.CSSProperties['color'];
+}
+export declare const SpinnerDataTids: {
+    readonly root: "Spinner__root";
+};
+type DefaultProps = Required<Pick<SpinnerProps, 'type'>>;
+/**
+ * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.
+ *
+ * Используйте `Spinner`, чтобы показать, что система выполняет команду, которую дал пользователь.
+ * Не применяйте `Spinner` для заполнения паузы при загрузке контента, для этого предназначен GlobalLoader.
+ *
+ * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.
+ */
+export declare class Spinner extends React.Component<SpinnerProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    static Types: Record<SpinnerType, SpinnerType>;
+    private theme;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderSpinner;
+    private renderCaption;
+}
+export {};

package/components/Spinner/Spinner.js

@@ -0,0 +1,110 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from 'react';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { SpinnerIcon } from '../../internal/SpinnerIcon/SpinnerIcon.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { cx } from '../../lib/theming/Emotion.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { styles } from './Spinner.styles.js';
+var types = ['big', 'mini', 'normal'];
+export var SpinnerDataTids = {
+    root: 'Spinner__root',
+};
+/**
+ * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.
+ *
+ * Используйте `Spinner`, чтобы показать, что система выполняет команду, которую дал пользователь.
+ * Не применяйте `Spinner` для заполнения паузы при загрузке контента, для этого предназначен GlobalLoader.
+ *
+ * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.
+ */
+var Spinner = /** @class */ (function (_super) {
+    __extends(Spinner, _super);
+    function Spinner() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(Spinner_1.defaultProps);
+        _this.renderSpinner = function (type, dimmed, inline) {
+            var _a;
+            return (React.createElement(SpinnerIcon, { size: type, className: cx((_a = {},
+                    _a[styles.circle(_this.theme)] = !dimmed && !_this.props.color,
+                    _a[styles.circleDimmedColor(_this.theme)] = dimmed,
+                    _a[styles.circleWithoutColorAnimation()] = dimmed || !!_this.props.color,
+                    _a)), width: _this.props.width, color: _this.props.color, inline: inline }));
+        };
+        _this.renderCaption = function (type, caption) { return (React.createElement("span", { className: cx(styles[type](_this.theme), styles.captionColor(_this.theme)) }, caption)); };
+        return _this;
+    }
+    Spinner_1 = Spinner;
+    Spinner.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = theme;
+            return _this.renderMain();
+        }));
+    };
+    Spinner.prototype.renderMain = function () {
+        var _a = this.props, _b = _a.caption, caption = _b === void 0 ? null : _b, dimmed = _a.dimmed, inline = _a.inline;
+        var type = this.getProps().type;
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement("div", { "data-tid": SpinnerDataTids.root, className: styles.spinner() },
+                React.createElement("span", { className: styles.inner() }, this.renderSpinner(type, dimmed, inline)),
+                caption && this.renderCaption(type, caption))));
+    };
+    var Spinner_1;
+    Spinner.__KONTUR_REACT_UI__ = 'Spinner';
+    Spinner.displayName = 'Spinner';
+    Spinner.defaultProps = {
+        type: 'normal',
+    };
+    Spinner.Types = Object.assign.apply(Object, __spreadArray([{}], types.map(function (type) {
+        var _a;
+        return (_a = {}, _a[type] = type, _a);
+    }), false));
+    Spinner = Spinner_1 = __decorate([
+        rootNode
+    ], Spinner);
+    return Spinner;
+}(React.Component));
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map