profinansy-ui-lib 3.4.14 → 3.4.16

package/dist/components/blocks/Comment/Comment.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Comment.typed.js.map

package/dist/components/blocks/Comment/Comment.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comment.typed.js","sourceRoot":"","sources":["../../../../src/components/blocks/Comment/Comment.typed.ts"],"names":[],"mappings":""}

package/dist/components/blocks/Comment/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Comment = void 0;
+var Comment_1 = require("./Comment");
+Object.defineProperty(exports, "Comment", { enumerable: true, get: function () { return Comment_1.Comment; } });
+//# sourceMappingURL=index.js.map

package/dist/components/blocks/Comment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/blocks/Comment/index.ts"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA"}

package/dist/components/blocks/CompanyInfo/CompanyInfo.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompanyInfo = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./CompanyInfo.styled"));
+const HiddenText_1 = require("../../uikit/HiddenText");
+const Typography_1 = require("../../uikit/Typography");
+const AvatarCompany_1 = require("../../uikit/AvatarCompany");
+const animation_2 = require("../../../constants/animation/animation");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const CompanyInfo = (_a) => {
+    var { link } = _a, props = __rest(_a, ["link"]);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    if (link)
+        return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+            react_1.default.createElement(Styled.ContainerLink, { href: link, target: "_blank", rel: "noreferrer" },
+                react_1.default.createElement(Content, Object.assign({}, props)))));
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, null,
+            react_1.default.createElement(Content, Object.assign({}, props)))));
+};
+exports.CompanyInfo = CompanyInfo;
+const Content = ({ firstLine, secondLine, logo, logoSize, compressionImage, withoutLogo }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        !withoutLogo && (react_1.default.createElement(AvatarCompany_1.AvatarCompany, { ticker: firstLine || secondLine, logoSize: logoSize, logo: logo, compressionImage: compressionImage })),
+        react_1.default.createElement(Styled.Right, null,
+            !!firstLine && (react_1.default.createElement(HiddenText_1.HiddenText, null,
+                react_1.default.createElement(Typography_1.Typography, { tag: "span", variant: "caption-SemiBold", colorName: "primary", className: "companyInfo_firstLine", transition: `color 0.3s ${animation_2.AnimationFunctions.animation_1}` }, firstLine))),
+            !!secondLine && (react_1.default.createElement(HiddenText_1.HiddenText, null,
+                react_1.default.createElement(Typography_1.Typography, { tag: "span", variant: "tag-Medium11", colorName: "secondary" }, secondLine))))));
+};
+//# sourceMappingURL=CompanyInfo.js.map

package/dist/components/blocks/CompanyInfo/CompanyInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyInfo.js","sourceRoot":"","sources":["../../../../src/components/blocks/CompanyInfo/CompanyInfo.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6DAA8C;AAE9C,uDAAmD;AACnD,uDAAmD;AACnD,6DAAyD;AACzD,sEAA2E;AAC3E,gEAAsD;AACtD,4DAAoD;AACpD,yDAAiD;AAEjD,MAAM,WAAW,GAAG,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,IAAI,OAA0B,EAArB,KAAK,cAAhB,QAAkB,CAAF;IACnC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,IAAI,IAAI;QACN,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;YACjC,8BAAC,MAAM,CAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY;gBAChE,8BAAC,OAAO,oBAAK,KAAK,EAAI,CACD,CACT,CACjB,CAAA;IAEH,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS;YACf,8BAAC,OAAO,oBAAK,KAAK,EAAI,CACL,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AA8CQ,kCAAW;AA5CpB,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACE,EAAE,EAAE;IACjB,OAAO,CACL;QACG,CAAC,WAAW,IAAI,CACf,8BAAC,6BAAa,IACZ,MAAM,EAAE,SAAS,IAAI,UAAU,EAC/B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,GAClC,CACH;QACD,8BAAC,MAAM,CAAC,KAAK;YACV,CAAC,CAAC,SAAS,IAAI,CACd,8BAAC,uBAAU;gBACT,8BAAC,uBAAU,IACT,GAAG,EAAC,MAAM,EACV,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,SAAS,EACnB,SAAS,EAAC,uBAAuB,EACjC,UAAU,EAAE,cAAc,8BAAkB,CAAC,WAAW,EAAE,IAEzD,SAAS,CACC,CACF,CACd;YACA,CAAC,CAAC,UAAU,IAAI,CACf,8BAAC,uBAAU;gBACT,8BAAC,uBAAU,IAAC,GAAG,EAAC,MAAM,EAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,WAAW,IAChE,UAAU,CACA,CACF,CACd,CACY,CACd,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/components/blocks/CompanyInfo/CompanyInfo.stories.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompanyInfo = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryTitle_1 = require("../../uikit/storybook/StoryTitle/StoryTitle");
+const CompanyInfo_1 = require("./CompanyInfo");
+const StoryExample_1 = require("../../uikit/storybook/StoryExample/StoryExample");
+const StoryDescription_1 = require("../../uikit/storybook/StoryDescription/StoryDescription");
+exports.default = {
+    title: 'Blocks/CompanyInfo',
+    component: CompanyInfo_1.CompanyInfo,
+    tags: ['autodocs']
+};
+const CompanyInfo = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "CompanyInfo"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0438\u043A\u043E\u043D\u043A\u0438, \u0442\u0438\u043A\u043A\u0435\u0440\u0430 \u0438 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438. \u0414\u0430\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0434\u043E\u043B\u0436\u0435\u043D \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n      \u0432\u043E \u0432\u0441\u0435\u0445 \u0442\u0430\u0431\u043B\u0438\u0446\u0430\u0445, \u0433\u0434\u0435 \u0432\u044B\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u044B." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { width: '200px' } },
+                react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, secondLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", firstLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0422\u0435\u043A\u0441\u0442 \u0432\u043D\u0443\u0442\u0440\u0438 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0414\u043B\u044F \u043D\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432 \u0442\u0435\u043A\u0441\u0442\u043E\u043C \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u0432\u0430 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430: <b>firstLine</b> \u0438 <b>lastLine</b>.\n      \u0422\u0430\u043A\u0438\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0434\u0435\u043B\u0430\u043D\u044B \u0434\u043B\u044F \u0442\u043E\u0433\u043E, \u0447\u0442\u043E\u0431\u044B \u0443\u0447\u0435\u0441\u0442\u044C \u0440\u0430\u0437\u043B\u0438\u0447\u043D\u044B\u0435 \u0441\u043B\u0443\u0447\u0430\u0438, \u043A\u043E\u0433\u0434\u0430 \u0432\u043C\u0435\u0441\u0442\u043E \u0442\u0438\u043A\u043A\u0435\u0440\u0430 \u043D\u0430\u0434\u043E \u043E\u0442\u043E\u0431\u0440\u0430\u0437\u0438\u0442\u044C \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435, \u0430 \u0432\u043C\u0435\u0441\u0442\u043E \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 - \u0442\u0438\u043A\u043A\u0435\u0440.\n      \u0418\u043B\u0438 \u043A\u043E\u0433\u0434\u0430 \u0442\u0438\u043A\u043A\u0435\u0440\u0430 \u043D\u0435\u0442 \u0432\u043E\u043E\u0431\u0449\u0435, \u0430 \u0435\u0441\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435, \u043A\u043E\u0442\u043E\u0440\u043E\u0435 \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043F\u043E \u0441\u0442\u0438\u043B\u0438\u0441\u0442\u0438\u043A\u0435 \u0442\u0438\u043A\u043A\u0435\u0440\u0430 \u0438 \u0442\u0434." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, firstLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", secondLine: "SBER", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" }),
+            react_1.default.createElement("div", { style: { marginTop: '16px' } },
+                react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, firstLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" })),
+            react_1.default.createElement("div", { style: { marginTop: '16px' } },
+                react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, firstLine: "SBER", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0411\u0435\u0437 \u043B\u043E\u0433\u043E\u0442\u0438\u043F\u0430"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { width: '200px' } },
+                react_1.default.createElement(CompanyInfo_1.CompanyInfo, { withoutLogo: true, link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, secondLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", firstLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421 \u0441\u044B\u043B\u043A\u043E\u0439"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0443\u0436\u043D\u043E, \u0447\u0442\u043E\u0431\u044B \u043F\u043E \u043A\u043B\u0438\u043A\u0443 \u043D\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u043B\u0430\u0441\u044C \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438 (\u0432 95% \u0441\u043B\u0443\u0447\u0430\u0435\u0432), \u0442\u043E \u043F\u0440\u043E\u043A\u0438\u043D\u044C\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>link</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, secondLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", firstLine: "SBER", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0411\u0435\u0437 \u0441\u0441\u044B\u043B\u043A\u0438"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(CompanyInfo_1.CompanyInfo, { logoSize: 28, secondLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", firstLine: "SBER", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" }))));
+};
+exports.CompanyInfo = CompanyInfo;
+//# sourceMappingURL=CompanyInfo.stories.js.map

package/dist/components/blocks/CompanyInfo/CompanyInfo.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyInfo.stories.js","sourceRoot":"","sources":["../../../../src/components/blocks/CompanyInfo/CompanyInfo.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,4EAAwE;AAExE,+CAAwD;AACxD,kFAA8E;AAC9E,8FAA0F;AAE1F,kBAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,yBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,kBAA0B;QACjD,8BAAC,mCAAgB,IACf,IAAI,EAAC,q1BACsC,GAC3C;QACF,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC5B,8BAAC,yBAAS,IACR,IAAI,EAAC,8CAA8C,EACnD,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,+bAAsG,EACjH,SAAS,EAAC,+bAAsG,EAChH,IAAI,EAAC,uEAAuE,GAC5E,CACE,CACO;QACf,8BAAC,uBAAU,2IAAqC;QAChD,8BAAC,mCAAgB,IACf,IAAI,EAAC,ykDAE+F,GACpG;QACF,8BAAC,2BAAY;YACX,8BAAC,yBAAS,IACR,IAAI,EAAC,8CAA8C,EACnD,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAC,+bAAsG,EAChH,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,uEAAuE,GAC5E;YACF,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;gBAC/B,8BAAC,yBAAS,IACR,IAAI,EAAC,8CAA8C,EACnD,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAC,+bAAsG,EAChH,IAAI,EAAC,uEAAuE,GAC5E,CACE;YACN,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;gBAC/B,8BAAC,yBAAS,IACR,IAAI,EAAC,8CAA8C,EACnD,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAC,MAAM,EAChB,IAAI,EAAC,uEAAuE,GAC5E,CACE,CACO;QACf,8BAAC,uBAAU,8EAA0B;QACrC,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC5B,8BAAC,yBAAS,IACR,WAAW,EAAE,IAAI,EACjB,IAAI,EAAC,8CAA8C,EACnD,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,+bAAsG,EACjH,SAAS,EAAC,+bAAsG,EAChH,IAAI,EAAC,uEAAuE,GAC5E,CACE,CACO;QACf,8BAAC,uBAAU,sDAAsB;QACjC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,4jBAA+H,GAAG;QACzJ,8BAAC,2BAAY;YACX,8BAAC,yBAAS,IACR,IAAI,EAAC,8CAA8C,EACnD,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,+bAAsG,EACjH,SAAS,EAAC,MAAM,EAChB,IAAI,EAAC,uEAAuE,GAC5E,CACW;QACf,8BAAC,uBAAU,kEAAwB;QACnC,8BAAC,2BAAY;YACX,8BAAC,yBAAS,IACR,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,+bAAsG,EACjH,SAAS,EAAC,MAAM,EAChB,IAAI,EAAC,uEAAuE,GAC5E,CACW,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AArFY,QAAA,WAAW,eAqFvB"}

package/dist/components/blocks/CompanyInfo/CompanyInfo.styled.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Right = exports.Container = exports.ContainerLink = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.ContainerLink = styled_components_1.default.a `
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  overflow: hidden;
+  text-decoration: none;
+  &:hover .companyInfo_firstLine {
+    color: ${(props) => props.theme.text.accent};
+  }
+`;
+exports.Container = styled_components_1.default.div `
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  overflow: hidden;
+`;
+exports.Right = styled_components_1.default.div `
+  overflow: hidden;
+`;
+//# sourceMappingURL=CompanyInfo.styled.js.map

package/dist/components/blocks/CompanyInfo/CompanyInfo.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyInfo.styled.js","sourceRoot":"","sources":["../../../../src/components/blocks/CompanyInfo/CompanyInfo.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,aAAa,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;aAQxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;;CAE9C,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE9B,CAAA"}

package/dist/components/blocks/CompanyInfo/CompanyInfo.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=CompanyInfo.typed.js.map

package/dist/components/blocks/CompanyInfo/CompanyInfo.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyInfo.typed.js","sourceRoot":"","sources":["../../../../src/components/blocks/CompanyInfo/CompanyInfo.typed.ts"],"names":[],"mappings":""}

package/dist/components/blocks/CompanyInfo/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompanyInfo = void 0;
+var CompanyInfo_1 = require("./CompanyInfo");
+Object.defineProperty(exports, "CompanyInfo", { enumerable: true, get: function () { return CompanyInfo_1.CompanyInfo; } });
+//# sourceMappingURL=index.js.map

package/dist/components/blocks/CompanyInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/blocks/CompanyInfo/index.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAAlC,0GAAA,WAAW,OAAA"}

package/dist/components/blocks/Like/Like.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Like = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Like.styled"));
+const Typography_1 = require("../../uikit/Typography");
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const Like = ({ isActive, amount, onClick }) => {
+    const [viewed, setViewed] = (0, react_1.useState)(0);
+    const [isLike, setIsLike] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        setIsLike(isActive);
+    }, [isActive]);
+    (0, react_1.useEffect)(() => {
+        // только первый раз
+        if (viewed === 0) {
+            setViewed(amount);
+        }
+    }, [amount]);
+    const handleClick = (e) => {
+        if (isLike) {
+            setViewed((prevState) => prevState - 1);
+        }
+        else {
+            setViewed((prevState) => prevState + 1);
+        }
+        setIsLike(!isLike);
+        onClick(e);
+    };
+    const { mode: theme } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[theme] },
+        react_1.default.createElement(Styled.Button, { onClick: handleClick },
+            react_1.default.createElement(Styled.Like, { className: isLike && 'like_active' }),
+            react_1.default.createElement(Typography_1.Typography, { variant: "caption-Medium", tag: "span", colorName: isLike ? 'negative' : 'fourth' }, viewed))));
+};
+exports.Like = Like;
+//# sourceMappingURL=Like.js.map

package/dist/components/blocks/Like/Like.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Like.js","sourceRoot":"","sources":["../../../../src/components/blocks/Like/Like.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,sDAAuC;AACvC,uDAAmD;AAEnD,4DAAoD;AACpD,yDAAiD;AACjD,gEAAsD;AAEtD,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAc,EAAE,EAAE;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,QAAQ,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,oBAAoB;QACpB,IAAI,MAAM,KAAK,CAAC,EAAE;YAChB,SAAS,CAAC,MAAM,CAAC,CAAA;SAClB;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,IAAI,MAAM,EAAE;YACV,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;SACxC;aAAM;YACL,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;SACxC;QACD,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;QAClB,OAAO,CAAC,CAAC,CAAC,CAAA;IACZ,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAEjC,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,KAAK,CAAC;QAClC,8BAAC,MAAM,CAAC,MAAM,IAAC,OAAO,EAAE,WAAW;YACjC,8BAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAE,MAAM,IAAI,aAAa,GAAI;YACnD,8BAAC,uBAAU,IACT,OAAO,EAAC,gBAAgB,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,IAExC,MAAM,CACI,CACC,CACF,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,oBAAI"}

package/dist/components/blocks/Like/Like.stories.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Like = void 0;
+const react_1 = __importStar(require("react"));
+const StoryTitle_1 = require("../../uikit/storybook/StoryTitle/StoryTitle");
+const Like_1 = require("./Like");
+const StoryExample_1 = require("../../uikit/storybook/StoryExample/StoryExample");
+const StoryDescription_1 = require("../../uikit/storybook/StoryDescription/StoryDescription");
+exports.default = {
+    title: 'Blocks/Like',
+    component: Like_1.Like,
+    tags: ['autodocs']
+};
+const Like = () => {
+    const [isActive, setIsActive] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Like"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u043A\u043D\u043E\u043F\u043A\u0438 \u043B\u0430\u0439\u043A\u0430 \u0432 \u0440\u0430\u0437\u043B\u0438\u0447\u043D\u044B\u0445 \u0447\u0430\u0441\u0442\u044F\u0445 \u0441\u0435\u0440\u0432\u0438\u0441\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Like_1.Like, { isActive: isActive, onClick: () => setIsActive(!isActive), amount: 0 }))));
+};
+exports.Like = Like;
+//# sourceMappingURL=Like.stories.js.map

package/dist/components/blocks/Like/Like.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Like.stories.js","sourceRoot":"","sources":["../../../../src/components/blocks/Like/Like.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4EAAwE;AAExE,iCAA0C;AAC1C,kFAA8E;AAC9E,8FAA0F;AAE1F,kBAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,WAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,EAAE;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE/C,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,WAAmB;QAC1C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,uWAAqE,GAAG;QAC/F,8BAAC,2BAAY;YACX,8BAAC,WAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,EACrC,MAAM,EAAE,CAAC,GACT,CACW,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,IAAI,QAgBhB"}

package/dist/components/blocks/Like/Like.styled.js

@@ -0,0 +1,87 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Like = exports.Button = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Like_svg_1 = __importDefault(require("../../../icons/Like.svg"));
+const animation_2 = require("../../../constants/animation/animation");
+const pulse = (0, styled_components_1.keyframes) `
+    0% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.2);
+    }
+    100% {
+        transform: scale(1);
+    }
+`;
+exports.Button = styled_components_1.default.button `
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+`;
+exports.Like = (0, styled_components_1.default)(Like_svg_1.default) `
+  transition: all 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & path {
+    transition: all 0.3s ${animation_2.AnimationFunctions.animation_1};
+    fill: transparent;
+    stroke: ${(props) => props.theme.icons.fourth};
+  }
+  &:hover {
+    & path {
+      fill: #fff2ec;
+      stroke: ${(props) => props.theme.icons.negative};
+    }
+  }
+  &:active {
+    transform: scale(0.85);
+    & path {
+      fill: ${(props) => props.theme.icons.negative};
+      stroke: ${(props) => props.theme.icons.negative};
+    }
+  }
+  &.like_active {
+    animation: ${pulse} 0.3s forwards;
+    & path {
+      fill: ${(props) => props.theme.icons.negative};
+      stroke: ${(props) => props.theme.icons.negative};
+    }
+    &:hover {
+      & path {
+        fill: ${(props) => props.theme.icons.negative};
+        stroke: ${(props) => props.theme.icons.negative};
+      }
+    }
+  }
+`;
+//# sourceMappingURL=Like.styled.js.map

package/dist/components/blocks/Like/Like.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Like.styled.js","sourceRoot":"","sources":["../../../../src/components/blocks/Like/Like.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAqD;AACrD,uEAA8C;AAC9C,sEAA2E;AAE3E,MAAM,KAAK,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;CAUtB,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;CAQlC,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,kBAAQ,CAAC,CAAA;yBACX,8BAAkB,CAAC,WAAW;;2BAE5B,8BAAkB,CAAC,WAAW;;cAE3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;gBAKjC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;;;;;;cAMvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;gBACnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;;;;iBAIpC,KAAK;;cAER,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;gBACnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;;;;gBAIrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;kBACnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;;;;CAItD,CAAA"}

package/dist/components/blocks/Like/Like.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Like.typed.js.map

package/dist/components/blocks/Like/Like.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Like.typed.js","sourceRoot":"","sources":["../../../../src/components/blocks/Like/Like.typed.ts"],"names":[],"mappings":""}

package/dist/components/blocks/Like/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Like = void 0;
+var Like_1 = require("./Like");
+Object.defineProperty(exports, "Like", { enumerable: true, get: function () { return Like_1.Like; } });
+//# sourceMappingURL=index.js.map

package/dist/components/blocks/Like/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/blocks/Like/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}

package/dist/components/blocks/Notification/Notification.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationShort = exports.Notification = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Notification.styled"));
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const Typography_1 = require("../../uikit/Typography");
+const Close4_svg_1 = __importDefault(require("../../../icons/Close4.svg"));
+const formatDistanceDate_1 = require("../../../utils/formatDistanceDate");
+const notifications_const_1 = require("./notifications.const");
+const Notification = ({ title, description, date, type, link, onClose }) => {
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const Icon = notifications_const_1.NOTIFICATION_ICONS[type];
+    const handleClick = () => {
+        if (link) {
+            window.open(link, '_blank');
+        }
+    };
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, { type: type, onClick: handleClick, link: link },
+            react_1.default.createElement(Styled.Close, { onClick: onClose },
+                react_1.default.createElement(Close4_svg_1.default, null)),
+            react_1.default.createElement(Styled.Header, null,
+                react_1.default.createElement(Styled.Left, null,
+                    react_1.default.createElement(Styled.IconContainer, { type: type },
+                        react_1.default.createElement(Icon, null)),
+                    react_1.default.createElement(Typography_1.Typography, { variant: "description-SemiBold", textTransform: "uppercase", colorName: "secondary" }, notifications_const_1.NAMES[type])),
+                react_1.default.createElement(Typography_1.Typography, { variant: "description-SemiBold", colorName: "secondary" }, (0, formatDistanceDate_1.formatDateDistanceToNow)(date) || 'сейчас')),
+            react_1.default.createElement(Typography_1.Typography, { variant: "header6-SemiBold", colorName: "primary", tag: "span" }, title),
+            !!description && (react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", colorName: "primary", tag: "span", marginTop: "4px" }, description)))));
+};
+exports.Notification = Notification;
+const NotificationShort = ({ type, onClose, title }) => {
+    return react_1.default.createElement(Notification, { title: title, type: type, onClose: onClose });
+};
+exports.NotificationShort = NotificationShort;
+//# sourceMappingURL=Notification.js.map

package/dist/components/blocks/Notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/components/blocks/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,8DAA+C;AAC/C,4DAAoD;AACpD,yDAAiD;AACjD,gEAAsD;AAEtD,uDAAmD;AACnD,2EAAiD;AACjD,0EAA2E;AAC3E,+DAAiE;AAEjE,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACO,EAAE,EAAE;IAClB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,MAAM,IAAI,GAAG,wCAAkB,CAAC,IAAI,CAAC,CAAA;IAErC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,IAAI,EAAE;YACR,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;SAC5B;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI;YAC5D,8BAAC,MAAM,CAAC,KAAK,IAAC,OAAO,EAAE,OAAO;gBAC5B,8BAAC,oBAAS,OAAG,CACA;YACf,8BAAC,MAAM,CAAC,MAAM;gBACZ,8BAAC,MAAM,CAAC,IAAI;oBACV,8BAAC,MAAM,CAAC,aAAa,IAAC,IAAI,EAAE,IAAI;wBAC9B,8BAAC,IAAI,OAAG,CACa;oBACvB,8BAAC,uBAAU,IACT,OAAO,EAAC,sBAAsB,EAC9B,aAAa,EAAC,WAAW,EACzB,SAAS,EAAC,WAAW,IAEpB,2BAAK,CAAC,IAAI,CAAC,CACD,CACD;gBACd,8BAAC,uBAAU,IAAC,OAAO,EAAC,sBAAsB,EAAC,SAAS,EAAC,WAAW,IAC7D,IAAA,4CAAuB,EAAC,IAAI,CAAC,IAAI,QAAQ,CAC/B,CACC;YAChB,8BAAC,uBAAU,IAAC,OAAO,EAAC,kBAAkB,EAAC,SAAS,EAAC,SAAS,EAAC,GAAG,EAAC,MAAM,IAClE,KAAK,CACK;YACZ,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,uBAAU,IACT,OAAO,EAAC,cAAc,EACtB,SAAS,EAAC,SAAS,EACnB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,KAAK,IAEd,WAAW,CACD,CACd,CACgB,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAMQ,oCAAY;AAJrB,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAsB,EAAE,EAAE;IACzE,OAAO,8BAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AACrE,CAAC,CAAA;AAEsB,8CAAiB"}

package/dist/components/blocks/Notification/Notification.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notification = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryTitle_1 = require("../../uikit/storybook/StoryTitle/StoryTitle");
+const Notification_1 = require("./Notification");
+const StoryExample_1 = require("../../uikit/storybook/StoryExample/StoryExample");
+const StoryDescription_1 = require("../../uikit/storybook/StoryDescription/StoryDescription");
+exports.default = {
+    title: 'Blocks/Notification',
+    component: Notification_1.Notification,
+    tags: ['autodocs']
+};
+const Notification = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Notification"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0438 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0439. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044E\u0442\u0441\u044F \u0434\u043B\u044F \u043F\u043E\u043A\u0430\u0437\u0430 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0439 \u0441 \u0431\u044D\u043A\u0435\u043D\u0434\u0430 \u0438 \u0434\u043B\u044F \u043A\u0440\u0430\u0442\u043A\u0438\u0445 \u0444\u0440\u043E\u043D\u0442\u043E\u0432\u044B\u0445 \u043D\u043E\u0442\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0439." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Notification_1.Notification, { onClose: () => alert('close'), link: "https://google.com", type: 'default', date: "2024-06-23", title: "\u0422\u043E\u043F \u0430\u043A\u0446\u0438\u0438 \u043F\u0440\u0438 \u0432\u044B\u0441\u043E\u043A\u043E\u0439 \u0438\u043D\u0444\u043B\u044F\u0446\u0438\u0438 \uD83D\uDCB8", description: "\u0412 11:00 \u0441\u043E\u0441\u0442\u043E\u0438\u0442\u0441\u044F \u0443\u0440\u043E\u043A \u041E\u043B\u044C\u0433\u0438 \u0413\u043E\u0433\u0430\u043B\u0430\u0434\u0437\u0435!" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u0440\u0430\u0442\u043A\u0438\u0435 \u0444\u0440\u043E\u043D\u0442\u043E\u0432\u044B\u0435 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '24px', flexWrap: 'wrap' } },
+                react_1.default.createElement(Notification_1.NotificationShort, { type: "success", title: "\u0418\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043F\u0440\u0438\u043C\u0435\u043D\u0435\u043D\u044B.", onClose: () => alert('close') }),
+                react_1.default.createElement(Notification_1.NotificationShort, { type: "error", title: "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0437\u0436\u0435.", onClose: () => alert('close') }),
+                react_1.default.createElement(Notification_1.NotificationShort, { type: "warning", title: "\u0412\u0441\u0435 \u0432\u0430\u0448\u0438 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0431\u0443\u0434\u0443\u0442 \u0443\u0442\u0435\u0440\u044F\u043D\u044B.", onClose: () => alert('close') }),
+                react_1.default.createElement(Notification_1.NotificationShort, { type: "info", title: "\u0412\u0435\u0431\u0438\u043D\u0430\u0440 \u043D\u0430\u0447\u043D\u0435\u0442\u0441\u044F \u0437\u0430\u0432\u0442\u0440\u0430 \u0432 10:00.", onClose: () => alert('close') })))));
+};
+exports.Notification = Notification;
+//# sourceMappingURL=Notification.stories.js.map

package/dist/components/blocks/Notification/Notification.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.stories.js","sourceRoot":"","sources":["../../../../src/components/blocks/Notification/Notification.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,4EAAwE;AAExE,iDAA6E;AAC7E,kFAA8E;AAC9E,8FAA0F;AAE1F,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,2BAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,mBAA2B;QAClD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,4iBAA0G,GAAG;QACpI,8BAAC,2BAAY;YACX,8BAAC,2BAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAC7B,IAAI,EAAC,oBAAoB,EACzB,IAAI,EAAE,SAAS,EACf,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,+KAAmC,EACzC,WAAW,EAAC,qLAAyC,GACrD,CACW;QACf,8BAAC,uBAAU,+KAA2C;QACtD,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;gBAC5D,8BAAC,gCAAiB,IAChB,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,2JAA8B,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAC7B;gBACF,8BAAC,gCAAiB,IAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,8LAAwC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAC7B;gBACF,8BAAC,gCAAiB,IAChB,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,+KAAmC,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAC7B;gBACF,8BAAC,gCAAiB,IAChB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,gJAAkC,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAC7B,CACE,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,YAAY,gBA0CxB"}