@expressms/smartapp-ui 2.6.2 → 2.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/main/assets/icons/unread-mails.svg +3 -3
- package/build/main/constants/constants.d.ts +18 -17
- package/build/main/constants/constants.js +6 -4
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +2 -6
- package/build/main/helpers/index.d.ts +7 -8
- package/build/main/helpers/index.js +15 -17
- package/build/main/helpers/index.js.map +1 -1
- package/build/main/styles/styles.scss +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.d.ts +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.js +14 -16
- package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -1
- package/build/main//321/201omponents/ActionModal/types.d.ts +6 -2
- package/build/main//321/201omponents/AttachedFile/AttachedFile.d.ts +1 -1
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js +7 -7
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js.map +1 -1
- package/build/main//321/201omponents/AttachedFile/types.d.ts +3 -1
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +19 -19
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +2 -1
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/Button/Button.d.ts +1 -1
- package/build/main//321/201omponents/Button/Button.js +2 -2
- package/build/main//321/201omponents/Button/Button.js.map +1 -1
- package/build/main//321/201omponents/Button/types.d.ts +1 -0
- package/build/main//321/201omponents/CachedImage/CachedImage.d.ts +1 -1
- package/build/main//321/201omponents/CachedImage/CachedImage.js +13 -8
- package/build/main//321/201omponents/CachedImage/CachedImage.js.map +1 -1
- package/build/main//321/201omponents/CachedImage/types.d.ts +2 -0
- package/build/main//321/201omponents/Calendar/Calendar.js +4 -4
- package/build/main//321/201omponents/Calendar/Calendar.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js +3 -3
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js +3 -3
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js.map +1 -1
- package/build/main//321/201omponents/Charts/constants.d.ts +4 -24
- package/build/main//321/201omponents/Charts/constants.js +2 -13
- package/build/main//321/201omponents/Charts/constants.js.map +1 -1
- package/build/main//321/201omponents/Charts/helpers.d.ts +6 -25
- package/build/main//321/201omponents/Charts/helpers.js +22 -6
- package/build/main//321/201omponents/Charts/helpers.js.map +1 -1
- package/build/main//321/201omponents/Checkbox/Checkbox.d.ts +1 -1
- package/build/main//321/201omponents/Checkbox/Checkbox.js +6 -5
- package/build/main//321/201omponents/Checkbox/Checkbox.js.map +1 -1
- package/build/main//321/201omponents/Checkbox/types.d.ts +3 -0
- package/build/main//321/201omponents/Chip/Chip.d.ts +1 -1
- package/build/main//321/201omponents/Chip/Chip.js +5 -10
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +3 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +15 -11
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +12 -4
- package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +3 -4
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +4 -0
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +2 -2
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/types.d.ts +2 -0
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js +4 -4
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js.map +1 -1
- package/build/main//321/201omponents/Error/Error.d.ts +1 -1
- package/build/main//321/201omponents/Error/Error.js +5 -4
- package/build/main//321/201omponents/Error/Error.js.map +1 -1
- package/build/main//321/201omponents/Error/types.d.ts +3 -0
- package/build/main//321/201omponents/Header/Header.d.ts +1 -1
- package/build/main//321/201omponents/Header/Header.js +7 -7
- package/build/main//321/201omponents/Header/Header.js.map +1 -1
- package/build/main//321/201omponents/Header/types.d.ts +3 -1
- package/build/main//321/201omponents/Input/Input.d.ts +1 -1
- package/build/main//321/201omponents/Input/Input.js +16 -19
- package/build/main//321/201omponents/Input/Input.js.map +1 -1
- package/build/main//321/201omponents/Input/types.d.ts +3 -2
- package/build/main//321/201omponents/ListItem/ListItem.js +9 -8
- package/build/main//321/201omponents/ListItem/ListItem.js.map +1 -1
- package/build/main//321/201omponents/ListItem/types.d.ts +2 -0
- package/build/main//321/201omponents/Loader/Loader.d.ts +1 -1
- package/build/main//321/201omponents/Loader/Loader.js +7 -10
- package/build/main//321/201omponents/Loader/Loader.js.map +1 -1
- package/build/main//321/201omponents/Loader/types.d.ts +5 -1
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +14 -12
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +7 -2
- package/build/main//321/201omponents/Notification/Notification.d.ts +1 -1
- package/build/main//321/201omponents/Notification/Notification.js +15 -10
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/Notification/types.d.ts +5 -1
- package/build/main//321/201omponents/Profile/Profile.js +4 -4
- package/build/main//321/201omponents/Profile/Profile.js.map +1 -1
- package/build/main//321/201omponents/ProgressBar/ProgressBar.d.ts +1 -1
- package/build/main//321/201omponents/ProgressBar/ProgressBar.js +2 -2
- package/build/main//321/201omponents/ProgressBar/ProgressBar.js.map +1 -1
- package/build/main//321/201omponents/ProgressBar/types.d.ts +3 -0
- package/build/main//321/201omponents/RadioButton/RadioButton.d.ts +1 -1
- package/build/main//321/201omponents/RadioButton/RadioButton.js +7 -6
- package/build/main//321/201omponents/RadioButton/RadioButton.js.map +1 -1
- package/build/main//321/201omponents/RadioButton/types.d.ts +3 -0
- package/build/main//321/201omponents/ScrollBar/ScrollBar.d.ts +1 -1
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js +2 -2
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js.map +1 -1
- package/build/main//321/201omponents/ScrollBar/types.d.ts +3 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.d.ts +1 -2
- package/build/main//321/201omponents/Skeleton/Skeleton.js +5 -5
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -1
- package/build/main//321/201omponents/Skeleton/types.d.ts +2 -1
- package/build/main//321/201omponents/Stories/Stories.d.ts +1 -1
- package/build/main//321/201omponents/Stories/Stories.js +18 -18
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/Stories/types.d.ts +3 -1
- package/build/main//321/201omponents/SyncLoader/SyncLoader.d.ts +1 -1
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js +6 -6
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js.map +1 -1
- package/build/main//321/201omponents/SyncLoader/types.d.ts +3 -1
- package/build/main//321/201omponents/Textarea/Textarea.d.ts +1 -1
- package/build/main//321/201omponents/Textarea/Textarea.js +3 -3
- package/build/main//321/201omponents/Textarea/Textarea.js.map +1 -1
- package/build/main//321/201omponents/Textarea/types.d.ts +3 -1
- package/build/main//321/201omponents/Toggle/Toggle.d.ts +1 -1
- package/build/main//321/201omponents/Toggle/Toggle.js +6 -6
- package/build/main//321/201omponents/Toggle/Toggle.js.map +1 -1
- package/build/main//321/201omponents/Toggle/types.d.ts +3 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +2 -2
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +16 -12
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +4 -2
- package/package.json +1 -1
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { IntRange } from '../types';
|
|
3
|
+
import { TStyles } from '../../constants';
|
|
3
4
|
export interface IScrollBarProps {
|
|
4
5
|
trackHeight?: string;
|
|
5
6
|
containerHeight?: string;
|
|
6
7
|
width?: IntRange<4, 7>;
|
|
8
|
+
containerClassName?: string;
|
|
9
|
+
containerStyles?: TStyles;
|
|
7
10
|
hideDuration?: number;
|
|
8
11
|
handleScroll?: () => void;
|
|
9
12
|
content: ReactNode;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
1
|
import { ISkeletonProps } from './types';
|
|
3
2
|
import '../../styles/styles.scss';
|
|
4
|
-
export declare const Skeleton:
|
|
3
|
+
export declare const Skeleton: ({ className, styles, baseColor, width, height, borderRadius, circle, theme, containerRef, animationDuration, initialOffset, }: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,14 +6,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
6
6
|
import { useEffect, useRef, useState } from 'react';
|
|
7
7
|
import styled, { css, keyframes } from 'styled-components';
|
|
8
8
|
import { COLORS, THEME } from '../../constants';
|
|
9
|
-
import {
|
|
9
|
+
import { generateColor, isDarkTheme } from '../../helpers';
|
|
10
10
|
import '../../styles/styles.scss';
|
|
11
11
|
// animation gradient size
|
|
12
12
|
var startEdgeGradientSize = '8.26%';
|
|
13
13
|
var centerGradientSize = '39.24%';
|
|
14
14
|
var endEdgeGradientSize = '70.22%';
|
|
15
15
|
export var Skeleton = function (_a) {
|
|
16
|
-
var className = _a.className, baseColor = _a.baseColor, width = _a.width, height = _a.height, _b = _a.borderRadius, borderRadius = _b === void 0 ? 8 : _b, circle = _a.circle, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c,
|
|
16
|
+
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, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c,
|
|
17
17
|
// needed to determine the offset, the left border must coincide with the left border of the skeletons (without padding in container)
|
|
18
18
|
containerRef = _a.containerRef,
|
|
19
19
|
// if not default, then it must be specified for all skeletons
|
|
@@ -38,13 +38,13 @@ export var Skeleton = function (_a) {
|
|
|
38
38
|
setPosition({ container: { left: containerLeft, width: containerWidth }, item: { left: itemLeft, width: itemWidth } });
|
|
39
39
|
}
|
|
40
40
|
}, [containerRef]);
|
|
41
|
-
var
|
|
41
|
+
var calculateOffset = function () {
|
|
42
42
|
var diff = position.item.left - position.container.left;
|
|
43
43
|
var startOffset = initialOffset - diff;
|
|
44
44
|
var finalOffset = position.container.width - diff;
|
|
45
45
|
return { startOffset: startOffset, finalOffset: finalOffset };
|
|
46
46
|
};
|
|
47
|
-
var skeletonBackgroundColor =
|
|
47
|
+
var skeletonBackgroundColor = generateColor(baseColor, 'var(--color-input-primary)');
|
|
48
48
|
var skeletonGradientCenter = isDarkTheme(theme) ? COLORS.skeletonDarkGradientCenter : COLORS.skeletonGradientCenter;
|
|
49
49
|
var skeletonGradientEdge = COLORS.skeletonGradientEdge;
|
|
50
50
|
var skeletonCSS = {
|
|
@@ -55,7 +55,7 @@ export var Skeleton = function (_a) {
|
|
|
55
55
|
backgroundColor: skeletonBackgroundColor,
|
|
56
56
|
backgroundImage: "linear-gradient(\n 90deg,\n ".concat(skeletonGradientEdge, " ").concat(startEdgeGradientSize, ",\n ").concat(skeletonGradientCenter, " ").concat(centerGradientSize, ",\n ").concat(skeletonGradientEdge, " ").concat(endEdgeGradientSize, "\n );"),
|
|
57
57
|
};
|
|
58
|
-
return (_jsx(StyledSkeleton, { "$animationDuration": animationDuration, "$initialOffset":
|
|
58
|
+
return (_jsx(StyledSkeleton, { "$animationDuration": animationDuration, "$initialOffset": calculateOffset().startOffset, "$finalOffset": calculateOffset().finalOffset, "$CSS": skeletonCSS, ref: skeletonRef, className: className, style: styles }));
|
|
59
59
|
};
|
|
60
60
|
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 ", ";\n"], ["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n ", ";\n"])), function (_a) {
|
|
61
61
|
var $CSS = _a.$CSS, $animationDuration = _a.$animationDuration, $initialOffset = _a.$initialOffset, $finalOffset = _a.$finalOffset;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,OAAc,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
|
-
import { IThemeProps } from '../../constants';
|
|
2
|
+
import { IThemeProps, TStyles } from '../../constants';
|
|
3
3
|
type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
|
|
4
4
|
type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
|
|
5
5
|
export interface ISkeletonProps extends IThemeProps {
|
|
6
6
|
className?: string;
|
|
7
|
+
styles?: TStyles;
|
|
7
8
|
baseColor?: string;
|
|
8
9
|
width?: number;
|
|
9
10
|
height?: number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IStoriesProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const StoriesComponent: ({ platform, fontFamily, groupStories, allGroupsStories, changeStoryToViewed, changeGroupStoriesToViewed, handleCloseGroupStories, }: IStoriesProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
declare const StoriesComponent: ({ platform, fontFamily, contentClassName, contentStyles, groupStories, allGroupsStories, changeStoryToViewed, changeGroupStoriesToViewed, handleCloseGroupStories, }: IStoriesProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
4
|
export default StoriesComponent;
|
|
@@ -21,7 +21,7 @@ import { ReactComponent as LoaderIcon } from '../../assets/icons/story-loader.sv
|
|
|
21
21
|
import { ReactComponent as ExternalLinkIcon } from '../../assets/icons/external-link.svg';
|
|
22
22
|
import { STORY_BACKGROUND_TYPES, STORY_TYPE, } from './types';
|
|
23
23
|
import { COLORS, DEFAULT_FONT_FAMILY, NUMBER_OF_STORIES_FOR_ROUND_INDICATORS, PLATFORM } from '../../constants';
|
|
24
|
-
import {
|
|
24
|
+
import { generateColor, isIosPlatform, isWebPlatform } from '../../helpers';
|
|
25
25
|
import '../../styles/styles.scss';
|
|
26
26
|
var storyItemBaseStyles = {
|
|
27
27
|
height: '100%',
|
|
@@ -54,9 +54,9 @@ var PERCENTAGE_OF_IMAGE_WIDTH = 82.7;
|
|
|
54
54
|
var StoriesComponent = function (_a) {
|
|
55
55
|
var _b, _c;
|
|
56
56
|
var _d;
|
|
57
|
-
var _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, _f = _a.fontFamily, fontFamily = _f === void 0 ? DEFAULT_FONT_FAMILY : _f, groupStories = _a.groupStories, allGroupsStories = _a.allGroupsStories, changeStoryToViewed = _a.changeStoryToViewed, changeGroupStoriesToViewed = _a.changeGroupStoriesToViewed, handleCloseGroupStories = _a.handleCloseGroupStories;
|
|
57
|
+
var _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, _f = _a.fontFamily, fontFamily = _f === void 0 ? DEFAULT_FONT_FAMILY : _f, contentClassName = _a.contentClassName, contentStyles = _a.contentStyles, groupStories = _a.groupStories, allGroupsStories = _a.allGroupsStories, changeStoryToViewed = _a.changeStoryToViewed, changeGroupStoriesToViewed = _a.changeGroupStoriesToViewed, handleCloseGroupStories = _a.handleCloseGroupStories;
|
|
58
58
|
var sortStoriesByOrder = function (stories) { return sortBy(stories, ['order']); };
|
|
59
|
-
var
|
|
59
|
+
var generateActiveGroupStoriesIndex = function () { return allGroupsStories.findIndex(function (_a) {
|
|
60
60
|
var id = _a.id;
|
|
61
61
|
return id === (activeGroupStories === null || activeGroupStories === void 0 ? void 0 : activeGroupStories.id);
|
|
62
62
|
}); };
|
|
@@ -74,7 +74,7 @@ var StoriesComponent = function (_a) {
|
|
|
74
74
|
var type = _a.type;
|
|
75
75
|
return type === STORY_BACKGROUND_TYPES.image;
|
|
76
76
|
};
|
|
77
|
-
var
|
|
77
|
+
var generateStoryStyles = function (_a) {
|
|
78
78
|
var type = _a.type, value = _a.value;
|
|
79
79
|
return isColorOnBackground(type)
|
|
80
80
|
? __assign(__assign({}, storyItemBaseStyles), { background: value }) : __assign(__assign({}, storyItemBaseStyles), { backgroundImage: "url(".concat(value, ")"), backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat' });
|
|
@@ -88,7 +88,7 @@ var StoriesComponent = function (_a) {
|
|
|
88
88
|
}, 500);
|
|
89
89
|
};
|
|
90
90
|
var handlePrevious = function () {
|
|
91
|
-
var prevGroupStories = allGroupsStories[
|
|
91
|
+
var prevGroupStories = allGroupsStories[generateActiveGroupStoriesIndex() - 1];
|
|
92
92
|
if (prevGroupStories) {
|
|
93
93
|
setIsAnimateToLeft(true);
|
|
94
94
|
changeActiveGroupStories(prevGroupStories);
|
|
@@ -98,7 +98,7 @@ var StoriesComponent = function (_a) {
|
|
|
98
98
|
}
|
|
99
99
|
};
|
|
100
100
|
var handleNext = function () {
|
|
101
|
-
var nextGroupStories = allGroupsStories[
|
|
101
|
+
var nextGroupStories = allGroupsStories[generateActiveGroupStoriesIndex() + 1];
|
|
102
102
|
if (nextGroupStories) {
|
|
103
103
|
setIsAnimateToRight(true);
|
|
104
104
|
changeActiveGroupStories(nextGroupStories);
|
|
@@ -122,18 +122,18 @@ var StoriesComponent = function (_a) {
|
|
|
122
122
|
changeGroupStoriesToViewed(activeGroupStories);
|
|
123
123
|
}
|
|
124
124
|
};
|
|
125
|
-
var
|
|
125
|
+
var generateCurrentStoryIndex = useCallback(function () { return stories.findIndex(function (_a) {
|
|
126
126
|
var id = _a.id;
|
|
127
127
|
return id === activeStoryId;
|
|
128
128
|
}); }, [stories, activeStoryId]);
|
|
129
129
|
var onPrevious = function () {
|
|
130
|
-
activeStoryId === stories[0].id ? handlePrevious() : onStoryStart(
|
|
130
|
+
activeStoryId === stories[0].id ? handlePrevious() : onStoryStart(generateCurrentStoryIndex() - 1);
|
|
131
131
|
};
|
|
132
132
|
var onNext = function () {
|
|
133
|
-
var currentStoryIndex =
|
|
133
|
+
var currentStoryIndex = generateCurrentStoryIndex();
|
|
134
134
|
currentStoryIndex !== stories.length - 1 && onStoryStart(currentStoryIndex + 1);
|
|
135
135
|
};
|
|
136
|
-
var
|
|
136
|
+
var createImageContent = function (_a) {
|
|
137
137
|
var id = _a.id, durationInMs = _a.durationInMs, title = _a.title, body = _a.body, backgroundSource = _a.backgroundSource, button = _a.button, image = _a.image;
|
|
138
138
|
return ({
|
|
139
139
|
duration: durationInMs || DEFAULT_STORY_DURATION,
|
|
@@ -170,23 +170,23 @@ var StoriesComponent = function (_a) {
|
|
|
170
170
|
}, 0);
|
|
171
171
|
};
|
|
172
172
|
window.onresize = setStoryElementWidth;
|
|
173
|
-
return (_jsx("div", __assign({ style:
|
|
174
|
-
color:
|
|
175
|
-
background:
|
|
173
|
+
return (_jsx("div", __assign({ style: generateStoryStyles(backgroundSource) }, { children: _jsxs("div", __assign({ style: __assign({ fontFamily: "".concat(fontFamily, ", sans-serif") }, contentStyles), className: classNames('smartapp-stories__story', { 'smartapp-stories__story--image-bg': isImageOnBackground(backgroundSource) }, contentClassName) }, { children: [_jsxs("div", __assign({ style: { opacity: isLoaderVisible ? '0' : '1' } }, { children: [image && (_jsx("div", __assign({ className: "smartapp-stories__story--image", style: { width: "".concat(imageContainerWidth, "px"), height: "".concat(imageContainerHeight, "px") } }, { 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 && (_jsxs("div", __assign({ style: {
|
|
174
|
+
color: generateColor(button.textColor, COLORS.darkBlack),
|
|
175
|
+
background: generateColor(button.backgroundColor, COLORS.white),
|
|
176
176
|
}, className: classNames('smartapp-stories__story--button', "smartapp-stories__story--button__".concat(platform), {
|
|
177
177
|
'smartapp-stories__story--button__with-icon': button.isTransitionToExternalSource,
|
|
178
178
|
}), onClick: button.action }, { children: [button.text, button.isTransitionToExternalSource && _jsx(ExternalLinkIcon, {})] })))] })), isLoaderVisible && (_jsx("div", __assign({ className: "smartapp-stories__story--loader" }, { children: _jsx(LoaderIcon, {}) })))] })) }), id));
|
|
179
179
|
},
|
|
180
180
|
});
|
|
181
181
|
};
|
|
182
|
-
var
|
|
182
|
+
var createVideoContent = function (_a) {
|
|
183
183
|
var url = _a.url;
|
|
184
184
|
return ({
|
|
185
185
|
type: STORY_TYPE.video,
|
|
186
186
|
url: url,
|
|
187
187
|
});
|
|
188
188
|
};
|
|
189
|
-
var
|
|
189
|
+
var generateStories = function () { return stories.map(function (story) { return (story.type === STORY_TYPE.image ? createImageContent(story) : createVideoContent(story)); }); };
|
|
190
190
|
var swipeableHandlers = useSwipeable({
|
|
191
191
|
trackMouse: true,
|
|
192
192
|
onSwipedLeft: function () { return handleNext(); },
|
|
@@ -225,7 +225,7 @@ var StoriesComponent = function (_a) {
|
|
|
225
225
|
};
|
|
226
226
|
}, [activeStoryId]);
|
|
227
227
|
useEffect(function () {
|
|
228
|
-
var currentStoryIndex =
|
|
228
|
+
var currentStoryIndex = generateCurrentStoryIndex();
|
|
229
229
|
var indicatorsContainer = document.querySelector('.smartapp-stories > div:first-of-type > div:first-of-type');
|
|
230
230
|
var indicators = Array.from((indicatorsContainer === null || indicatorsContainer === void 0 ? void 0 : indicatorsContainer.children) || []);
|
|
231
231
|
indicators.forEach(function (indicator, index) {
|
|
@@ -236,7 +236,7 @@ var StoriesComponent = function (_a) {
|
|
|
236
236
|
indicator.style.width = '38px';
|
|
237
237
|
}
|
|
238
238
|
});
|
|
239
|
-
}, [
|
|
239
|
+
}, [generateCurrentStoryIndex]);
|
|
240
240
|
useEffect(function () {
|
|
241
241
|
var popupElement = document.querySelector('.smartapp-stories-content');
|
|
242
242
|
var videoWrapper = document.querySelector('.smartapp-stories-content > div > div > div:nth-child(2) > div');
|
|
@@ -271,7 +271,7 @@ var StoriesComponent = function (_a) {
|
|
|
271
271
|
_b['smartapp-stories__video'] = (activeStory === null || activeStory === void 0 ? void 0 : activeStory.type) === STORY_TYPE.video,
|
|
272
272
|
_b['smartapp-stories__animate-right'] = isAnimateToRight,
|
|
273
273
|
_b['smartapp-stories__animate-left'] = isAnimateToLeft,
|
|
274
|
-
_b)) }, swipeableHandlers, { children: _jsx(Stories, { defaultInterval: 6000, width: "100%", height: "100%", stories:
|
|
274
|
+
_b)) }, swipeableHandlers, { children: _jsx(Stories, { defaultInterval: 6000, width: "100%", height: "100%", stories: generateStories(), onStoryStart: onStoryStart, onPrevious: onPrevious, onNext: onNext, onAllStoriesEnd: handleNext, progressContainerStyles: progressContainerStyles(platform, stories.length), progressWrapperStyles: progressWrapperStyles, progressStyles: progressStyles }, activeGroupStories.id) })), _jsx(CloseStoriesIcon, { className: classNames((_c = {
|
|
275
275
|
'smartapp-stories__icon': true
|
|
276
276
|
},
|
|
277
277
|
_c["smartapp-stories__icon--".concat(platform)] = true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stories.js","sourceRoot":"","sources":["../../../../src/сomponents/Stories/Stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Stories.js","sourceRoot":"","sources":["../../../../src/сomponents/Stories/Stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
import { IPlatformProps } from '../../constants';
|
|
2
|
+
import { IPlatformProps, TStyles } from '../../constants';
|
|
3
3
|
export declare enum STORY_BACKGROUND_TYPES {
|
|
4
4
|
color = "color",
|
|
5
5
|
image = "image"
|
|
@@ -45,6 +45,8 @@ export type TGroupStories = {
|
|
|
45
45
|
};
|
|
46
46
|
export interface IStoriesProps extends IPlatformProps {
|
|
47
47
|
fontFamily?: string;
|
|
48
|
+
contentClassName?: string;
|
|
49
|
+
contentStyles?: TStyles;
|
|
48
50
|
groupStories: TGroupStories | null;
|
|
49
51
|
allGroupsStories: TGroupStories[];
|
|
50
52
|
changeStoryToViewed?: (story: TStoryItem, groupStories: TGroupStories) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ISyncLoaderProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
3
|
export declare const DEFAULT_SYNC_LOADER_TEXT = "\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0435";
|
|
4
|
-
declare const SyncLoader: ({ isLoading, text, theme, color, fontFamily, }: ISyncLoaderProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
declare const SyncLoader: ({ isLoading, text, theme, className, styles, color, fontFamily, }: ISyncLoaderProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
5
5
|
export default SyncLoader;
|
|
@@ -25,19 +25,19 @@ import Color from 'color';
|
|
|
25
25
|
import { normal } from 'color-blend';
|
|
26
26
|
import { ReactComponent as LoaderIcon } from '../../assets/icons/loader.svg';
|
|
27
27
|
import { COLORS, DEFAULT_FONT_FAMILY, THEME } from '../../constants';
|
|
28
|
-
import {
|
|
28
|
+
import { generateColor, isDarkTheme } from '../../helpers';
|
|
29
29
|
import '../../styles/styles.scss';
|
|
30
30
|
export var DEFAULT_SYNC_LOADER_TEXT = 'Обновление';
|
|
31
31
|
var SyncLoader = function (_a) {
|
|
32
|
-
var isLoading = _a.isLoading, _b = _a.text, text = _b === void 0 ? DEFAULT_SYNC_LOADER_TEXT : _b, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, color = _a.color, _d = _a.fontFamily, fontFamily = _d === void 0 ? DEFAULT_FONT_FAMILY : _d;
|
|
33
|
-
var loaderColor =
|
|
34
|
-
var
|
|
32
|
+
var isLoading = _a.isLoading, _b = _a.text, text = _b === void 0 ? DEFAULT_SYNC_LOADER_TEXT : _b, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, className = _a.className, styles = _a.styles, color = _a.color, _d = _a.fontFamily, fontFamily = _d === void 0 ? DEFAULT_FONT_FAMILY : _d;
|
|
33
|
+
var loaderColor = generateColor(color, COLORS.blue);
|
|
34
|
+
var generateBackgroundStyles = function () {
|
|
35
35
|
var _a = Color(loaderColor).rgb().object(), red = _a.r, green = _a.g, blue = _a.b;
|
|
36
36
|
var backgroundColorRGBA = { r: red, g: green, b: blue, a: 0.2 };
|
|
37
37
|
var WHITE_COLOR = { r: 255, g: 255, b: 255, a: 1 };
|
|
38
38
|
var BLACK_COLOR = { r: 61, g: 61, b: 61, a: 1 };
|
|
39
39
|
var _b = isDarkTheme(theme) ? normal(BLACK_COLOR, backgroundColorRGBA) : normal(WHITE_COLOR, backgroundColorRGBA), r = _b.r, g = _b.g, b = _b.b, a = _b.a;
|
|
40
|
-
return { background: "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")") };
|
|
40
|
+
return __assign({ background: "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")") }, styles);
|
|
41
41
|
};
|
|
42
42
|
useEffect(function () {
|
|
43
43
|
var timerId;
|
|
@@ -59,7 +59,7 @@ var SyncLoader = function (_a) {
|
|
|
59
59
|
if (!isLoading) {
|
|
60
60
|
return null;
|
|
61
61
|
}
|
|
62
|
-
return (_jsxs("div", __assign({ className:
|
|
62
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-sync-loader', className), style: generateBackgroundStyles() }, { 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(theme) }) }, { children: [text, _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)); }) }))] }))] })));
|
|
63
63
|
};
|
|
64
64
|
export default SyncLoader;
|
|
65
65
|
//# sourceMappingURL=SyncLoader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SyncLoader.js","sourceRoot":"","sources":["../../../../src/сomponents/SyncLoader/SyncLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC5E,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SyncLoader.js","sourceRoot":"","sources":["../../../../src/сomponents/SyncLoader/SyncLoader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import { IThemeProps } from '../../constants';
|
|
1
|
+
import { IThemeProps, TStyles } from '../../constants';
|
|
2
2
|
export interface ISyncLoaderProps extends IThemeProps {
|
|
3
3
|
isLoading: boolean;
|
|
4
4
|
text?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
styles?: TStyles;
|
|
5
7
|
color?: string;
|
|
6
8
|
fontFamily?: string;
|
|
7
9
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ITextareaProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Textarea: ({ isAdjustToTextHeight, fillType, title, error, maxCharacters, onChange, ...props }: ITextareaProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Textarea: ({ isAdjustToTextHeight, fillType, title, error, maxCharacters, containerClassName, className, containerStyles, onChange, ...props }: ITextareaProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Textarea;
|
|
@@ -28,7 +28,7 @@ import { isSecondaryFillType } from '../../helpers';
|
|
|
28
28
|
import { FILL_TYPE, INPUT_COUNTER_TIMEOUT, MIN_TEXTAREA_HEIGHT } from '../../constants';
|
|
29
29
|
import '../../styles/styles.scss';
|
|
30
30
|
var Textarea = function (_a) {
|
|
31
|
-
var _b = _a.isAdjustToTextHeight, isAdjustToTextHeight = _b === void 0 ? false : _b, _c = _a.fillType, fillType = _c === void 0 ? FILL_TYPE.primary : _c, title = _a.title, error = _a.error, maxCharacters = _a.maxCharacters, onChange = _a.onChange, props = __rest(_a, ["isAdjustToTextHeight", "fillType", "title", "error", "maxCharacters", "onChange"]);
|
|
31
|
+
var _b = _a.isAdjustToTextHeight, isAdjustToTextHeight = _b === void 0 ? false : _b, _c = _a.fillType, fillType = _c === void 0 ? FILL_TYPE.primary : _c, title = _a.title, error = _a.error, maxCharacters = _a.maxCharacters, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, onChange = _a.onChange, props = __rest(_a, ["isAdjustToTextHeight", "fillType", "title", "error", "maxCharacters", "containerClassName", "className", "containerStyles", "onChange"]);
|
|
32
32
|
var textareaRef = useRef(null);
|
|
33
33
|
var _d = useState(maxCharacters || 0), remainingCharacters = _d[0], setRemainingCharacters = _d[1];
|
|
34
34
|
var _e = useState(null), timeoutId = _e[0], setTimeoutId = _e[1];
|
|
@@ -87,10 +87,10 @@ var Textarea = function (_a) {
|
|
|
87
87
|
'smartapp-textarea__container--counter__error': !isNull(timeoutId),
|
|
88
88
|
}) }, { children: remainingCharacters })));
|
|
89
89
|
};
|
|
90
|
-
return (_jsxs("div", __assign({ className:
|
|
90
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-textarea', containerClassName), style: containerStyles }, { children: [title && _jsx("div", __assign({ className: "smartapp-textarea__title" }, { children: title })), _jsxs("div", __assign({ className: "smartapp-textarea__container" }, { children: [_jsx("textarea", __assign({ ref: textareaRef, className: classNames('smartapp-textarea__container--field', {
|
|
91
91
|
'smartapp-textarea__container--field__error': !isEmpty(error),
|
|
92
92
|
'smartapp-textarea__container--field__secondary-fill-type': isSecondaryFillType(fillType),
|
|
93
|
-
}), maxLength: maxCharacters, onKeyDown: handleKeyDown, onChange: handleChange, onInput: handleInput }, props)), renderCounter()] })), error && _jsx("div", __assign({ className: "smartapp-textarea__error" }, { children: error }))] })));
|
|
93
|
+
}, className), maxLength: maxCharacters, onKeyDown: handleKeyDown, onChange: handleChange, onInput: handleInput }, props)), renderCounter()] })), error && _jsx("div", __assign({ className: "smartapp-textarea__error" }, { children: error }))] })));
|
|
94
94
|
};
|
|
95
95
|
export default Textarea;
|
|
96
96
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/сomponents/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAEvF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/сomponents/Textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { ChangeEvent, TextareaHTMLAttributes } from 'react';
|
|
2
|
-
import { IThemeProps } from '../../constants';
|
|
2
|
+
import { IThemeProps, TStyles } from '../../constants';
|
|
3
3
|
export interface ITextareaProps extends IThemeProps, TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
4
4
|
isAdjustToTextHeight?: boolean;
|
|
5
5
|
fillType?: 'primary' | 'secondary';
|
|
6
6
|
title?: string;
|
|
7
7
|
error?: string;
|
|
8
8
|
maxCharacters?: number;
|
|
9
|
+
containerClassName?: string;
|
|
10
|
+
containerStyles?: TStyles;
|
|
9
11
|
onChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
10
12
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IToggleProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Toggle: ({ id, isDisabled, isChecked, checkedColor, checkedHoverColor, checkedPressedColor, onClick, }: IToggleProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Toggle: ({ id, isDisabled, isChecked, className, styles, checkedColor, checkedHoverColor, checkedPressedColor, onClick, }: IToggleProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Toggle;
|
|
@@ -13,15 +13,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { useEffect, useRef } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import { COLORS } from '../../constants';
|
|
16
|
-
import {
|
|
16
|
+
import { generateColor } from '../../helpers';
|
|
17
17
|
import '../../styles/styles.scss';
|
|
18
18
|
var Toggle = function (_a) {
|
|
19
|
-
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, checkedPressedColor = _a.checkedPressedColor, _e = _a.onClick, onClick = _e === void 0 ? function () { return undefined; } : _e;
|
|
19
|
+
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, className = _a.className, styles = _a.styles, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, checkedPressedColor = _a.checkedPressedColor, _e = _a.onClick, onClick = _e === void 0 ? function () { return undefined; } : _e;
|
|
20
20
|
var toggleRef = useRef(null);
|
|
21
21
|
useEffect(function () {
|
|
22
|
-
document.documentElement.style.setProperty('--toggle-color',
|
|
23
|
-
document.documentElement.style.setProperty('--toggle-hover-color',
|
|
24
|
-
document.documentElement.style.setProperty('--toggle-pressed-color',
|
|
22
|
+
document.documentElement.style.setProperty('--toggle-color', generateColor(checkedColor, COLORS.blue));
|
|
23
|
+
document.documentElement.style.setProperty('--toggle-hover-color', generateColor(checkedHoverColor, COLORS.darkBlue));
|
|
24
|
+
document.documentElement.style.setProperty('--toggle-pressed-color', generateColor(checkedPressedColor, COLORS.darkerBlue));
|
|
25
25
|
}, [checkedColor, checkedHoverColor, checkedPressedColor]);
|
|
26
26
|
useEffect(function () {
|
|
27
27
|
window.addEventListener('mouseup', handleMouseUp);
|
|
@@ -32,7 +32,7 @@ var Toggle = function (_a) {
|
|
|
32
32
|
var handleClick = function () { return !isDisabled && onClick(); };
|
|
33
33
|
var handleMouseDown = function () { var _a; return (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-toggle-wrapper__pressed'); };
|
|
34
34
|
var handleMouseUp = function () { var _a; return (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-toggle-wrapper__pressed'); };
|
|
35
|
-
return (_jsx("div", __assign({ ref: toggleRef, className:
|
|
35
|
+
return (_jsx("div", __assign({ ref: toggleRef, className: classNames('smartapp-toggle-wrapper', className), style: styles }, { 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 }), onMouseDown: handleMouseDown })] })) })));
|
|
36
36
|
};
|
|
37
37
|
export default Toggle;
|
|
38
38
|
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../src/сomponents/Toggle/Toggle.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,
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../src/сomponents/Toggle/Toggle.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,MAAM,GAAG,UAAC,EAUD;QATb,UAAa,EAAb,EAAE,mBAAG,QAAQ,KAAA,EACb,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,eAA+B,EAA/B,OAAO,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAE/B,IAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAErD,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QACtG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,aAAa,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QACrH,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,aAAa,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IAC7H,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,WAAW,GAAG,cAAM,OAAA,CAAC,UAAU,IAAI,OAAO,EAAE,EAAxB,CAAwB,CAAA;IAClD,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAA,EAAA,CAAA;IAClG,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,kCAAkC,CAAC,CAAA,EAAA,CAAA;IAEnG,OAAO,CACL,uBAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,gBAC7F,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,EAAE,WAAW,EAAE,eAAe,GAAI,KACvH,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
import { TStyles } from '../../constants';
|
|
1
2
|
export interface IToggleProps {
|
|
2
3
|
id?: string;
|
|
3
4
|
isDisabled?: boolean;
|
|
4
5
|
isChecked?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
styles?: TStyles;
|
|
5
8
|
checkedColor?: string;
|
|
6
9
|
checkedHoverColor?: string;
|
|
7
10
|
checkedPressedColor?: string;
|
|
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { components } from 'react-select';
|
|
14
14
|
import { isEqual } from 'lodash';
|
|
15
15
|
import Chip from '../../Chip';
|
|
16
|
-
import {
|
|
16
|
+
import { generateClassNames, isValueEqualToZero } from '../../../helpers';
|
|
17
17
|
import '../../../styles/styles.scss';
|
|
18
18
|
var MultiValueLabel = function (props) {
|
|
19
19
|
var _a = props.data, value = _a.value, label = _a.label, avatar = _a.avatar, platform = _a.platform, isChipsCollapsable = _a.isChipsCollapsable, isError = _a.isError, isInputFocused = _a.isInputFocused.current, collapsableChipsCount = _a.collapsableChipsCount.current, lastVisibleChipIndex = _a.lastVisibleChipIndex.current, _b = props.selectProps, isDisabled = _b.isDisabled, selectedUsers = _b.value, onChange = _b.onChange;
|
|
@@ -32,7 +32,7 @@ var MultiValueLabel = function (props) {
|
|
|
32
32
|
return (_jsx(components.MultiValueLabel, __assign({}, props, { children: _jsx("div", __assign({ onMouseDown: handleMouseDown, onTouchEnd: handleTouchEnd }, { children: _jsx(Chip, { name: label, avatar: avatar, isError: isError, isDisabled: isDisabled, onDelete: handleDelete }) })) })));
|
|
33
33
|
}
|
|
34
34
|
if (isChipsCollapsable && !isInputFocused && userIndex === lastVisibleChipIndex && !noChipsCount) {
|
|
35
|
-
return (_jsxs("div", __assign({ className:
|
|
35
|
+
return (_jsxs("div", __assign({ className: generateClassNames({ className: 'multi-value-label-counter', delimiter: '__', additionalClassName: platform }), onTouchEnd: handleTouchEnd }, { children: ["+", collapsableChipsCount] })));
|
|
36
36
|
}
|
|
37
37
|
return null;
|
|
38
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAEzE,OAAO,6BAA6B,CAAA;AAEpC,IAAM,eAAe,GAAG,UAAC,KAAU;IAE/B,IAAA,KAYE,KAAK,KAFN,EATC,KAAK,WAAA,EACL,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,OAAO,aAAA,EACoB,cAAc,4BAAA,EACP,qBAAqB,mCAAA,EACtB,oBAAoB,kCAAA,EAEvD,KACE,KAAK,YADoD,EAA5C,UAAU,gBAAA,EAAS,aAAa,WAAA,EAAE,QAAQ,cAAE,CACpD;IAET,IAAM,YAAY,GAAG,kBAAkB,CAAC,qBAAqB,CAAC,CAAA;IAC9D,IAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CACvC,UAAC,EAAuE;YAA9D,iBAAiB,WAAA,EAAS,iBAAiB,WAAA;QAAwB,OAAA,iBAAiB,KAAK,KAAK,IAAI,iBAAiB,KAAK,KAAK;IAA1D,CAA0D,CACxI,CAAA;IAED,IAAM,YAAY,GAAG,cAAM,OAAA,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,UAAC,IAAqB,IAAK,OAAA,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAA1B,CAA0B,CAAC,CAAC,EAArF,CAAqF,CAAA;IAEhH,IAAM,eAAe,GAAG,UAAC,KAAuC;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,KAAuC,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB,CAAA;IAE3F,IAAI,CAAC,kBAAkB,IAAI,cAAc,IAAI,CAAC,CAAC,cAAc,IAAI,SAAS,GAAG,oBAAoB,CAAC,IAAI,YAAY,EAAE;QAClH,OAAO,CACL,KAAC,UAAU,CAAC,eAAe,eAAK,KAAK,cACnC,uBAAK,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,gBAC3D,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,GAAI,IACnG,IACqB,CAC9B,CAAA;KACF;IAED,IAAI,kBAAkB,IAAI,CAAC,cAAc,IAAI,SAAS,KAAK,oBAAoB,IAAI,CAAC,YAAY,EAAE;QAChG,OAAO,CACL,wBACE,SAAS,EAAE,kBAAkB,CAAC,EAAE,SAAS,EAAE,2BAA2B,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EACzH,UAAU,EAAE,cAAc,sBAExB,qBAAqB,KACnB,CACP,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IUserDropdownProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const UserDropdown: ({ theme, platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isMenuCloseOnSelect, isFilteringDisabled, hasNextPage, isNextPageLoading, language, layoutType, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, fillType, selectedEntries, corporateEntries, myContactsEntries, onInputChange, onChange, onMenuOpen, onMenuClose, onLoadNextPage,
|
|
3
|
+
declare const UserDropdown: ({ theme, platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isMenuCloseOnSelect, isFilteringDisabled, hasNextPage, isNextPageLoading, language, layoutType, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, fillType, menuPosition, containerClassName, containerStyles, selectedEntries, corporateEntries, myContactsEntries, onInputChange, onChange, onMenuOpen, onMenuClose, onLoadNextPage, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default UserDropdown;
|