@expressms/smartapp-ui 2.8.7-alpha.1 → 2.8.7-alpha.3

package/build/main//321/201omponents/Profile/Profile.js

@@ -0,0 +1,42 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { ReactComponent as LogoutIcon } from '../../assets/icons/logout.svg';
+import { ReactComponent as AddProfileIcon } from '../../assets/icons/plus.svg';
+import { generateColor } from '../../helpers';
+import { COLORS } from '../../constants';
+import '../../styles/styles.scss';
+var Profile = function (_a) {
+    var _b, _c, _d;
+    var username = _a.username, email = _a.email, _e = _a.isShowProfile, isShowProfile = _e === void 0 ? false : _e, _f = _a.onChange, onChange = _f === void 0 ? function () { return undefined; } : _f, onClickLogout = _a.onClickLogout, isMultipleProfile = _a.isMultipleProfile, onClickAddProfile = _a.onClickAddProfile, _g = _a.width, width = _g === void 0 ? 100 : _g, logoutColor = _a.logoutColor, addProfileColor = _a.addProfileColor, addProfileBackgroundColor = _a.addProfileBackgroundColor;
+    var ref = useRef(null);
+    var initials = (_d = (_c = (_b = username === null || username === void 0 ? void 0 : username.split(' ')) === null || _b === void 0 ? void 0 : _b.map(function (n) { return n[0]; })) === null || _c === void 0 ? void 0 : _c.join('.')) === null || _d === void 0 ? void 0 : _d.toUpperCase();
+    useEffect(function () {
+        var checkIfClickedOutside = function (e) {
+            var _a;
+            if (isShowProfile && (ref === null || ref === void 0 ? void 0 : ref.current) && !((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.contains(e === null || e === void 0 ? void 0 : e.target))) {
+                onChange(false);
+            }
+        };
+        document.addEventListener('mousedown', checkIfClickedOutside);
+        return function () {
+            document.removeEventListener('mousedown', checkIfClickedOutside);
+        };
+    }, [isShowProfile, onChange]);
+    return (_jsxs("div", __assign({ ref: ref, className: "smartapp-profile__container" }, { children: [_jsx("div", __assign({ onClick: function () { return onChange(!isShowProfile); }, className: "smartapp-profile__avatar" }, { children: initials })), isShowProfile && (_jsxs("div", __assign({ style: { width: "".concat(width, "%") }, className: "smartapp-profile" }, { children: [_jsxs("div", __assign({ className: "smartapp-profile__current-profile" }, { children: [_jsxs("div", __assign({ className: "smartapp-profile__current-profile--info" }, { children: [_jsx("div", __assign({ className: "smartapp-profile__avatar" }, { children: initials })), _jsxs("div", __assign({ className: "smartapp-profile__current-profile--info__data" }, { children: [_jsx("p", __assign({ className: "smartapp-profile__current-profile--info__data--username" }, { children: username })), email && _jsx("p", __assign({ className: "smartapp-profile__current-profile--info__data--email" }, { children: email }))] }))] })), _jsx("div", __assign({ onClick: onClickLogout, className: "smartapp-profile__current-profile--logout" }, { children: _jsx(LogoutIcon, { style: { color: generateColor(logoutColor, COLORS.blue) } }) }))] })), isMultipleProfile && (_jsxs("div", __assign({ onClick: onClickAddProfile, className: "smartapp-profile__add-profile" }, { children: [_jsx("div", __assign({ className: "smartapp-profile__add-profile--icon" }, { children: _jsx(AddProfileIcon, { style: {
+                                        stroke: generateColor(addProfileColor, COLORS.blue),
+                                        color: generateColor(addProfileBackgroundColor, COLORS.lighterBlue),
+                                    } }) })), _jsx("p", __assign({ className: "smartapp-profile__add-profile--title" }, { children: "\u0414\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0430\u043A\u043A\u0430\u0443\u043D\u0442" }))] })))] })))] })));
+};
+export default Profile;
+//# sourceMappingURL=Profile.js.map

package/build/main//321/201omponents/Profile/Profile.js.map

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

package/build/main//321/201omponents/Profile/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Profile';

package/build/main//321/201omponents/Profile/index.js

@@ -0,0 +1,2 @@
+export { default } from './Profile';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Profile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Profile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/build/main//321/201omponents/Profile/types.d.ts

@@ -0,0 +1,14 @@
+import { IntRange } from '../types';
+export interface IProfileProps {
+    username: string;
+    email?: string;
+    isShowProfile: boolean;
+    onChange: (isShowProfile: boolean) => void;
+    onClickLogout?: () => void;
+    isMultipleProfile?: boolean;
+    onClickAddProfile?: () => void;
+    width?: IntRange<1, 101>;
+    logoutColor?: string;
+    addProfileColor?: string;
+    addProfileBackgroundColor?: string;
+}

package/build/main//321/201omponents/Profile/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Profile/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Profile/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,4 @@
+import { IProgressBarProps } from './types';
+import '../../styles/styles.scss';
+declare const ProgressBar: ({ title, isShowDotsInTitle, className, styles }: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;

package/build/main//321/201omponents/ProgressBar/ProgressBar.js

@@ -0,0 +1,66 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import classNames from 'classnames';
+import { generateId } from '../../helpers';
+import '../../styles/styles.scss';
+var PROGRESS_LOOP_INTERVAL = 10;
+var DOTS_BLINKING_ANIMATION_INTERVAL = 200;
+var DOTS_ANIMATION_INTERVAL = 450;
+var PROGRESS_LOOP_ITERATION_PAUSE = 1000;
+var PROGRESS_LOOP_MIN_VALUE = -100;
+var PROGRESS_LOOP_MAX_VALUE = 100;
+var TITLE_DOTS_LOOP_MIN_VALUE = 0;
+var TITLE_DOTS_LOOP_MAX_VALUE = 3;
+var ProgressBar = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.isShowDotsInTitle, isShowDotsInTitle = _c === void 0 ? true : _c, className = _a.className, styles = _a.styles;
+    var _d = useState(false), isPaused = _d[0], setIsPaused = _d[1];
+    var _e = useState(true), isTitleDotsBlink = _e[0], setIsTitleDotsBlink = _e[1];
+    var _f = useState(0), loadedPartPosition = _f[0], setLoadedPartPosition = _f[1];
+    var _g = useState(TITLE_DOTS_LOOP_MIN_VALUE), titleDotsAnimationState = _g[0], setTitleDotsAnimationState = _g[1];
+    useEffect(function () {
+        var interval = setInterval(function () {
+            if (!isPaused) {
+                setLoadedPartPosition(function (prev) {
+                    if (prev >= PROGRESS_LOOP_MAX_VALUE) {
+                        setIsPaused(true);
+                        setTimeout(function () { return setIsPaused(false); }, PROGRESS_LOOP_ITERATION_PAUSE);
+                        return PROGRESS_LOOP_MIN_VALUE;
+                    }
+                    return prev + 1;
+                });
+            }
+        }, PROGRESS_LOOP_INTERVAL);
+        return function () { return clearInterval(interval); };
+    }, [isPaused]);
+    useEffect(function () {
+        if (isShowDotsInTitle) {
+            var interval_1 = setInterval(function () { return setTitleDotsAnimationState(function (prev) { return (prev === TITLE_DOTS_LOOP_MAX_VALUE ? TITLE_DOTS_LOOP_MIN_VALUE : prev + 1); }); }, DOTS_ANIMATION_INTERVAL);
+            return function () { return clearInterval(interval_1); };
+        }
+    }, [isShowDotsInTitle]);
+    useEffect(function () {
+        if (isShowDotsInTitle) {
+            var blinkingInterval_1 = setInterval(function () { return setIsTitleDotsBlink(!isTitleDotsBlink); }, DOTS_BLINKING_ANIMATION_INTERVAL);
+            return function () { return clearInterval(blinkingInterval_1); };
+        }
+    }, [isShowDotsInTitle, isTitleDotsBlink]);
+    var generateStylesForProgressBar = function () { return ({ left: "".concat(loadedPartPosition, "%") }); };
+    var renderTitleDotsAnimation = function () { return Array.from({ length: titleDotsAnimationState }).map(function () { return _jsx("span", { children: "." }, generateId()); }); };
+    return (_jsxs("div", __assign({ className: classNames('smartapp-progress-bar', className), style: styles }, { children: [title && (_jsxs("div", __assign({ className: "smartapp-progress-bar__title" }, { children: [_jsx("span", { children: title }), isShowDotsInTitle && (_jsx("div", __assign({ className: classNames('smartapp-progress-bar__title--dots-container', {
+                            'smartapp-progress-bar__title--dots-container__light': !isTitleDotsBlink,
+                            'smartapp-progress-bar__title--dots-container__hidden': titleDotsAnimationState === TITLE_DOTS_LOOP_MAX_VALUE,
+                        }) }, { children: renderTitleDotsAnimation() })))] }))), _jsx("div", __assign({ className: "smartapp-progress-bar__background" }, { children: _jsx("div", { className: "smartapp-progress-bar__background--loaded", style: generateStylesForProgressBar() }) }))] })));
+};
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/build/main//321/201omponents/ProgressBar/ProgressBar.js.map

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

package/build/main//321/201omponents/ProgressBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ProgressBar';

package/build/main//321/201omponents/ProgressBar/index.js

@@ -0,0 +1,2 @@
+export { default } from './ProgressBar';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/build/main//321/201omponents/ProgressBar/types.d.ts

@@ -0,0 +1,7 @@
+import { TStyles } from '../../constants';
+export interface IProgressBarProps {
+    title?: string;
+    isShowDotsInTitle?: boolean;
+    className?: string;
+    styles?: TStyles;
+}

package/build/main//321/201omponents/ProgressBar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/ProgressBar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/ProgressBar/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/RadioButton/RadioButton.d.ts

@@ -0,0 +1,4 @@
+import { IRadioButtonProps } from './types';
+import '../../styles/styles.scss';
+declare const RadioButton: ({ id, isDisabled, isChecked, className, styles, checkedColor, checkedHoverColor, checkedPressedColor, onChange, }: IRadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioButton;

package/build/main//321/201omponents/RadioButton/RadioButton.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import { COLORS } from '../../constants';
+import { generateColor } from '../../helpers';
+import '../../styles/styles.scss';
+var RadioButton = function (_a) {
+    var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, className = _a.className, styles = _a.styles, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, checkedPressedColor = _a.checkedPressedColor, onChange = _a.onChange;
+    var radioButtonRef = useRef(null);
+    useEffect(function () {
+        document.documentElement.style.setProperty('--radio-button-color', generateColor(checkedColor, COLORS.blue));
+        document.documentElement.style.setProperty('--radio-button-hover-color', generateColor(checkedHoverColor, COLORS.darkBlue));
+        document.documentElement.style.setProperty('--radio-button-pressed-color', generateColor(checkedPressedColor, COLORS.darkerBlue));
+    }, [checkedColor, checkedHoverColor, checkedPressedColor]);
+    useEffect(function () {
+        window.addEventListener('mouseup', handleMouseUp);
+        return function () {
+            window.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, []);
+    var handleMouseDown = function () { var _a; return (_a = radioButtonRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-radio-button__pressed'); };
+    var handleMouseUp = function () { var _a; return (_a = radioButtonRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-radio-button__pressed'); };
+    return (_jsx("div", __assign({ ref: radioButtonRef, className: classNames('smartapp-radio-button', className), style: styles }, { children: _jsx("label", __assign({ htmlFor: "smartapp-radio-button-".concat(id), onClick: onChange, onMouseDown: handleMouseDown }, { children: _jsx("input", { type: "radio", id: "smartapp-radio-button-".concat(id), checked: isChecked, disabled: isDisabled }) })) })));
+};
+export default RadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/build/main//321/201omponents/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/сomponents/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAUD;QATlB,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,QAAQ,cAAA;IAER,IAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QAC5G,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,aAAa,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QAC3H,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,aAAa,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IACnI,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAA,EAAA,CAAA;IACrG,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,CAAA,EAAA,CAAA;IAEtG,OAAO,CACL,uBAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,gBAChG,yBAAO,OAAO,EAAE,gCAAyB,EAAE,CAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,gBAC5F,gBAAO,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,gCAAyB,EAAE,CAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,GAAI,IAC7F,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/build/main//321/201omponents/RadioButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './RadioButton';

package/build/main//321/201omponents/RadioButton/index.js

@@ -0,0 +1,2 @@
+export { default } from './RadioButton';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/build/main//321/201omponents/RadioButton/types.d.ts

@@ -0,0 +1,12 @@
+import { TStyles } from '../../constants';
+export interface IRadioButtonProps {
+    id: string;
+    isDisabled?: boolean;
+    isChecked?: boolean;
+    className?: string;
+    styles?: TStyles;
+    checkedColor?: string;
+    checkedHoverColor?: string;
+    checkedPressedColor?: string;
+    onChange: () => void;
+}

package/build/main//321/201omponents/RadioButton/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/RadioButton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/RadioButton/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/ScrollBar/ScrollBar.d.ts

@@ -0,0 +1,5 @@
+import { IScrollBarProps } from './types';
+import '../../styles/styles.scss';
+export declare const DEFAULT_SCROLL_BAR_HEIGHT = "100%";
+declare const ScrollBar: ({ platform, contentId, content, handleScroll, hideDuration, containerHeight, trackHeight, containerClassName, containerStyles, scrollbarRef, containerScrollRef, ...restProps }: IScrollBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ScrollBar;

package/build/main//321/201omponents/ScrollBar/ScrollBar.js

@@ -0,0 +1,63 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useState } from 'react';
+import classNames from 'classnames';
+import Scrollbar from 'react-scrollbars-custom';
+import { generateId, isWebPlatform } from '../../helpers';
+import { DEFAULT_SCROLL_BAR_HIDE_DURATION, PLATFORM } from '../../constants';
+import '../../styles/styles.scss';
+export var DEFAULT_SCROLL_BAR_HEIGHT = '100%';
+var HIDE_THUMB_CLASSNAME = 'smartapp-scroll__thumb';
+var SHOW_THUMB_CLASSNAME = "".concat(HIDE_THUMB_CLASSNAME, "--show ").concat(HIDE_THUMB_CLASSNAME);
+var ScrollBar = function (_a) {
+    var _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, contentId = _a.contentId, content = _a.content, handleScroll = _a.handleScroll, _c = _a.hideDuration, hideDuration = _c === void 0 ? DEFAULT_SCROLL_BAR_HIDE_DURATION : _c, _d = _a.containerHeight, containerHeight = _d === void 0 ? DEFAULT_SCROLL_BAR_HEIGHT : _d, _e = _a.trackHeight, trackHeight = _e === void 0 ? DEFAULT_SCROLL_BAR_HEIGHT : _e, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, scrollbarRef = _a.scrollbarRef, containerScrollRef = _a.containerScrollRef, restProps = __rest(_a, ["platform", "contentId", "content", "handleScroll", "hideDuration", "containerHeight", "trackHeight", "containerClassName", "containerStyles", "scrollbarRef", "containerScrollRef"]);
+    var _f = useState(generateId()), scrollbarKey = _f[0], setScrollbarKey = _f[1];
+    var _g = useState(false), scrolling = _g[0], setScrolling = _g[1];
+    useEffect(function () {
+        var debounceTimeout = setTimeout(function () { return setScrolling(false); }, hideDuration);
+        return function () { return clearTimeout(debounceTimeout); };
+        /* eslint-disable-next-line */
+    }, [scrolling]);
+    useLayoutEffect(function () {
+        if (contentId) {
+            setScrolling(false);
+            setScrollbarKey(contentId);
+        }
+    }, [contentId]);
+    var onScroll = function (scrollValues) {
+        handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(scrollValues);
+        setScrolling(true);
+    };
+    var generateThumbClassName = useCallback(function () { return (scrolling ? SHOW_THUMB_CLASSNAME : HIDE_THUMB_CLASSNAME); }, [scrolling]);
+    var generateScrollerStyles = function () { return ({ '--scroller-height': trackHeight }); };
+    var generateTrackYProps = function () { return ({
+        className: classNames('smartapp-scroll__scroller', {
+            'smartapp-scroll__scroller--hover': isWebPlatform(platform),
+        }),
+        style: generateScrollerStyles(),
+    }); };
+    return (_jsx("div", __assign({ ref: containerScrollRef, style: __assign({ height: containerHeight }, containerStyles), className: classNames('smartapp-scroll', containerClassName) }, { children: _jsx(Scrollbar, __assign({ ref: scrollbarRef, native: false, mobileNative: false, removeTracksWhenNotUsed: true, onScroll: onScroll, wrapperProps: { className: 'smartapp-scroll__wrapper' }, thumbYProps: { className: generateThumbClassName() }, trackYProps: generateTrackYProps() }, restProps, { children: content }), scrollbarKey) })));
+};
+export default ScrollBar;
+//# sourceMappingURL=ScrollBar.js.map

package/build/main//321/201omponents/ScrollBar/ScrollBar.js.map

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

package/build/main//321/201omponents/ScrollBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ScrollBar';

package/build/main//321/201omponents/ScrollBar/index.js

@@ -0,0 +1,2 @@
+export { default } from './ScrollBar';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/ScrollBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/ScrollBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/build/main//321/201omponents/ScrollBar/types.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode, RefObject } from 'react';
+import { Scrollbar, ScrollbarProps } from 'react-scrollbars-custom';
+import { ScrollState } from 'react-scrollbars-custom/dist/types/types';
+import { IPlatformProps, TStyles } from '../../constants';
+type TScrollbarInstance = (instance: Scrollbar | null) => void;
+type TDivInstance = (instance: HTMLDivElement | null) => void;
+type TScrollbarRef = ((TScrollbarInstance | RefObject<Scrollbar>) & (TDivInstance | RefObject<HTMLDivElement>)) | null | undefined;
+export interface IScrollBarProps extends Omit<ScrollbarProps, 'content' | 'ref'>, IPlatformProps {
+    trackHeight?: string;
+    containerHeight?: string;
+    containerClassName?: string;
+    containerStyles?: TStyles;
+    hideDuration?: number;
+    handleScroll?: (e: ScrollState | React.UIEvent<HTMLDivElement, UIEvent>) => void;
+    content: ReactNode;
+    contentId?: string;
+    scrollbarRef?: TScrollbarRef;
+    containerScrollRef?: React.Ref<HTMLDivElement>;
+}
+export {};

package/build/main//321/201omponents/ScrollBar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/ScrollBar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/ScrollBar/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Skeleton/Skeleton.d.ts

@@ -0,0 +1,4 @@
+import { ISkeletonProps } from './types';
+import '../../styles/styles.scss';
+declare const Skeleton: ({ className, styles, baseColor, width, height, borderRadius, circle, containerRef, animationDuration, initialOffset, }: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;

package/build/main//321/201omponents/Skeleton/Skeleton.js

@@ -0,0 +1,59 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import styled, { css, keyframes } from 'styled-components';
+import { generateColor } from '../../helpers';
+import '../../styles/styles.scss';
+var Skeleton = function (_a) {
+    var className = _a.className, styles = _a.styles, baseColor = _a.baseColor, width = _a.width, height = _a.height, _b = _a.borderRadius, borderRadius = _b === void 0 ? 8 : _b, circle = _a.circle, 
+    // needed to determine the offset, the left border must coincide with the left border of the skeletons (without padding in container)
+    containerRef = _a.containerRef, 
+    // if not default, then it must be specified for all skeletons
+    _c = _a.animationDuration, 
+    // if not default, then it must be specified for all skeletons
+    animationDuration = _c === void 0 ? 2 : _c, 
+    // equal to gradient width
+    _d = _a.initialOffset, 
+    // equal to gradient width
+    initialOffset = _d === void 0 ? -230 : _d;
+    var skeletonRef = useRef(null);
+    var _e = useState({ container: { left: 0, width: 0 }, item: { left: 0, width: 0 } }), position = _e[0], setPosition = _e[1];
+    //after mount set offset sizes
+    useEffect(function () {
+        var containerRefCurrent = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
+        var skeletonRefContainerCurrent = skeletonRef === null || skeletonRef === void 0 ? void 0 : skeletonRef.current;
+        if (containerRefCurrent && skeletonRefContainerCurrent) {
+            var containerLeft = containerRefCurrent.getBoundingClientRect().left || 0;
+            var containerWidth = containerRefCurrent.clientWidth || 0;
+            var itemLeft = skeletonRefContainerCurrent.getBoundingClientRect().left || 0;
+            var itemWidth = skeletonRefContainerCurrent.getBoundingClientRect().width || 0;
+            setPosition({ container: { left: containerLeft, width: containerWidth }, item: { left: itemLeft, width: itemWidth } });
+        }
+    }, [containerRef]);
+    var calculateOffset = function () {
+        var diff = position.item.left - position.container.left;
+        var startOffset = initialOffset - diff;
+        var finalOffset = position.container.width - diff;
+        return { startOffset: startOffset, finalOffset: finalOffset };
+    };
+    var skeletonBackgroundColor = generateColor(baseColor, 'var(--color-input-primary)');
+    var skeletonCSS = {
+        width: width,
+        height: circle ? width : height,
+        minWidth: circle ? width : 0,
+        borderRadius: circle ? '50%' : borderRadius,
+        backgroundColor: skeletonBackgroundColor,
+    };
+    return (_jsx(StyledSkeleton, { "$animationDuration": animationDuration, "$initialOffset": calculateOffset().startOffset, "$finalOffset": calculateOffset().finalOffset, "$CSS": skeletonCSS, ref: skeletonRef, className: className, style: styles }));
+};
+export default Skeleton;
+var StyledSkeleton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  background-size: 230px;\n  background-repeat: no-repeat;\n  background-image: linear-gradient(\n    90deg,\n    var(--color-skeleton-gradient-edge) var(--skeleton-start-edge-gradient-size),\n    var(--color-skeleton-gradient-center) var(--skeleton-center-gradient-size),\n    var(--color-skeleton-gradient-edge) var(--skeleton-end-edge-gradient-size)\n  );\n  ", ";\n"], ["\n  position: relative;\n  overflow: hidden;\n  background-size: 230px;\n  background-repeat: no-repeat;\n  background-image: linear-gradient(\n    90deg,\n    var(--color-skeleton-gradient-edge) var(--skeleton-start-edge-gradient-size),\n    var(--color-skeleton-gradient-center) var(--skeleton-center-gradient-size),\n    var(--color-skeleton-gradient-edge) var(--skeleton-end-edge-gradient-size)\n  );\n  ", ";\n"])), function (_a) {
+    var $CSS = _a.$CSS, $animationDuration = _a.$animationDuration, $initialOffset = _a.$initialOffset, $finalOffset = _a.$finalOffset;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    animation: ", " ", "s infinite linear;\n    ", ";\n  "], ["\n    animation: ", " ", "s infinite linear;\n    ", ";\n  "])), flash($initialOffset, $finalOffset), $animationDuration, $CSS);
+});
+var flash = function (initialOffset, finalOffset) { return keyframes(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n   0% {\n      background-position: ", "px;\n    }\n\n    60%,\n    100% {\n      background-position: ", "px;\n    }\n  \n"], ["\n   0% {\n      background-position: ", "px;\n    }\n\n    60%,\n    100% {\n      background-position: ", "px;\n    }\n  \n"])), initialOffset, finalOffset); };
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=Skeleton.js.map

package/build/main//321/201omponents/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAW,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,EAcD;QAbf,SAAS,eAAA,EACT,MAAM,YAAA,EACN,SAAS,eAAA,EACT,KAAK,WAAA,EACL,MAAM,YAAA,EACN,oBAAgB,EAAhB,YAAY,mBAAG,CAAC,KAAA,EAChB,MAAM,YAAA;IACN,qIAAqI;IACrI,YAAY,kBAAA;IACZ,8DAA8D;IAC9D,yBAAqB;IADrB,8DAA8D;IAC9D,iBAAiB,mBAAG,CAAC,KAAA;IACrB,0BAA0B;IAC1B,qBAAoB;IADpB,0BAA0B;IAC1B,aAAa,mBAAG,CAAC,GAAG,KAAA;IAEpB,IAAM,WAAW,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACjD,IAAA,KAA0B,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,EAApG,QAAQ,QAAA,EAAE,WAAW,QAA+E,CAAA;IAC3G,8BAA8B;IAC9B,SAAS,CAAC;QACR,IAAM,mBAAmB,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA;QACjD,IAAM,2BAA2B,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA;QAExD,IAAI,mBAAmB,IAAI,2BAA2B,EAAE;YACtD,IAAM,aAAa,GAAG,mBAAmB,CAAC,qBAAqB,EAAE,CAAC,IAAI,IAAI,CAAC,CAAA;YAC3E,IAAM,cAAc,GAAG,mBAAmB,CAAC,WAAW,IAAI,CAAC,CAAA;YAC3D,IAAM,QAAQ,GAAG,2BAA2B,CAAC,qBAAqB,EAAE,CAAC,IAAI,IAAI,CAAC,CAAA;YAC9E,IAAM,SAAS,GAAG,2BAA2B,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,CAAA;YAChF,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,CAAA;SACvH;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAM,eAAe,GAAG;QACtB,IAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAA;QACzD,IAAM,WAAW,GAAG,aAAa,GAAG,IAAI,CAAA;QACxC,IAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAA;QACnD,OAAO,EAAE,WAAW,aAAA,EAAE,WAAW,aAAA,EAAE,CAAA;IACrC,CAAC,CAAA;IAED,IAAM,uBAAuB,GAAG,aAAa,CAAC,SAAS,EAAE,4BAA4B,CAAC,CAAA;IAEtF,IAAM,WAAW,GAAY;QAC3B,KAAK,OAAA;QACL,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;QAC/B,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5B,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY;QAC3C,eAAe,EAAE,uBAAuB;KACzC,CAAA;IAED,OAAO,CACL,KAAC,cAAc,0BACO,iBAAiB,oBACrB,eAAe,EAAE,CAAC,WAAW,kBAC/B,eAAe,EAAE,CAAC,WAAW,UACrC,WAAW,EACjB,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,GACb,CACH,CAAA;AACH,CAAC,CAAA;AACD,eAAe,QAAQ,CAAA;AASvB,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,oeAAqB,0ZAWlD,EAGD,KACF,KAJG,UAAC,EAA0D;QAAxD,IAAI,UAAA,EAAE,kBAAkB,wBAAA,EAAE,cAAc,oBAAA,EAAE,YAAY,kBAAA;IAAO,OAAA,GAAG,gIAAA,mBACtD,EAAmC,GAAI,EAAkB,0BACpE,EAAI,OACP,KAFc,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC,EAAI,kBAAkB,EACpE,IAAI;AAF0D,CAGjE,CACF,CAAA;AAED,IAAM,KAAK,GAAG,UAAC,aAAqB,EAAE,WAAmB,IAAK,OAAA,SAAS,kMAAA,wCAE1C,EAAa,iEAKb,EAAW,kBAGvC,KAR4B,aAAa,EAKb,WAAW,GAPsB,CAU7D,CAAA"}

package/build/main//321/201omponents/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { default as Skeleton } from './Skeleton';

package/build/main//321/201omponents/Skeleton/index.js

@@ -0,0 +1,2 @@
+export { default as Skeleton } from './Skeleton';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/build/main//321/201omponents/Skeleton/types.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+import { IThemeProps, TStyles } from '../../constants';
+type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
+type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
+export interface ISkeletonProps extends IThemeProps {
+    className?: string;
+    styles?: TStyles;
+    baseColor?: string;
+    width?: number;
+    height?: number;
+    borderRadius?: number;
+    circle?: boolean;
+    containerRef: RefObject<HTMLDivElement | null>;
+    animationDuration?: IntRange<1, 7>;
+    initialOffset?: number;
+}
+export {};

package/build/main//321/201omponents/Skeleton/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Skeleton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Stories/Stories.d.ts

@@ -0,0 +1,4 @@
+import { IStoriesProps } from './types';
+import '../../styles/styles.scss';
+declare const StoriesComponent: ({ isCloseIconHidden, platform, fontFamily, imageClassName, titleClassName, bodyClassName, buttonClassName, contentClassName, bottomContentClassName, contentStyles, closeIconPosition, closeIcon, bottomContent, groupStories, allGroupsStories, changeStoryToViewed, changeGroupStoriesToViewed, handleCloseGroupStories, }: IStoriesProps) => import("react/jsx-runtime").JSX.Element | null;
+export default StoriesComponent;