@expressms/smartapp-ui 2.6.3 → 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/constants/constants.d.ts +13 -15
- package/build/main/constants/constants.js +0 -2
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +2 -2
- package/build/main/helpers/index.d.ts +7 -8
- package/build/main/helpers/index.js +12 -13
- package/build/main/helpers/index.js.map +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.d.ts +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.js +10 -11
- package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -1
- package/build/main//321/201omponents/ActionModal/types.d.ts +4 -0
- 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/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 +7 -6
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +4 -0
- 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 +6 -6
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +4 -0
- package/build/main//321/201omponents/Notification/Notification.d.ts +1 -1
- package/build/main//321/201omponents/Notification/Notification.js +10 -9
- 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 +14 -11
- 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
|
@@ -17,7 +17,7 @@ import ScrollBar from '../ScrollBar';
|
|
|
17
17
|
import { DEFAULT_SCROLL_BAR_HEIGHT } from '../ScrollBar/ScrollBar';
|
|
18
18
|
import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
|
|
19
19
|
import { PLATFORM } from '../../constants';
|
|
20
|
-
import {
|
|
20
|
+
import { generateClassNames, generateColor, generateIsCloseIconHidden } from '../../helpers';
|
|
21
21
|
import '../../styles/styles.scss';
|
|
22
22
|
var SCROLL_BAR_HEIGHT_WITH_PADDING = 'calc(100% - 20px)';
|
|
23
23
|
var MODAL_MARGIN_SIZE_WEB = 165;
|
|
@@ -26,9 +26,9 @@ var CONTENT_PADDING_TOP = 20;
|
|
|
26
26
|
var MODAL_TITLE_MARGIN_BOTTOM = 16;
|
|
27
27
|
var BOTTOM_SHEET = 'bottom-sheet';
|
|
28
28
|
var Modal = function (_a) {
|
|
29
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, modalId = _a.modalId, content = _a.content, bottomContent = _a.bottomContent, handleCloseModal = _a.handleCloseModal, title = _a.title, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _d = _a.isBottomSheet, isBottomSheet = _d === void 0 ? false : _d;
|
|
30
|
-
var isCloseIconNotVisible =
|
|
31
|
-
// additionalClassName use in smartapp-
|
|
29
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, modalId = _a.modalId, content = _a.content, bottomContent = _a.bottomContent, handleCloseModal = _a.handleCloseModal, title = _a.title, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _d = _a.isBottomSheet, isBottomSheet = _d === void 0 ? false : _d;
|
|
30
|
+
var isCloseIconNotVisible = generateIsCloseIconHidden(platform, isCloseIconHidden);
|
|
31
|
+
// additionalClassName use in smartapp-modal__content
|
|
32
32
|
var additionalClassName = [platform, isBottomSheet ? BOTTOM_SHEET : ''].filter(Boolean);
|
|
33
33
|
var MAX_MODAL_HEIGHT = window.innerHeight - (isBottomSheet ? MODAL_MARGIN_SIZE_MOBILE : 2 * MODAL_MARGIN_SIZE_WEB);
|
|
34
34
|
var ref = useRef(null);
|
|
@@ -49,7 +49,7 @@ var Modal = function (_a) {
|
|
|
49
49
|
setContainerHeight("".concat(height > maxContentHeightValue ? maxContentHeightValue : height, "px"));
|
|
50
50
|
};
|
|
51
51
|
useEffect(function () {
|
|
52
|
-
document.documentElement.style.setProperty('--modal-background',
|
|
52
|
+
document.documentElement.style.setProperty('--modal-background', generateColor(backgroundColor));
|
|
53
53
|
}, [backgroundColor]);
|
|
54
54
|
useEffect(function () {
|
|
55
55
|
var checkIfClickedOutside = function (e) {
|
|
@@ -62,7 +62,7 @@ var Modal = function (_a) {
|
|
|
62
62
|
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
63
63
|
};
|
|
64
64
|
}, [isModalOpen, isClosableOutside, handleCloseModal]);
|
|
65
|
-
return (_jsx(Popup, __assign({ className:
|
|
65
|
+
return (_jsx(Popup, __assign({ className: classNames('modal', popupClassName), overlayStyle: popupStyles, closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: classNames('smartapp-modal', { 'smartapp-modal__bottom-sheet': isBottomSheet }, className), style: styles, onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: additionalClassName }), style: contentStyles }, { children: [title && (_jsx("p", __assign({ ref: titleRef, className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))), !isCloseIconNotVisible && (_jsx("div", __assign({ onClick: handleCloseModal, className: "smartapp-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) }))), _jsx(ScrollBar, { contentId: modalId, content: _jsx("div", __assign({ ref: handleSetContainerHeight, className: classNames('smartapp-modal__content--pr', { 'smartapp-modal__content--pb': !bottomContent }) }, { children: content })), containerHeight: containerHeight, trackHeight: bottomContent ? DEFAULT_SCROLL_BAR_HEIGHT : SCROLL_BAR_HEIGHT_WITH_PADDING }), bottomContent && (_jsx("div", __assign({ ref: bottomRef, className: classNames('smartapp-modal__content--bottom', 'smartapp-modal__content--pr', 'smartapp-modal__content--pb') }, { children: bottomContent })))] })) })) })));
|
|
66
66
|
};
|
|
67
67
|
export default Modal;
|
|
68
68
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,10 @@ export interface IModalProps extends ICommonProps {
|
|
|
9
9
|
bottomContent?: ReactElement;
|
|
10
10
|
handleCloseModal: () => void;
|
|
11
11
|
title?: string;
|
|
12
|
+
popupClassName?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
popupStyles?: TStyles;
|
|
15
|
+
styles?: TStyles;
|
|
12
16
|
titleStyles?: TStyles;
|
|
13
17
|
contentStyles?: TStyles;
|
|
14
18
|
iconColor?: string;
|
|
@@ -4,5 +4,5 @@ export declare const INDEFINITELY_FULL_SCREEN_POSITION: {
|
|
|
4
4
|
right: string;
|
|
5
5
|
left: string;
|
|
6
6
|
};
|
|
7
|
-
declare const Notification: ({ theme, platform, id, type, isAutoHidden, layoutType, isAllIndefinitelyNeedToBeClosed, indefinitelyFullScreenPosition, hideDuration, distanceFromBottom, title, avatar, text, subText, iconColor, action, onClose, content, }: INotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare const Notification: ({ theme, platform, id, type, isAutoHidden, layoutType, isAllIndefinitelyNeedToBeClosed, indefinitelyFullScreenPosition, hideDuration, distanceFromBottom, containerClassName, className, containerStyles, styles, title, avatar, text, subText, iconColor, action, onClose, content, }: INotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default Notification;
|
|
@@ -70,14 +70,14 @@ export var INDEFINITELY_FULL_SCREEN_POSITION = {
|
|
|
70
70
|
left: 'left',
|
|
71
71
|
};
|
|
72
72
|
var Notification = function (_a) {
|
|
73
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, id = _a.id, _d = _a.type, type = _d === void 0 ? 'success' : _d, _e = _a.isAutoHidden, isAutoHidden = _e === void 0 ? true : _e, _f = _a.layoutType, layoutType = _f === void 0 ? LAYOUT_TYPE.minimal : _f, _g = _a.isAllIndefinitelyNeedToBeClosed, isAllIndefinitelyNeedToBeClosed = _g === void 0 ? false : _g, _h = _a.indefinitelyFullScreenPosition, indefinitelyFullScreenPosition = _h === void 0 ? 'right' : _h, _j = _a.hideDuration, hideDuration = _j === void 0 ? 3000 : _j, distanceFromBottom = _a.distanceFromBottom, title = _a.title, avatar = _a.avatar, text = _a.text, subText = _a.subText, iconColor = _a.iconColor, action = _a.action, onClose = _a.onClose, content = _a.content;
|
|
73
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, id = _a.id, _d = _a.type, type = _d === void 0 ? 'success' : _d, _e = _a.isAutoHidden, isAutoHidden = _e === void 0 ? true : _e, _f = _a.layoutType, layoutType = _f === void 0 ? LAYOUT_TYPE.minimal : _f, _g = _a.isAllIndefinitelyNeedToBeClosed, isAllIndefinitelyNeedToBeClosed = _g === void 0 ? false : _g, _h = _a.indefinitelyFullScreenPosition, indefinitelyFullScreenPosition = _h === void 0 ? 'right' : _h, _j = _a.hideDuration, hideDuration = _j === void 0 ? 3000 : _j, distanceFromBottom = _a.distanceFromBottom, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, styles = _a.styles, title = _a.title, avatar = _a.avatar, text = _a.text, subText = _a.subText, iconColor = _a.iconColor, action = _a.action, onClose = _a.onClose, content = _a.content;
|
|
74
74
|
var contentRef = useRef(null);
|
|
75
75
|
var contentSpanRef = useRef(null);
|
|
76
76
|
var toastContainerRef = useRef(null);
|
|
77
77
|
var isLayoutFullScreen = isFullScreen(layoutType);
|
|
78
78
|
var isBiggerGapInNotificationContent = isWebPlatform(platform) && layoutType !== LAYOUT_TYPE.minimal;
|
|
79
79
|
var _k = useState([]), indefinitelyIds = _k[0], setIndefinitelyIds = _k[1];
|
|
80
|
-
var
|
|
80
|
+
var calculateDistanceFromBottom = function () {
|
|
81
81
|
var defaultDistanceFromBottom = isWebPlatform(platform) ? WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM : MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM;
|
|
82
82
|
return distanceFromBottom || defaultDistanceFromBottom;
|
|
83
83
|
};
|
|
@@ -96,13 +96,13 @@ var Notification = function (_a) {
|
|
|
96
96
|
event.stopPropagation();
|
|
97
97
|
toast.dismiss(notificationId);
|
|
98
98
|
};
|
|
99
|
-
var
|
|
99
|
+
var createSanitizedHtml = function (str) {
|
|
100
100
|
var preparedHtml = juice(str);
|
|
101
101
|
var html = DOMPurify.sanitize(preparedHtml);
|
|
102
102
|
return { __html: html };
|
|
103
103
|
};
|
|
104
104
|
var renderMailNotificationContent = function (notificationId) { return (_jsxs("div", __assign({ onClick: function () { return handleActionClick({ notificationId: notificationId, action: action === null || action === void 0 ? void 0 : action.onClick }); } }, { children: [_jsxs("div", __assign({ className: "smartapp-notification__title" }, { children: [_jsxs("div", { children: [_jsx(MailIcon, {}), _jsx("div", { children: title })] }), _jsx(NotificationCloseIcon, { onClick: function (event) { return handleClickMailCloseIcon({ event: event, notificationId: notificationId }); } })] })), _jsxs("div", __assign({ className: "smartapp-notification__body" }, { children: [avatar && _jsx(Avatar, { size: 40, avatar: avatar.src, username: avatar.username }), _jsxs("div", __assign({ className: "smartapp-notification__body--text" }, { children: [text && _jsx("div", { children: text }), _jsx("div", { children: subText })] }))] }))] }))); };
|
|
105
|
-
var renderMultiMailNotificationContent = function (notificationId) { return (_jsxs("div", __assign({ className: "smartapp-notification__multi" }, { children: [_jsxs("div", __assign({ className: "smartapp-notification__multi--content" }, { children: [_jsx(UnreadMailsIcon, {}), _jsxs("div", __assign({ className: "smartapp-notification__multi--content__text" }, { children: [text && (_jsx("div", { children: _jsx("span", { dangerouslySetInnerHTML:
|
|
105
|
+
var renderMultiMailNotificationContent = function (notificationId) { return (_jsxs("div", __assign({ className: "smartapp-notification__multi" }, { children: [_jsxs("div", __assign({ className: "smartapp-notification__multi--content" }, { children: [_jsx(UnreadMailsIcon, {}), _jsxs("div", __assign({ className: "smartapp-notification__multi--content__text" }, { children: [text && (_jsx("div", { children: _jsx("span", { dangerouslySetInnerHTML: createSanitizedHtml(text) }) })), (action === null || action === void 0 ? void 0 : action.text) && (_jsx("div", __assign({ className: "smartapp-notification__multi--content__action", onClick: function () { return handleActionClick({ notificationId: notificationId, action: action === null || action === void 0 ? void 0 : action.onClick }); } }, { children: action.text })))] }))] })), _jsx(NotificationCloseIcon, { className: "smartapp-notification__multi--close-icon", onClick: function (event) { return handleClickMailCloseIcon({ event: event, notificationId: notificationId }); } })] }))); };
|
|
106
106
|
var renderNotificationAction = function (_a) {
|
|
107
107
|
var notificationId = _a.notificationId, _b = _a.action, text = _b.text, color = _b.color, onClick = _b.onClick;
|
|
108
108
|
return (_jsx("div", __assign({ className: "smartapp-notification__content--action", style: { color: color }, onClick: function () { return handleActionClick({ notificationId: notificationId, action: onClick }); } }, { children: text || CANCEL_ACTION_TEXT })));
|
|
@@ -118,7 +118,7 @@ var Notification = function (_a) {
|
|
|
118
118
|
default:
|
|
119
119
|
return (_jsxs("div", __assign({ className: "smartapp-notification" }, { children: [NOTIFICATION_ICONS(iconColor)[type], _jsxs("div", __assign({ ref: contentRef, className: classNames('smartapp-notification__content', {
|
|
120
120
|
'smartapp-notification__content--column-direction': action === null || action === void 0 ? void 0 : action.isLocatedAtBottom,
|
|
121
|
-
}) }, { children: [text && (_jsx("div", { children: _jsx("span", { ref: contentSpanRef, dangerouslySetInnerHTML:
|
|
121
|
+
}) }, { children: [text && (_jsx("div", { children: _jsx("span", { ref: contentSpanRef, dangerouslySetInnerHTML: createSanitizedHtml(text) }) })), action && renderNotificationAction({ notificationId: notificationId, action: action })] }))] })));
|
|
122
122
|
}
|
|
123
123
|
};
|
|
124
124
|
var renderToastContainer = function (_a) {
|
|
@@ -130,7 +130,7 @@ var Notification = function (_a) {
|
|
|
130
130
|
'Toastify__toast-container--full-screen': isLayoutFullScreen,
|
|
131
131
|
'Toastify__toast-container--full-screen__indefinitely-right': isLayoutFullScreen && isIndefinitelyContainer && indefinitelyFullScreenPosition === INDEFINITELY_FULL_SCREEN_POSITION.right,
|
|
132
132
|
'Toastify__toast-container--full-screen__indefinitely-left': isLayoutFullScreen && isIndefinitelyContainer && indefinitelyFullScreenPosition === INDEFINITELY_FULL_SCREEN_POSITION.left,
|
|
133
|
-
}), style: { '--distance-from-bottom': "".concat(distanceFromBottom, "px") }, transition: notificationAnimation, position: isLayoutFullScreen ? fullScreenPosition : 'bottom-center' }));
|
|
133
|
+
}, containerClassName), style: __assign({ '--distance-from-bottom': "".concat(distanceFromBottom, "px") }, containerStyles), transition: notificationAnimation, position: isLayoutFullScreen ? fullScreenPosition : 'bottom-center' }));
|
|
134
134
|
};
|
|
135
135
|
var handleAddContentResizeObserver = function () {
|
|
136
136
|
var contentRefCurrent = contentRef.current;
|
|
@@ -162,7 +162,8 @@ var Notification = function (_a) {
|
|
|
162
162
|
containerId: !isAutoHidden ? INDEFINITELY_CONTAINER_ID : AUTO_HIDDEN_CONTAINER_ID,
|
|
163
163
|
toastId: id,
|
|
164
164
|
autoClose: isAutoHidden ? hideDuration : false,
|
|
165
|
-
className: "Toastify__toast--".concat(type),
|
|
165
|
+
className: classNames("Toastify__toast--".concat(type), className),
|
|
166
|
+
style: styles,
|
|
166
167
|
onOpen: function () { return (contentResizeObserver_1 = handleAddContentResizeObserver()); },
|
|
167
168
|
onClose: function () {
|
|
168
169
|
onClose === null || onClose === void 0 ? void 0 : onClose(id);
|
|
@@ -184,10 +185,10 @@ var Notification = function (_a) {
|
|
|
184
185
|
}, [isAllIndefinitelyNeedToBeClosed]);
|
|
185
186
|
return (_jsxs(_Fragment, { children: [renderToastContainer({
|
|
186
187
|
containerId: AUTO_HIDDEN_CONTAINER_ID,
|
|
187
|
-
distanceFromBottom:
|
|
188
|
+
distanceFromBottom: calculateDistanceFromBottom() + indefinitelyIds.length * NOTIFICATION_HEIGHT,
|
|
188
189
|
}), renderToastContainer({
|
|
189
190
|
containerId: INDEFINITELY_CONTAINER_ID,
|
|
190
|
-
distanceFromBottom:
|
|
191
|
+
distanceFromBottom: calculateDistanceFromBottom(),
|
|
191
192
|
})] }));
|
|
192
193
|
};
|
|
193
194
|
export default Notification;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAiB,MAAM,gBAAgB,CAAA;AACpF,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EACL,kBAAkB,EAClB,MAAM,EACN,WAAW,EACX,wCAAwC,EACxC,QAAQ,EACR,KAAK,EACL,qCAAqC,GACtC,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,6CAA6C,CAAA;AACvG,OAAO,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,6CAA6C,CAAA;AACvG,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,2CAA2C,CAAA;AACnG,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,6CAA6C,CAAA;AACvG,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,2CAA2C,CAAA;AACnG,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACvF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,wBAAwB,GAAG,uBAAuB,CAAA;AACxD,IAAM,yBAAyB,GAAG,yBAAyB,CAAA;AAC3D,IAAM,mBAAmB,GAAG,EAAE,CAAA;AAC9B,IAAM,kBAAkB,GAAG,EAAE,CAAA;AAC7B,IAAM,mBAAmB,GAAG,2CAA2C,CAAA;AACvE,IAAM,0BAA0B,GAAG,sCAAsC,CAAA;AACzE,IAAM,yBAAyB,GAAG,2BAA2B,CAAA;AAC7D,IAAM,qCAAqC,GAAG,wCAAwC,CAAA;AAEtF,IAAM,kBAAkB,GAAG;IACzB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,QAAQ;CACjB,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,SAAkB;;IAAK,OAAA;QACjD,GAAC,kBAAkB,CAAC,OAAO,IAAG,KAAC,uBAAuB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,IAAI,MAAM,CAAC,IAAI,EAAE,GAAI;QACrG,GAAC,kBAAkB,CAAC,IAAI,IAAG,KAAC,oBAAoB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,IAAI,MAAM,CAAC,IAAI,EAAE,GAAI;QAC/F,GAAC,kBAAkB,CAAC,OAAO,IAAG,KAAC,uBAAuB,KAAG;QACzD,GAAC,kBAAkB,CAAC,KAAK,IAAG,KAAC,qBAAqB,KAAG;QACrD,GAAC,kBAAkB,CAAC,OAAO,IAAG,KAAC,uBAAuB,KAAG;WACzD;AANiD,CAMjD,CAAA;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG;IAC/C,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACb,CAAA;AAID,IAAM,YAAY,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/Notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactElement } from 'react';
|
|
2
|
-
import { ICommonProps, ILayoutTypeProps } from '../../constants';
|
|
2
|
+
import { ICommonProps, ILayoutTypeProps, TStyles } from '../../constants';
|
|
3
3
|
export type THandleActionClick = {
|
|
4
4
|
notificationId: string;
|
|
5
5
|
action?: () => void;
|
|
@@ -26,6 +26,10 @@ export interface INotificationProps extends ICommonProps, ILayoutTypeProps {
|
|
|
26
26
|
indefinitelyFullScreenPosition?: 'right' | 'left';
|
|
27
27
|
hideDuration?: number;
|
|
28
28
|
distanceFromBottom?: number;
|
|
29
|
+
containerClassName?: string;
|
|
30
|
+
className?: string;
|
|
31
|
+
containerStyles?: TStyles;
|
|
32
|
+
styles?: TStyles;
|
|
29
33
|
title?: string;
|
|
30
34
|
avatar?: {
|
|
31
35
|
src?: string;
|
|
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { useEffect, useRef } from 'react';
|
|
14
14
|
import { ReactComponent as LogoutIcon } from '../../assets/icons/logout.svg';
|
|
15
15
|
import { ReactComponent as AddProfileIcon } from '../../assets/icons/plus.svg';
|
|
16
|
-
import {
|
|
16
|
+
import { generateColor } from '../../helpers';
|
|
17
17
|
import { COLORS } from '../../constants';
|
|
18
18
|
import '../../styles/styles.scss';
|
|
19
19
|
var Profile = function (_a) {
|
|
@@ -33,9 +33,9 @@ var Profile = function (_a) {
|
|
|
33
33
|
document.removeEventListener('mousedown', checkIfClickedOutside);
|
|
34
34
|
};
|
|
35
35
|
}, [isShowProfile, onChange]);
|
|
36
|
-
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:
|
|
37
|
-
stroke:
|
|
38
|
-
color:
|
|
36
|
+
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: {
|
|
37
|
+
stroke: generateColor(addProfileColor, COLORS.blue),
|
|
38
|
+
color: generateColor(addProfileBackgroundColor, COLORS.lighterBlue),
|
|
39
39
|
} }) })), _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" }))] })))] })))] })));
|
|
40
40
|
};
|
|
41
41
|
export default Profile;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../../src/сomponents/Profile/Profile.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC5E,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAE9E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../../src/сomponents/Profile/Profile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IProgressBarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const ProgressBar: ({ title, isShowDotsInTitle }: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ProgressBar: ({ title, isShowDotsInTitle, className, styles }: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ProgressBar;
|
|
@@ -23,7 +23,7 @@ var PROGRESS_LOOP_MAX_VALUE = 100;
|
|
|
23
23
|
var TITLE_DOTS_LOOP_MIN_VALUE = 0;
|
|
24
24
|
var TITLE_DOTS_LOOP_MAX_VALUE = 3;
|
|
25
25
|
var ProgressBar = function (_a) {
|
|
26
|
-
var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.isShowDotsInTitle, isShowDotsInTitle = _c === void 0 ? true : _c;
|
|
26
|
+
var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.isShowDotsInTitle, isShowDotsInTitle = _c === void 0 ? true : _c, className = _a.className, styles = _a.styles;
|
|
27
27
|
var _d = useState(false), isPaused = _d[0], setIsPaused = _d[1];
|
|
28
28
|
var _e = useState(true), isTitleDotsBlink = _e[0], setIsTitleDotsBlink = _e[1];
|
|
29
29
|
var _f = useState(0), loadedPartPosition = _f[0], setLoadedPartPosition = _f[1];
|
|
@@ -57,7 +57,7 @@ var ProgressBar = function (_a) {
|
|
|
57
57
|
}, [isShowDotsInTitle, isTitleDotsBlink]);
|
|
58
58
|
var generateStylesForProgressBar = function () { return ({ left: "".concat(loadedPartPosition, "%") }); };
|
|
59
59
|
var renderTitleDotsAnimation = function () { return Array.from({ length: titleDotsAnimationState }).map(function () { return _jsx("span", { children: "." }, uuidv4()); }); };
|
|
60
|
-
return (_jsxs("div", __assign({ className:
|
|
60
|
+
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', {
|
|
61
61
|
'smartapp-progress-bar__title--dots-container__light': !isTitleDotsBlink,
|
|
62
62
|
'smartapp-progress-bar__title--dots-container__hidden': titleDotsAnimationState === TITLE_DOTS_LOOP_MAX_VALUE,
|
|
63
63
|
}) }, { children: renderTitleDotsAnimation() })))] }))), _jsx("div", __assign({ className: "smartapp-progress-bar__background" }, { children: _jsx("div", { className: "smartapp-progress-bar__background--loaded", style: generateStylesForProgressBar() }) }))] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/сomponents/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,sBAAsB,GAAG,EAAE,CAAA;AACjC,IAAM,gCAAgC,GAAG,GAAG,CAAA;AAC5C,IAAM,uBAAuB,GAAG,GAAG,CAAA;AACnC,IAAM,6BAA6B,GAAG,IAAI,CAAA;AAC1C,IAAM,uBAAuB,GAAG,CAAC,GAAG,CAAA;AACpC,IAAM,uBAAuB,GAAG,GAAG,CAAA;AACnC,IAAM,yBAAyB,GAAG,CAAC,CAAA;AACnC,IAAM,yBAAyB,GAAG,CAAC,CAAA;AAEnC,IAAM,WAAW,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/сomponents/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IRadioButtonProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const RadioButton: ({ id, isDisabled, isChecked, checkedColor, checkedHoverColor, checkedPressedColor, onChange, }: IRadioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const RadioButton: ({ id, isDisabled, isChecked, className, styles, checkedColor, checkedHoverColor, checkedPressedColor, onChange, }: IRadioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default RadioButton;
|
|
@@ -11,16 +11,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { useEffect, useRef } from 'react';
|
|
14
|
+
import classNames from 'classnames';
|
|
14
15
|
import { COLORS } from '../../constants';
|
|
15
|
-
import {
|
|
16
|
+
import { generateColor } from '../../helpers';
|
|
16
17
|
import '../../styles/styles.scss';
|
|
17
18
|
var RadioButton = function (_a) {
|
|
18
|
-
var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, checkedPressedColor = _a.checkedPressedColor, onChange = _a.onChange;
|
|
19
|
+
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;
|
|
19
20
|
var radioButtonRef = useRef(null);
|
|
20
21
|
useEffect(function () {
|
|
21
|
-
document.documentElement.style.setProperty('--radio-button-color',
|
|
22
|
-
document.documentElement.style.setProperty('--radio-button-hover-color',
|
|
23
|
-
document.documentElement.style.setProperty('--radio-button-pressed-color',
|
|
22
|
+
document.documentElement.style.setProperty('--radio-button-color', generateColor(checkedColor, COLORS.blue));
|
|
23
|
+
document.documentElement.style.setProperty('--radio-button-hover-color', generateColor(checkedHoverColor, COLORS.darkBlue));
|
|
24
|
+
document.documentElement.style.setProperty('--radio-button-pressed-color', generateColor(checkedPressedColor, COLORS.darkerBlue));
|
|
24
25
|
}, [checkedColor, checkedHoverColor, checkedPressedColor]);
|
|
25
26
|
useEffect(function () {
|
|
26
27
|
window.addEventListener('mouseup', handleMouseUp);
|
|
@@ -30,7 +31,7 @@ var RadioButton = function (_a) {
|
|
|
30
31
|
}, []);
|
|
31
32
|
var handleMouseDown = function () { var _a; return (_a = radioButtonRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-radio-button__pressed'); };
|
|
32
33
|
var handleMouseUp = function () { var _a; return (_a = radioButtonRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-radio-button__pressed'); };
|
|
33
|
-
return (_jsx("div", __assign({ ref: radioButtonRef, className:
|
|
34
|
+
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 }) })) })));
|
|
34
35
|
};
|
|
35
36
|
export default RadioButton;
|
|
36
37
|
//# sourceMappingURL=RadioButton.js.map
|
|
@@ -1 +1 @@
|
|
|
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,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,
|
|
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"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
import { TStyles } from '../../constants';
|
|
1
2
|
export interface IRadioButtonProps {
|
|
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;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IScrollBarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
3
|
export declare const DEFAULT_SCROLL_BAR_HEIGHT = "100%";
|
|
4
|
-
declare const ScrollBar: ({ contentId, content, handleScroll, width, hideDuration, containerHeight, trackHeight, }: IScrollBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare const ScrollBar: ({ contentId, content, handleScroll, width, hideDuration, containerHeight, trackHeight, containerClassName, containerStyles, }: IScrollBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export default ScrollBar;
|
|
@@ -20,7 +20,7 @@ export var DEFAULT_SCROLL_BAR_HEIGHT = '100%';
|
|
|
20
20
|
var HIDE_THUMB_CLASSNAME = 'smartapp-scroll__thumb';
|
|
21
21
|
var SHOW_THUMB_CLASSNAME = "".concat(HIDE_THUMB_CLASSNAME, "--show ").concat(HIDE_THUMB_CLASSNAME);
|
|
22
22
|
var ScrollBar = function (_a) {
|
|
23
|
-
var contentId = _a.contentId, content = _a.content, handleScroll = _a.handleScroll, _b = _a.width, width = _b === void 0 ? DEFAULT_SCROLL_BAR_WIDTH : _b, _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;
|
|
23
|
+
var contentId = _a.contentId, content = _a.content, handleScroll = _a.handleScroll, _b = _a.width, width = _b === void 0 ? DEFAULT_SCROLL_BAR_WIDTH : _b, _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;
|
|
24
24
|
var _f = useState(uuidv4()), scrollbarKey = _f[0], setScrollbarKey = _f[1];
|
|
25
25
|
var _g = useState(false), scrolling = _g[0], setScrolling = _g[1];
|
|
26
26
|
useEffect(function () {
|
|
@@ -44,7 +44,7 @@ var ScrollBar = function (_a) {
|
|
|
44
44
|
className: classNames('smartapp-scroll__scroller', "smartapp-scroll__scroller--width-".concat(width)),
|
|
45
45
|
style: generateScrollerStyles(),
|
|
46
46
|
}); };
|
|
47
|
-
return (_jsx("div", __assign({ style: { height: containerHeight }, className:
|
|
47
|
+
return (_jsx("div", __assign({ style: __assign({ height: containerHeight }, containerStyles), className: classNames('smartapp-scroll', containerClassName) }, { children: _jsx(Scrollbar, __assign({ native: false, mobileNative: false, removeTracksWhenNotUsed: true, onScroll: onScroll, wrapperProps: { className: 'smartapp-scroll__wrapper' }, thumbYProps: { className: generateThumbClassName() }, trackYProps: generateTrackYProps() }, { children: content }), scrollbarKey) })));
|
|
48
48
|
};
|
|
49
49
|
export default ScrollBar;
|
|
50
50
|
//# sourceMappingURL=ScrollBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollBar.js","sourceRoot":"","sources":["../../../../src/сomponents/ScrollBar/ScrollBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,gCAAgC,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA;AAC5F,OAAO,0BAA0B,CAAA;AAEjC,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAA;AAC/C,IAAM,oBAAoB,GAAG,wBAAwB,CAAA;AACrD,IAAM,oBAAoB,GAAG,UAAG,oBAAoB,oBAAU,oBAAoB,CAAE,CAAA;AAEpF,IAAM,SAAS,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"ScrollBar.js","sourceRoot":"","sources":["../../../../src/сomponents/ScrollBar/ScrollBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|