@expressms/smartapp-ui 2.9.13 → 3.0.0-alpha.1
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/arrow-down.svg +2 -2
- package/build/main/assets/icons/arrow-up.svg +2 -2
- package/build/main/assets/icons/attachment-loader.svg +2 -2
- package/build/main/assets/icons/avatar-arrow-down.svg +3 -0
- package/build/main/assets/icons/avatar-arrow-up.svg +3 -0
- package/build/main/assets/icons/{loader-medium.svg → avatar-loader.svg} +1 -1
- package/build/main/assets/icons/button-loader.svg +2 -2
- package/build/main/assets/icons/check-mark-square.svg +4 -0
- package/build/main/assets/icons/check-mark.svg +3 -3
- package/build/main/assets/icons/chip-info.svg +3 -1
- package/build/main/assets/icons/clear.svg +2 -2
- package/build/main/assets/icons/close-modal.svg +3 -0
- package/build/main/assets/icons/close.svg +2 -9
- package/build/main/assets/icons/contact-info.svg +3 -10
- package/build/main/assets/icons/corporate-user.svg +2 -9
- package/build/main/assets/icons/delete-chip.svg +2 -2
- package/build/main/assets/icons/doc-small.svg +11 -0
- package/build/main/assets/icons/doc.svg +11 -0
- package/build/main/assets/icons/eye-off.svg +4 -9
- package/build/main/assets/icons/eye-on.svg +4 -0
- package/build/main/assets/icons/file-small.svg +11 -0
- package/build/main/assets/icons/file.svg +10 -2
- package/build/main/assets/icons/global-address-book-user.svg +3 -9
- package/build/main/assets/icons/indeterminate-check-mark-square.svg +4 -0
- package/build/main/assets/icons/input-arrow-down.svg +3 -0
- package/build/main/assets/icons/input-arrow-up.svg +3 -0
- package/build/main/assets/icons/magnifying-glass.svg +2 -2
- package/build/main/assets/icons/notification-close.svg +1 -1
- package/build/main/assets/icons/notification-failure.svg +2 -2
- package/build/main/assets/icons/notification-info.svg +4 -4
- package/build/main/assets/icons/notification-success.svg +3 -3
- package/build/main/assets/icons/pdf-small.svg +11 -0
- package/build/main/assets/icons/pdf.svg +11 -0
- package/build/main/assets/icons/play-small.svg +3 -0
- package/build/main/assets/icons/play.svg +3 -0
- package/build/main/assets/icons/ppt-small.svg +11 -0
- package/build/main/assets/icons/ppt.svg +11 -0
- package/build/main/assets/icons/txt-small.svg +11 -0
- package/build/main/assets/icons/txt.svg +11 -0
- package/build/main/assets/icons/warning-avatar.svg +1 -1
- package/build/main/assets/icons/xls-small.svg +11 -0
- package/build/main/assets/icons/xls.svg +11 -0
- package/build/main/assets/storybook/index.d.ts +2 -1
- package/build/main/assets/storybook/index.js +2 -1
- package/build/main/assets/storybook/index.js.map +1 -1
- package/build/main/constants/constants.d.ts +43 -24
- package/build/main/constants/constants.js +41 -23
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +26 -0
- package/build/main/helpers/index.d.ts +10 -7
- package/build/main/helpers/index.js +65 -13
- package/build/main/helpers/index.js.map +1 -1
- package/build/main/hooks/useModal.d.ts +2 -1
- package/build/main/hooks/useModal.js +5 -8
- package/build/main/hooks/useModal.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/ActionModal/ActionModal.d.ts +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.js +13 -15
- package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -1
- package/build/main//321/201omponents/ActionModal/types.d.ts +2 -3
- package/build/main//321/201omponents/AttachedFile/AttachedFile.d.ts +1 -1
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js +69 -33
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js.map +1 -1
- package/build/main//321/201omponents/AttachedFile/types.d.ts +3 -7
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +24 -25
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +4 -4
- package/build/main//321/201omponents/Button/Button.d.ts +1 -1
- package/build/main//321/201omponents/Button/Button.js +13 -19
- package/build/main//321/201omponents/Button/Button.js.map +1 -1
- package/build/main//321/201omponents/Button/types.d.ts +6 -10
- package/build/main//321/201omponents/Button/types.js +1 -0
- package/build/main//321/201omponents/Button/types.js.map +1 -1
- package/build/main//321/201omponents/Calendar/Calendar.d.ts +1 -1
- package/build/main//321/201omponents/Calendar/Calendar.js +13 -12
- package/build/main//321/201omponents/Calendar/Calendar.js.map +1 -1
- package/build/main//321/201omponents/Calendar/types.d.ts +2 -1
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.d.ts +1 -1
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js +8 -7
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.d.ts +1 -1
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js +8 -7
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.d.ts +1 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js +9 -8
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js.map +1 -1
- package/build/main//321/201omponents/Charts/constants.d.ts +0 -4
- package/build/main//321/201omponents/Charts/constants.js +1 -2
- package/build/main//321/201omponents/Charts/constants.js.map +1 -1
- package/build/main//321/201omponents/Charts/helpers.d.ts +2 -2
- package/build/main//321/201omponents/Charts/helpers.js +1 -1
- package/build/main//321/201omponents/Charts/helpers.js.map +1 -1
- package/build/main//321/201omponents/Charts/types.d.ts +3 -2
- package/build/main//321/201omponents/Charts/usePieEvents.js +1 -1
- package/build/main//321/201omponents/Charts/usePieEvents.js.map +1 -1
- package/build/main//321/201omponents/Checkbox/Checkbox.d.ts +5 -1
- package/build/main//321/201omponents/Checkbox/Checkbox.js +24 -14
- package/build/main//321/201omponents/Checkbox/Checkbox.js.map +1 -1
- package/build/main//321/201omponents/Checkbox/types.d.ts +2 -0
- package/build/main//321/201omponents/Chip/Chip.d.ts +1 -1
- package/build/main//321/201omponents/Chip/Chip.js +52 -25
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +3 -2
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +19 -26
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +2 -2
- package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +3 -3
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +2 -2
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +25 -21
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/selectStyles.d.ts +2 -2
- package/build/main//321/201omponents/CustomSelect/selectStyles.js +21 -18
- package/build/main//321/201omponents/CustomSelect/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/types.d.ts +3 -4
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js.map +1 -1
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js +3 -3
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js.map +1 -1
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.d.ts +1 -1
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js +5 -5
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js.map +1 -1
- package/build/main//321/201omponents/DraggablePopup/types.d.ts +2 -2
- package/build/main//321/201omponents/Error/Error.d.ts +1 -1
- package/build/main//321/201omponents/Error/Error.js +3 -3
- package/build/main//321/201omponents/Error/Error.js.map +1 -1
- package/build/main//321/201omponents/Error/types.d.ts +2 -2
- package/build/main//321/201omponents/Flex/Flex.js.map +1 -1
- package/build/main//321/201omponents/Flex/HFlex/HFlex.d.ts +1 -1
- package/build/main//321/201omponents/Flex/HFlex/HFlex.js.map +1 -1
- package/build/main//321/201omponents/Flex/VFlex/VFlex.d.ts +1 -1
- package/build/main//321/201omponents/Header/Header.d.ts +1 -1
- package/build/main//321/201omponents/Header/Header.js +4 -4
- package/build/main//321/201omponents/Header/Header.js.map +1 -1
- package/build/main//321/201omponents/Header/types.d.ts +2 -2
- package/build/main//321/201omponents/Input/Input.d.ts +1 -1
- package/build/main//321/201omponents/Input/Input.js +68 -92
- package/build/main//321/201omponents/Input/Input.js.map +1 -1
- package/build/main//321/201omponents/Input/types.d.ts +6 -8
- package/build/main//321/201omponents/ListItem/ListItem.js +4 -4
- package/build/main//321/201omponents/ListItem/ListItem.js.map +1 -1
- package/build/main//321/201omponents/ListItem/types.d.ts +2 -2
- package/build/main//321/201omponents/Loader/Loader.d.ts +1 -1
- package/build/main//321/201omponents/Loader/Loader.js +3 -3
- package/build/main//321/201omponents/Loader/Loader.js.map +1 -1
- package/build/main//321/201omponents/Loader/types.d.ts +2 -2
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +59 -43
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +6 -7
- package/build/main//321/201omponents/Notification/Notification.d.ts +1 -1
- package/build/main//321/201omponents/Notification/Notification.js +52 -64
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/Notification/types.d.ts +3 -4
- package/build/main//321/201omponents/Profile/Profile.js +2 -2
- 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 +3 -3
- package/build/main//321/201omponents/ProgressBar/ProgressBar.js.map +1 -1
- package/build/main//321/201omponents/ProgressBar/types.d.ts +2 -2
- package/build/main//321/201omponents/RadioButton/RadioButton.js +9 -13
- package/build/main//321/201omponents/RadioButton/RadioButton.js.map +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/Skeleton/Skeleton.js.map +1 -1
- package/build/main//321/201omponents/Skeleton/types.d.ts +2 -2
- package/build/main//321/201omponents/Stories/Stories.js +15 -15
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/Stories/types.d.ts +2 -3
- package/build/main//321/201omponents/Switcher/Switcher.js +1 -1
- package/build/main//321/201omponents/Switcher/Switcher.js.map +1 -1
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js +4 -4
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js.map +1 -1
- package/build/main//321/201omponents/SyncLoader/types.d.ts +2 -3
- package/build/main//321/201omponents/Textarea/Textarea.d.ts +1 -1
- package/build/main//321/201omponents/Textarea/Textarea.js +8 -48
- package/build/main//321/201omponents/Textarea/Textarea.js.map +1 -1
- package/build/main//321/201omponents/Textarea/types.d.ts +2 -4
- package/build/main//321/201omponents/Toggle/Toggle.js +11 -14
- package/build/main//321/201omponents/Toggle/Toggle.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +5 -6
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +5 -7
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +40 -18
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +6 -10
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js +2 -2
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +43 -55
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/helpers.js +1 -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 +20 -32
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +9 -4
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- package/package.json +2 -2
- package/build/main/assets/icons/cancel-cross.svg +0 -3
- package/build/main/assets/icons/download.svg +0 -4
- package/build/main/assets/icons/eye.svg +0 -10
- package/build/main/assets/icons/notification-error.svg +0 -3
- package/build/main/assets/icons/notification-warning.svg +0 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IActionModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const ActionModal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, title, buttonName, confirmButtonFunction, cancelButtonFunction, platform, placeholder, defaultValue, isWaitingResponse, isButtonDisabled, popupClassName, className, popupStyles, styles, titleStyles, iconColor, buttonWidth, backgroundColor,
|
|
3
|
+
declare const ActionModal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, title, buttonName, confirmButtonFunction, cancelButtonFunction, platform, fontFamily, placeholder, defaultValue, isWaitingResponse, isButtonDisabled, popupClassName, className, popupStyles, styles, titleStyles, iconColor, buttonWidth, backgroundColor, }: IActionModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ActionModal;
|
|
@@ -15,16 +15,18 @@ import Popup from 'reactjs-popup';
|
|
|
15
15
|
import classNames from 'classnames';
|
|
16
16
|
import Button from '../Button';
|
|
17
17
|
import Input from '../Input';
|
|
18
|
-
import {
|
|
19
|
-
import { PLATFORM } from '../../constants';
|
|
20
|
-
import { ReactComponent as CloseIcon } from '../../assets/icons/
|
|
18
|
+
import { generateClassNames, generateColor, generateFontFamilyStyle, generateIsCloseIconHidden, renderCloseIconSpace } from '../../helpers';
|
|
19
|
+
import { COLORS, EVENT_LISTENER_TYPES, PLATFORM } from '../../constants';
|
|
20
|
+
import { ReactComponent as CloseIcon } from '../../assets/icons/close-modal.svg';
|
|
21
21
|
import '../../styles/styles.scss';
|
|
22
22
|
var ActionModal = function (_a) {
|
|
23
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, title = _a.title, buttonName = _a.buttonName, confirmButtonFunction = _a.confirmButtonFunction, cancelButtonFunction = _a.cancelButtonFunction, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, placeholder = _a.placeholder, _d = _a.defaultValue, defaultValue = _d === void 0 ? '' : _d, isWaitingResponse = _a.isWaitingResponse, isButtonDisabled = _a.isButtonDisabled, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, iconColor = _a.iconColor, _e = _a.buttonWidth, buttonWidth = _e === void 0 ? 100 : _e, backgroundColor = _a.backgroundColor
|
|
23
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, title = _a.title, buttonName = _a.buttonName, confirmButtonFunction = _a.confirmButtonFunction, cancelButtonFunction = _a.cancelButtonFunction, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, fontFamily = _a.fontFamily, placeholder = _a.placeholder, _d = _a.defaultValue, defaultValue = _d === void 0 ? '' : _d, isWaitingResponse = _a.isWaitingResponse, isButtonDisabled = _a.isButtonDisabled, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, iconColor = _a.iconColor, _e = _a.buttonWidth, buttonWidth = _e === void 0 ? 100 : _e, backgroundColor = _a.backgroundColor;
|
|
24
24
|
var isCloseIconInvisible = generateIsCloseIconHidden(platform, isCloseIconHidden);
|
|
25
25
|
var ref = useRef(null);
|
|
26
26
|
var titleRef = useRef(null);
|
|
27
|
+
var closeIconRef = useRef(null);
|
|
27
28
|
var _f = useState(defaultValue), value = _f[0], setValue = _f[1];
|
|
29
|
+
var popupOverlayStyle = __assign({ '--action-modal-background': generateColor(backgroundColor, COLORS.colorBgBlackoutTransparent) }, popupStyles);
|
|
28
30
|
var handleConfirmClick = function () {
|
|
29
31
|
confirmButtonFunction(value);
|
|
30
32
|
setValue('');
|
|
@@ -35,21 +37,17 @@ var ActionModal = function (_a) {
|
|
|
35
37
|
};
|
|
36
38
|
var handleChange = function (value) { return setValue(value); };
|
|
37
39
|
useEffect(function () {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
if (isModalOpen && isClosableOutside && ref.current && !ref.current.contains(e.target) && !value.length) {
|
|
40
|
+
var checkIfClickedOutside = function (_a) {
|
|
41
|
+
var target = _a.target;
|
|
42
|
+
var refCurrent = ref.current;
|
|
43
|
+
if (isModalOpen && isClosableOutside && refCurrent && !refCurrent.contains(target) && !(value === null || value === void 0 ? void 0 : value.length))
|
|
43
44
|
handleCloseModal();
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
|
|
47
|
-
return function () {
|
|
48
|
-
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
49
45
|
};
|
|
46
|
+
document === null || document === void 0 ? void 0 : document.addEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true);
|
|
47
|
+
return function () { return document === null || document === void 0 ? void 0 : document.removeEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true); };
|
|
50
48
|
// eslint-disable-next-line
|
|
51
49
|
}, [isModalOpen, isClosableOutside, cancelButtonFunction, value]);
|
|
52
|
-
return (_jsx(Popup, __assign({ className: classNames('action-modal', popupClassName), overlayStyle:
|
|
50
|
+
return (_jsx(Popup, __assign({ className: classNames('action-modal', popupClassName), overlayStyle: popupOverlayStyle, closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen, closeOnEscape: isClosableOutside, onClose: handleCloseModal }, { children: _jsx("div", __assign({ ref: ref, className: classNames('smartapp-action-modal', className), style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), styles) }, { children: _jsxs("div", __assign({ className: "smartapp-action-modal__content" }, { children: [_jsxs("div", { children: [!isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef, closeIconRef: closeIconRef }), _jsx("p", __assign({ ref: titleRef, className: generateClassNames({ className: 'smartapp-action-modal__content--title', delimiter: '__', additionalClassName: platform }), style: titleStyles }, { children: title }))] }), !isCloseIconInvisible && (_jsx("div", __assign({ ref: closeIconRef, onClick: handleCloseModal, className: "smartapp-close-modal-icon" }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) }))), _jsx("div", __assign({ className: "smartapp-action-modal__content--input" }, { children: _jsx(Input, { fontFamily: fontFamily, defaultValue: value, placeholder: placeholder, disabled: isWaitingResponse, onChange: handleChange }) })), _jsx("div", __assign({ className: "smartapp-action-modal__content--buttons" }, { children: _jsx(Button, { fontFamily: fontFamily, width: buttonWidth, isWaitingResponse: isWaitingResponse, disabled: isButtonDisabled, title: buttonName, onClick: handleConfirmClick }) }))] })) })) })));
|
|
53
51
|
};
|
|
54
52
|
export default ActionModal;
|
|
55
53
|
//# sourceMappingURL=ActionModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,
|
|
1
|
+
{"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAiB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAC3I,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,QAAQ,EAAW,MAAM,iBAAiB,CAAA;AAEjF,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAsBD;QArBlB,WAAW,iBAAA,EACX,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACxB,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,qBAAqB,2BAAA,EACrB,oBAAoB,0BAAA,EACpB,gBAAuB,EAAvB,QAAQ,mBAAG,QAAQ,CAAC,GAAG,KAAA,EACvB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,mBAAiB,EAAjB,WAAW,mBAAG,GAAG,KAAA,EACjB,eAAe,qBAAA;IAEf,IAAM,oBAAoB,GAAG,yBAAyB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;IAEnF,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,IAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAA;IACnD,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE3C,IAAA,KAAoB,QAAQ,CAAC,YAAY,CAAC,EAAzC,KAAK,QAAA,EAAE,QAAQ,QAA0B,CAAA;IAEhD,IAAM,iBAAiB,GAAG,WACxB,2BAA2B,EAAE,aAAa,CAAC,eAAe,EAAE,MAAM,CAAC,0BAA0B,CAAC,IAC3F,WAAW,CACE,CAAA;IAElB,IAAM,kBAAkB,GAAG;QACzB,qBAAqB,CAAC,KAAK,CAAC,CAAA;QAC5B,QAAQ,CAAC,EAAE,CAAC,CAAA;IACd,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,QAAQ,CAAC,EAAE,CAAC,CAAA;QACZ,oBAAoB,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe,CAAA;IAEvD,SAAS,CAAC;QACR,IAAM,qBAAqB,GAAG,UAAC,EAAmB;gBAAjB,MAAM,YAAA;YACrC,IAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAA;YAC9B,IAAI,WAAW,IAAI,iBAAiB,IAAI,UAAU,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA;gBAAE,gBAAgB,EAAE,CAAA;QAC1H,CAAC,CAAA;QAED,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;QACnF,OAAO,cAAM,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAtF,CAAsF,CAAA;QACnG,2BAA2B;IAC7B,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAA;IAEjE,OAAO,CACL,KAAC,KAAK,aACJ,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EACrD,YAAY,EAAE,iBAAiB,EAC/B,oBAAoB,EAAE,iBAAiB,EACvC,KAAK,QACL,IAAI,EAAE,WAAW,EACjB,aAAa,EAAE,iBAAiB,EAChC,OAAO,EAAE,gBAAgB,gBAEzB,uBAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAAE,KAAK,wBAAO,uBAAuB,CAAC,UAAU,CAAC,GAAK,MAAM,iBAClI,wBAAK,SAAS,EAAC,gCAAgC,iBAC7C,0BACG,CAAC,oBAAoB,IAAI,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,cAAA,EAAE,CAAC,EACtF,qBACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,kBAAkB,CAAC,EAAE,SAAS,EAAE,uCAAuC,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EACrI,KAAK,EAAE,WAAW,gBAEjB,KAAK,IACJ,IACA,EACL,CAAC,oBAAoB,IAAI,CACxB,uBAAK,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAC,2BAA2B,gBACtF,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,EAAE,GAAI,IACrD,CACP,EACD,uBAAK,SAAS,EAAC,uCAAuC,gBACpD,KAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,GAAI,IACjI,EACN,uBAAK,SAAS,EAAC,yCAAyC,gBACtD,KAAC,MAAM,IACL,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,WAAW,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,kBAAkB,GAC3B,IACE,KACF,IACF,IACA,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { IFontFamilyProps, IPlatformProps, TStyles } from '../../constants';
|
|
1
2
|
import { IntRange } from '../types';
|
|
2
|
-
|
|
3
|
-
export interface IActionModalProps extends ICommonProps {
|
|
3
|
+
export interface IActionModalProps extends IPlatformProps, IFontFamilyProps {
|
|
4
4
|
isModalOpen: boolean;
|
|
5
5
|
isClosableOutside?: boolean;
|
|
6
6
|
isCloseIconHidden?: boolean;
|
|
@@ -20,5 +20,4 @@ export interface IActionModalProps extends ICommonProps {
|
|
|
20
20
|
iconColor?: string;
|
|
21
21
|
buttonWidth?: IntRange<1, 101>;
|
|
22
22
|
backgroundColor?: string;
|
|
23
|
-
inputFillType?: 'primary' | 'secondary';
|
|
24
23
|
}
|
|
@@ -4,5 +4,5 @@ export declare enum DISPLAY_SIZE {
|
|
|
4
4
|
small = "small",
|
|
5
5
|
normal = "normal"
|
|
6
6
|
}
|
|
7
|
-
declare const AttachedFile: ({
|
|
7
|
+
declare const AttachedFile: ({ fontFamily, fileName, weight, weightType, isSpaceBetween, isRemovable, isDisabled, isLoading, width, displaySize, className, styles, removeColor, fileIcon, mediaFilePreview, onClick, onRemove, }: IAttachedFileProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default AttachedFile;
|
|
@@ -10,51 +10,87 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { useEffect, useLayoutEffect, useRef } from 'react';
|
|
13
14
|
import classNames from 'classnames';
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
15
|
+
import { isEmpty } from 'lodash';
|
|
16
|
+
import { extractFileExtensionRegex, generateColor, generateFileIcon, generateFontFamilyStyle } from '../../helpers';
|
|
17
|
+
import { COLORS, EVENT_LISTENER_TYPES, FIT_CONTENT, VIDEO_FORMATS } from '../../constants';
|
|
17
18
|
import { ReactComponent as LoaderIcon } from '../../assets/icons/attachment-loader.svg';
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
19
|
+
import { ReactComponent as RemoveIcon } from '../../assets/icons/close.svg';
|
|
20
|
+
import { ReactComponent as PlaySmallIcon } from '../../assets/icons/play-small.svg';
|
|
21
|
+
import { ReactComponent as PlayIcon } from '../../assets/icons/play.svg';
|
|
20
22
|
import '../../styles/styles.scss';
|
|
21
23
|
export var DISPLAY_SIZE;
|
|
22
24
|
(function (DISPLAY_SIZE) {
|
|
23
25
|
DISPLAY_SIZE["small"] = "small";
|
|
24
26
|
DISPLAY_SIZE["normal"] = "normal";
|
|
25
27
|
})(DISPLAY_SIZE || (DISPLAY_SIZE = {}));
|
|
28
|
+
var ATTACHED_FILE_PADDINGS = '20px';
|
|
29
|
+
var SMALL_ATTACHED_FILE_PADDINGS = '16px';
|
|
30
|
+
var DEFAULT_LINE_HEIGHT = '16';
|
|
31
|
+
var ELLIPSIS = '...';
|
|
32
|
+
var PRESSED_CLASS_NAME = 'smartapp-attached-file__pressed';
|
|
26
33
|
var AttachedFile = function (_a) {
|
|
27
|
-
var
|
|
28
|
-
var
|
|
34
|
+
var fontFamily = _a.fontFamily, fileName = _a.fileName, weight = _a.weight, weightType = _a.weightType, _b = _a.isSpaceBetween, isSpaceBetween = _b === void 0 ? false : _b, _c = _a.isRemovable, isRemovable = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, width = _a.width, _f = _a.displaySize, displaySize = _f === void 0 ? DISPLAY_SIZE.normal : _f, className = _a.className, styles = _a.styles, removeColor = _a.removeColor, fileIcon = _a.fileIcon, mediaFilePreview = _a.mediaFilePreview, onClick = _a.onClick, onRemove = _a.onRemove;
|
|
35
|
+
var attachedFileRef = useRef(null);
|
|
36
|
+
var fileNameRef = useRef(null);
|
|
37
|
+
var fileExtension = extractFileExtensionRegex(fileName);
|
|
38
|
+
var isMediaFilePreview = !isEmpty(mediaFilePreview);
|
|
39
|
+
var isVideoFilePreview = VIDEO_FORMATS.includes(fileExtension);
|
|
40
|
+
var isNormalDisplaySize = displaySize === DISPLAY_SIZE.normal;
|
|
41
|
+
var attachedFilePaddings = isNormalDisplaySize ? ATTACHED_FILE_PADDINGS : SMALL_ATTACHED_FILE_PADDINGS;
|
|
42
|
+
var attachedFileClassName = classNames('smartapp-attached-file', "smartapp-attached-file__".concat(displaySize), {
|
|
43
|
+
'smartapp-attached-file__clickable': onClick,
|
|
44
|
+
'smartapp-attached-file__disabled': isDisabled,
|
|
45
|
+
'smartapp-attached-file__loading': isLoading,
|
|
46
|
+
}, className);
|
|
47
|
+
var attachedFileStyles = __assign(__assign({ '--attached-file-width': width ? "calc(".concat(width, "% - ").concat(attachedFilePaddings, ")") : FIT_CONTENT }, generateFontFamilyStyle(fontFamily)), styles);
|
|
48
|
+
var handleMouseDown = function () { var _a; return (_a = attachedFileRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(PRESSED_CLASS_NAME); };
|
|
49
|
+
var handleMouseUp = function () { var _a; return (_a = attachedFileRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(PRESSED_CLASS_NAME); };
|
|
50
|
+
var handleAttachmentClick = function () { return !isLoading && !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(fileName)); };
|
|
29
51
|
var handleAttachmentRemove = function (event) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
onRemove(fileName);
|
|
33
|
-
}
|
|
52
|
+
event.stopPropagation();
|
|
53
|
+
onRemove === null || onRemove === void 0 ? void 0 : onRemove(fileName);
|
|
34
54
|
};
|
|
35
|
-
var
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
55
|
+
var renderFileIcon = function () { return (mediaFilePreview ? _jsx("img", { src: mediaFilePreview, alt: "preview" }) : generateFileIcon(fileName, displaySize)); };
|
|
56
|
+
var renderLoaderIcon = function () {
|
|
57
|
+
return isLoading && (_jsx("div", __assign({ className: classNames('smartapp-attached-file__icon--loader', {
|
|
58
|
+
'smartapp-attached-file__icon--loader__image-preview': isMediaFilePreview && !isVideoFilePreview,
|
|
59
|
+
}) }, { children: _jsx(LoaderIcon, {}) })));
|
|
60
|
+
};
|
|
61
|
+
var renderRemoveIcon = function () {
|
|
62
|
+
return isRemovable && (_jsx("div", __assign({ onClick: handleAttachmentRemove, className: "smartapp-attached-file__value--close-icon" }, { children: _jsx(RemoveIcon, { style: { color: generateColor(removeColor, COLORS.iconPrimary) } }) })));
|
|
40
63
|
};
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
64
|
+
var renderPlayIcon = function () { return !isLoading && (isNormalDisplaySize ? _jsx(PlayIcon, {}) : _jsx(PlaySmallIcon, {})); };
|
|
65
|
+
useEffect(function () {
|
|
66
|
+
window.addEventListener(EVENT_LISTENER_TYPES.mouseup, handleMouseUp);
|
|
67
|
+
return function () { return window.removeEventListener(EVENT_LISTENER_TYPES.mouseup, handleMouseUp); };
|
|
68
|
+
}, []);
|
|
69
|
+
useLayoutEffect(function () {
|
|
70
|
+
var attachedFileRefCurrent = attachedFileRef.current;
|
|
71
|
+
var fileNameRefCurrent = fileNameRef.current;
|
|
72
|
+
if (!attachedFileRefCurrent || !fileNameRefCurrent)
|
|
73
|
+
return;
|
|
74
|
+
var resizeObserver = new ResizeObserver(function () {
|
|
75
|
+
var fileExtensionLength = fileExtension.length;
|
|
76
|
+
var endIndex = fileExtensionLength ? -fileExtensionLength : fileName.length;
|
|
77
|
+
var truncatedFileName = fileName.slice(0, endIndex);
|
|
78
|
+
fileNameRefCurrent.textContent = fileName;
|
|
79
|
+
var isMultiline = function () {
|
|
80
|
+
var height = fileNameRefCurrent.getBoundingClientRect().height;
|
|
81
|
+
var lineHeight = parseFloat(getComputedStyle(fileNameRefCurrent).lineHeight || DEFAULT_LINE_HEIGHT);
|
|
82
|
+
return height > lineHeight;
|
|
83
|
+
};
|
|
84
|
+
while (isMultiline() && truncatedFileName.length > 0) {
|
|
85
|
+
truncatedFileName = truncatedFileName.slice(0, -1);
|
|
86
|
+
var truncatedFileNameWithoutLastSpace = truncatedFileName.replace(/\s+$/, '');
|
|
87
|
+
fileNameRefCurrent.textContent = "".concat(truncatedFileNameWithoutLastSpace).concat(ELLIPSIS).concat(fileExtension);
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
resizeObserver.observe(attachedFileRefCurrent);
|
|
91
|
+
return function () { return resizeObserver.disconnect(); };
|
|
92
|
+
}, [fileExtension, fileName, fontFamily]);
|
|
93
|
+
return (_jsxs("div", __assign({ ref: attachedFileRef, style: attachedFileStyles, className: attachedFileClassName, onClick: handleAttachmentClick, onMouseDown: handleMouseDown }, { 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({ className: "smartapp-attached-file__value--info__weight" }, { children: "".concat(weight, " ").concat(weightType) }))] })), renderRemoveIcon()] }))] }), weight));
|
|
58
94
|
};
|
|
59
95
|
export default AttachedFile;
|
|
60
96
|
//# sourceMappingURL=AttachedFile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachedFile.js","sourceRoot":"","sources":["../../../../src/сomponents/AttachedFile/AttachedFile.tsx"],"names":[],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"AttachedFile.js","sourceRoot":"","sources":["../../../../src/сomponents/AttachedFile/AttachedFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +1,21 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { IFontFamilyProps, TStyles } from '../../constants';
|
|
2
3
|
import { IntRange } from '../types';
|
|
3
|
-
|
|
4
|
-
export interface IAttachedFileProps extends IThemeProps {
|
|
4
|
+
export interface IAttachedFileProps extends IFontFamilyProps {
|
|
5
5
|
fileName: string;
|
|
6
6
|
weight: number;
|
|
7
7
|
weightType: string;
|
|
8
|
-
isIconEnclosedWithinBorders?: boolean;
|
|
9
8
|
isSpaceBetween?: boolean;
|
|
10
9
|
isRemovable?: boolean;
|
|
11
|
-
isDownloadable?: boolean;
|
|
12
10
|
isDisabled?: boolean;
|
|
13
11
|
isLoading?: boolean;
|
|
14
12
|
width?: IntRange<1, 101>;
|
|
15
13
|
displaySize?: 'small' | 'normal';
|
|
16
14
|
className?: string;
|
|
17
15
|
styles?: TStyles;
|
|
18
|
-
fileColor?: string;
|
|
19
|
-
downloadColor?: string;
|
|
20
16
|
removeColor?: string;
|
|
21
17
|
fileIcon?: ReactElement;
|
|
18
|
+
mediaFilePreview?: string;
|
|
22
19
|
onClick?: (file: any) => void;
|
|
23
20
|
onRemove?: (file: any) => void;
|
|
24
|
-
onDownload?: (file: any) => void;
|
|
25
21
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IAvatarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Avatar: ({ theme, language, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isWarning, isCrown, isEye, isTooltipAvailableOnEye, size, username, initials, avatar, counter, icon, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Avatar: ({ theme, language, fontFamily, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isWarning, isCrown, isEye, isTooltipAvailableOnEye, size, username, initials, avatar, counter, icon, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Avatar;
|
|
@@ -14,14 +14,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
14
14
|
import { useEffect, useRef, useState } from 'react';
|
|
15
15
|
import Popup from 'reactjs-popup';
|
|
16
16
|
import classNames from 'classnames';
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
17
|
+
import { isString } from 'lodash';
|
|
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
|
-
import {
|
|
21
|
-
import { ReactComponent as InfoIcon } from '../../assets/icons/info.svg';
|
|
20
|
+
import { AVATAR_SIZES, AvatarFontSizes } from './types';
|
|
22
21
|
import { ReactComponent as CrownIcon } from '../../assets/icons/crown.svg';
|
|
22
|
+
import { ReactComponent as InfoIcon } from '../../assets/icons/info.svg';
|
|
23
23
|
import { ReactComponent as PrivateIcon } from '../../assets/icons/private.svg';
|
|
24
|
-
import { ReactComponent as
|
|
24
|
+
import { ReactComponent as TickIcon } from '../../assets/icons/tick.svg';
|
|
25
|
+
import { ReactComponent as WarningIcon } from '../../assets/icons/warning-avatar.svg';
|
|
25
26
|
import '../../styles/styles.scss';
|
|
26
27
|
var PERCENTS;
|
|
27
28
|
(function (PERCENTS) {
|
|
@@ -42,15 +43,13 @@ var PERCENTS;
|
|
|
42
43
|
})(PERCENTS || (PERCENTS = {}));
|
|
43
44
|
var AVATAR_OPACITY = 0.5;
|
|
44
45
|
var USER_INITIALS_OPACITY = 0.3;
|
|
45
|
-
var WARNING_AVATAR_BACKGROUND_COLOR = 'var(--color-icon-transparent-pressed)';
|
|
46
46
|
var POPUP_APPEARANCE_DELAY = 500;
|
|
47
47
|
var POPUP_HIDDEN_CLASSNAME = 'private-icon-hidden';
|
|
48
|
-
var POPUP_PADDINGS =
|
|
49
|
-
var POPUP_INDENTS =
|
|
48
|
+
var POPUP_PADDINGS = 16;
|
|
49
|
+
var POPUP_INDENTS = 24; // paddings + margins
|
|
50
50
|
var POPUP_LEFT_OFFSET = 36;
|
|
51
|
-
var
|
|
52
|
-
var
|
|
53
|
-
var POPUP_VERTICAL_OFFSET = 11;
|
|
51
|
+
var CHIP_TOP_PADDING = 7;
|
|
52
|
+
var POPUP_VERTICAL_OFFSET = 4;
|
|
54
53
|
var POPUP_TEXT = (_a = {},
|
|
55
54
|
_a[LANGUAGES.ru] = 'Невозможно отобразить расписание участника',
|
|
56
55
|
_a[LANGUAGES.en] = 'Unable to display the schedule of participant',
|
|
@@ -63,7 +62,7 @@ var POPUP_TEXT = (_a = {},
|
|
|
63
62
|
_a[LANGUAGES.id] = 'Tidak dapat menampilkan jadwal peserta',
|
|
64
63
|
_a);
|
|
65
64
|
var Avatar = function (_a) {
|
|
66
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.language, language = _c === void 0 ? LANGUAGES.ru : _c, 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;
|
|
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;
|
|
67
66
|
var popupRef = useRef(null);
|
|
68
67
|
var popupContentRef = useRef(null);
|
|
69
68
|
var avatarLocalRef = useRef(null);
|
|
@@ -104,11 +103,16 @@ var Avatar = function (_a) {
|
|
|
104
103
|
}
|
|
105
104
|
};
|
|
106
105
|
var renderUserInitials = function () { return (initials === null || initials === void 0 ? void 0 : initials.slice(0, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS).toUpperCase()) || createInitials(username); };
|
|
107
|
-
var renderAvatarImage = function () {
|
|
106
|
+
var renderAvatarImage = function () {
|
|
107
|
+
if (avatar)
|
|
108
|
+
return isString(avatar) ? _jsx("img", { src: avatar, alt: "avatar" }) : avatar;
|
|
109
|
+
else
|
|
110
|
+
return renderUserInitials();
|
|
111
|
+
};
|
|
108
112
|
var renderContent = function () {
|
|
109
113
|
if (isWarning) {
|
|
110
114
|
var warningSize = calculatePercentageOfValue({ value: size, percentage: size === AVATAR_SIZES.size_32 ? PERCENTS.pct_90 : PERCENTS.pct_100 });
|
|
111
|
-
return _jsx(
|
|
115
|
+
return _jsx(WarningIcon, { color: COLORS.iconNegative, width: warningSize, height: warningSize });
|
|
112
116
|
}
|
|
113
117
|
if (isSelected) {
|
|
114
118
|
var tickSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_57 });
|
|
@@ -165,11 +169,11 @@ var Avatar = function (_a) {
|
|
|
165
169
|
var popupContentRightmostPosition = nextLeft + popupContentWidthWithIndents;
|
|
166
170
|
var popupContentOutsideScreen = popupContentRightmostPosition - window.innerWidth;
|
|
167
171
|
var finalNextLeftValue = Math.max(nextLeft - Math.max(popupContentOutsideScreen, 0), 0);
|
|
168
|
-
var popupHeight = height + POPUP_PADDINGS
|
|
172
|
+
var popupHeight = height + POPUP_PADDINGS;
|
|
169
173
|
var nextTop = top_1 - popupHeight - CHIP_TOP_PADDING;
|
|
170
174
|
var isBottomPosition = nextTop < 0;
|
|
171
175
|
var nextTopValue = isBottomPosition ? top_1 + size + POPUP_VERTICAL_OFFSET : nextTop;
|
|
172
|
-
var nextPopupArrowLeft = right - finalNextLeftValue -
|
|
176
|
+
var nextPopupArrowLeft = right - finalNextLeftValue - privateIconRight / 2;
|
|
173
177
|
if (popupLeft !== finalNextLeftValue || popupTop !== nextTopValue || popupMaxWidth !== popupContentWidth) {
|
|
174
178
|
popupRefCurrent.close();
|
|
175
179
|
setPopupVerticalPosition(isBottomPosition ? POPUP_VERTICAL_POSITION.bottom : POPUP_VERTICAL_POSITION.top);
|
|
@@ -184,17 +188,12 @@ var Avatar = function (_a) {
|
|
|
184
188
|
}
|
|
185
189
|
};
|
|
186
190
|
var handleClosePopup = function () { return timeoutId && clearTimeout(timeoutId); };
|
|
187
|
-
var generatePopupContentStyle = function () { return ({
|
|
188
|
-
'--private-icon-content-top': "".concat(popupTop, "px"),
|
|
189
|
-
'--private-icon-content-left': "".concat(popupLeft, "px"),
|
|
190
|
-
'--private-icon-arrow-left': "".concat(popupArrowLeft, "px"),
|
|
191
|
-
'--private-icon-content-max-width': "".concat(popupMaxWidth, "px"),
|
|
192
|
-
}); };
|
|
191
|
+
var generatePopupContentStyle = function () { return (__assign({ '--private-icon-content-top': "".concat(popupTop, "px"), '--private-icon-content-left': "".concat(popupLeft, "px"), '--private-icon-arrow-left': "".concat(popupArrowLeft, "px"), '--private-icon-content-max-width': "".concat(popupMaxWidth, "px") }, generateFontFamilyStyle(fontFamily))); };
|
|
193
192
|
var renderEye = function () {
|
|
194
193
|
var top = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_8 });
|
|
195
194
|
var right = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_25 });
|
|
196
195
|
var eyeSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_65 });
|
|
197
|
-
return (_jsx(Popup, __assign({ ref: popupRef, 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] })) })));
|
|
196
|
+
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] })) })));
|
|
198
197
|
};
|
|
199
198
|
var renderCrown = function () {
|
|
200
199
|
var bottom = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_10 });
|
|
@@ -202,7 +201,7 @@ var Avatar = function (_a) {
|
|
|
202
201
|
var crownSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_50 });
|
|
203
202
|
return (_jsx(CrownIcon, { className: "smartapp-avatar__content--crown", width: crownSize, height: crownSize, color: outlineBackground, style: { bottom: "-".concat(bottom, "px"), right: "-".concat(right, "px") } }));
|
|
204
203
|
};
|
|
205
|
-
var generateBackgroundValueForStyles = function () { return (isWarning ?
|
|
204
|
+
var generateBackgroundValueForStyles = function () { return (isWarning ? COLORS.iconTransparentPressed : userNameToColor(initials || username)); };
|
|
206
205
|
var generateAvatarContentStyles = function () {
|
|
207
206
|
var fontSize = generateFontSizeAvatar();
|
|
208
207
|
return {
|
|
@@ -217,7 +216,7 @@ var Avatar = function (_a) {
|
|
|
217
216
|
opacity: isInactive ? inactiveOpacity : 1,
|
|
218
217
|
};
|
|
219
218
|
};
|
|
220
|
-
return (_jsx("div", __assign({ ref: avatarRef || avatarLocalRef, className: classNames('smartapp-avatar', "smartapp-avatar__".concat(theme), { 'smartapp-avatar__outline': isHighlighted }, className), style: __assign({ '--avatar-outline-width': "".concat(outlineWidth, "px") }, styles), onClick: onClick, onMouseDown: onMouseDown }, { children: _jsxs("div", __assign({ style: generateAvatarContentStyles(), className: classNames('smartapp-avatar__content', {
|
|
219
|
+
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', {
|
|
221
220
|
'smartapp-avatar__content--spam': isSpam,
|
|
222
221
|
'smartapp-avatar__content--inactive': isInactive,
|
|
223
222
|
}) }, { children: [!!counter && renderCounter(), isEye && renderEye(), renderContent(), isCrown && renderCrown()] })) })));
|
|
@@ -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,6 +1,6 @@
|
|
|
1
|
-
import { ReactNode, RefObject } from 'react';
|
|
2
|
-
import { ILanguageProps, IThemeProps, TStyles } from '../../constants';
|
|
3
|
-
export interface IAvatarProps extends IThemeProps, ILanguageProps {
|
|
1
|
+
import { ReactElement, ReactNode, RefObject } from 'react';
|
|
2
|
+
import { IFontFamilyProps, ILanguageProps, IThemeProps, TStyles } from '../../constants';
|
|
3
|
+
export interface IAvatarProps extends IThemeProps, IFontFamilyProps, ILanguageProps {
|
|
4
4
|
avatarRef?: RefObject<HTMLDivElement | null>;
|
|
5
5
|
className?: string;
|
|
6
6
|
styles?: TStyles;
|
|
@@ -15,7 +15,7 @@ export interface IAvatarProps extends IThemeProps, ILanguageProps {
|
|
|
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?: string | null;
|
|
18
|
+
avatar?: ReactElement | string | null;
|
|
19
19
|
counter?: number;
|
|
20
20
|
icon?: ReactNode;
|
|
21
21
|
outlineDefaultBackground?: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IButtonProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Button: ({ 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, variant, appearance, icon, loaderIcon, width, className, styles, onClick, ...props }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Button;
|
|
@@ -24,38 +24,32 @@ 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
26
|
import { isNil } from 'lodash';
|
|
27
|
+
import { generateFontFamilyStyle } from '../../helpers';
|
|
28
|
+
import { TButtonAppearance, TButtonVariant } from './types';
|
|
27
29
|
import { ReactComponent as DefaultLoaderIcon } from '../../assets/icons/button-loader.svg';
|
|
28
|
-
import { TButtonVariant, TButtonAppearance } from './types';
|
|
29
30
|
import '../../styles/styles.scss';
|
|
31
|
+
var CONTENT_HIDDEN_CLASS_NAME = 'smartapp-button__content--hidden';
|
|
30
32
|
var Button = function (_a) {
|
|
31
|
-
var 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 = _e === void 0 ? TButtonVariant.primary : _e, _f = _a.appearance, appearance = _f === void 0 ? TButtonAppearance.accent : _f, icon = _a.icon, loaderIcon = _a.loaderIcon, _g = _a.width, width = _g === void 0 ? 100 : _g, className = _a.className, styles = _a.styles, onClick = _a.onClick, props = __rest(_a, ["title", "disabled", "isDisabledClickable", "isWaitingResponse", "variant", "appearance", "icon", "loaderIcon", "width", "className", "styles", "onClick"]);
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var buttonIconDivRefCurrent = buttonIconDivRef.current;
|
|
36
|
-
var changeTransitionDelay = function (_a) {
|
|
37
|
-
var transitionDelay = _a.transitionDelay, titleEl = _a.titleEl, iconEl = _a.iconEl;
|
|
38
|
-
titleEl && (titleEl.style.transitionDelay = "".concat(transitionDelay, "ms"));
|
|
39
|
-
iconEl && (iconEl.style.transitionDelay = "".concat(transitionDelay, "ms"));
|
|
40
|
-
};
|
|
33
|
+
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 = _e === void 0 ? TButtonVariant.primary : _e, _f = _a.appearance, appearance = _f === void 0 ? TButtonAppearance.accent : _f, icon = _a.icon, loaderIcon = _a.loaderIcon, _g = _a.width, width = _g === void 0 ? 100 : _g, className = _a.className, styles = _a.styles, onClick = _a.onClick, props = __rest(_a, ["fontFamily", "title", "disabled", "isDisabledClickable", "isWaitingResponse", "variant", "appearance", "icon", "loaderIcon", "width", "className", "styles", "onClick"]);
|
|
34
|
+
var contentRef = useRef(null);
|
|
35
|
+
var contentRefCurrent = contentRef.current;
|
|
36
|
+
var changeTransitionDelay = function (transitionDelay) { return contentRefCurrent && (contentRefCurrent.style.transitionDelay = "".concat(transitionDelay, "ms")); };
|
|
41
37
|
var handleButtonClick = function (event) { return (!disabled || (disabled && isDisabledClickable)) && (onClick === null || onClick === void 0 ? void 0 : onClick(event)); };
|
|
42
38
|
useEffect(function () {
|
|
43
39
|
if (isWaitingResponse) {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
setTimeout(function () { return changeTransitionDelay({ transitionDelay: 300, titleEl: buttonTitleRefCurrent, iconEl: buttonIconDivRefCurrent }); }, 150);
|
|
40
|
+
contentRefCurrent === null || contentRefCurrent === void 0 ? void 0 : contentRefCurrent.classList.add(CONTENT_HIDDEN_CLASS_NAME);
|
|
41
|
+
setTimeout(function () { return changeTransitionDelay(300); }, 150);
|
|
47
42
|
}
|
|
48
43
|
else {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
setTimeout(function () { return changeTransitionDelay({ transitionDelay: 0, titleEl: buttonTitleRefCurrent, iconEl: buttonIconDivRefCurrent }); }, 150);
|
|
44
|
+
contentRefCurrent === null || contentRefCurrent === void 0 ? void 0 : contentRefCurrent.classList.remove(CONTENT_HIDDEN_CLASS_NAME);
|
|
45
|
+
setTimeout(function () { return changeTransitionDelay(0); }, 150);
|
|
52
46
|
}
|
|
53
47
|
// eslint-disable-next-line
|
|
54
48
|
}, [isWaitingResponse]);
|
|
55
|
-
return (_jsxs("div", __assign({ className: classNames('smartapp-button', "smartapp-button__".concat(appearance), className), style: { width: "".concat(width, "%") } }, { children: [
|
|
49
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-button', "smartapp-button__".concat(appearance), className), style: __assign({ width: "".concat(width, "%") }, generateFontFamilyStyle(fontFamily)) }, { children: [_jsx("button", __assign({ className: classNames("smartapp-button__".concat(variant), "smartapp-button__".concat(variant, "--").concat(appearance), {
|
|
56
50
|
'smartapp-button__disabled': disabled,
|
|
57
51
|
'smartapp-button__with-icon': !isNil(icon),
|
|
58
|
-
}), style: styles, disabled: disabled && !isDisabledClickable, onClick: handleButtonClick }, props, { children:
|
|
52
|
+
}), style: styles, disabled: disabled && !isDisabledClickable, onClick: handleButtonClick }, props, { children: _jsxs("div", __assign({ ref: contentRef, className: "smartapp-button__content" }, { children: [icon && _jsx("div", { children: icon }), _jsx("span", { children: title })] })) })), _jsx("div", __assign({ className: classNames('smartapp-button__loader', "smartapp-button__loader--".concat(variant), {
|
|
59
53
|
'smartapp-button__loader--hidden': !isWaitingResponse,
|
|
60
54
|
}) }, { children: loaderIcon || _jsx(DefaultLoaderIcon, {}) }))] })));
|
|
61
55
|
};
|