@expressms/smartapp-ui 2.4.5 → 2.4.6
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/notification-info.svg +1 -1
- package/build/main/assets/icons/notification-success.svg +2 -2
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +2 -2
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +1 -0
- package/build/main//321/201omponents/Notification/Notification.d.ts +1 -1
- package/build/main//321/201omponents/Notification/Notification.js +12 -10
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/Notification/types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g id="icon/info">
|
|
3
|
-
<path id="Vector" d="M11.9951 17C12.5451 17 12.9951 16.55 12.9951 16V12C12.9951 11.45 12.5451 11 11.9951 11C11.4451 11 10.9951 11.45 10.9951 12V16C10.9951 16.55 11.4451 17 11.9951 17ZM11.9851 22.0001C6.46512 22.0001 1.99512 17.52 1.99512 12C1.99512 6.48 6.46512 2 11.9851 2C17.515 2 21.9951 6.48 21.9951 12C21.9951 17.52 17.515 22.0001 11.9851 22.0001ZM11.9951 4.00001C7.57512 4.00001 3.99513 7.58 3.99513 12C3.99513 16.42 7.57512 20 11.9951 20C16.4151 20 19.9951 16.42 19.9951 12C19.9951 7.58 16.4151 4.00001 11.9951 4.00001ZM12.9951 7.00001H10.9951V9H12.9951V7.00001Z" fill="
|
|
3
|
+
<path id="Vector" d="M11.9951 17C12.5451 17 12.9951 16.55 12.9951 16V12C12.9951 11.45 12.5451 11 11.9951 11C11.4451 11 10.9951 11.45 10.9951 12V16C10.9951 16.55 11.4451 17 11.9951 17ZM11.9851 22.0001C6.46512 22.0001 1.99512 17.52 1.99512 12C1.99512 6.48 6.46512 2 11.9851 2C17.515 2 21.9951 6.48 21.9951 12C21.9951 17.52 17.515 22.0001 11.9851 22.0001ZM11.9951 4.00001C7.57512 4.00001 3.99513 7.58 3.99513 12C3.99513 16.42 7.57512 20 11.9951 20C16.4151 20 19.9951 16.42 19.9951 12C19.9951 7.58 16.4151 4.00001 11.9951 4.00001ZM12.9951 7.00001H10.9951V9H12.9951V7.00001Z" fill="currentColor"/>
|
|
4
4
|
</g>
|
|
5
5
|
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M17.0055 9.65883C17.365 9.29928 17.365 8.71634 17.0055 8.3568C16.6459 7.99725 16.063 7.99725 15.7034 8.3568L10.3701 13.6902L8.30092 11.621C7.94137 11.2615 7.35843 11.2615 6.99889 11.621C6.63934 11.9805 6.63934 12.5635 6.99889 12.923L9.71906 15.6432C10.0786 16.0027 10.6615 16.0027 11.0211 15.6432L17.0055 9.65883Z" fill="
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.99512 12C1.99512 17.52 6.46512 22.0001 11.9851 22.0001C17.515 22.0001 21.9951 17.52 21.9951 12C21.9951 6.48 17.515 2 11.9851 2C6.46512 2 1.99512 6.48 1.99512 12ZM3.99513 12C3.99513 7.58 7.57512 4.00001 11.9951 4.00001C16.4151 4.00001 19.9951 7.58 19.9951 12C19.9951 16.42 16.4151 20 11.9951 20C7.57512 20 3.99513 16.42 3.99513 12Z" fill="
|
|
2
|
+
<path d="M17.0055 9.65883C17.365 9.29928 17.365 8.71634 17.0055 8.3568C16.6459 7.99725 16.063 7.99725 15.7034 8.3568L10.3701 13.6902L8.30092 11.621C7.94137 11.2615 7.35843 11.2615 6.99889 11.621C6.63934 11.9805 6.63934 12.5635 6.99889 12.923L9.71906 15.6432C10.0786 16.0027 10.6615 16.0027 11.0211 15.6432L17.0055 9.65883Z" fill="currentColor"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.99512 12C1.99512 17.52 6.46512 22.0001 11.9851 22.0001C17.515 22.0001 21.9951 17.52 21.9951 12C21.9951 6.48 17.515 2 11.9851 2C6.46512 2 1.99512 6.48 1.99512 12ZM3.99513 12C3.99513 7.58 7.57512 4.00001 11.9951 4.00001C16.4151 4.00001 19.9951 7.58 19.9951 12C19.9951 16.42 16.4151 20 11.9951 20C7.57512 20 3.99513 16.42 3.99513 12Z" fill="currentColor"/>
|
|
4
4
|
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IConfirmationModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const ConfirmationModal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, layoutType, title, text, cancelButtonName, confirmButtonName, cancelButtonFunction, confirmButtonFunction, theme, platform, titleStyles, iconColor, backgroundColor, }: IConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ConfirmationModal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, isWaitingResponse, layoutType, title, text, cancelButtonName, confirmButtonName, cancelButtonFunction, confirmButtonFunction, theme, platform, titleStyles, iconColor, backgroundColor, }: IConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ConfirmationModal;
|
|
@@ -19,7 +19,7 @@ import { CLOSABLE_CLASS_NAME, COLORS, FIXED_WIDTH_CLASS_NAME, LAYOUT_TYPE, PLATF
|
|
|
19
19
|
import { getClassNames, getColor, getDefaultGrayColorForIcon, isMobilePlatform, isModalHasFixedWidth } from '../../helpers';
|
|
20
20
|
import '../../styles/styles.scss';
|
|
21
21
|
var ConfirmationModal = function (_a) {
|
|
22
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? false : _b, _c = _a.isCloseIconHidden, isCloseIconHidden = _c === void 0 ? false : _c, _d = _a.layoutType, layoutType = _d === void 0 ? LAYOUT_TYPE.minimal : _d, title = _a.title, text = _a.text, cancelButtonName = _a.cancelButtonName, confirmButtonName = _a.confirmButtonName, cancelButtonFunction = _a.cancelButtonFunction, confirmButtonFunction = _a.confirmButtonFunction, _e = _a.theme, theme = _e === void 0 ? THEME.default : _e, _f = _a.platform, platform = _f === void 0 ? PLATFORM.web : _f, titleStyles = _a.titleStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor;
|
|
22
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? false : _b, _c = _a.isCloseIconHidden, isCloseIconHidden = _c === void 0 ? false : _c, isWaitingResponse = _a.isWaitingResponse, _d = _a.layoutType, layoutType = _d === void 0 ? LAYOUT_TYPE.minimal : _d, title = _a.title, text = _a.text, cancelButtonName = _a.cancelButtonName, confirmButtonName = _a.confirmButtonName, cancelButtonFunction = _a.cancelButtonFunction, confirmButtonFunction = _a.confirmButtonFunction, _e = _a.theme, theme = _e === void 0 ? THEME.default : _e, _f = _a.platform, platform = _f === void 0 ? PLATFORM.web : _f, titleStyles = _a.titleStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor;
|
|
23
23
|
var additionalClassName = isModalHasFixedWidth({ layoutType: layoutType, platform: platform }) ? [theme, platform, FIXED_WIDTH_CLASS_NAME] : [theme, platform];
|
|
24
24
|
var popupAdditionalClassName = isClosableOutside ? [platform, CLOSABLE_CLASS_NAME] : [platform];
|
|
25
25
|
var confirmButtonWidth = cancelButtonName ? 50 : 100;
|
|
@@ -38,7 +38,7 @@ var ConfirmationModal = function (_a) {
|
|
|
38
38
|
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
39
39
|
};
|
|
40
40
|
}, [isModalOpen, isClosableOutside, cancelButtonFunction]);
|
|
41
|
-
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'confirmation-modal', delimiter: '-', additionalClassName: popupAdditionalClassName }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-confirmation-modal', delimiter: '__', additionalClassName: additionalClassName }) }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-confirmation-modal__content', delimiter: '--', additionalClassName: platform }) }, { children: [title && (_jsx("p", __assign({ className: "smartapp-confirmation-modal__content--title", style: titleStyles }, { children: title }))), isClosableOutside && !isCloseIconHidden && (_jsx("div", __assign({ onClick: cancelButtonFunction, className: "smartapp-confirmation-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(theme)) } }) }))), _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--text" }, { children: text })), isMobilePlatform(platform) && _jsx("div", { className: "smartapp-confirmation-modal__content--delimiter" }), _jsxs("div", __assign({ className: "smartapp-confirmation-modal__content--buttons" }, { children: [cancelButtonName && _jsx(Button, { width: 50, title: cancelButtonName, type: TButtonType.secondary, onClick: cancelButtonFunction }), _jsx(Button, { width: confirmButtonWidth, title: confirmButtonName, onClick: confirmButtonFunction })] }))] })) })) })));
|
|
41
|
+
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'confirmation-modal', delimiter: '-', additionalClassName: popupAdditionalClassName }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-confirmation-modal', delimiter: '__', additionalClassName: additionalClassName }) }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-confirmation-modal__content', delimiter: '--', additionalClassName: platform }) }, { children: [title && (_jsx("p", __assign({ className: "smartapp-confirmation-modal__content--title", style: titleStyles }, { children: title }))), isClosableOutside && !isCloseIconHidden && (_jsx("div", __assign({ onClick: cancelButtonFunction, className: "smartapp-confirmation-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(theme)) } }) }))), _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--text" }, { children: text })), isMobilePlatform(platform) && _jsx("div", { className: "smartapp-confirmation-modal__content--delimiter" }), _jsxs("div", __assign({ className: "smartapp-confirmation-modal__content--buttons" }, { children: [cancelButtonName && _jsx(Button, { width: 50, title: cancelButtonName, type: TButtonType.secondary, onClick: cancelButtonFunction }), _jsx(Button, { width: confirmButtonWidth, isWaitingResponse: isWaitingResponse, title: confirmButtonName, onClick: confirmButtonFunction })] }))] })) })) })));
|
|
42
42
|
};
|
|
43
43
|
export default ConfirmationModal;
|
|
44
44
|
//# sourceMappingURL=ConfirmationModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,sBAAsB,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACnH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAC3H,OAAO,0BAA0B,CAAA;AAEjC,IAAM,iBAAiB,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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, isFullScreen, isAllIndefinitelyNeedToBeClosed, indefinitelyFullScreenPosition, hideDuration, distanceFromBottom, title, avatar, text, subText, action, onClose, }: INotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare const Notification: ({ theme, platform, id, type, isAutoHidden, isFullScreen, isAllIndefinitelyNeedToBeClosed, indefinitelyFullScreenPosition, hideDuration, distanceFromBottom, title, avatar, text, subText, iconColor, action, onClose, }: INotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default Notification;
|
|
@@ -18,7 +18,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
18
18
|
}
|
|
19
19
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
20
|
};
|
|
21
|
-
var _a;
|
|
22
21
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
23
22
|
import { useEffect, useState } from 'react';
|
|
24
23
|
import { ToastContainer, toast, cssTransition } from 'react-toastify';
|
|
@@ -27,7 +26,7 @@ import juice from 'juice';
|
|
|
27
26
|
import DOMPurify from 'dompurify';
|
|
28
27
|
import Avatar from '../Avatar';
|
|
29
28
|
import { isWebPlatform } from '../../helpers';
|
|
30
|
-
import { CANCEL_ACTION_TEXT, MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM, PLATFORM, THEME, WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM } from '../../constants';
|
|
29
|
+
import { CANCEL_ACTION_TEXT, COLORS, MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM, PLATFORM, THEME, WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM, } from '../../constants';
|
|
31
30
|
import { ReactComponent as NotificationSuccessIcon } from '../../assets/icons/notification-success.svg';
|
|
32
31
|
import { ReactComponent as NotificationInfoIcon } from '../../assets/icons/notification-info.svg';
|
|
33
32
|
import { ReactComponent as NotificationWarningIcon } from '../../assets/icons/notification-warning.svg';
|
|
@@ -45,18 +44,21 @@ var NOTIFICATION_TYPES = {
|
|
|
45
44
|
error: 'error',
|
|
46
45
|
mail: 'mail',
|
|
47
46
|
};
|
|
48
|
-
var NOTIFICATION_ICONS = (
|
|
49
|
-
_a
|
|
50
|
-
_a
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
47
|
+
var NOTIFICATION_ICONS = function (iconColor) {
|
|
48
|
+
var _a;
|
|
49
|
+
return (_a = {},
|
|
50
|
+
_a[NOTIFICATION_TYPES.success] = _jsx(NotificationSuccessIcon, { style: { color: iconColor || COLORS.blue } }),
|
|
51
|
+
_a[NOTIFICATION_TYPES.info] = _jsx(NotificationInfoIcon, { style: { color: iconColor || COLORS.blue } }),
|
|
52
|
+
_a[NOTIFICATION_TYPES.warning] = _jsx(NotificationWarningIcon, {}),
|
|
53
|
+
_a[NOTIFICATION_TYPES.error] = _jsx(NotificationErrorIcon, {}),
|
|
54
|
+
_a);
|
|
55
|
+
};
|
|
54
56
|
export var INDEFINITELY_FULL_SCREEN_POSITION = {
|
|
55
57
|
right: 'right',
|
|
56
58
|
left: 'left',
|
|
57
59
|
};
|
|
58
60
|
var Notification = function (_a) {
|
|
59
|
-
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.isFullScreen, isFullScreen = _f === void 0 ? false : _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, action = _a.action, onClose = _a.onClose;
|
|
61
|
+
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.isFullScreen, isFullScreen = _f === void 0 ? false : _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;
|
|
60
62
|
var _k = useState([]), indefinitelyIds = _k[0], setIndefinitelyIds = _k[1];
|
|
61
63
|
var getDistanceFromBottom = function () {
|
|
62
64
|
var defaultDistanceFromBottom = isWebPlatform(platform) ? WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM : MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM;
|
|
@@ -87,7 +89,7 @@ var Notification = function (_a) {
|
|
|
87
89
|
if (type === NOTIFICATION_TYPES.mail) {
|
|
88
90
|
return renderMailNotificationContent(notificationId);
|
|
89
91
|
}
|
|
90
|
-
return (_jsxs("div", __assign({ className: "smartapp-notification" }, { children: [NOTIFICATION_ICONS[type], _jsxs("div", __assign({ className: "smartapp-notification__content" }, { children: [_jsx("div", { dangerouslySetInnerHTML: getSanitizedHtml(text) }), action && (_jsx("div", __assign({ className: "smartapp-notification__content--action", onClick: function () { return handleActionClick({ notificationId: notificationId, action: action.onClick }); } }, { children: action.text || CANCEL_ACTION_TEXT })))] }))] })));
|
|
92
|
+
return (_jsxs("div", __assign({ className: "smartapp-notification" }, { children: [NOTIFICATION_ICONS(iconColor)[type], _jsxs("div", __assign({ className: "smartapp-notification__content" }, { children: [_jsx("div", { dangerouslySetInnerHTML: getSanitizedHtml(text) }), action && (_jsx("div", __assign({ className: "smartapp-notification__content--action", onClick: function () { return handleActionClick({ notificationId: notificationId, action: action.onClick }); } }, { children: action.text || CANCEL_ACTION_TEXT })))] }))] })));
|
|
91
93
|
};
|
|
92
94
|
var renderToastContainer = function (_a) {
|
|
93
95
|
var containerId = _a.containerId, distanceFromBottom = _a.distanceFromBottom;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/Notification.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/Notification.tsx"],"names":[],"mappings":"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"}
|