@expressms/smartapp-ui 1.1.7 → 1.1.9

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,OAAO,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAA2G;QAAzG,EAAE,QAAA,EAAE,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,YAAY,kBAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA;IACzG,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QACvG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;IACxH,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAErC,OAAO,CACL,uBAAK,SAAS,EAAC,uBAAuB,gBACpC,yBAAO,OAAO,EAAE,gCAAyB,EAAE,CAAE,EAAE,OAAO,EAAE,QAAQ,gBAC9D,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.js

@@ -1 +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,CAAC"}

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

@@ -1 +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/Stories/Stories.d.ts

@@ -1,4 +1,4 @@
 import { IStoriesProps } from './types';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 declare const StoriesComponent: ({ platform, fontFamily, groupStories, allGroupsStories, changeStoryToViewed, changeGroupStoriesToViewed, handleCloseGroupStories, }: IStoriesProps) => import("react/jsx-runtime").JSX.Element | null;
 export default StoriesComponent;

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

@@ -18,10 +18,11 @@ import Popup from 'reactjs-popup';
 import { useSwipeable } from 'react-swipeable';
 import { isEmpty } from 'lodash';
 import { ReactComponent as CloseStoriesIcon } from '../../assets/icons/close-stories.svg';
+import { ReactComponent as LoaderIcon } from '../../assets/icons/story-loader.svg';
 import { STORY_BACKGROUND_TYPES, STORY_TYPE, } from './types';
-import { DEFAULT_BACKGROUND_BUTTON_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_TEXT_BUTTON_COLOR, NUMBER_OF_STORIES_FOR_ROUND_INDICATORS, PLATFORM, } from '../../constants';
+import { COLORS, DEFAULT_FONT_FAMILY, NUMBER_OF_STORIES_FOR_ROUND_INDICATORS, PLATFORM } from '../../constants';
 import { getColor, isIosPlatform, isWebPlatform } from '../../helpers';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 var storyItemBaseStyles = {
     height: '100%',
     width: '100%',
@@ -65,9 +66,14 @@ var StoriesComponent = function (_a) {
         var id = _a.id;
         return id === activeStoryId;
     });
+    var isColorOnBackground = function (type) { return type === STORY_BACKGROUND_TYPES.color; };
+    var isImageOnBackground = function (_a) {
+        var type = _a.type;
+        return type === STORY_BACKGROUND_TYPES.image;
+    };
     var getStoryStyles = function (_a) {
         var type = _a.type, value = _a.value;
-        return type === STORY_BACKGROUND_TYPES.color
+        return isColorOnBackground(type)
             ? __assign(__assign({}, storyItemBaseStyles), { background: value }) : __assign(__assign({}, storyItemBaseStyles), { backgroundImage: "url(".concat(value, ")"), backgroundSize: 'cover' });
     };
     var changeActiveGroupStories = function (groupStoriesItem) {
@@ -113,10 +119,10 @@ var StoriesComponent = function (_a) {
             changeGroupStoriesToViewed(activeGroupStories);
         }
     };
-    var getCurrentStoryIndex = useCallback(function () { return (stories.findIndex(function (_a) {
+    var getCurrentStoryIndex = useCallback(function () { return stories.findIndex(function (_a) {
         var id = _a.id;
         return id === activeStoryId;
-    })); }, [stories, activeStoryId]);
+    }); }, [stories, activeStoryId]);
     var onPrevious = function () {
         activeStoryId === stories[0].id ? handlePrevious() : onStoryStart(getCurrentStoryIndex() - 1);
     };
@@ -127,15 +133,31 @@ var StoriesComponent = function (_a) {
     var getImageContent = function (_a) {
         var id = _a.id, title = _a.title, body = _a.body, backgroundSource = _a.backgroundSource, button = _a.button, image = _a.image;
         return ({
-            content: function () {
+            content: function (_a) {
+                var action = _a.action;
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                var _b = useState(false), isImageLoaded = _b[0], setIsImageLoaded = _b[1];
+                var isLoaderVisible = image && (!isImageLoaded || isAnimateToLeft || isAnimateToRight);
                 // eslint-disable-next-line react-hooks/rules-of-hooks
                 useLayoutEffect(function () {
                     setActiveStoryId(id);
                 }, []);
-                return (_jsx("div", __assign({ style: getStoryStyles(backgroundSource) }, { children: _jsxs("div", __assign({ style: { fontFamily: "".concat(fontFamily, ", sans-serif") }, className: "smartapp-stories__story" }, { children: [image && _jsx("div", __assign({ className: "smartapp-stories__story--image" }, { children: _jsx("img", { src: image, alt: "" }) })), title && _jsx("div", __assign({ className: "smartapp-stories__story--title" }, { children: title })), body && _jsx("div", __assign({ className: "smartapp-stories__story--body" }, { children: body })), button && (_jsx("div", __assign({ style: {
-                                    color: getColor(button.textColor, DEFAULT_TEXT_BUTTON_COLOR),
-                                    background: getColor(button.backgroundColor, DEFAULT_BACKGROUND_BUTTON_COLOR),
-                                }, className: classNames('smartapp-stories__story--button', "smartapp-stories__story--button__".concat(platform)), onClick: button.action }, { children: button.text })))] })) }), id));
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                useLayoutEffect(function () {
+                    var timeoutId;
+                    timeoutId = setTimeout(function () { return action(isLoaderVisible ? 'pause' : 'play'); }, 0);
+                    return function () { return clearTimeout(timeoutId); };
+                }, [isLoaderVisible, action]);
+                var handleImageLoad = function () {
+                    setTimeout(function () {
+                        action('play');
+                        setIsImageLoaded(true);
+                    }, 0);
+                };
+                return (_jsx("div", __assign({ style: getStoryStyles(backgroundSource) }, { children: _jsxs("div", __assign({ style: { fontFamily: "".concat(fontFamily, ", sans-serif") }, className: classNames('smartapp-stories__story', { 'smartapp-stories__story--image-bg': isImageOnBackground(backgroundSource) }) }, { children: [_jsxs("div", __assign({ style: { opacity: isLoaderVisible ? '0' : '1' } }, { children: [image && (_jsx("div", __assign({ className: "smartapp-stories__story--image" }, { children: _jsx("img", { src: image, alt: "", onLoad: handleImageLoad, onError: handleImageLoad }) }))), title && _jsx("div", __assign({ className: "smartapp-stories__story--title" }, { children: title })), body && _jsx("div", __assign({ className: "smartapp-stories__story--body" }, { children: body })), button && (_jsx("div", __assign({ style: {
+                                            color: getColor(button.textColor, COLORS.black),
+                                            background: getColor(button.backgroundColor, COLORS.white),
+                                        }, className: classNames('smartapp-stories__story--button', "smartapp-stories__story--button__".concat(platform)), onClick: button.action }, { children: button.text })))] })), isLoaderVisible && (_jsx("div", __assign({ className: "smartapp-stories__story--loader" }, { children: _jsx(LoaderIcon, {}) })))] })) }), id));
             },
         });
     };
@@ -146,7 +168,7 @@ var StoriesComponent = function (_a) {
             url: url,
         });
     };
-    var getStories = function () { return stories.map(function (story) { return story.type === STORY_TYPE.image ? getImageContent(story) : getVideoContent(story); }); };
+    var getStories = function () { return stories.map(function (story) { return (story.type === STORY_TYPE.image ? getImageContent(story) : getVideoContent(story)); }); };
     var swipeableHandlers = useSwipeable({
         trackMouse: true,
         onSwipedLeft: function () { return handleNext(); },
@@ -177,11 +199,11 @@ var StoriesComponent = function (_a) {
             var backgroundVideos = document.querySelectorAll("#background_video_".concat(activeStoryId));
             backgroundVideos.forEach(function (video) { return video.play(); });
         };
-        video === null || video === void 0 ? void 0 : video.addEventListener("play", playVideosOnBackground);
-        video === null || video === void 0 ? void 0 : video.addEventListener("pause", pauseVideosOnBackground);
+        video === null || video === void 0 ? void 0 : video.addEventListener('play', playVideosOnBackground);
+        video === null || video === void 0 ? void 0 : video.addEventListener('pause', pauseVideosOnBackground);
         return function () {
-            video === null || video === void 0 ? void 0 : video.removeEventListener("play", playVideosOnBackground);
-            video === null || video === void 0 ? void 0 : video.removeEventListener("pause", pauseVideosOnBackground);
+            video === null || video === void 0 ? void 0 : video.removeEventListener('play', playVideosOnBackground);
+            video === null || video === void 0 ? void 0 : video.removeEventListener('pause', pauseVideosOnBackground);
         };
     }, [activeStoryId]);
     useEffect(function () {
@@ -203,14 +225,14 @@ var StoriesComponent = function (_a) {
         if (activeStory) {
             if (activeStory.type === STORY_TYPE.image) {
                 var _a = activeStory.backgroundSource, type = _a.type, value = _a.value;
-                var prevBackgroundVideos = document.querySelectorAll(".smartapp-stories-content__background-video");
-                var background = type === STORY_BACKGROUND_TYPES.color ? value : "url(".concat(value, ")");
+                var prevBackgroundVideos = document.querySelectorAll('.smartapp-stories-content__background-video');
+                var background = isColorOnBackground(type) ? value : "url(".concat(value, ")");
                 !isEmpty(prevBackgroundVideos) && prevBackgroundVideos.forEach(function (video) { return video.remove(); });
                 isWebPlatform(platform) && (popupElement === null || popupElement === void 0 ? void 0 : popupElement.style.setProperty('--background', background));
             }
             else {
                 var id = activeStory.id, url = activeStory.url;
-                var prevBackgroundVideos = document.querySelectorAll(".smartapp-stories-content__background-video");
+                var prevBackgroundVideos = document.querySelectorAll('.smartapp-stories-content__background-video');
                 !isEmpty(prevBackgroundVideos) && prevBackgroundVideos.forEach(function (video) { return video.remove(); });
                 if (isWebPlatform(platform)) {
                     popupElement === null || popupElement === void 0 ? void 0 : popupElement.style.removeProperty('--background');
@@ -237,3 +259,4 @@ var StoriesComponent = function (_a) {
                     _c)), onClick: handleCloseGroupStories })] })));
 };
 export default StoriesComponent;
+//# sourceMappingURL=Stories.js.map

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { IPlatformProps } from '../../constants';
 export declare enum STORY_BACKGROUND_TYPES {
     color = "color",
     image = "image"
@@ -6,8 +7,9 @@ export declare enum STORY_TYPE {
     image = "image",
     video = "video"
 }
+export type TBackgroundType = 'color' | 'image';
 export type TBackgroundSource = {
-    type: 'color' | 'image';
+    type: TBackgroundType;
     value: string;
 };
 type TCommonStoryItem = {
@@ -38,8 +40,7 @@ export type TGroupStories = {
     viewed: boolean;
     stories: TStoryItem[];
 };
-export interface IStoriesProps {
-    platform?: 'web' | 'ios' | 'android';
+export interface IStoriesProps extends IPlatformProps {
     fontFamily?: string;
     groupStories: TGroupStories | null;
     allGroupsStories: TGroupStories[];

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

@@ -8,3 +8,4 @@ export var STORY_TYPE;
     STORY_TYPE["image"] = "image";
     STORY_TYPE["video"] = "video";
 })(STORY_TYPE || (STORY_TYPE = {}));
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Stories/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAChC,yCAAe,CAAA;IACf,yCAAe,CAAA;AACjB,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC;AAED,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,6BAAe,CAAA;AACjB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB"}

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

@@ -1,4 +1,4 @@
 import { ISwitcherProps } from './types';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 declare const Switcher: ({ pages }: ISwitcherProps) => import("react/jsx-runtime").JSX.Element;
 export default Switcher;

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

@@ -12,7 +12,8 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import Slider from 'react-slick';
 import { NavLink } from 'react-router-dom';
-import '../../styles/stories.module.scss';
+// import './swicher.scss'
+import '../../styles/styles.scss';
 var Switcher = function (_a) {
     var pages = _a.pages;
     var sliderSettings = {
@@ -31,3 +32,4 @@ var Switcher = function (_a) {
                 }, to: page.route }, { children: page.title }), page.route)); }) })) })));
 };
 export default Switcher;
+//# sourceMappingURL=Switcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switcher.js","sourceRoot":"","sources":["../../../../src/сomponents/Switcher/Switcher.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,0BAA0B;AAC1B,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,EAAyB;QAAvB,KAAK,WAAA;IACvB,IAAM,cAAc,GAAG;QACrB,aAAa,EAAE,IAAI;QACnB,IAAI,EAAE,KAAK;QACX,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,GAAG;KACX,CAAA;IAED,OAAO,CACL,uBAAK,SAAS,EAAC,mBAAmB,gBAChC,KAAC,MAAM,eAAK,cAAc,cACvB,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,KAAC,OAAO,aAEN,SAAS,EAAE,UAAC,EAAY;wBAAV,QAAQ,cAAA;oBACpB,OAAA,QAAQ,CAAC,CAAC,CAAC,kEAAkE,CAAC,CAAC,CAAC,6BAA6B;gBAA7G,CAA6G,EAE/G,EAAE,EAAE,IAAI,CAAC,KAAK,gBAEb,IAAI,CAAC,KAAK,KANN,IAAI,CAAC,KAAK,CAOP,CACX,EAVoB,CAUpB,CAAC,IACK,IACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
 import { ISyncLoaderProps } from './types';
-import '../../styles/stories.module.scss';
-declare const SyncLoader: ({ isLoading, theme, color, fontFamily, }: ISyncLoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+import '../../styles/styles.scss';
+declare const SyncLoader: ({ isLoading, theme, color, fontFamily }: ISyncLoaderProps) => import("react/jsx-runtime").JSX.Element | null;
 export default SyncLoader;

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

@@ -24,30 +24,28 @@ import classNames from 'classnames';
 import Color from 'color';
 import { normal } from 'color-blend';
 import { ReactComponent as LoaderIcon } from '../../assets/icons/loader.svg';
-import { DEFAULT_BLUE_ICON_COLOR, DEFAULT_FONT_FAMILY, THEME } from '../../constants';
+import { COLORS, DEFAULT_FONT_FAMILY, THEME } from '../../constants';
 import { getColor } from '../../helpers';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 var SyncLoader = function (_a) {
     var isLoading = _a.isLoading, _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, color = _a.color, _c = _a.fontFamily, fontFamily = _c === void 0 ? DEFAULT_FONT_FAMILY : _c;
     var isDarkTheme = theme === THEME.dark;
-    var loaderColor = getColor(color, DEFAULT_BLUE_ICON_COLOR);
+    var loaderColor = getColor(color, COLORS.blue);
     var getBackgroundStyles = function () {
         var _a = Color(loaderColor).rgb().object(), red = _a.r, green = _a.g, blue = _a.b;
         var backgroundColorRGBA = { r: red, g: green, b: blue, a: 0.2 };
         var WHITE_COLOR = { r: 255, g: 255, b: 255, a: 1 };
         var BLACK_COLOR = { r: 61, g: 61, b: 61, a: 1 };
-        var _b = isDarkTheme
-            ? normal(BLACK_COLOR, backgroundColorRGBA)
-            : normal(WHITE_COLOR, backgroundColorRGBA), r = _b.r, g = _b.g, b = _b.b, a = _b.a;
+        var _b = isDarkTheme ? normal(BLACK_COLOR, backgroundColorRGBA) : normal(WHITE_COLOR, backgroundColorRGBA), r = _b.r, g = _b.g, b = _b.b, a = _b.a;
         return { background: "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")") };
     };
     useEffect(function () {
         var timerId;
         var dots = document.querySelectorAll('.smartapp-sync-loader__text--dots__dot');
         var animationEndFunction = function () {
-            dots.forEach(function (dot) { return dot.style.display = 'none'; });
+            dots.forEach(function (dot) { return (dot.style.display = 'none'); });
             timerId = setTimeout(function () {
-                dots.forEach(function (dot) { return dot.style.display = 'unset'; });
+                dots.forEach(function (dot) { return (dot.style.display = 'unset'); });
             }, 150);
         };
         if (isLoading) {
@@ -61,6 +59,7 @@ var SyncLoader = function (_a) {
     if (!isLoading) {
         return null;
     }
-    return (_jsxs("div", __assign({ className: "smartapp-sync-loader", style: getBackgroundStyles() }, { children: [_jsx(LoaderIcon, { className: "smartapp-sync-loader__icon", style: { color: loaderColor } }), _jsxs("div", __assign({ style: { fontFamily: "".concat(fontFamily, ", sans-serif") }, className: classNames({ 'smartapp-sync-loader__text': true, 'smartapp-sync-loader__text--dark': isDarkTheme }) }, { children: ["\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0435", _jsx("div", __assign({ className: "smartapp-sync-loader__text--dots" }, { children: __spreadArray([], Array(3), true).map(function (_, index) { return _jsx("div", __assign({ className: "smartapp-sync-loader__text--dots__dot" }, { children: "." }), index); }) }))] }))] })));
+    return (_jsxs("div", __assign({ className: "smartapp-sync-loader", style: getBackgroundStyles() }, { children: [_jsx(LoaderIcon, { className: "smartapp-sync-loader__icon", style: { color: loaderColor } }), _jsxs("div", __assign({ style: { fontFamily: "".concat(fontFamily, ", sans-serif") }, className: classNames({ 'smartapp-sync-loader__text': true, 'smartapp-sync-loader__text--dark': isDarkTheme }) }, { children: ["\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0435", _jsx("div", __assign({ className: "smartapp-sync-loader__text--dots" }, { children: __spreadArray([], Array(3), true).map(function (_, index) { return (_jsx("div", __assign({ className: "smartapp-sync-loader__text--dots__dot" }, { children: "." }), index)); }) }))] }))] })));
 };
 export default SyncLoader;
+//# sourceMappingURL=SyncLoader.js.map

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-export interface ISyncLoaderProps {
+import { IThemeProps } from '../../constants';
+export interface ISyncLoaderProps extends IThemeProps {
     isLoading: boolean;
-    theme?: 'default' | 'dark';
     color?: string;
     fontFamily?: string;
 }

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

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

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

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

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

@@ -1,4 +1,4 @@
 import { IToggleProps } from './types';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 declare const Toggle: ({ id, isDisabled, isChecked, checkedColor, checkedHoverColor, onClick, }: IToggleProps) => import("react/jsx-runtime").JSX.Element;
 export default Toggle;

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

@@ -12,16 +12,17 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import classNames from 'classnames';
-import { DEFAULT_BLUE_ICON_COLOR, DEFAULT_BLUE_ICON_HOVER_COLOR } from '../../constants';
+import { COLORS } from '../../constants';
 import { getColor } from '../../helpers';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 var Toggle = function (_a) {
     var _b = _a.id, id = _b === void 0 ? 'toggle' : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isChecked, isChecked = _d === void 0 ? false : _d, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, _e = _a.onClick, onClick = _e === void 0 ? function () { return undefined; } : _e;
     var handleClick = function () { return !isDisabled && onClick(); };
     useEffect(function () {
-        document.documentElement.style.setProperty('--toggle-color', getColor(checkedColor, DEFAULT_BLUE_ICON_COLOR));
-        document.documentElement.style.setProperty('--toggle-hover-color', getColor(checkedHoverColor, DEFAULT_BLUE_ICON_HOVER_COLOR));
+        document.documentElement.style.setProperty('--toggle-color', getColor(checkedColor, COLORS.blue));
+        document.documentElement.style.setProperty('--toggle-hover-color', getColor(checkedHoverColor, COLORS.darkBlue));
     }, [checkedColor, checkedHoverColor]);
     return (_jsx("div", __assign({ className: "smartapp-toggle-wrapper" }, { children: _jsxs("label", __assign({ htmlFor: "smartapp-toggle-".concat(id), className: "smartapp-toggle", onClick: handleClick }, { children: [_jsx("input", { type: "checkbox", id: "smartapp-toggle-".concat(id), checked: isChecked, disabled: true }), _jsx("span", { className: classNames('smartapp-slider', { 'smartapp-slider__disabled': isDisabled }) })] })) })));
 };
 export default Toggle;
+//# sourceMappingURL=Toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../src/сomponents/Toggle/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAOD;QANb,UAAa,EAAb,EAAE,mBAAG,QAAQ,KAAA,EACb,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,eAA+B,EAA/B,OAAO,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAE/B,IAAM,WAAW,GAAG,cAAM,OAAA,CAAC,UAAU,IAAI,OAAO,EAAE,EAAxB,CAAwB,CAAA;IAElD,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QACjG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;IAClH,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAErC,OAAO,CACL,uBAAK,SAAS,EAAC,yBAAyB,gBACtC,0BAAO,OAAO,EAAE,0BAAmB,EAAE,CAAE,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,WAAW,iBACvF,gBAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,0BAAmB,EAAE,CAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,SAAG,EACnF,eAAM,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,2BAA2B,EAAE,UAAU,EAAE,CAAC,GAAI,KACzF,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -22,3 +22,4 @@ export { default as SyncLoader } from './SyncLoader';
 export { default as Modal } from './Modal';
 export { default as Notification } from './Notification';
 export { default as RadioButton } from './RadioButton';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressms/smartapp-ui",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "SmartApp UI library",
   "license": "MIT",
   "main": "build/main/index.js",
@@ -11,21 +11,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@babel/core": "^7.16.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/addon-viewport": "^6.5.15",
-    "@storybook/addons": "^6.5.15",
-    "@storybook/core-events": "^6.5.15",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.5.15",
     "@svgr/webpack": "5.5",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
+    "@testing-library/jest-dom": "^6.4.2",
     "@types/color": "^3.0.6",
-    "@types/jest": "^27.5.2",
+    "@types/jest": "^29.5.12",
     "@types/node": "^16.18.11",
     "@types/react": "^18.0.27",
     "@types/react-beautiful-dnd": "^13.1.4",
@@ -38,42 +27,26 @@
     "babel-jest": "^18.0.0",
     "babel-loader": "8.2.3",
     "babel-plugin-named-asset-import": "^0.3.8",
-    "babel-preset-react-app": "^10.0.1",
-    "bfj": "^7.0.2",
+    "babel-preset-react-app": "^10 .0.1",
     "browserslist": "^4.18.1",
     "camelcase": "^6.2.1",
-    "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "classnames": "^2.3.2",
     "color": "^4.2.3",
     "color-blend": "^4.0.0",
     "copyfiles": "^2.4.1",
     "css-loader": "^6.5.1",
-    "css-minimizer-webpack-plugin": "^3.2.0",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
-    "enhanced-resolve": "^5.12.0",
     "eslint": "^8.3.0",
-    "eslint-config-react-app": "^6.0.0",
-    "eslint-plugin-flowtype": "^8.0.3",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react": "^7.34.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
-    "fs-extra": "^10.0.0",
     "html-webpack-plugin": "^5.5.0",
-    "identity-obj-proxy": "^3.0.0",
     "jest": "^25.0.0",
     "jest-resolve": "^27.4.2",
     "jest-watch-typeahead": "^1.0.0",
     "mini-css-extract-plugin": "^2.4.5",
-    "postcss": "^8.4.4",
-    "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-loader": "^6.2.1",
-    "postcss-normalize": "^10.0.1",
-    "postcss-preset-env": "^7.0.1",
-    "prompts": "^2.4.2",
     "react": "^18.2.0",
     "react-app-polyfill": "^3.0.0",
     "react-beautiful-dnd": "^13.1.1",
@@ -89,34 +62,23 @@
     "react-swipeable": "^7.0.1",
     "reactjs-popup": "^2.0.5",
     "resolve": "^1.20.0",
-    "resolve-url-loader": "2.3.1",
+    "rollup-plugin-lit-css": "^4.0.1",
     "sass": "^1.66.1",
     "sass-loader": "^12.3.0",
     "semver": "^7.3.5",
     "source-map-loader": "^3.0.0",
-    "storybook-addon-react-router-v6": "^0.2.1",
-    "storybook-addon-sass-postcss": "^0.1.3",
-    "style-loader": "^3.3.1",
-    "svg-url-loader": "^8.0.0",
     "tailwindcss": "^3.0.2",
-    "terser-webpack-plugin": "^5.2.5",
-    "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.9.4",
     "typescript-plugin-css-modules": "^5.0.1",
-    "url-loader": "^4.1.1",
-    "web-vitals": "^2.1.4",
-    "webpack": "^5.64.4",
-    "webpack-dev-server": "^4.6.0",
-    "webpack-manifest-plugin": "^4.0.2",
-    "workbox-webpack-plugin": "^6.4.1"
+    "url-loader": "^4.1.1"
   },
   "scripts": {
     "start": "node scripts/start.js",
     "storybook": "rm -rf node_modules/.cache/storybook && start-storybook -p 6006",
     "build-storybook": "build-storybook -o storybook-build",
-    "copy-scss-files": "copyfiles -u 1 src/styles/*.module.scss build/main",
+    "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "copy-svg-files": "copyfiles -u 1 src/assets/icons/*.svg build/main",
-    "build": "tsc -p tsconfig.json && webpack && npm run copy-svg-files && npm run copy-scss-files",
+    "build": "rm -rf build && tsc -p tsconfig.json && webpack && npm run copy-svg-files",
     "test": "node scripts/test.js",
     "publish": "npm publish --access public",
     "compile": "rm -rf dist && tsc && tsc --build tsconfig.json"
@@ -157,19 +119,33 @@
     ]
   },
   "devDependencies": {
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
     "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-interactions": "^6.5.15",
-    "@storybook/builder-webpack5": "^6.5.15",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/node-logger": "^6.5.15",
-    "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/testing-library": "^0.0.13",
-    "babel-plugin-named-exports-order": "^0.0.2",
+    "@storybook/addon-essentials": "^6.5.15",
+    "@storybook/addon-links": "^6.5.15",
+    "@storybook/addon-viewport": "^6.5.15",
+    "@storybook/addons": "^6.5.15",
+    "@storybook/core-events": "^6.5.15",
+    "@storybook/react": "^6.5.15",
     "css-loader": "^6.7.3",
-    "prop-types": "^15.8.1",
-    "style-loader": "^3.3.3",
+    "css-minimizer-webpack-plugin": "^3.2.0",
+    "eslint-config-react-app": "^6.0.0",
+    "postcss": "^8.4.4",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-loader": "^6.2.1",
+    "postcss-normalize": "^10.0.1",
+    "postcss-preset-env": "^7.0.1",
+    "react-scripts": "^5.0.1",
+    "resolve-url-loader": "2.3.1",
+    "storybook-addon-react-router-v6": "^0.2.1",
+    "storybook-addon-sass-postcss": "0.1.3",
+    "terser-webpack-plugin": "^5.2.5",
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
     "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1"
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.6.0",
+    "webpack-manifest-plugin": "^4.0.2",
+    "workbox-webpack-plugin": "^6.4.1"
   },
   "jest": {
     "roots": [