profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/uikit/SwiperButton/SwiperButton.stories.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwiperButton = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const SwiperButton_1 = require("./SwiperButton");
+exports.default = {
+    title: 'Components/SwiperButton',
+    component: SwiperButton_1.SwiperButton,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=12276-27811&mode=dev'
+        }
+    }
+};
+const SwiperButton = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "SwiperButton"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043B\u044F \u0443\u043A\u0430\u0437\u0430\u043D\u0438\u044F \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F right \u0438 left \u0432 \u0441\u0432\u0430\u0439\u043F\u0435\u0440\u0430\u0445, \u0441\u043B\u0430\u0439\u0434\u0435\u0440\u0430\u0445 \u0438 \u0442.\u0434.\n            \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0434\u043D\u043E\u0437\u043D\u0430\u0447\u043D\u043E \u0441\u043E\u043E\u0431\u0449\u0430\u0435\u0442 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E, \u0447\u0442\u043E \u043F\u0440\u043E\u0438\u0437\u043E\u0439\u0434\u0451\u0442 \u043F\u043E\u0441\u043B\u0435 \u043D\u0430\u0436\u0430\u0442\u0438\u044F \u043D\u0430 \u043D\u0435\u0451." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(SwiperButton_1.SwiperButton, null)),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043B\u043E\u0442\u044B \u0434\u043B\u044F \u043A\u0430\u0441\u0442\u043E\u043C\u0438\u0437\u0430\u0446\u0438\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0438\u043A\u043E\u043D\u043A\u0443 \u0434\u043B\u044F \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u0432\u043F\u0440\u0430\u0432\u043E \u0438\u043B\u0438 \u0432\u043B\u0435\u0432\u043E \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 direction.\n        \u0415\u0441\u043B\u0438 \u0412\u044B \u043D\u0435 \u043D\u0430\u043F\u0438\u0448\u0438\u0442\u0435 \u043D\u0438 \u043E\u0434\u0438\u043D \u0438\u0437 \u044D\u0442\u0438\u0445 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u043E\u0440\u0432 \u2014 \u0431\u0443\u0434\u0435\u0442 \u043E\u0442\u0440\u0438\u0441\u043E\u0432\u0430\u043D\u0430 \u0438\u043A\u043E\u043D\u043A\u0430 \u0432\u043B\u0435\u0432\u043E." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '16px'
+                } },
+                react_1.default.createElement(SwiperButton_1.SwiperButton, null),
+                react_1.default.createElement(SwiperButton_1.SwiperButton, { direction: "left" }),
+                react_1.default.createElement(SwiperButton_1.SwiperButton, { direction: "right" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u0438\u0437\u0435\u0439\u0431\u043B"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(SwiperButton_1.SwiperButton, { disabled: true })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u0442\u0438\u043B\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C style \u0441 \u0432\u0430\u0448\u0438\u043C\u0438 \u0441\u0442\u0438\u043B\u044F\u043C\u0438 \u0434\u043B\u044F \u043A\u043D\u043E\u043F\u043A\u0438" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(SwiperButton_1.SwiperButton, { style: { background: 'red' } }))));
+};
+exports.SwiperButton = SwiperButton;
+//# sourceMappingURL=SwiperButton.stories.js.map

package/dist/components/uikit/SwiperButton/SwiperButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwiperButton.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/SwiperButton/SwiperButton.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,iDAA0D;AAE1D,kBAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,2BAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,uGAAuG;SAC7G;KACF;CACF,CAAA;AACM,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,mBAA2B;QAClD,8BAAC,mCAAgB,IACf,IAAI,EAAC,gvBAC6E,GAClF;QACF,8BAAC,2BAAY;YACX,8BAAC,2BAAS,OAAG,CACA;QACf,8BAAC,uBAAU,qIAAoC;QAC/C,8BAAC,mCAAgB,IACf,IAAI,EAAC,qzBAC2E,GAChF;QACF,8BAAC,2BAAY;YACX,uCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,MAAM;iBACZ;gBAED,8BAAC,2BAAS,OAAG;gBACb,8BAAC,2BAAS,IAAC,SAAS,EAAC,MAAM,GAAG;gBAC9B,8BAAC,2BAAS,IAAC,SAAS,EAAC,OAAO,GAAG,CAC3B,CACO;QACf,8BAAC,uBAAU,qDAAqB;QAChC,8BAAC,2BAAY;YACX,8BAAC,2BAAS,IAAC,QAAQ,EAAE,IAAI,GAAI,CAChB;QACf,8BAAC,uBAAU,yCAAmB;QAC9B,8BAAC,mCAAgB,IAAC,IAAI,EAAC,yPAAsD,GAAG;QAChF,8BAAC,2BAAY;YACX,8BAAC,2BAAS,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,GAAI,CAC9B,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,YAAY,gBAwCxB"}

package/dist/components/uikit/SwiperButton/SwiperButton.styled.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconWrapper = exports.Button = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+exports.Button = styled_components_1.default.button `
+  border-radius: 40px;
+  width: 48px;
+  height: 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  outline: none;
+  transition: all 0.3s ${animation_2.AnimationFunctions.animation_1};
+  background: ${(props) => props.theme.interactiveButtons.outlineBrandBackground};
+  border: none;
+  box-shadow: ${(props) => props.theme.shadow.basicDefault};
+  & svg path {
+    stroke: ${(props) => props.theme.icons.primary};
+  }
+  &:hover {
+    transform: scale(1.02);
+    background: ${(props) => props.theme.interactiveButtons.outlineBrandBackgroundHover};
+    box-shadow: ${(props) => props.theme.shadow.basicHover};
+  }
+  &:active {
+    background: ${(props) => props.theme.interactiveButtons.outlineBrandBackground};
+    box-shadow: ${(props) => props.theme.shadow.basicDefault};
+  }
+  &:disabled {
+    pointer-events: none;
+    opacity: 0.6;
+    cursor: default;
+  }
+`;
+exports.IconWrapper = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  & svg {
+    transform: ${(props) => props.direction === 'right' ? 'none' : 'rotate(180deg)'};
+  }
+`;
+//# sourceMappingURL=SwiperButton.styled.js.map

package/dist/components/uikit/SwiperButton/SwiperButton.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwiperButton.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/SwiperButton/SwiperButton.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,sEAA2E;AAE9D,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;yBASV,8BAAkB,CAAC,WAAW;gBACvC,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,sBAAsB;;gBAEzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;cAE5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;;;kBAIhC,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,2BAA2B;kBAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;;;kBAGxC,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,sBAAsB;kBACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;;;;CAO3D,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAiC;;;;;iBAKrD,CAAC,KAAK,EAAE,EAAE,CACrB,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB;;CAE5D,CAAA"}

package/dist/components/uikit/SwiperButton/SwiperButton.typed.js

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

package/dist/components/uikit/SwiperButton/SwiperButton.typed.js.map

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

package/dist/components/uikit/SwiperButton/index.js

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

package/dist/components/uikit/SwiperButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/SwiperButton/index.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,4GAAA,YAAY,OAAA"}

package/dist/components/uikit/Switch/Switch.js

@@ -0,0 +1,52 @@
+"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.Switch = void 0;
+const react_1 = __importDefault(require("react"));
+const Popup_1 = require("../Popup");
+const Styled = __importStar(require("./Switch.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const Switch = (props) => {
+    const { checked = false, text, name, onChange, size = 'M', isTextLeft = false, color, value, style, hint = null } = props;
+    const handleChange = (e) => {
+        onChange(e.target.checked, e);
+    };
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, { className: (0, classnames_1.default)('switch-container'), style: style },
+            react_1.default.createElement(Styled.NativeInput, { sizeInput: size, value: value, type: "checkbox", checked: checked, name: name, onChange: handleChange }),
+            react_1.default.createElement(Styled.Element, { isTextLeft: isTextLeft, size: size }),
+            !!text && (react_1.default.createElement(Styled.Text, { color: color, isTextLeft: isTextLeft, size: size, className: (0, classnames_1.default)('switch-text') }, text)),
+            hint && (react_1.default.createElement(Styled.Hint, null,
+                react_1.default.createElement(Popup_1.Popup, Object.assign({}, hint)))))));
+};
+exports.Switch = Switch;
+//# sourceMappingURL=Switch.js.map

package/dist/components/uikit/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/uikit/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,oCAAgC;AAGhC,wDAAyC;AACzC,4DAAmC;AACnC,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,MAAM,GAAG,CAAC,KAAc,EAAE,EAAE;IAChC,MAAM,EACJ,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,GAAG,EACV,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,GAAG,IAAI,EACZ,GAAG,KAAK,CAAA;IAET,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS,IACf,SAAS,EAAE,IAAA,oBAAU,EAAC,kBAAkB,CAAC,EACzC,KAAK,EAAE,KAAK;YAEZ,8BAAC,MAAM,CAAC,WAAW,IACjB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,GACtB;YACF,8BAAC,MAAM,CAAC,OAAO,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,GAAI;YACrD,CAAC,CAAC,IAAI,IAAI,CACT,8BAAC,MAAM,CAAC,IAAI,IACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAU,EAAC,aAAa,CAAC,IAEnC,IAAI,CACO,CACf;YACA,IAAI,IAAI,CACP,8BAAC,MAAM,CAAC,IAAI;gBACV,8BAAC,aAAK,oBAAK,IAAI,EAAI,CACP,CACf,CACgB,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,wBAAM"}

package/dist/components/uikit/Switch/Switch.styled.js

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = exports.NativeInput = exports.Text = exports.Element = exports.Hint = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Hint = styled_components_1.default.div `
+  margin-left: 5px;
+  order: 3;
+`;
+exports.Hint = Hint;
+const Element = styled_components_1.default.span `
+  position: relative;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  height: ${(props) => (props.size === 'M' ? '20px' : '16px')};
+  width: ${(props) => (props.size === 'M' ? '40px' : '32px')};
+  background-color: ${(props) => props.theme.stroke.tertiary};
+  border-radius: 80px;
+  order: ${(props) => (props.isTextLeft ? 2 : 1)};
+  &::after {
+    content: '';
+    position: absolute;
+    display: block;
+    background: ${(props) => props.theme.interactiveButtons.brandText};
+    border-radius: 50%;
+    top: 2px;
+    left: 2px;
+    width: ${(props) => (props.size === 'M' ? '16px' : '12px')};
+    height: ${(props) => (props.size === 'M' ? '16px' : '12px')};
+    transition: left 0.2s;
+  }
+`;
+exports.Element = Element;
+const Text = styled_components_1.default.span `
+  font-family: Manrope, sans-serif;
+  font-size: ${(props) => (props.size === 'M' ? '17px' : '15px')};
+  line-height: ${(props) => (props.size === 'M' ? '24px' : '20px')};
+  font-weight: 400;
+  padding-left: ${(props) => (props.isTextLeft ? '0px' : '8px')};
+  padding-right: ${(props) => (props.isTextLeft ? '8px' : '0px')};
+  color: ${(props) => props.color || props.theme.text.primary};
+  order: ${(props) => (props.isTextLeft ? 1 : 2)};
+`;
+exports.Text = Text;
+const NativeInput = styled_components_1.default.input `
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+  &:checked {
+    & ~ ${Element} {
+      background: ${(props) => props.theme.background.accent};
+    }
+    & ~ ${Element}:after {
+      left: ${(props) => (props.sizeInput === 'M' ? '22px' : '18px')};
+    }
+  }
+`;
+exports.NativeInput = NativeInput;
+const Container = styled_components_1.default.label `
+  display: flex;
+  width: fit-content;
+  align-items: center;
+  position: relative;
+  cursor: pointer;
+`;
+exports.Container = Container;
+//# sourceMappingURL=Switch.styled.js.map

package/dist/components/uikit/Switch/Switch.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Switch/Switch.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAGtC,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGtB,CAAA;AA+DQ,oBAAI;AA7Db,MAAM,OAAO,GAAG,2BAAM,CAAC,IAAI,CAA2C;;;;;YAK1D,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;WAClD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;sBACtC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;;WAEjD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;kBAK9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,SAAS;;;;aAIxD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;cAChD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;CAG9D,CAAA;AAuCc,0BAAO;AArCtB,MAAM,IAAI,GAAG,2BAAM,CAAC,IAAI,CAItB;;eAEa,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;iBAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;kBAEhD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;mBAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;WACrD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;WAClD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC/C,CAAA;AAwBuB,oBAAI;AAtB5B,MAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,CAA2B;;;;;UAKjD,OAAO;oBACG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM;;UAElD,OAAO;cACH,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;CAGnE,CAAA;AAU6B,kCAAW;AARzC,MAAM,SAAS,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;;;CAM7B,CAAA;AAE0C,8BAAS"}

package/dist/components/uikit/Switch/Switched.stories.js

@@ -0,0 +1,106 @@
+"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.Switch = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Switch_1 = require("./Switch");
+const Card_1 = require("../Card");
+exports.default = {
+    title: 'Components/Switch',
+    component: Switch_1.Switch,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=1517-25997&mode=dev'
+        }
+    }
+};
+const Wrapper = styled_components_1.default.div `
+  & .switch-container:not(:last-child) {
+    margin-bottom: 8px;
+  }
+`;
+const Switch = () => {
+    const [value, setValue] = (0, react_1.useState)({
+        test1: false,
+        test2: true
+    });
+    const [value1, setValue1] = (0, react_1.useState)({
+        test1: false,
+        test2: true,
+        test3: false,
+        test4: true
+    });
+    const [value2, setValue2] = (0, react_1.useState)({
+        test1: false,
+        test2: true,
+        test3: false
+    });
+    const handleChange = (val, e) => {
+        setValue(Object.assign(Object.assign({}, value), { [e.target.name]: val }));
+    };
+    const handleChange1 = (val, e) => {
+        setValue1(Object.assign(Object.assign({}, value1), { [e.target.name]: val }));
+    };
+    const handleChange2 = (val, e) => {
+        setValue2(Object.assign(Object.assign({}, value2), { [e.target.name]: val }));
+    };
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Switch"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 switch \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0432\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u043C \u043A\u0430\u043A\u043E\u0439-\u043B\u0438\u0431\u043E \u0444\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438." }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043C\u0435\u0435\u0442 \u0434\u0432\u0430 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F: \u0434\u0435\u0444\u043E\u043B\u0442\u043D\u043E\u0435 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u0438 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Card_1.Card, null,
+                react_1.default.createElement(Switch_1.Switch, { name: "test1", text: "Default option", checked: value.test1, onChange: handleChange, value: '2123' }),
+                react_1.default.createElement(Switch_1.Switch, { name: "test2", value: 'asdasd', checked: value.test2, text: "Checked option", onChange: handleChange }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440\u044B"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043C\u0435\u0435\u0442 \u0434\u0432\u0430 \u0440\u0430\u043C\u0435\u0440\u0430: <b>M</b> \u0438 <b>S</b>" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Switch_1.Switch, { name: "test1", checked: value1.test1, text: "Default option", onChange: handleChange1 }),
+            react_1.default.createElement(Switch_1.Switch, { name: "test2", checked: value1.test2, text: "Default option", onChange: handleChange1 }),
+            react_1.default.createElement(Switch_1.Switch, { size: "S", name: "test3", checked: value1.test3, text: "Checked option", onChange: handleChange1 }),
+            react_1.default.createElement(Switch_1.Switch, { size: "S", checked: value1.test4, name: "test4", text: "Checked option", onChange: handleChange1 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u043D\u043E \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430 \u043A\u0430\u043A \u0441\u043F\u0440\u0430\u0432\u0430, \u0442\u0430\u043A \u0438 \u0441\u043B\u0435\u0432\u0430. \u041C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E switch,\n      \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Switch_1.Switch, { name: "test1", text: "Default option", checked: value2.test1, onChange: handleChange2, value: '2123' }),
+            react_1.default.createElement(Switch_1.Switch, { isTextLeft: true, name: "test2", value: 'asdasd', checked: value2.test2, text: "Checked option", onChange: handleChange2 }),
+            react_1.default.createElement(Switch_1.Switch, { isTextLeft: true, name: "test3", value: 'asdasd', checked: value2.test3, onChange: handleChange2 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u043E\u043F\u0430\u043F \u0441 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u043E\u0439" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Switch_1.Switch, { hint: { content: ['Title', 'Short description'] }, name: "test1", text: "Default option", checked: value2.test1, onChange: handleChange2, value: '2123' }))));
+};
+exports.Switch = Switch;
+//# sourceMappingURL=Switched.stories.js.map

package/dist/components/uikit/Switch/Switched.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switched.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Switch/Switched.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/Switch/Switched.typed.js

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

package/dist/components/uikit/Switch/Switched.typed.js.map

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

package/dist/components/uikit/Switch/index.js

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

package/dist/components/uikit/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Switch/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}

package/dist/components/uikit/Table/Table.js

@@ -0,0 +1,67 @@
+"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.Table = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Table.styled"));
+const TBody_1 = require("./components/TBody/TBody");
+const THead_1 = require("./components/THead/THead");
+const theme_const_1 = require("../../../theme/theme.const");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const styled_components_1 = require("styled-components");
+const useHorizontalScroll_1 = require("./hooks/useHorizontalScroll");
+const useSort_1 = require("./hooks/useSort");
+const useDragging_1 = require("../../../hooks/useDragging");
+const useStickHeader_1 = require("./hooks/useStickHeader");
+const useLastElement_1 = require("../../../hooks/useLastElement");
+const ScrollButton_1 = require("./components/ScrollButton/ScrollButton");
+function Table({ columns, tCellRenderer, columnRenderer, RowWrapper, RowWrapperExpand, data, tableHeight, hints, rowHeight, stickyFirstColumn, stickyLastColumn, stickyHeader, stickyPageHeader, isDraggable, customSort, onScrollEndReach, fixedHeaderOffset, isScrollWithButton, onClickRow, onDoubleClickRow }) {
+    const tableContainerRef = (0, react_1.useRef)(null);
+    const tableHeadWrapperRef = (0, react_1.useRef)(null);
+    const { lastRowRef } = (0, useLastElement_1.useLastElement)(onScrollEndReach);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const { sortedData, handleSort, activeSortField, activeSortOrder } = (0, useSort_1.useSort)(data, customSort);
+    const { isScrolled, isScrolledEnd } = (0, useHorizontalScroll_1.useHorizontalScroll)(tableContainerRef, stickyFirstColumn, stickyLastColumn);
+    const tableData = (0, react_1.useMemo)(() => (customSort ? data : sortedData), [customSort, data, sortedData]);
+    const { reachedTop, tableWidth, tableLeftPosition } = (0, useStickHeader_1.useStickHeader)(stickyPageHeader, fixedHeaderOffset, data, columns, tableContainerRef, tableHeadWrapperRef, lastRowRef);
+    (0, useDragging_1.useDragging)(tableContainerRef, isDraggable);
+    const getContent = () => {
+        return (react_1.default.createElement(Styled.Container, { tableHeight: tableHeight, ref: tableContainerRef, isDraggable: isDraggable },
+            react_1.default.createElement(Styled.Table, null,
+                react_1.default.createElement(THead_1.THead, { activeSortField: activeSortField, activeSortOrder: activeSortOrder, handleSort: handleSort, columns: columns, hints: hints, isScrolled: isScrolled, isScrolledEnd: isScrolledEnd, stickyFirstColumn: stickyFirstColumn, stickyLastColumn: stickyLastColumn, stickyHeader: stickyHeader, columnRenderer: columnRenderer }),
+                react_1.default.createElement(TBody_1.TBody, { lastRowRef: lastRowRef, stickyFirstColumn: stickyFirstColumn, stickyLastColumn: stickyLastColumn, isScrolled: isScrolled, isScrolledEnd: isScrolledEnd, columns: columns, data: tableData, tCellRenderer: tCellRenderer, RowWrapper: RowWrapper, RowWrapperExpand: RowWrapperExpand, rowHeight: rowHeight, onClickRow: onClickRow, onDoubleClickRow: onDoubleClickRow }),
+                stickyPageHeader && reachedTop && (react_1.default.createElement(Styled.FixedHeader, { ref: tableHeadWrapperRef, fixedHeaderOffset: fixedHeaderOffset, tableWidth: tableWidth, left: tableLeftPosition },
+                    react_1.default.createElement(Styled.Plug, null),
+                    react_1.default.createElement(THead_1.THead, { activeSortField: activeSortField, activeSortOrder: activeSortOrder, handleSort: handleSort, columns: columns, hints: hints, isScrolled: isScrolled, isScrolledEnd: isScrolledEnd, stickyFirstColumn: stickyFirstColumn, stickyLastColumn: stickyLastColumn, stickyHeader: stickyHeader, columnRenderer: columnRenderer }))))));
+    };
+    if (isScrollWithButton)
+        return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+            react_1.default.createElement(Styled.ScrollWrapper, null,
+                getContent(),
+                react_1.default.createElement(ScrollButton_1.ScrollButton, { contentRef: tableContainerRef, data: tableData }))));
+    return react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] }, getContent());
+}
+exports.Table = Table;
+//# sourceMappingURL=Table.js.map

package/dist/components/uikit/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/uikit/Table/Table.tsx"],"names":[],"mappings":"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"}