@expressms/smartapp-ui 3.0.0-alpha.16 → 3.0.0-alpha.160
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/accepted-invite-status.svg +4 -0
- package/build/main/assets/icons/calendar-arrow-next.svg +3 -0
- package/build/main/assets/icons/calendar-arrow-prev.svg +3 -0
- package/build/main/assets/icons/chevron.svg +3 -0
- package/build/main/assets/icons/close-modal.svg +1 -1
- package/build/main/assets/icons/declined-invite-status.svg +4 -0
- package/build/main/assets/icons/doc-small.svg +5 -5
- package/build/main/assets/icons/download.svg +3 -0
- package/build/main/assets/icons/file-small.svg +5 -5
- package/build/main/assets/icons/file.svg +1 -1
- package/build/main/assets/icons/image-no-preview-small.svg +11 -0
- package/build/main/assets/icons/image-no-preview.svg +11 -0
- package/build/main/assets/icons/needs-action-invite-status.svg +4 -0
- package/build/main/assets/icons/notification-close.svg +1 -1
- package/build/main/assets/icons/notification-error.svg +5 -0
- package/build/main/assets/icons/notification-failure-filled.svg +3 -0
- package/build/main/assets/icons/notification-info-filled.svg +5 -0
- package/build/main/assets/icons/notification-success-filled.svg +4 -0
- package/build/main/assets/icons/pdf-small.svg +5 -5
- package/build/main/assets/icons/ppt-small.svg +5 -5
- package/build/main/assets/icons/search.svg +1 -1
- package/build/main/assets/icons/select-arrow-down.svg +3 -0
- package/build/main/assets/icons/select-arrow-up.svg +3 -0
- package/build/main/assets/icons/txt-small.svg +5 -5
- package/build/main/assets/icons/video-no-preview-small.svg +11 -0
- package/build/main/assets/icons/video-no-preview.svg +11 -0
- package/build/main/assets/icons/xls-small.svg +5 -5
- package/build/main/assets/storybook/index.d.ts +2 -0
- package/build/main/assets/storybook/index.js +2 -0
- package/build/main/assets/storybook/index.js.map +1 -1
- package/build/main/constants/constants.d.ts +87 -45
- package/build/main/constants/constants.js +127 -48
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +11 -1
- package/build/main/helpers/index.d.ts +3 -1
- package/build/main/helpers/index.js +21 -2
- package/build/main/helpers/index.js.map +1 -1
- package/build/main/hooks/useCharHintDisplay.d.ts +9 -0
- package/build/main/hooks/useCharHintDisplay.js +35 -0
- package/build/main/hooks/useCharHintDisplay.js.map +1 -0
- package/build/main/hooks/useMobileLongTap.d.ts +16 -0
- package/build/main/hooks/useMobileLongTap.js +65 -0
- package/build/main/hooks/useMobileLongTap.js.map +1 -0
- package/build/main/hooks/useModal.d.ts +18 -10
- package/build/main/hooks/useModal.js +199 -12
- package/build/main/hooks/useModal.js.map +1 -1
- package/build/main/index.d.ts +2 -0
- package/build/main/index.js +2 -0
- package/build/main/index.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/AttachedFile/AttachedFile.d.ts +1 -1
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js +84 -26
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js.map +1 -1
- package/build/main//321/201omponents/AttachedFile/types.d.ts +1 -0
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +3 -2
- package/build/main//321/201omponents/Avatar/Avatar.js +53 -23
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +9 -5
- package/build/main//321/201omponents/Avatar/types.js +5 -2
- 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 +15 -8
- package/build/main//321/201omponents/Button/Button.js.map +1 -1
- package/build/main//321/201omponents/Button/types.d.ts +9 -2
- package/build/main//321/201omponents/Button/types.js +3 -0
- package/build/main//321/201omponents/Button/types.js.map +1 -1
- package/build/main//321/201omponents/Calendar/Calendar.d.ts +14 -2
- package/build/main//321/201omponents/Calendar/Calendar.js +234 -45
- package/build/main//321/201omponents/Calendar/Calendar.js.map +1 -1
- package/build/main//321/201omponents/Calendar/types.d.ts +22 -8
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js +1 -1
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js +1 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js +1 -1
- package/build/main//321/201omponents/Chip/Chip.d.ts +3 -2
- package/build/main//321/201omponents/Chip/Chip.js +200 -45
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +14 -4
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.d.ts +13 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js +76 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js.map +1 -0
- package/build/main//321/201omponents/ChipDndContext/index.d.ts +1 -0
- package/build/main//321/201omponents/ChipDndContext/index.js +2 -0
- package/build/main//321/201omponents/ChipDndContext/index.js.map +1 -0
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +3 -2
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +5 -2
- package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +66 -26
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +13 -7
- package/build/main//321/201omponents/ContextMenuItem/ContextMenuItem.d.ts +4 -0
- package/build/main//321/201omponents/ContextMenuItem/ContextMenuItem.js +49 -0
- package/build/main//321/201omponents/ContextMenuItem/ContextMenuItem.js.map +1 -0
- package/build/main//321/201omponents/ContextMenuItem/index.d.ts +1 -0
- package/build/main//321/201omponents/ContextMenuItem/index.js +2 -0
- package/build/main//321/201omponents/ContextMenuItem/index.js.map +1 -0
- package/build/main//321/201omponents/ContextMenuItem/types.d.ts +28 -0
- package/build/main//321/201omponents/ContextMenuItem/types.js +6 -0
- package/build/main//321/201omponents/ContextMenuItem/types.js.map +1 -0
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +12 -11
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/selectStyles.js +21 -22
- package/build/main//321/201omponents/CustomSelect/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/types.d.ts +15 -3
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js +33 -24
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js.map +1 -1
- package/build/main//321/201omponents/CustomSelectProfiles/selectStyles.d.ts +11 -0
- package/build/main//321/201omponents/CustomSelectProfiles/selectStyles.js +38 -0
- package/build/main//321/201omponents/CustomSelectProfiles/selectStyles.js.map +1 -0
- package/build/main//321/201omponents/CustomSelectProfiles/types.d.ts +4 -5
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.d.ts +1 -1
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js +24 -18
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js.map +1 -1
- package/build/main//321/201omponents/DraggablePopup/types.d.ts +8 -8
- package/build/main//321/201omponents/Flex/Flex.d.ts +1 -1
- package/build/main//321/201omponents/Flex/Flex.js +2 -2
- package/build/main//321/201omponents/Flex/Flex.js.map +1 -1
- package/build/main//321/201omponents/Flex/types.d.ts +2 -0
- package/build/main//321/201omponents/Input/Input.d.ts +1 -1
- package/build/main//321/201omponents/Input/Input.js +79 -32
- package/build/main//321/201omponents/Input/Input.js.map +1 -1
- package/build/main//321/201omponents/Input/types.d.ts +10 -3
- package/build/main//321/201omponents/ListItem/ListItem.js +21 -10
- package/build/main//321/201omponents/ListItem/ListItem.js.map +1 -1
- package/build/main//321/201omponents/ListItem/types.d.ts +7 -2
- package/build/main//321/201omponents/Modal/Modal.d.ts +3 -2
- package/build/main//321/201omponents/Modal/Modal.js +199 -84
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +37 -2
- package/build/main//321/201omponents/Notification/Notification.d.ts +4 -6
- package/build/main//321/201omponents/Notification/Notification.js +72 -25
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/Notification/types.d.ts +17 -2
- package/build/main//321/201omponents/Skeleton/Skeleton.js +1 -1
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -1
- package/build/main//321/201omponents/Stories/Stories.js +72 -4
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/Textarea/Textarea.d.ts +1 -1
- package/build/main//321/201omponents/Textarea/Textarea.js +2 -2
- package/build/main//321/201omponents/Textarea/Textarea.js.map +1 -1
- package/build/main//321/201omponents/Textarea/types.d.ts +2 -2
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js +12 -0
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.d.ts +2 -1
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js +4 -3
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +34 -58
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts +3 -2
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +34 -37
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +2 -2
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js +7 -9
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +5 -3
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +282 -97
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/helpers.d.ts +10 -4
- package/build/main//321/201omponents/UserDropdown/helpers.js +6 -4
- package/build/main//321/201omponents/UserDropdown/helpers.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +49 -26
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +100 -57
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- package/package.json +11 -7
- package/build/main/assets/icons/avatar-arrow-down.svg +0 -3
- package/build/main/assets/icons/avatar-arrow-up.svg +0 -3
- package/build/main/hooks/useLongTap.d.ts +0 -12
- package/build/main/hooks/useLongTap.js +0 -29
- package/build/main/hooks/useLongTap.js.map +0 -1
|
@@ -4,5 +4,5 @@ export declare enum DISPLAY_SIZE {
|
|
|
4
4
|
small = "small",
|
|
5
5
|
normal = "normal"
|
|
6
6
|
}
|
|
7
|
-
declare const AttachedFile: ({ id, fontFamily, language, fileName, weight, weightType, isSpaceBetween, isRemovable, isDisabled, isLoading, width, displaySize, className, styles, removeColor, fileIcon, mediaFilePreview, onClick, onRemove, }: IAttachedFileProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare const AttachedFile: ({ id, fontFamily, language, fileName, weight, weightType, isSpaceBetween, isRemovable, isDisabled, isLoading, isDownloadable, width, displaySize, className, styles, removeColor, fileIcon, mediaFilePreview, onClick, onRemove, }: IAttachedFileProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default AttachedFile;
|
|
@@ -11,13 +11,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
var _a, _b, _c;
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
import { useEffect, useLayoutEffect, useRef } from 'react';
|
|
14
|
+
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
15
15
|
import classNames from 'classnames';
|
|
16
16
|
import { isEmpty } from 'lodash';
|
|
17
17
|
import { extractFileExtensionRegex, generateColor, generateFileIcon, generateFontFamilyStyle } from '../../helpers';
|
|
18
|
-
import { EVENT_LISTENER_TYPES, FIT_CONTENT, LANGUAGES, VIDEO_FORMATS } from '../../constants';
|
|
18
|
+
import { EVENT_LISTENER_TYPES, FIT_CONTENT, LANGUAGES, SPACE, VIDEO_FORMATS } from '../../constants';
|
|
19
19
|
import { ReactComponent as LoaderIcon } from '../../assets/icons/attachment-loader.svg';
|
|
20
20
|
import { ReactComponent as RemoveIcon } from '../../assets/icons/close.svg';
|
|
21
|
+
import { ReactComponent as DownloadIcon } from '../../assets/icons/download.svg';
|
|
21
22
|
import { ReactComponent as PlaySmallIcon } from '../../assets/icons/play-small.svg';
|
|
22
23
|
import { ReactComponent as PlayIcon } from '../../assets/icons/play.svg';
|
|
23
24
|
import '../../styles/styles.scss';
|
|
@@ -28,9 +29,11 @@ export var DISPLAY_SIZE;
|
|
|
28
29
|
})(DISPLAY_SIZE || (DISPLAY_SIZE = {}));
|
|
29
30
|
var ATTACHED_FILE_PADDINGS = '20px';
|
|
30
31
|
var SMALL_ATTACHED_FILE_PADDINGS = '16px';
|
|
31
|
-
var
|
|
32
|
+
var NAME_DEFAULT_LINE_HEIGHT = '17';
|
|
33
|
+
var SIZE_DEFAULT_LINE_HEIGHT = '14';
|
|
32
34
|
var ELLIPSIS = '...';
|
|
33
35
|
var PRESSED_CLASS_NAME = 'smartapp-attached-file__pressed';
|
|
36
|
+
var SCROLL_HEIGHT_OFFSET = 2;
|
|
34
37
|
var BYTES_TEXT = (_a = {},
|
|
35
38
|
_a[LANGUAGES.ru] = 'байт',
|
|
36
39
|
_a[LANGUAGES.en] = 'bytes',
|
|
@@ -41,6 +44,8 @@ var BYTES_TEXT = (_a = {},
|
|
|
41
44
|
_a[LANGUAGES.ms] = 'bait',
|
|
42
45
|
_a[LANGUAGES.tr] = 'bayt',
|
|
43
46
|
_a[LANGUAGES.id] = 'bytes',
|
|
47
|
+
_a[LANGUAGES.uz] = 'bayt',
|
|
48
|
+
_a[LANGUAGES.kk] = 'байт',
|
|
44
49
|
_a);
|
|
45
50
|
var KB_TEXT = (_b = {},
|
|
46
51
|
_b[LANGUAGES.ru] = 'КБ',
|
|
@@ -52,6 +57,8 @@ var KB_TEXT = (_b = {},
|
|
|
52
57
|
_b[LANGUAGES.ms] = 'KB',
|
|
53
58
|
_b[LANGUAGES.tr] = 'KB',
|
|
54
59
|
_b[LANGUAGES.id] = 'KB',
|
|
60
|
+
_b[LANGUAGES.uz] = 'KB',
|
|
61
|
+
_b[LANGUAGES.kk] = 'КБ',
|
|
55
62
|
_b);
|
|
56
63
|
var MB_TEXT = (_c = {},
|
|
57
64
|
_c[LANGUAGES.ru] = 'МБ',
|
|
@@ -63,6 +70,8 @@ var MB_TEXT = (_c = {},
|
|
|
63
70
|
_c[LANGUAGES.ms] = 'MB',
|
|
64
71
|
_c[LANGUAGES.tr] = 'MB',
|
|
65
72
|
_c[LANGUAGES.id] = 'MB',
|
|
73
|
+
_c[LANGUAGES.uz] = 'MB',
|
|
74
|
+
_c[LANGUAGES.kk] = 'МБ',
|
|
66
75
|
_c);
|
|
67
76
|
var generateFileSize = function (_a) {
|
|
68
77
|
var weight = _a.weight, weightType = _a.weightType, language = _a.language;
|
|
@@ -77,24 +86,58 @@ var generateFileSize = function (_a) {
|
|
|
77
86
|
return "".concat((weight / MB).toFixed(1), " ").concat(MB_TEXT[language]);
|
|
78
87
|
};
|
|
79
88
|
var AttachedFile = function (_a) {
|
|
80
|
-
var id = _a.id, fontFamily = _a.fontFamily, _b = _a.language, language = _b === void 0 ? LANGUAGES.ru : _b, fileName = _a.fileName, weight = _a.weight, weightType = _a.weightType, _c = _a.isSpaceBetween, isSpaceBetween = _c === void 0 ? false : _c, _d = _a.isRemovable, isRemovable = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, width = _a.width,
|
|
89
|
+
var id = _a.id, fontFamily = _a.fontFamily, _b = _a.language, language = _b === void 0 ? LANGUAGES.ru : _b, fileName = _a.fileName, weight = _a.weight, weightType = _a.weightType, _c = _a.isSpaceBetween, isSpaceBetween = _c === void 0 ? false : _c, _d = _a.isRemovable, isRemovable = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isDownloadable, isDownloadable = _g === void 0 ? false : _g, width = _a.width, _h = _a.displaySize, displaySize = _h === void 0 ? DISPLAY_SIZE.normal : _h, className = _a.className, styles = _a.styles, removeColor = _a.removeColor, fileIcon = _a.fileIcon, mediaFilePreview = _a.mediaFilePreview, onClick = _a.onClick, onRemove = _a.onRemove;
|
|
81
90
|
var attachedFileRef = useRef(null);
|
|
82
91
|
var fileNameRef = useRef(null);
|
|
92
|
+
var fileSizeRef = useRef(null);
|
|
93
|
+
var _j = useState(false), isDownloadIconVisible = _j[0], setIsDownloadIconVisible = _j[1];
|
|
94
|
+
var _k = useState(0), containerWidth = _k[0], setContainerWidth = _k[1];
|
|
83
95
|
var fileSize = generateFileSize({ weight: weight, weightType: weightType, language: language });
|
|
84
96
|
var fileExtension = extractFileExtensionRegex(fileName);
|
|
85
97
|
var isMediaFilePreview = !isEmpty(mediaFilePreview);
|
|
86
98
|
var isVideoFilePreview = VIDEO_FORMATS.includes(fileExtension);
|
|
87
99
|
var isNormalDisplaySize = displaySize === DISPLAY_SIZE.normal;
|
|
88
100
|
var attachedFilePaddings = isNormalDisplaySize ? ATTACHED_FILE_PADDINGS : SMALL_ATTACHED_FILE_PADDINGS;
|
|
101
|
+
var attachedFileWidth = useMemo(function () { return (width ? "calc(".concat(width, "% - ").concat(attachedFilePaddings, ")") : FIT_CONTENT); }, [attachedFilePaddings, width]);
|
|
89
102
|
var attachedFileClassName = classNames('smartapp-attached-file', "smartapp-attached-file__".concat(displaySize), {
|
|
90
103
|
'smartapp-attached-file__clickable': onClick,
|
|
91
104
|
'smartapp-attached-file__disabled': isDisabled,
|
|
92
105
|
'smartapp-attached-file__loading': isLoading,
|
|
106
|
+
'smartapp-attached-file__downloadable': isDownloadable,
|
|
93
107
|
}, className);
|
|
94
|
-
var attachedFileStyles = __assign(__assign({
|
|
108
|
+
var attachedFileStyles = __assign(__assign({}, generateFontFamilyStyle(fontFamily)), styles);
|
|
109
|
+
var truncateValue = function (_a) {
|
|
110
|
+
var value = _a.value, units = _a.units, defaultLineHeight = _a.defaultLineHeight, valueRef = _a.valueRef;
|
|
111
|
+
var unitsLength = units.length;
|
|
112
|
+
var endIndex = unitsLength ? -unitsLength : value.length;
|
|
113
|
+
var valueLineHeight = parseFloat(getComputedStyle(valueRef).lineHeight || defaultLineHeight);
|
|
114
|
+
var truncatedValue = value.slice(0, endIndex);
|
|
115
|
+
valueRef.textContent = value;
|
|
116
|
+
var checkIsMultiline = function () {
|
|
117
|
+
var scrollHeight = valueRef.scrollHeight, scrollWidth = valueRef.scrollWidth, clientWidth = valueRef.clientWidth;
|
|
118
|
+
return Math.round(scrollHeight) - SCROLL_HEIGHT_OFFSET > valueLineHeight || scrollWidth > clientWidth;
|
|
119
|
+
};
|
|
120
|
+
while (checkIsMultiline() && truncatedValue.length > 0) {
|
|
121
|
+
truncatedValue = truncatedValue.slice(0, -1);
|
|
122
|
+
var truncatedValueWithoutLastSpace = truncatedValue.replace(/\s+$/, '');
|
|
123
|
+
valueRef.textContent = "".concat(truncatedValueWithoutLastSpace).concat(ELLIPSIS).concat(units);
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
var truncateFileMeta = useCallback(function () {
|
|
127
|
+
var fileNameRefCurrent = fileNameRef.current;
|
|
128
|
+
var fileSizeRefCurrent = fileSizeRef.current;
|
|
129
|
+
if (!fileNameRefCurrent || !fileSizeRefCurrent)
|
|
130
|
+
return;
|
|
131
|
+
var _a = fileSize.split(SPACE), fileWeightType = _a[1];
|
|
132
|
+
truncateValue({ value: fileName, units: fileExtension, valueRef: fileNameRefCurrent, defaultLineHeight: NAME_DEFAULT_LINE_HEIGHT });
|
|
133
|
+
truncateValue({ value: fileSize, units: fileWeightType, valueRef: fileSizeRefCurrent, defaultLineHeight: SIZE_DEFAULT_LINE_HEIGHT });
|
|
134
|
+
}, [fileExtension, fileName, fileSize]);
|
|
135
|
+
var handleMouseEnter = function () { return isDownloadable && setIsDownloadIconVisible(true); };
|
|
136
|
+
var handleMouseLeave = function () { return setIsDownloadIconVisible(false); };
|
|
95
137
|
var handleMouseDown = function () { var _a; return (_a = attachedFileRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(PRESSED_CLASS_NAME); };
|
|
96
138
|
var handleMouseUp = function () { var _a; return (_a = attachedFileRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(PRESSED_CLASS_NAME); };
|
|
97
|
-
var handleAttachmentClick = function () { return !isLoading && !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(id)); };
|
|
139
|
+
var handleAttachmentClick = function () { return !isDownloadable && !isLoading && !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(id)); };
|
|
140
|
+
var handleDownloadIconClick = function () { return onClick === null || onClick === void 0 ? void 0 : onClick(id); };
|
|
98
141
|
var handleAttachmentRemove = function (event) {
|
|
99
142
|
event.stopPropagation();
|
|
100
143
|
onRemove === null || onRemove === void 0 ? void 0 : onRemove(id);
|
|
@@ -108,36 +151,51 @@ var AttachedFile = function (_a) {
|
|
|
108
151
|
var renderRemoveIcon = function () {
|
|
109
152
|
return isRemovable && (_jsx("div", __assign({ onClick: handleAttachmentRemove, className: "smartapp-attached-file__value--close-icon" }, { children: _jsx(RemoveIcon, { style: { color: generateColor(removeColor) } }) })));
|
|
110
153
|
};
|
|
154
|
+
var renderDownloadIcon = function () {
|
|
155
|
+
return isDownloadIconVisible && (_jsx("button", __assign({ onClick: handleDownloadIconClick, className: "smartapp-attached-file__value--download-icon" }, { children: _jsx(DownloadIcon, {}) })));
|
|
156
|
+
};
|
|
111
157
|
var renderPlayIcon = function () { return !isLoading && (isNormalDisplaySize ? _jsx(PlayIcon, {}) : _jsx(PlaySmallIcon, {})); };
|
|
112
158
|
useEffect(function () {
|
|
113
159
|
window.addEventListener(EVENT_LISTENER_TYPES.mouseup, handleMouseUp);
|
|
114
160
|
return function () { return window.removeEventListener(EVENT_LISTENER_TYPES.mouseup, handleMouseUp); };
|
|
115
161
|
}, []);
|
|
162
|
+
useEffect(function () {
|
|
163
|
+
var attachedFileRefCurrent = attachedFileRef.current;
|
|
164
|
+
if (!attachedFileRefCurrent)
|
|
165
|
+
return;
|
|
166
|
+
attachedFileRefCurrent.style.removeProperty('--initial-attached-file-width');
|
|
167
|
+
attachedFileRefCurrent.style.setProperty('--attached-file-width', attachedFileWidth);
|
|
168
|
+
setContainerWidth(0);
|
|
169
|
+
}, [attachedFileWidth, displaySize, isRemovable, fileName, fileSize, fontFamily]);
|
|
170
|
+
useLayoutEffect(function () {
|
|
171
|
+
if (containerWidth > 0)
|
|
172
|
+
truncateFileMeta();
|
|
173
|
+
}, [containerWidth, isDownloadIconVisible, truncateFileMeta]);
|
|
116
174
|
useLayoutEffect(function () {
|
|
117
175
|
var attachedFileRefCurrent = attachedFileRef.current;
|
|
118
|
-
|
|
119
|
-
if (!attachedFileRefCurrent || !fileNameRefCurrent)
|
|
176
|
+
if (!attachedFileRefCurrent)
|
|
120
177
|
return;
|
|
121
|
-
var resizeObserver = new ResizeObserver(function () {
|
|
122
|
-
var
|
|
123
|
-
var
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
return height > lineHeight;
|
|
130
|
-
};
|
|
131
|
-
while (isMultiline() && truncatedFileName.length > 0) {
|
|
132
|
-
truncatedFileName = truncatedFileName.slice(0, -1);
|
|
133
|
-
var truncatedFileNameWithoutLastSpace = truncatedFileName.replace(/\s+$/, '');
|
|
134
|
-
fileNameRefCurrent.textContent = "".concat(truncatedFileNameWithoutLastSpace).concat(ELLIPSIS).concat(fileExtension);
|
|
135
|
-
}
|
|
178
|
+
var resizeObserver = new ResizeObserver(function (_a) {
|
|
179
|
+
var entry = _a[0];
|
|
180
|
+
var width = entry.contentRect.width;
|
|
181
|
+
if (!isEmpty(attachedFileRefCurrent.style.getPropertyValue('--initial-attached-file-width')))
|
|
182
|
+
return;
|
|
183
|
+
attachedFileRefCurrent.style.setProperty('--initial-attached-file-width', "".concat(width, "px"));
|
|
184
|
+
attachedFileRefCurrent.style.setProperty('--attached-file-width', "".concat(width, "px"));
|
|
185
|
+
setContainerWidth(width);
|
|
136
186
|
});
|
|
187
|
+
var handleResize = function () {
|
|
188
|
+
attachedFileRefCurrent.style.setProperty('--attached-file-width', attachedFileWidth);
|
|
189
|
+
truncateFileMeta();
|
|
190
|
+
};
|
|
137
191
|
resizeObserver.observe(attachedFileRefCurrent);
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
192
|
+
window.addEventListener(EVENT_LISTENER_TYPES.resize, handleResize);
|
|
193
|
+
return function () {
|
|
194
|
+
resizeObserver.disconnect();
|
|
195
|
+
window.removeEventListener(EVENT_LISTENER_TYPES.resize, handleResize);
|
|
196
|
+
};
|
|
197
|
+
}, [attachedFileWidth, truncateFileMeta]);
|
|
198
|
+
return (_jsxs("div", __assign({ ref: attachedFileRef, style: attachedFileStyles, className: attachedFileClassName, onClick: handleAttachmentClick, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-attached-file__icon', { 'smartapp-attached-file__icon--preview': isMediaFilePreview }) }, { children: [fileIcon || renderFileIcon(), isMediaFilePreview && isVideoFilePreview && _jsx("div", __assign({ className: "smartapp-attached-file__icon--play" }, { children: renderPlayIcon() })), renderLoaderIcon()] })), _jsxs("div", __assign({ className: classNames('smartapp-attached-file__value', { 'smartapp-attached-file__value--justify-space-between': isSpaceBetween }) }, { children: [_jsxs("div", __assign({ className: "smartapp-attached-file__value--info" }, { children: [_jsx("p", __assign({ ref: fileNameRef, className: "smartapp-attached-file__value--info__name" }, { children: fileName })), _jsx("p", __assign({ ref: fileSizeRef, className: "smartapp-attached-file__value--info__weight" }, { children: fileSize }))] })), renderRemoveIcon(), renderDownloadIcon()] }))] }), id));
|
|
141
199
|
};
|
|
142
200
|
export default AttachedFile;
|
|
143
201
|
//# sourceMappingURL=AttachedFile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachedFile.js","sourceRoot":"","sources":["../../../../src/сomponents/AttachedFile/AttachedFile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAc,EAAiB,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AttachedFile.js","sourceRoot":"","sources":["../../../../src/сomponents/AttachedFile/AttachedFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,7 @@ export interface IAttachedFileProps extends IFontFamilyProps, ILanguageProps {
|
|
|
10
10
|
isRemovable?: boolean;
|
|
11
11
|
isDisabled?: boolean;
|
|
12
12
|
isLoading?: boolean;
|
|
13
|
+
isDownloadable?: boolean;
|
|
13
14
|
width?: IntRange<1, 101>;
|
|
14
15
|
displaySize?: 'small' | 'normal';
|
|
15
16
|
className?: string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { IAvatarProps } from './types';
|
|
2
3
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const
|
|
4
|
-
export default
|
|
4
|
+
declare const _default: React.MemoExoticComponent<({ theme, language, fontFamily, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isWarning, isCrown, isEye, isTooltipAvailableOnEye, size, username, initials, avatar, counter, inviteStatus, icon, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element>;
|
|
5
|
+
export default _default;
|
|
@@ -11,21 +11,25 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
var _a;
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
import { useEffect, useRef, useState } from 'react';
|
|
14
|
+
import { memo, useCallback, useEffect, useRef, useState } from 'react';
|
|
15
15
|
import Popup from 'reactjs-popup';
|
|
16
16
|
import classNames from 'classnames';
|
|
17
|
-
import { isString } from 'lodash';
|
|
17
|
+
import { isNull, isString } from 'lodash';
|
|
18
18
|
import { calculatePercentageOfValue, createInitials, generateFontFamilyStyle, isDarkTheme, userNameToColor } from '../../helpers';
|
|
19
19
|
import { COLORS, LANGUAGES, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS, POPUP_ON_EVENT_TYPE, POPUP_VERTICAL_POSITION, THEME, } from '../../constants';
|
|
20
20
|
import { AVATAR_SIZES, AvatarFontSizes } from './types';
|
|
21
|
+
import { ReactComponent as AcceptedInviteStatusIcon } from '../../assets/icons/accepted-invite-status.svg';
|
|
21
22
|
import { ReactComponent as CrownIcon } from '../../assets/icons/crown.svg';
|
|
23
|
+
import { ReactComponent as DeclinedInviteStatusIcon } from '../../assets/icons/declined-invite-status.svg';
|
|
22
24
|
import { ReactComponent as InfoIcon } from '../../assets/icons/info.svg';
|
|
25
|
+
import { ReactComponent as NeedsActionInviteStatusIcon } from '../../assets/icons/needs-action-invite-status.svg';
|
|
23
26
|
import { ReactComponent as PrivateIcon } from '../../assets/icons/private.svg';
|
|
24
27
|
import { ReactComponent as TickIcon } from '../../assets/icons/tick.svg';
|
|
25
28
|
import { ReactComponent as WarningIcon } from '../../assets/icons/warning-avatar.svg';
|
|
26
29
|
import '../../styles/styles.scss';
|
|
27
30
|
var PERCENTS;
|
|
28
31
|
(function (PERCENTS) {
|
|
32
|
+
PERCENTS[PERCENTS["pct_4_7"] = 4.7] = "pct_4_7";
|
|
29
33
|
PERCENTS[PERCENTS["pct_5"] = 5] = "pct_5";
|
|
30
34
|
PERCENTS[PERCENTS["pct_8"] = 8] = "pct_8";
|
|
31
35
|
PERCENTS[PERCENTS["pct_10"] = 10] = "pct_10";
|
|
@@ -34,6 +38,7 @@ var PERCENTS;
|
|
|
34
38
|
PERCENTS[PERCENTS["pct_40"] = 40] = "pct_40";
|
|
35
39
|
PERCENTS[PERCENTS["pct_50"] = 50] = "pct_50";
|
|
36
40
|
PERCENTS[PERCENTS["pct_57"] = 57] = "pct_57";
|
|
41
|
+
PERCENTS[PERCENTS["pct_58"] = 58] = "pct_58";
|
|
37
42
|
PERCENTS[PERCENTS["pct_60"] = 60] = "pct_60";
|
|
38
43
|
PERCENTS[PERCENTS["pct_62_5"] = 62.5] = "pct_62_5";
|
|
39
44
|
PERCENTS[PERCENTS["pct_65"] = 65] = "pct_65";
|
|
@@ -60,9 +65,16 @@ var POPUP_TEXT = (_a = {},
|
|
|
60
65
|
_a[LANGUAGES.ms] = 'Tidak dapat memapar jadual peserta',
|
|
61
66
|
_a[LANGUAGES.tr] = 'Katılımcının programı görüntülenemiyor',
|
|
62
67
|
_a[LANGUAGES.id] = 'Tidak dapat menampilkan jadwal peserta',
|
|
68
|
+
_a[LANGUAGES.uz] = 'Ishtirokchi jadvalini ko‘rsatib bo‘lmadi',
|
|
69
|
+
_a[LANGUAGES.kk] = 'Қатысушының кестесін көрсету мүмкін емес',
|
|
63
70
|
_a);
|
|
71
|
+
var INVITE_STATUS_ICONS = {
|
|
72
|
+
accepted: AcceptedInviteStatusIcon,
|
|
73
|
+
declined: DeclinedInviteStatusIcon,
|
|
74
|
+
needsAction: NeedsActionInviteStatusIcon,
|
|
75
|
+
};
|
|
64
76
|
var Avatar = function (_a) {
|
|
65
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.language, language = _c === void 0 ? LANGUAGES.ru : _c, fontFamily = _a.fontFamily, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isWarning = _a.isWarning, isCrown = _a.isCrown, isEye = _a.isEye, _d = _a.isTooltipAvailableOnEye, isTooltipAvailableOnEye = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 44 : _e, _f = _a.username, username = _f === void 0 ? '' : _f, initials = _a.initials, avatar = _a.avatar, _g = _a.counter, counter = _g === void 0 ? 0 : _g, icon = _a.icon, _h = _a.outlineDefaultBackground, outlineDefaultBackground = _h === void 0 ? COLORS.white : _h, _j = _a.outlineDarkBackground, outlineDarkBackground = _j === void 0 ? COLORS.brightBlack : _j, _k = _a.onClick, onClick = _k === void 0 ? function () { return undefined; } : _k, onMouseDown = _a.onMouseDown;
|
|
77
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.language, language = _c === void 0 ? LANGUAGES.ru : _c, fontFamily = _a.fontFamily, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isWarning = _a.isWarning, isCrown = _a.isCrown, isEye = _a.isEye, _d = _a.isTooltipAvailableOnEye, isTooltipAvailableOnEye = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 44 : _e, _f = _a.username, username = _f === void 0 ? '' : _f, initials = _a.initials, avatar = _a.avatar, _g = _a.counter, counter = _g === void 0 ? 0 : _g, inviteStatus = _a.inviteStatus, icon = _a.icon, _h = _a.outlineDefaultBackground, outlineDefaultBackground = _h === void 0 ? COLORS.white : _h, _j = _a.outlineDarkBackground, outlineDarkBackground = _j === void 0 ? COLORS.brightBlack : _j, _k = _a.onClick, onClick = _k === void 0 ? function () { return undefined; } : _k, onMouseDown = _a.onMouseDown;
|
|
66
78
|
var popupRef = useRef(null);
|
|
67
79
|
var popupContentRef = useRef(null);
|
|
68
80
|
var avatarLocalRef = useRef(null);
|
|
@@ -75,18 +87,21 @@ var Avatar = function (_a) {
|
|
|
75
87
|
var _s = useState(POPUP_HIDDEN_CLASSNAME), hiddenClassName = _s[0], setHiddenClassName = _s[1];
|
|
76
88
|
var inactiveOpacity = avatar ? AVATAR_OPACITY : USER_INITIALS_OPACITY;
|
|
77
89
|
var outlineBackground = isDarkTheme(theme) ? outlineDarkBackground : outlineDefaultBackground;
|
|
78
|
-
var outlineWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.
|
|
90
|
+
var outlineWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_4_7, shouldBeRounded: false });
|
|
79
91
|
var generateFontSizeAvatar = function () {
|
|
80
92
|
switch (size) {
|
|
81
93
|
case AVATAR_SIZES.size_16:
|
|
82
|
-
return AvatarFontSizes.
|
|
94
|
+
return AvatarFontSizes.xxxSmall;
|
|
83
95
|
case AVATAR_SIZES.size_20:
|
|
96
|
+
return AvatarFontSizes.xxSmall;
|
|
84
97
|
case AVATAR_SIZES.size_24:
|
|
85
|
-
return AvatarFontSizes.
|
|
98
|
+
return AvatarFontSizes.xSmall;
|
|
86
99
|
case AVATAR_SIZES.size_32:
|
|
100
|
+
return AvatarFontSizes.small;
|
|
87
101
|
case AVATAR_SIZES.size_36:
|
|
88
|
-
case AVATAR_SIZES.size_40:
|
|
89
102
|
return AvatarFontSizes.normal;
|
|
103
|
+
case AVATAR_SIZES.size_40:
|
|
104
|
+
return AvatarFontSizes.xNormal;
|
|
90
105
|
case AVATAR_SIZES.size_44:
|
|
91
106
|
case AVATAR_SIZES.size_48:
|
|
92
107
|
return AvatarFontSizes.medium;
|
|
@@ -157,6 +172,17 @@ var Avatar = function (_a) {
|
|
|
157
172
|
setPopupArrowLeft(-1);
|
|
158
173
|
setHiddenClassName(POPUP_HIDDEN_CLASSNAME);
|
|
159
174
|
}, [language, size]);
|
|
175
|
+
var calculateBorderWidth = useCallback(function () {
|
|
176
|
+
var avatarElement = (avatarRef === null || avatarRef === void 0 ? void 0 : avatarRef.current) || (avatarLocalRef === null || avatarLocalRef === void 0 ? void 0 : avatarLocalRef.current);
|
|
177
|
+
if (isNull(avatarElement))
|
|
178
|
+
return;
|
|
179
|
+
var borderWidth = window.getComputedStyle(avatarElement).borderWidth;
|
|
180
|
+
avatarElement.style.setProperty('--avatar-border-width', borderWidth);
|
|
181
|
+
}, [avatarRef]);
|
|
182
|
+
useEffect(function () {
|
|
183
|
+
if (isHighlighted)
|
|
184
|
+
calculateBorderWidth();
|
|
185
|
+
}, [calculateBorderWidth, isHighlighted, size]);
|
|
160
186
|
var handleOpenPopup = function (privateIconRight) {
|
|
161
187
|
var popupRefCurrent = popupRef.current;
|
|
162
188
|
var popupContentRefCurrent = popupContentRef.current;
|
|
@@ -195,6 +221,14 @@ var Avatar = function (_a) {
|
|
|
195
221
|
var eyeSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_65 });
|
|
196
222
|
return (_jsx(Popup, __assign({ ref: popupRef, arrow: false, disabled: !isTooltipAvailableOnEye, onOpen: function () { return handleOpenPopup(right); }, onClose: handleClosePopup, className: classNames('private-icon', hiddenClassName), position: "".concat(popupVerticalPosition, " center"), contentStyle: generatePopupContentStyle(), on: [POPUP_ON_EVENT_TYPE.hover], mouseEnterDelay: POPUP_APPEARANCE_DELAY, trigger: function () { return (_jsx(PrivateIcon, { className: "smartapp-avatar__content--eye", width: eyeSize, height: eyeSize, color: outlineBackground, style: { top: "-".concat(top, "px"), right: "-".concat(right, "px") } })); } }, { children: _jsx("span", __assign({ ref: popupContentRef }, { children: POPUP_TEXT[language] })) })));
|
|
197
223
|
};
|
|
224
|
+
var renderInviteStatus = function () {
|
|
225
|
+
if (!inviteStatus)
|
|
226
|
+
return;
|
|
227
|
+
var inset = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_8 });
|
|
228
|
+
var inviteStatusSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_58 });
|
|
229
|
+
var Icon = INVITE_STATUS_ICONS[inviteStatus];
|
|
230
|
+
return (_jsx(Icon, { className: "smartapp-avatar__content--invite-status", width: inviteStatusSize, height: inviteStatusSize, color: outlineBackground, style: { bottom: "-".concat(inset, "px"), right: "-".concat(inset, "px") } }));
|
|
231
|
+
};
|
|
198
232
|
var renderCrown = function () {
|
|
199
233
|
var bottom = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_10 });
|
|
200
234
|
var right = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_15 });
|
|
@@ -202,24 +236,20 @@ var Avatar = function (_a) {
|
|
|
202
236
|
return (_jsx(CrownIcon, { className: "smartapp-avatar__content--crown", width: crownSize, height: crownSize, color: outlineBackground, style: { bottom: "-".concat(bottom, "px"), right: "-".concat(right, "px") } }));
|
|
203
237
|
};
|
|
204
238
|
var generateBackgroundValueForStyles = function () { return (isWarning ? COLORS.iconTransparentPressed : userNameToColor(initials || username)); };
|
|
205
|
-
var generateAvatarContentStyles = function () {
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
: generateBackgroundValueForStyles(),
|
|
216
|
-
opacity: isInactive ? inactiveOpacity : 1,
|
|
217
|
-
};
|
|
218
|
-
};
|
|
239
|
+
var generateAvatarContentStyles = function () { return ({
|
|
240
|
+
width: "".concat(size, "px"),
|
|
241
|
+
minWidth: "".concat(size, "px"),
|
|
242
|
+
height: "".concat(size, "px"),
|
|
243
|
+
fontSize: generateFontSizeAvatar(),
|
|
244
|
+
background: isInactive
|
|
245
|
+
? "linear-gradient(180deg, ".concat(COLORS.inactiveAvatarGradientStart, " 0%, ").concat(COLORS.inactiveAvatarGradientEnd, " 100%)")
|
|
246
|
+
: generateBackgroundValueForStyles(),
|
|
247
|
+
opacity: isInactive ? inactiveOpacity : 1,
|
|
248
|
+
}); };
|
|
219
249
|
return (_jsx("div", __assign({ ref: avatarRef || avatarLocalRef, className: classNames('smartapp-avatar', "smartapp-avatar__".concat(theme), { 'smartapp-avatar__outline': isHighlighted }, className), style: __assign(__assign({ '--avatar-outline-width': "".concat(outlineWidth, "px") }, generateFontFamilyStyle(fontFamily)), styles), onClick: onClick, onMouseDown: onMouseDown }, { children: _jsxs("div", __assign({ style: generateAvatarContentStyles(), className: classNames('smartapp-avatar__content', {
|
|
220
250
|
'smartapp-avatar__content--spam': isSpam,
|
|
221
251
|
'smartapp-avatar__content--inactive': isInactive,
|
|
222
|
-
}) }, { children: [!!counter && renderCounter(), isEye && renderEye(), renderContent(), isCrown && renderCrown()] })) })));
|
|
252
|
+
}) }, { children: [!!counter && renderCounter(), isEye && renderEye(), renderInviteStatus(), renderContent(), isCrown && renderCrown()] })) })));
|
|
223
253
|
};
|
|
224
|
-
export default Avatar;
|
|
254
|
+
export default memo(Avatar);
|
|
225
255
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { IFontFamilyProps, ILanguageProps, IThemeProps, TStyles } from '../../constants';
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
|
+
import { IFontFamilyProps, ILanguageProps, IThemeProps, TAvatar, TStyles } from '../../constants';
|
|
3
3
|
export interface IAvatarProps extends IThemeProps, IFontFamilyProps, ILanguageProps {
|
|
4
4
|
avatarRef?: RefObject<HTMLDivElement | null>;
|
|
5
5
|
className?: string;
|
|
@@ -15,8 +15,9 @@ export interface IAvatarProps extends IThemeProps, IFontFamilyProps, ILanguagePr
|
|
|
15
15
|
size?: 16 | 20 | 24 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 100 | 160 | 200;
|
|
16
16
|
username?: string;
|
|
17
17
|
initials?: string;
|
|
18
|
-
avatar?:
|
|
18
|
+
avatar?: TAvatar;
|
|
19
19
|
counter?: number;
|
|
20
|
+
inviteStatus?: 'accepted' | 'declined' | 'needsAction';
|
|
20
21
|
icon?: ReactNode;
|
|
21
22
|
outlineDefaultBackground?: string;
|
|
22
23
|
outlineDarkBackground?: string;
|
|
@@ -40,9 +41,12 @@ export declare enum AVATAR_SIZES {
|
|
|
40
41
|
size_200 = 200
|
|
41
42
|
}
|
|
42
43
|
export declare enum AvatarFontSizes {
|
|
43
|
-
|
|
44
|
-
|
|
44
|
+
xxxSmall = "6px",
|
|
45
|
+
xxSmall = "8px",
|
|
46
|
+
xSmall = "9px",
|
|
47
|
+
small = "12px",
|
|
45
48
|
normal = "14px",
|
|
49
|
+
xNormal = "15px",
|
|
46
50
|
medium = "18px",
|
|
47
51
|
large = "24px",
|
|
48
52
|
xLarge = "32px",
|
|
@@ -17,9 +17,12 @@ export var AVATAR_SIZES;
|
|
|
17
17
|
})(AVATAR_SIZES || (AVATAR_SIZES = {}));
|
|
18
18
|
export var AvatarFontSizes;
|
|
19
19
|
(function (AvatarFontSizes) {
|
|
20
|
-
AvatarFontSizes["
|
|
21
|
-
AvatarFontSizes["
|
|
20
|
+
AvatarFontSizes["xxxSmall"] = "6px";
|
|
21
|
+
AvatarFontSizes["xxSmall"] = "8px";
|
|
22
|
+
AvatarFontSizes["xSmall"] = "9px";
|
|
23
|
+
AvatarFontSizes["small"] = "12px";
|
|
22
24
|
AvatarFontSizes["normal"] = "14px";
|
|
25
|
+
AvatarFontSizes["xNormal"] = "15px";
|
|
23
26
|
AvatarFontSizes["medium"] = "18px";
|
|
24
27
|
AvatarFontSizes["large"] = "24px";
|
|
25
28
|
AvatarFontSizes["xLarge"] = "32px";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAN,IAAY,YAeX;AAfD,WAAY,YAAY;IACtB,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,yDAAc,CAAA;IACd,yDAAc,CAAA;IACd,yDAAc,CAAA;AAChB,CAAC,EAfW,YAAY,KAAZ,YAAY,QAevB;AAED,MAAM,CAAN,IAAY,eAYX;AAZD,WAAY,eAAe;IACzB,mCAAgB,CAAA;IAChB,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,oCAAiB,CAAA;AACnB,CAAC,EAZW,eAAe,KAAf,eAAe,QAY1B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IButtonProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Button: ({ fontFamily, title, disabled, isDisabledClickable, isWaitingResponse, variant, appearance, icon, loaderIcon, width, className, styles, onClick, ...props }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Button: ({ fontFamily, title, disabled, isDisabledClickable, isWaitingResponse, isPaddingZeroed, variant, appearance, icon, iconSize, loaderIcon, width, minWidth, size, className, styles, onClick, ...props }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Button;
|
|
@@ -23,38 +23,45 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
24
|
import { useEffect, useRef } from 'react';
|
|
25
25
|
import classNames from 'classnames';
|
|
26
|
-
import { isEmpty, isNil } from 'lodash';
|
|
26
|
+
import { isEmpty, isNil, isNull } from 'lodash';
|
|
27
27
|
import { generateFontFamilyStyle } from '../../helpers';
|
|
28
28
|
import { FIT_CONTENT } from '../../constants';
|
|
29
|
-
import { TButtonAppearance, TButtonVariant } from './types';
|
|
29
|
+
import { DEFAULT_BUTTON_SIZE, TButtonAppearance, TButtonVariant } from './types';
|
|
30
30
|
import { ReactComponent as DefaultLoaderIcon } from '../../assets/icons/button-loader.svg';
|
|
31
31
|
import '../../styles/styles.scss';
|
|
32
32
|
var CONTENT_HIDDEN_CLASS_NAME = 'smartapp-button__content--hidden';
|
|
33
33
|
var Button = function (_a) {
|
|
34
|
-
var fontFamily = _a.fontFamily, title = _a.title, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.isDisabledClickable, isDisabledClickable = _c === void 0 ? false : _c, _d = _a.isWaitingResponse, isWaitingResponse = _d === void 0 ? false : _d, _e = _a.variant, variant =
|
|
34
|
+
var fontFamily = _a.fontFamily, title = _a.title, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.isDisabledClickable, isDisabledClickable = _c === void 0 ? false : _c, _d = _a.isWaitingResponse, isWaitingResponse = _d === void 0 ? false : _d, _e = _a.isPaddingZeroed, isPaddingZeroed = _e === void 0 ? false : _e, _f = _a.variant, variant = _f === void 0 ? TButtonVariant.primary : _f, _g = _a.appearance, appearance = _g === void 0 ? TButtonAppearance.accent : _g, icon = _a.icon, iconSize = _a.iconSize, loaderIcon = _a.loaderIcon, _h = _a.width, width = _h === void 0 ? 100 : _h, minWidth = _a.minWidth, _j = _a.size, size = _j === void 0 ? DEFAULT_BUTTON_SIZE : _j, className = _a.className, styles = _a.styles, onClick = _a.onClick, props = __rest(_a, ["fontFamily", "title", "disabled", "isDisabledClickable", "isWaitingResponse", "isPaddingZeroed", "variant", "appearance", "icon", "iconSize", "loaderIcon", "width", "minWidth", "size", "className", "styles", "onClick"]);
|
|
35
35
|
var contentRef = useRef(null);
|
|
36
36
|
var contentRefCurrent = contentRef.current;
|
|
37
37
|
var isTitleEmpty = isEmpty(title);
|
|
38
38
|
var isIconPassed = !isNil(icon);
|
|
39
39
|
var isButtonWithIconOnly = isTitleEmpty && isIconPassed;
|
|
40
|
+
var buttonWithIconOnlySize = "".concat(size, "px");
|
|
41
|
+
var iconSizeInPx = "".concat(iconSize, "px");
|
|
42
|
+
var buttonStyles = __assign(__assign({ width: isButtonWithIconOnly || !!minWidth ? FIT_CONTENT : "".concat(width, "%"), minWidth: !isButtonWithIconOnly && !!minWidth ? "".concat(minWidth, "px") : '' }, (isPaddingZeroed ? { '--button-horizontal-padding': 0 } : {})), generateFontFamilyStyle(fontFamily));
|
|
43
|
+
var iconStyles = iconSize ? { width: iconSizeInPx, height: iconSizeInPx } : {};
|
|
44
|
+
var buttonWithIconOnlyStyles = { width: buttonWithIconOnlySize, height: buttonWithIconOnlySize };
|
|
40
45
|
var changeTransitionDelay = function (transitionDelay) { return contentRefCurrent && (contentRefCurrent.style.transitionDelay = "".concat(transitionDelay, "ms")); };
|
|
41
46
|
var handleButtonClick = function (event) { return (!disabled || (disabled && isDisabledClickable)) && (onClick === null || onClick === void 0 ? void 0 : onClick(event)); };
|
|
42
47
|
useEffect(function () {
|
|
48
|
+
if (isNull(contentRefCurrent))
|
|
49
|
+
return;
|
|
43
50
|
if (isWaitingResponse) {
|
|
44
|
-
contentRefCurrent
|
|
51
|
+
contentRefCurrent.classList.add(CONTENT_HIDDEN_CLASS_NAME);
|
|
45
52
|
setTimeout(function () { return changeTransitionDelay(300); }, 150);
|
|
46
53
|
}
|
|
47
54
|
else {
|
|
48
|
-
contentRefCurrent
|
|
55
|
+
contentRefCurrent.classList.remove(CONTENT_HIDDEN_CLASS_NAME);
|
|
49
56
|
setTimeout(function () { return changeTransitionDelay(0); }, 150);
|
|
50
57
|
}
|
|
51
58
|
// eslint-disable-next-line
|
|
52
|
-
}, [isWaitingResponse]);
|
|
53
|
-
return (_jsxs("div", __assign({ className: classNames('smartapp-button', "smartapp-button__".concat(appearance), className), style:
|
|
59
|
+
}, [isWaitingResponse, contentRefCurrent]);
|
|
60
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-button', "smartapp-button__".concat(appearance), className), style: buttonStyles }, { children: [_jsx("button", __assign({ className: classNames("smartapp-button__".concat(variant), "smartapp-button__".concat(variant, "--").concat(appearance), {
|
|
54
61
|
'smartapp-button__disabled': disabled,
|
|
55
62
|
'smartapp-button__with-icon': !isTitleEmpty && isIconPassed,
|
|
56
63
|
'smartapp-button__with-icon-only': isButtonWithIconOnly,
|
|
57
|
-
}), style: styles, disabled: disabled && !isDisabledClickable, onClick: handleButtonClick }, props, { children: _jsxs("div", __assign({ ref: contentRef, className: "smartapp-button__content" }, { children: [icon && _jsx("div", { children: icon }), title && _jsx("span", { children: title })] })) })), _jsx("div", __assign({ className: classNames('smartapp-button__loader', "smartapp-button__loader--".concat(variant), {
|
|
64
|
+
}), style: styles, disabled: disabled && !isDisabledClickable, onClick: handleButtonClick }, props, { children: _jsxs("div", __assign({ ref: contentRef, className: "smartapp-button__content", style: isButtonWithIconOnly ? buttonWithIconOnlyStyles : {} }, { children: [icon && _jsx("div", __assign({ style: iconStyles }, { children: icon })), title && _jsx("span", { children: title })] })) })), _jsx("div", __assign({ className: classNames('smartapp-button__loader', "smartapp-button__loader--".concat(variant), {
|
|
58
65
|
'smartapp-button__loader--hidden': !isWaitingResponse,
|
|
59
66
|
}) }, { children: loaderIcon || _jsx(DefaultLoaderIcon, {}) }))] })));
|
|
60
67
|
};
|