profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/uikit/Select/components/OptionWithImage/OptionWithImage.js

@@ -0,0 +1,41 @@
+"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.OptionWithImage = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+const Styled = __importStar(require("./OptionWithImage.styled"));
+const OptionWithImage = (props) => {
+    return (react_1.default.createElement(react_select_1.components.Option, Object.assign({}, props),
+        react_1.default.createElement(Styled.Container, null,
+            react_1.default.createElement(Styled.Logo, null,
+                react_1.default.createElement("img", { src: props.data.image, alt: "logo" })),
+            react_1.default.createElement(Styled.Label, null, props.label))));
+};
+exports.OptionWithImage = OptionWithImage;
+//# sourceMappingURL=OptionWithImage.js.map

package/dist/components/uikit/Select/components/OptionWithImage/OptionWithImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionWithImage.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/OptionWithImage/OptionWithImage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,+CAAsD;AAEtD,iEAAkD;AAElD,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC7C,OAAO,CACL,8BAAC,yBAAU,CAAC,MAAM,oBAAK,KAAK;QAC1B,8BAAC,MAAM,CAAC,SAAS;YACf,8BAAC,MAAM,CAAC,IAAI;gBACV,uCAAK,GAAG,EAAG,KAAK,CAAC,IAAgB,CAAC,KAAK,EAAE,GAAG,EAAC,MAAM,GAAG,CAC1C;YACd,8BAAC,MAAM,CAAC,KAAK,QAAE,KAAK,CAAC,KAAK,CAAgB,CACzB,CACD,CACrB,CAAA;AACH,CAAC,CAAA;AAEQ,0CAAe"}

package/dist/components/uikit/Select/components/OptionWithImage/OptionWithImage.styled.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = exports.Label = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+`;
+exports.Label = styled_components_1.default.label `
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+exports.Logo = styled_components_1.default.div `
+  width: 20px;
+  max-width: 20px;
+  height: 20px;
+  max-height: 20px;
+  border-radius: 50%;
+  background: ${(props) => props.theme.background.field};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 7px;
+  & > img {
+    border-radius: 50%;
+    min-width: 16px;
+    max-width: 16px;
+    max-height: 16px;
+  }
+`;
+//# sourceMappingURL=OptionWithImage.styled.js.map

package/dist/components/uikit/Select/components/OptionWithImage/OptionWithImage.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionWithImage.styled.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/OptionWithImage/OptionWithImage.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,CAAA;;;CAGhC,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;gBAMd,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;;;;;;;;;;;CAWtD,CAAA"}

package/dist/components/uikit/Select/components/OptionWithImage/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./OptionWithImage"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/Select/components/OptionWithImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/OptionWithImage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAiC"}

package/dist/components/uikit/Select/components/ValueContainer/ValueContainer.js

@@ -0,0 +1,58 @@
+"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.ValueContainer = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+const Styled = __importStar(require("./ValueContainer.styled"));
+const ValueContainer = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    let [values, input] = children;
+    if (Array.isArray(values)) {
+        values = `Выбрано ${values.length} шт`;
+    }
+    if (!props.hasValue) {
+        return (react_1.default.createElement(react_select_1.components.ValueContainer, Object.assign({}, props), children));
+    }
+    return (react_1.default.createElement(react_select_1.components.ValueContainer, Object.assign({}, props),
+        react_1.default.createElement(Styled.Text, null, values),
+        input));
+};
+exports.ValueContainer = ValueContainer;
+//# sourceMappingURL=ValueContainer.js.map

package/dist/components/uikit/Select/components/ValueContainer/ValueContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueContainer.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/ValueContainer/ValueContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAwC;AACxC,+CAA8D;AAE9D,gEAAiD;AAEjD,MAAM,cAAc,GAAG,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,QAAQ,OAAiC,EAA5B,KAAK,cAApB,YAAsB,CAAF;IAC1C,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,QAA6C,CAAA;IAEnE,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACzB,MAAM,GAAG,WAAW,MAAM,CAAC,MAAM,KAAK,CAAA;KACvC;IAED,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;QACnB,OAAO,CACL,8BAAC,yBAAU,CAAC,cAAc,oBAAK,KAAK,GACjC,QAAQ,CACiB,CAC7B,CAAA;KACF;IAED,OAAO,CACL,8BAAC,yBAAU,CAAC,cAAc,oBAAK,KAAK;QAClC,8BAAC,MAAM,CAAC,IAAI,QAAE,MAAM,CAAe;QAClC,KAAK,CACoB,CAC7B,CAAA;AACH,CAAC,CAAA;AAEQ,wCAAc"}

package/dist/components/uikit/Select/components/ValueContainer/ValueContainer.styled.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Text = styled_components_1.default.span `
+  font-family: 'Manrope', sans-serif;
+  font-size: 15px;
+  line-height: 24px;
+  color: ${(props) => props.theme.text.primary};
+`;
+//# sourceMappingURL=ValueContainer.styled.js.map

package/dist/components/uikit/Select/components/ValueContainer/ValueContainer.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueContainer.styled.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/ValueContainer/ValueContainer.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;CAC7C,CAAA"}

package/dist/components/uikit/Select/components/ValueContainerWithImage/ValueContainerWithImage.js

@@ -0,0 +1,49 @@
+"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.MultiValueLabelWithImg = exports.MultiValueRemove = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+const Styled = __importStar(require("./ValueContainerWithImage.styled"));
+const Close4_svg_1 = __importDefault(require("../../../.././../icons/Close4.svg"));
+const Avatar_1 = require("../../../Avatar");
+const MultiValueRemove = (props) => {
+    return (react_1.default.createElement(react_select_1.components.MultiValueRemove, Object.assign({}, props),
+        react_1.default.createElement(Styled.Button, { role: "button" },
+            react_1.default.createElement(Close4_svg_1.default, null))));
+};
+exports.MultiValueRemove = MultiValueRemove;
+const MultiValueLabelWithImg = (props) => {
+    return (react_1.default.createElement(react_select_1.components.MultiValueLabel, Object.assign({}, props),
+        react_1.default.createElement(Styled.Container, null,
+            react_1.default.createElement(Avatar_1.Avatar, { size: "16px", link: props.data.image ||
+                    'https://test.profinansy.ru/api/data/abdiumj4m/img_36116-_W.webp' }),
+            react_1.default.createElement(Styled.Title, { variant: "caption-Medium", colorName: "fourth", tag: "span" }, props.data.label))));
+};
+exports.MultiValueLabelWithImg = MultiValueLabelWithImg;
+//# sourceMappingURL=ValueContainerWithImage.js.map

package/dist/components/uikit/Select/components/ValueContainerWithImage/ValueContainerWithImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueContainerWithImage.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/ValueContainerWithImage/ValueContainerWithImage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,+CAAyC;AACzC,yEAA0D;AAC1D,mFAA0D;AAC1D,4CAAwC;AAEjC,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,EAAE;IACxC,OAAO,CACL,8BAAC,yBAAU,CAAC,gBAAgB,oBAAK,KAAK;QACpC,8BAAC,MAAM,CAAC,MAAM,IAAC,IAAI,EAAC,QAAQ;YAC1B,8BAAC,oBAAU,OAAG,CACA,CACY,CAC/B,CAAA;AACH,CAAC,CAAA;AARY,QAAA,gBAAgB,oBAQ5B;AAEM,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9C,OAAO,CACL,8BAAC,yBAAU,CAAC,eAAe,oBAAK,KAAK;QACnC,8BAAC,MAAM,CAAC,SAAS;YACf,8BAAC,eAAM,IACL,IAAI,EAAC,MAAM,EACX,IAAI,EACF,KAAK,CAAC,IAAI,CAAC,KAAK;oBAChB,iEAAiE,GAEnE;YACF,8BAAC,MAAM,CAAC,KAAK,IAAC,OAAO,EAAC,gBAAgB,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,IACjE,KAAK,CAAC,IAAI,CAAC,KAAK,CACJ,CACE,CACQ,CAC9B,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,sBAAsB,0BAiBlC"}

package/dist/components/uikit/Select/components/ValueContainerWithImage/ValueContainerWithImage.styled.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = exports.Button = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Typography_1 = require("../../../Typography");
+const animation_2 = require("../../../../../constants/animation/animation");
+exports.Container = styled_components_1.default.div `
+  display: flex;
+  gap: 4px;
+  align-items: center;
+`;
+exports.Button = styled_components_1.default.div `
+  width: 16px;
+  min-width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100px;
+  background: ${(props) => props.theme.icons.tertiary};
+  transition: transform 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & svg {
+    transform: scale(0.6);
+    & path {
+      stroke: #fff;
+    }
+  }
+  &:hover {
+    transform: scale(1.1);
+  }
+`;
+exports.Title = (0, styled_components_1.default)(Typography_1.Typography) `
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+//# sourceMappingURL=ValueContainerWithImage.styled.js.map

package/dist/components/uikit/Select/components/ValueContainerWithImage/ValueContainerWithImage.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueContainerWithImage.styled.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/ValueContainerWithImage/ValueContainerWithImage.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,oDAAgD;AAChD,4EAAiF;AAEpE,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;gBAQhB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;+BACtB,8BAAkB,CAAC,WAAW;;;;;;;;;;CAU5D,CAAA;AAEY,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;;;;CAItC,CAAA"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = exports.SelectInput = void 0;
+const OptionWithCheckbox_1 = require("./components/OptionWithCheckbox");
+const OptionWithImage_1 = require("./components/OptionWithImage");
+const ValueContainer_1 = require("./components/ValueContainer/ValueContainer");
+const ValueContainerWithImage_1 = require("./components/ValueContainerWithImage/ValueContainerWithImage");
+const Select = {
+    OptionWithCheckbox: OptionWithCheckbox_1.OptionWithCheckbox,
+    OptionWithImage: OptionWithImage_1.OptionWithImage,
+    ValueContainer: ValueContainer_1.ValueContainer,
+    MultiValueLabelWithImg: ValueContainerWithImage_1.MultiValueLabelWithImg
+};
+exports.Select = Select;
+var Select_1 = require("./Select");
+Object.defineProperty(exports, "SelectInput", { enumerable: true, get: function () { return Select_1.SelectInput; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Select/index.ts"],"names":[],"mappings":";;;AAAA,wEAAoE;AACpE,kEAA8D;AAC9D,+EAA2E;AAC3E,0GAAqG;AAErG,MAAM,MAAM,GAAG;IACb,kBAAkB,EAAlB,uCAAkB;IAClB,eAAe,EAAf,iCAAe;IACf,cAAc,EAAd,+BAAc;IACd,sBAAsB,EAAtB,gDAAsB;CACvB,CAAA;AAIQ,wBAAM;AADf,mCAAsC;AAA7B,qGAAA,WAAW,OAAA"}

package/dist/components/uikit/SideModal/SideModal.js

@@ -0,0 +1,94 @@
+"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.SideModal = void 0;
+const react_1 = __importStar(require("react"));
+const Close3_svg_1 = __importDefault(require("../../../icons/Close3.svg"));
+const ArrowLeft_svg_1 = __importDefault(require("../../../icons/ArrowLeft.svg"));
+const useTransitionModal_1 = require("../../../hooks/useTransitionModal");
+const classnames_1 = __importDefault(require("classnames"));
+const Portal_1 = require("../Portal");
+const Styled = __importStar(require("./SideModal.styled"));
+const Alert_1 = require("../Alert");
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const ModalInside_1 = require("./components/ModalInside/ModalInside");
+const react_2 = require("@floating-ui/react");
+const MODAL_ROOT_ELEMENT_ID = 'react-sideModals';
+const SideModal = (props) => {
+    const { animation, showModal, content, handleClose } = (0, useTransitionModal_1.useTransitionModal)({
+        isOpen: props.isOpen,
+        children: props.children,
+        onClose: props.onClose,
+        onBeforeClose: props.onBeforeClose
+    });
+    if (!showModal)
+        return null;
+    return (react_1.default.createElement(Content, Object.assign({}, props, { onClose: handleClose, animation: animation }), content));
+};
+exports.SideModal = SideModal;
+const Content = ({ onClose, children, title, animation, rightContent, bottomContent, classNameHeader, className, classNameContent, alert, modal, size, withoutAnimation = false, onBack }) => {
+    const [bottomHeight, setBottomHeight] = (0, react_1.useState)(0);
+    const bottomRef = (0, react_1.useRef)(null);
+    const containerId = (0, react_2.useId)();
+    const handleClose = () => {
+        if (onClose)
+            onClose();
+    };
+    (0, react_1.useEffect)(() => {
+        if (bottomRef.current) {
+            const { height } = bottomRef.current.getBoundingClientRect();
+            setBottomHeight(height);
+        }
+        else {
+            setBottomHeight(0);
+        }
+    }, [bottomRef === null || bottomRef === void 0 ? void 0 : bottomRef.current, bottomContent]);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    (0, useTransitionModal_1.useControlsForModal)(onClose);
+    return (react_1.default.createElement(Portal_1.Portal, { id: MODAL_ROOT_ELEMENT_ID },
+        react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+            react_1.default.createElement(Styled.Wrapper, { isOpen: animation, className: (0, classnames_1.default)(className, 'sideModal-wrapper') },
+                react_1.default.createElement(Styled.Layout, { onClick: handleClose }),
+                react_1.default.createElement(Styled.Sidebar, { withoutAnimation: withoutAnimation, size: size, isOpen: animation, className: (0, classnames_1.default)(classNameContent, 'sideModal-content'), id: containerId },
+                    react_1.default.createElement(Styled.CloseButton, { onClick: handleClose },
+                        react_1.default.createElement(Close3_svg_1.default, { className: "modal-closeBtn" })),
+                    react_1.default.createElement(Styled.Header, { className: (0, classnames_1.default)(classNameHeader, 'sideModal-header') },
+                        react_1.default.createElement(Styled.LeftWrapper, null,
+                            onBack && (react_1.default.createElement(Styled.BackButton, null,
+                                react_1.default.createElement(ArrowLeft_svg_1.default, { onClick: onBack }))),
+                            react_1.default.createElement(Styled.Title, { className: "sideModal-title" }, title)),
+                        rightContent || null),
+                    react_1.default.createElement(Styled.Content, { bottomHeight: bottomHeight, className: "sideModal-contentInside" },
+                        react_1.default.createElement(react_1.default.Fragment, null, children),
+                        bottomContent && (react_1.default.createElement(Styled.BottomContent, { ref: bottomRef }, bottomContent))),
+                    alert && (react_1.default.createElement(Alert_1.Alert, { modal: Object.assign(Object.assign({}, alert === null || alert === void 0 ? void 0 : alert.modal), { containerId: containerId }), confirmButton: Object.assign({}, alert === null || alert === void 0 ? void 0 : alert.confirmButton), cancelButton: Object.assign({}, alert === null || alert === void 0 ? void 0 : alert.cancelButton) })),
+                    modal && react_1.default.createElement(ModalInside_1.ModalInside, { data: modal, containerId: containerId }))))));
+};
+//# sourceMappingURL=SideModal.js.map

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

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