@expressms/smartapp-ui 2.8.2-alpha.10 → 2.8.2-alpha.12
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-back.svg +3 -0
- package/build/main/assets/icons/arrow-down.svg +3 -0
- package/build/main/assets/icons/arrow-up.svg +3 -0
- package/build/main/assets/icons/attachment-loader.svg +3 -0
- package/build/main/assets/icons/button-loader.svg +3 -0
- package/build/main/assets/icons/cancel-cross.svg +3 -0
- package/build/main/assets/icons/check-mark.svg +4 -0
- package/build/main/assets/icons/clear.svg +3 -0
- package/build/main/assets/icons/close-stories.svg +4 -0
- package/build/main/assets/icons/close.svg +10 -0
- package/build/main/assets/icons/contact-info.svg +12 -0
- package/build/main/assets/icons/corporate-user.svg +10 -0
- package/build/main/assets/icons/crown.svg +5 -0
- package/build/main/assets/icons/delete-chip.svg +3 -0
- package/build/main/assets/icons/download.svg +4 -0
- package/build/main/assets/icons/error.svg +5 -0
- package/build/main/assets/icons/external-link.svg +3 -0
- package/build/main/assets/icons/eye-off.svg +10 -0
- package/build/main/assets/icons/eye.svg +10 -0
- package/build/main/assets/icons/file.svg +3 -0
- package/build/main/assets/icons/info.svg +5 -0
- package/build/main/assets/icons/loader.svg +3 -0
- package/build/main/assets/icons/logout.svg +4 -0
- package/build/main/assets/icons/magnifying-glass.svg +3 -0
- package/build/main/assets/icons/mail.svg +3 -0
- package/build/main/assets/icons/more.svg +3 -0
- package/build/main/assets/icons/my-contact-user.svg +10 -0
- package/build/main/assets/icons/notification-close.svg +3 -0
- package/build/main/assets/icons/notification-error.svg +3 -0
- package/build/main/assets/icons/notification-failure.svg +3 -0
- package/build/main/assets/icons/notification-info.svg +5 -0
- package/build/main/assets/icons/notification-success.svg +4 -0
- package/build/main/assets/icons/notification-warning.svg +5 -0
- package/build/main/assets/icons/order.svg +6 -0
- package/build/main/assets/icons/plus.svg +4 -0
- package/build/main/assets/icons/private.svg +12 -0
- package/build/main/assets/icons/refresh.svg +3 -0
- package/build/main/assets/icons/story-loader.svg +3 -0
- package/build/main/assets/icons/tick.svg +10 -0
- package/build/main/assets/icons/trash.svg +3 -0
- package/build/main/assets/icons/unread-mails.svg +4 -0
- package/build/main/assets/storybook/index.js +21 -0
- package/build/main/assets/storybook/index.js.map +1 -0
- package/build/main/components/ActionModal/ActionModal.js +55 -0
- package/build/main/components/ActionModal/ActionModal.js.map +1 -0
- package/build/main/components/ActionModal/index.js +2 -0
- package/build/main/components/ActionModal/index.js.map +1 -0
- package/build/main/components/ActionModal/types.js +2 -0
- package/build/main/components/ActionModal/types.js.map +1 -0
- package/build/main/components/AttachedFile/AttachedFile.js +60 -0
- package/build/main/components/AttachedFile/AttachedFile.js.map +1 -0
- package/build/main/components/AttachedFile/index.js +2 -0
- package/build/main/components/AttachedFile/index.js.map +1 -0
- package/build/main/components/AttachedFile/types.js +2 -0
- package/build/main/components/AttachedFile/types.js.map +1 -0
- package/build/main/components/Avatar/Avatar.js +131 -0
- package/build/main/components/Avatar/Avatar.js.map +1 -0
- package/build/main/components/Avatar/index.js +2 -0
- package/build/main/components/Avatar/index.js.map +1 -0
- package/build/main/components/Avatar/types.js +9 -0
- package/build/main/components/Avatar/types.js.map +1 -0
- package/build/main/components/Button/Button.js +57 -0
- package/build/main/components/Button/Button.js.map +1 -0
- package/build/main/components/Button/index.js +2 -0
- package/build/main/components/Button/index.js.map +1 -0
- package/build/main/components/Button/types.js +11 -0
- package/build/main/components/Button/types.js.map +1 -0
- package/build/main/components/CachedImage/CachedImage.js +59 -0
- package/build/main/components/CachedImage/CachedImage.js.map +1 -0
- package/build/main/components/CachedImage/helpers.js +40 -0
- package/build/main/components/CachedImage/helpers.js.map +1 -0
- package/build/main/components/CachedImage/index.js +2 -0
- package/build/main/components/CachedImage/index.js.map +1 -0
- package/build/main/components/CachedImage/types.js +2 -0
- package/build/main/components/CachedImage/types.js.map +1 -0
- package/build/main/components/Calendar/Calendar.js +48 -0
- package/build/main/components/Calendar/Calendar.js.map +1 -0
- package/build/main/components/Calendar/index.js +2 -0
- package/build/main/components/Calendar/index.js.map +1 -0
- package/build/main/components/Calendar/types.js +2 -0
- package/build/main/components/Calendar/types.js.map +1 -0
- package/build/main/components/Charts/ChartBar/ChartBar.js +46 -0
- package/build/main/components/Charts/ChartBar/ChartBar.js.map +1 -0
- package/build/main/components/Charts/ChartLegend/ChartLegend.js +71 -0
- package/build/main/components/Charts/ChartLegend/ChartLegend.js.map +1 -0
- package/build/main/components/Charts/ChartLine/ChartLine.js +41 -0
- package/build/main/components/Charts/ChartLine/ChartLine.js.map +1 -0
- package/build/main/components/Charts/ChartPie/ChartPie.js +63 -0
- package/build/main/components/Charts/ChartPie/ChartPie.js.map +1 -0
- package/build/main/components/Charts/colors.js +4 -0
- package/build/main/components/Charts/colors.js.map +1 -0
- package/build/main/components/Charts/constants.js +43 -0
- package/build/main/components/Charts/constants.js.map +1 -0
- package/build/main/components/Charts/helpers.js +73 -0
- package/build/main/components/Charts/helpers.js.map +1 -0
- package/build/main/components/Charts/index.js +4 -0
- package/build/main/components/Charts/index.js.map +1 -0
- package/build/main/components/Charts/types.js +2 -0
- package/build/main/components/Charts/types.js.map +1 -0
- package/build/main/components/Charts/useEvents.js +45 -0
- package/build/main/components/Charts/useEvents.js.map +1 -0
- package/build/main/components/Charts/usePieEvents.js +57 -0
- package/build/main/components/Charts/usePieEvents.js.map +1 -0
- package/build/main/components/Checkbox/Checkbox.js +38 -0
- package/build/main/components/Checkbox/Checkbox.js.map +1 -0
- package/build/main/components/Checkbox/index.js +2 -0
- package/build/main/components/Checkbox/index.js.map +1 -0
- package/build/main/components/Checkbox/types.js +2 -0
- package/build/main/components/Checkbox/types.js.map +1 -0
- package/build/main/components/Chip/Chip.js +35 -0
- package/build/main/components/Chip/Chip.js.map +1 -0
- package/build/main/components/Chip/index.js +2 -0
- package/build/main/components/Chip/index.js.map +1 -0
- package/build/main/components/Chip/types.js +2 -0
- package/build/main/components/Chip/types.js.map +1 -0
- package/build/main/components/ConfirmationModal/ConfirmationModal.js +70 -0
- package/build/main/components/ConfirmationModal/ConfirmationModal.js.map +1 -0
- package/build/main/components/ConfirmationModal/index.js +2 -0
- package/build/main/components/ConfirmationModal/index.js.map +1 -0
- package/build/main/components/ConfirmationModal/types.js +2 -0
- package/build/main/components/ConfirmationModal/types.js.map +1 -0
- package/build/main/components/ContextMenu/ContextMenu.js +82 -0
- package/build/main/components/ContextMenu/ContextMenu.js.map +1 -0
- package/build/main/components/ContextMenu/index.js +2 -0
- package/build/main/components/ContextMenu/index.js.map +1 -0
- package/build/main/components/ContextMenu/types.js +2 -0
- package/build/main/components/ContextMenu/types.js.map +1 -0
- package/build/main/components/CustomSelect/CustomSelect.js +220 -0
- package/build/main/components/CustomSelect/CustomSelect.js.map +1 -0
- package/build/main/components/CustomSelect/index.js +2 -0
- package/build/main/components/CustomSelect/index.js.map +1 -0
- package/build/main/components/CustomSelect/selectStyles.js +67 -0
- package/build/main/components/CustomSelect/selectStyles.js.map +1 -0
- package/build/main/components/CustomSelect/types.js +2 -0
- package/build/main/components/CustomSelect/types.js.map +1 -0
- package/build/main/components/CustomSelectProfiles/CustomSelectProfiles.js +57 -0
- package/build/main/components/CustomSelectProfiles/CustomSelectProfiles.js.map +1 -0
- package/build/main/components/CustomSelectProfiles/index.js +2 -0
- package/build/main/components/CustomSelectProfiles/index.js.map +1 -0
- package/build/main/components/CustomSelectProfiles/types.js +2 -0
- package/build/main/components/CustomSelectProfiles/types.js.map +1 -0
- package/build/main/components/DragAndDrop/DragAndDrop.js +57 -0
- package/build/main/components/DragAndDrop/DragAndDrop.js.map +1 -0
- package/build/main/components/DragAndDrop/index.js +2 -0
- package/build/main/components/DragAndDrop/index.js.map +1 -0
- package/build/main/components/DragAndDrop/types.js +2 -0
- package/build/main/components/DragAndDrop/types.js.map +1 -0
- package/build/main/components/DraggablePopup/DraggablePopup.js +124 -0
- package/build/main/components/DraggablePopup/DraggablePopup.js.map +1 -0
- package/build/main/components/DraggablePopup/index.js +2 -0
- package/build/main/components/DraggablePopup/index.js.map +1 -0
- package/build/main/components/DraggablePopup/types.js +2 -0
- package/build/main/components/DraggablePopup/types.js.map +1 -0
- package/build/main/components/Error/Error.js +23 -0
- package/build/main/components/Error/Error.js.map +1 -0
- package/build/main/components/Error/index.js +2 -0
- package/build/main/components/Error/index.js.map +1 -0
- package/build/main/components/Error/types.js +2 -0
- package/build/main/components/Error/types.js.map +1 -0
- package/build/main/components/Flex/Flex.js +49 -0
- package/build/main/components/Flex/Flex.js.map +1 -0
- package/build/main/components/Flex/HFlex/HFlex.js +16 -0
- package/build/main/components/Flex/HFlex/HFlex.js.map +1 -0
- package/build/main/components/Flex/HFlex/index.js +2 -0
- package/build/main/components/Flex/HFlex/index.js.map +1 -0
- package/build/main/components/Flex/VFlex/VFlex.js +16 -0
- package/build/main/components/Flex/VFlex/VFlex.js.map +1 -0
- package/build/main/components/Flex/VFlex/index.js +2 -0
- package/build/main/components/Flex/VFlex/index.js.map +1 -0
- package/build/main/components/Flex/index.js +4 -0
- package/build/main/components/Flex/index.js.map +1 -0
- package/build/main/components/Flex/types.js +2 -0
- package/build/main/components/Flex/types.js.map +1 -0
- package/build/main/components/Header/Header.js +124 -0
- package/build/main/components/Header/Header.js.map +1 -0
- package/build/main/components/Header/index.js +2 -0
- package/build/main/components/Header/index.js.map +1 -0
- package/build/main/components/Header/types.js +2 -0
- package/build/main/components/Header/types.js.map +1 -0
- package/build/main/components/Input/Input.js +207 -0
- package/build/main/components/Input/Input.js.map +1 -0
- package/build/main/components/Input/index.js +2 -0
- package/build/main/components/Input/index.js.map +1 -0
- package/build/main/components/Input/types.js +2 -0
- package/build/main/components/Input/types.js.map +1 -0
- package/build/main/components/ListItem/ListItem.js +208 -0
- package/build/main/components/ListItem/ListItem.js.map +1 -0
- package/build/main/components/ListItem/index.js +2 -0
- package/build/main/components/ListItem/index.js.map +1 -0
- package/build/main/components/ListItem/types.js +2 -0
- package/build/main/components/ListItem/types.js.map +1 -0
- package/build/main/components/Loader/Loader.js +44 -0
- package/build/main/components/Loader/Loader.js.map +1 -0
- package/build/main/components/Loader/index.js +2 -0
- package/build/main/components/Loader/index.js.map +1 -0
- package/build/main/components/Loader/types.js +2 -0
- package/build/main/components/Loader/types.js.map +1 -0
- package/build/main/components/Modal/Modal.js +125 -0
- package/build/main/components/Modal/Modal.js.map +1 -0
- package/build/main/components/Modal/index.js +2 -0
- package/build/main/components/Modal/index.js.map +1 -0
- package/build/main/components/Modal/types.js +2 -0
- package/build/main/components/Modal/types.js.map +1 -0
- package/build/main/components/Notification/Notification.js +197 -0
- package/build/main/components/Notification/Notification.js.map +1 -0
- package/build/main/components/Notification/index.js +2 -0
- package/build/main/components/Notification/index.js.map +1 -0
- package/build/main/components/Notification/types.js +2 -0
- package/build/main/components/Notification/types.js.map +1 -0
- package/build/main/components/Profile/Profile.js +42 -0
- package/build/main/components/Profile/Profile.js.map +1 -0
- package/build/main/components/Profile/index.js +2 -0
- package/build/main/components/Profile/index.js.map +1 -0
- package/build/main/components/Profile/types.js +2 -0
- package/build/main/components/Profile/types.js.map +1 -0
- package/build/main/components/ProgressBar/ProgressBar.js +66 -0
- package/build/main/components/ProgressBar/ProgressBar.js.map +1 -0
- package/build/main/components/ProgressBar/index.js +2 -0
- package/build/main/components/ProgressBar/index.js.map +1 -0
- package/build/main/components/ProgressBar/types.js +2 -0
- package/build/main/components/ProgressBar/types.js.map +1 -0
- package/build/main/components/RadioButton/RadioButton.js +37 -0
- package/build/main/components/RadioButton/RadioButton.js.map +1 -0
- package/build/main/components/RadioButton/index.js +2 -0
- package/build/main/components/RadioButton/index.js.map +1 -0
- package/build/main/components/RadioButton/types.js +2 -0
- package/build/main/components/RadioButton/types.js.map +1 -0
- package/build/main/components/ScrollBar/ScrollBar.js +63 -0
- package/build/main/components/ScrollBar/ScrollBar.js.map +1 -0
- package/build/main/components/ScrollBar/index.js +2 -0
- package/build/main/components/ScrollBar/index.js.map +1 -0
- package/build/main/components/ScrollBar/types.js +2 -0
- package/build/main/components/ScrollBar/types.js.map +1 -0
- package/build/main/components/Skeleton/Skeleton.js +59 -0
- package/build/main/components/Skeleton/Skeleton.js.map +1 -0
- package/build/main/components/Skeleton/index.js +2 -0
- package/build/main/components/Skeleton/index.js.map +1 -0
- package/build/main/components/Skeleton/types.js +2 -0
- package/build/main/components/Skeleton/types.js.map +1 -0
- package/build/main/components/Stories/Stories.js +296 -0
- package/build/main/components/Stories/Stories.js.map +1 -0
- package/build/main/components/Stories/index.js +2 -0
- package/build/main/components/Stories/index.js.map +1 -0
- package/build/main/components/Stories/types.js +11 -0
- package/build/main/components/Stories/types.js.map +1 -0
- package/build/main/components/Switcher/Switcher.js +34 -0
- package/build/main/components/Switcher/Switcher.js.map +1 -0
- package/build/main/components/Switcher/index.js +2 -0
- package/build/main/components/Switcher/index.js.map +1 -0
- package/build/main/components/Switcher/types.js +2 -0
- package/build/main/components/Switcher/types.js.map +1 -0
- package/build/main/components/SyncLoader/SyncLoader.js +65 -0
- package/build/main/components/SyncLoader/SyncLoader.js.map +1 -0
- package/build/main/components/SyncLoader/index.js +2 -0
- package/build/main/components/SyncLoader/index.js.map +1 -0
- package/build/main/components/SyncLoader/types.js +2 -0
- package/build/main/components/SyncLoader/types.js.map +1 -0
- package/build/main/components/Textarea/Textarea.js +96 -0
- package/build/main/components/Textarea/Textarea.js.map +1 -0
- package/build/main/components/Textarea/index.js +2 -0
- package/build/main/components/Textarea/index.js.map +1 -0
- package/build/main/components/Textarea/types.js +2 -0
- package/build/main/components/Textarea/types.js.map +1 -0
- package/build/main/components/Toggle/Toggle.js +38 -0
- package/build/main/components/Toggle/Toggle.js.map +1 -0
- package/build/main/components/Toggle/index.js +2 -0
- package/build/main/components/Toggle/index.js.map +1 -0
- package/build/main/components/Toggle/types.js +2 -0
- package/build/main/components/Toggle/types.js.map +1 -0
- package/build/main/components/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +31 -0
- package/build/main/components/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +1 -0
- package/build/main/components/UserDropdown/ContactInfo/ContactInfo.js +70 -0
- package/build/main/components/UserDropdown/ContactInfo/ContactInfo.js.map +1 -0
- package/build/main/components/UserDropdown/LoadingMessage/LoadingMessage.js +23 -0
- package/build/main/components/UserDropdown/LoadingMessage/LoadingMessage.js.map +1 -0
- package/build/main/components/UserDropdown/MenuList/MenuList.js +81 -0
- package/build/main/components/UserDropdown/MenuList/MenuList.js.map +1 -0
- package/build/main/components/UserDropdown/MultiValueLabel/MultiValueLabel.js +40 -0
- package/build/main/components/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -0
- package/build/main/components/UserDropdown/Option/Option.js +91 -0
- package/build/main/components/UserDropdown/Option/Option.js.map +1 -0
- package/build/main/components/UserDropdown/UserDropdown.js +434 -0
- package/build/main/components/UserDropdown/UserDropdown.js.map +1 -0
- package/build/main/components/UserDropdown/helpers.d.ts +1 -0
- package/build/main/components/UserDropdown/helpers.js +93 -0
- package/build/main/components/UserDropdown/helpers.js.map +1 -0
- package/build/main/components/UserDropdown/index.js +2 -0
- package/build/main/components/UserDropdown/index.js.map +1 -0
- package/build/main/components/UserDropdown/selectStyles.js +75 -0
- package/build/main/components/UserDropdown/selectStyles.js.map +1 -0
- package/build/main/components/UserDropdown/types.js +2 -0
- package/build/main/components/UserDropdown/types.js.map +1 -0
- package/build/main/components/types.js +2 -0
- package/build/main/components/types.js.map +1 -0
- package/build/main/constants/constants.js +161 -0
- package/build/main/constants/constants.js.map +1 -0
- package/build/main/constants/index.js +3 -0
- package/build/main/constants/index.js.map +1 -0
- package/build/main/constants/types.js +2 -0
- package/build/main/constants/types.js.map +1 -0
- package/build/main/helpers/index.js +89 -0
- package/build/main/helpers/index.js.map +1 -0
- package/build/main/hooks/useModal.js +60 -0
- package/build/main/hooks/useModal.js.map +1 -0
- package/build/main/index.js +37 -0
- package/build/main/index.js.map +1 -0
- package/build/main/styles/index.js +2 -0
- package/build/main/styles/index.js.map +1 -0
- package/build/main/styles/main.js +0 -0
- package/build/main/styles/styles.scss +14 -0
- package/package.json +4 -2
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import classNames from 'classnames';
|
|
14
|
+
import { calculatePercentageOfValue, createInitials, isDarkTheme, userNameToColor } from '../../helpers';
|
|
15
|
+
import { AvatarFontSizes } from './types';
|
|
16
|
+
import { COLORS, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS, THEME } from '../../constants';
|
|
17
|
+
import { ReactComponent as TickIcon } from '../../assets/icons/tick.svg';
|
|
18
|
+
import { ReactComponent as InfoIcon } from '../../assets/icons/info.svg';
|
|
19
|
+
import { ReactComponent as CrownIcon } from '../../assets/icons/crown.svg';
|
|
20
|
+
import { ReactComponent as PrivateIcon } from '../../assets/icons/private.svg';
|
|
21
|
+
import '../../styles/styles.scss';
|
|
22
|
+
var PERCENTS;
|
|
23
|
+
(function (PERCENTS) {
|
|
24
|
+
PERCENTS[PERCENTS["pct_5"] = 5] = "pct_5";
|
|
25
|
+
PERCENTS[PERCENTS["pct_8"] = 8] = "pct_8";
|
|
26
|
+
PERCENTS[PERCENTS["pct_10"] = 10] = "pct_10";
|
|
27
|
+
PERCENTS[PERCENTS["pct_15"] = 15] = "pct_15";
|
|
28
|
+
PERCENTS[PERCENTS["pct_25"] = 25] = "pct_25";
|
|
29
|
+
PERCENTS[PERCENTS["pct_40"] = 40] = "pct_40";
|
|
30
|
+
PERCENTS[PERCENTS["pct_50"] = 50] = "pct_50";
|
|
31
|
+
PERCENTS[PERCENTS["pct_57"] = 57] = "pct_57";
|
|
32
|
+
PERCENTS[PERCENTS["pct_60"] = 60] = "pct_60";
|
|
33
|
+
PERCENTS[PERCENTS["pct_62_5"] = 62.5] = "pct_62_5";
|
|
34
|
+
PERCENTS[PERCENTS["pct_65"] = 65] = "pct_65";
|
|
35
|
+
PERCENTS[PERCENTS["pct_75"] = 75] = "pct_75";
|
|
36
|
+
})(PERCENTS || (PERCENTS = {}));
|
|
37
|
+
var AVATAR_OPACITY = 0.5;
|
|
38
|
+
var USER_INITIALS_OPACITY = 0.3;
|
|
39
|
+
var Avatar = function (_a) {
|
|
40
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isCrown = _a.isCrown, isEye = _a.isEye, _c = _a.size, size = _c === void 0 ? 44 : _c, _d = _a.username, username = _d === void 0 ? '' : _d, initials = _a.initials, avatar = _a.avatar, _e = _a.counter, counter = _e === void 0 ? 0 : _e, icon = _a.icon, _f = _a.outlineDefaultBackground, outlineDefaultBackground = _f === void 0 ? COLORS.white : _f, _g = _a.outlineDarkBackground, outlineDarkBackground = _g === void 0 ? COLORS.brightBlack : _g, _h = _a.onClick, onClick = _h === void 0 ? function () { return undefined; } : _h, onMouseDown = _a.onMouseDown;
|
|
41
|
+
var inactiveOpacity = avatar ? AVATAR_OPACITY : USER_INITIALS_OPACITY;
|
|
42
|
+
var outlineBackground = isDarkTheme(theme) ? outlineDarkBackground : outlineDefaultBackground;
|
|
43
|
+
var outlineWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
44
|
+
var generateFontSizeAvatar = function () {
|
|
45
|
+
switch (size) {
|
|
46
|
+
case 20:
|
|
47
|
+
case 24: {
|
|
48
|
+
return AvatarFontSizes.lowest;
|
|
49
|
+
}
|
|
50
|
+
case 32:
|
|
51
|
+
case 40: {
|
|
52
|
+
return AvatarFontSizes.small;
|
|
53
|
+
}
|
|
54
|
+
case 44:
|
|
55
|
+
case 48: {
|
|
56
|
+
return AvatarFontSizes.average;
|
|
57
|
+
}
|
|
58
|
+
case 56: {
|
|
59
|
+
return AvatarFontSizes.high;
|
|
60
|
+
}
|
|
61
|
+
case 100: {
|
|
62
|
+
return AvatarFontSizes.greatest;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
var renderUserInitials = function () { return (initials === null || initials === void 0 ? void 0 : initials.slice(0, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS).toUpperCase()) || createInitials(username); };
|
|
67
|
+
var renderContent = function () {
|
|
68
|
+
if (isSelected) {
|
|
69
|
+
var tickSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_57 });
|
|
70
|
+
return _jsx(TickIcon, { width: tickSize, height: tickSize });
|
|
71
|
+
}
|
|
72
|
+
if (isSpam) {
|
|
73
|
+
var infoSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_60 });
|
|
74
|
+
return _jsx(InfoIcon, { width: infoSize, height: infoSize });
|
|
75
|
+
}
|
|
76
|
+
if (icon) {
|
|
77
|
+
var iconSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_62_5 });
|
|
78
|
+
var iconSizeInPx = "".concat(iconSize, "px");
|
|
79
|
+
return (_jsx("div", __assign({ className: "smartapp-avatar__content--icon", style: { width: iconSizeInPx, height: iconSizeInPx } }, { children: icon })));
|
|
80
|
+
}
|
|
81
|
+
return avatar ? _jsx("img", { src: avatar, alt: "avatar" }) : renderUserInitials();
|
|
82
|
+
};
|
|
83
|
+
var renderCounter = function () {
|
|
84
|
+
var isSingleDigitNumber = counter <= 9;
|
|
85
|
+
var counterText = isSingleDigitNumber ? counter : '9+';
|
|
86
|
+
var width = calculatePercentageOfValue({ value: size, percentage: isSingleDigitNumber ? PERCENTS.pct_40 : PERCENTS.pct_50 });
|
|
87
|
+
var height = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_40 });
|
|
88
|
+
var fontSize = calculatePercentageOfValue({ value: height, percentage: PERCENTS.pct_75 });
|
|
89
|
+
var top = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_10 });
|
|
90
|
+
var right = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_15 });
|
|
91
|
+
var borderWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
92
|
+
var borderRadius = isSingleDigitNumber ? '50%' : "".concat(height * 1.5625, "px");
|
|
93
|
+
return (_jsx("div", __assign({ className: "smartapp-avatar__content--counter", style: {
|
|
94
|
+
width: "".concat(width, "px"),
|
|
95
|
+
height: "".concat(height, "px"),
|
|
96
|
+
top: "-".concat(top, "px"),
|
|
97
|
+
right: "-".concat(right, "px"),
|
|
98
|
+
fontSize: "".concat(fontSize, "px"),
|
|
99
|
+
border: "".concat(borderWidth, "px solid ").concat(outlineBackground),
|
|
100
|
+
borderRadius: borderRadius,
|
|
101
|
+
} }, { children: counterText })));
|
|
102
|
+
};
|
|
103
|
+
var renderEye = function () {
|
|
104
|
+
var top = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_8 });
|
|
105
|
+
var right = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_25 });
|
|
106
|
+
var eyeSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_65 });
|
|
107
|
+
return (_jsx(PrivateIcon, { className: "smartapp-avatar__content--eye", width: eyeSize, height: eyeSize, color: outlineBackground, style: { top: "-".concat(top, "px"), right: "-".concat(right, "px") } }));
|
|
108
|
+
};
|
|
109
|
+
var renderCrown = function () {
|
|
110
|
+
var bottom = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_10 });
|
|
111
|
+
var right = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_15 });
|
|
112
|
+
var crownSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_50 });
|
|
113
|
+
return (_jsx(CrownIcon, { className: "smartapp-avatar__content--crown", width: crownSize, height: crownSize, color: outlineBackground, style: { bottom: "-".concat(bottom, "px"), right: "-".concat(right, "px") } }));
|
|
114
|
+
};
|
|
115
|
+
var generateAvatarContentStyles = function () { return ({
|
|
116
|
+
width: "".concat(size, "px"),
|
|
117
|
+
minWidth: "".concat(size, "px"),
|
|
118
|
+
height: "".concat(size, "px"),
|
|
119
|
+
fontSize: generateFontSizeAvatar(),
|
|
120
|
+
background: isInactive
|
|
121
|
+
? "linear-gradient(180deg, ".concat(COLORS.inactiveAvatarGradientStart, " 0%, ").concat(COLORS.inactiveAvatarGradientEnd, " 100%)")
|
|
122
|
+
: userNameToColor(initials || username),
|
|
123
|
+
opacity: isInactive ? inactiveOpacity : 1,
|
|
124
|
+
}); };
|
|
125
|
+
return (_jsx("div", __assign({ ref: avatarRef, 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', {
|
|
126
|
+
'smartapp-avatar__content--spam': isSpam,
|
|
127
|
+
'smartapp-avatar__content--inactive': isInactive,
|
|
128
|
+
}) }, { children: [!!counter && renderCounter(), isEye && renderEye(), renderContent(), isCrown && renderCrown()] })) })));
|
|
129
|
+
};
|
|
130
|
+
export default Avatar;
|
|
131
|
+
//# sourceMappingURL=Avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACxG,OAAO,EAAE,eAAe,EAAgB,MAAM,SAAS,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,oCAAoC,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACrF,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC9E,OAAO,0BAA0B,CAAA;AAEjC,IAAK,QAaJ;AAbD,WAAK,QAAQ;IACX,yCAAS,CAAA;IACT,yCAAS,CAAA;IACT,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,kDAAe,CAAA;IACf,4CAAW,CAAA;IACX,4CAAW,CAAA;AACb,CAAC,EAbI,QAAQ,KAAR,QAAQ,QAaZ;AAED,IAAM,cAAc,GAAG,GAAG,CAAA;AAC1B,IAAM,qBAAqB,GAAG,GAAG,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAqBD;QApBb,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,IAAI,UAAA,EACJ,gCAAuC,EAAvC,wBAAwB,mBAAG,MAAM,CAAC,KAAK,KAAA,EACvC,6BAA0C,EAA1C,qBAAqB,mBAAG,MAAM,CAAC,WAAW,KAAA,EAC1C,eAAyB,EAAzB,OAAO,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EACzB,WAAW,iBAAA;IAEX,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAA;IACvE,IAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,wBAAwB,CAAA;IAC/F,IAAM,YAAY,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAA;IAEpH,IAAM,sBAAsB,GAAG;QAC7B,QAAQ,IAAI,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,MAAM,CAAA;aAC9B;YACD,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,KAAK,CAAA;aAC7B;YACD,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,OAAO,CAAA;aAC/B;YACD,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,IAAI,CAAA;aAC5B;YACD,KAAK,GAAG,CAAC,CAAC;gBACR,OAAO,eAAe,CAAC,QAAQ,CAAA;aAChC;SACF;IACH,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,cAAM,OAAA,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,CAAC,EAAE,oCAAoC,EAAE,WAAW,EAAE,KAAI,cAAc,CAAC,QAAQ,CAAC,EAAlG,CAAkG,CAAA;IAEnI,IAAM,aAAa,GAAG;QACpB,IAAI,UAAU,EAAE;YACd,IAAM,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;YACzF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAA;SACvD;QAED,IAAI,MAAM,EAAE;YACV,IAAM,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;YACzF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAA;SACvD;QAED,IAAI,IAAI,EAAE;YACR,IAAM,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;YAC3F,IAAM,YAAY,GAAG,UAAG,QAAQ,OAAI,CAAA;YAEpC,OAAO,CACL,uBAAK,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,gBACjG,IAAI,IACD,CACP,CAAA;SACF;QAED,OAAO,MAAM,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAA;IAC1E,CAAC,CAAA;IAED,IAAM,aAAa,GAAG;QACpB,IAAM,mBAAmB,GAAG,OAAO,IAAI,CAAC,CAAA;QACxC,IAAM,WAAW,GAAG,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;QACxD,IAAM,KAAK,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAC9H,IAAM,MAAM,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACvF,IAAM,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAC3F,IAAM,GAAG,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACpF,IAAM,KAAK,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACtF,IAAM,WAAW,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAA;QACnH,IAAM,YAAY,GAAG,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,MAAM,GAAG,MAAM,OAAI,CAAA;QAEzE,OAAO,CACL,uBACE,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE;gBACL,KAAK,EAAE,UAAG,KAAK,OAAI;gBACnB,MAAM,EAAE,UAAG,MAAM,OAAI;gBACrB,GAAG,EAAE,WAAI,GAAG,OAAI;gBAChB,KAAK,EAAE,WAAI,KAAK,OAAI;gBACpB,QAAQ,EAAE,UAAG,QAAQ,OAAI;gBACzB,MAAM,EAAE,UAAG,WAAW,sBAAY,iBAAiB,CAAE;gBACrD,YAAY,cAAA;aACb,gBAEA,WAAW,IACR,CACP,CAAA;IACH,CAAC,CAAA;IAED,IAAM,SAAS,GAAG;QAChB,IAAM,GAAG,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAA;QACnF,IAAM,KAAK,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACtF,IAAM,OAAO,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAExF,OAAO,CACL,KAAC,WAAW,IACV,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,EAAE,GAAG,EAAE,WAAI,GAAG,OAAI,EAAE,KAAK,EAAE,WAAI,KAAK,OAAI,EAAE,GACjD,CACH,CAAA;IACH,CAAC,CAAA;IAED,IAAM,WAAW,GAAG;QAClB,IAAM,MAAM,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACvF,IAAM,KAAK,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACtF,IAAM,SAAS,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAE1F,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,WAAI,MAAM,OAAI,EAAE,KAAK,EAAE,WAAI,KAAK,OAAI,EAAE,GACvD,CACH,CAAA;IACH,CAAC,CAAA;IAED,IAAM,2BAA2B,GAAG,cAAM,OAAA,CAAC;QACzC,KAAK,EAAE,UAAG,IAAI,OAAI;QAClB,QAAQ,EAAE,UAAG,IAAI,OAAI;QACrB,MAAM,EAAE,UAAG,IAAI,OAAI;QACnB,QAAQ,EAAE,sBAAsB,EAAE;QAClC,UAAU,EAAE,UAAU;YACpB,CAAC,CAAC,kCAA2B,MAAM,CAAC,2BAA2B,kBAAQ,MAAM,CAAC,yBAAyB,WAAQ;YAC/G,CAAC,CAAC,eAAe,CAAC,QAAQ,IAAI,QAAQ,CAAC;QACzC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;KAC1C,CAAC,EATwC,CASxC,CAAA;IAEF,OAAO,CACL,uBACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,2BAAoB,KAAK,CAAE,EAAE,EAAE,0BAA0B,EAAE,aAAa,EAAE,EAAE,SAAS,CAAC,EAC/H,KAAK,EAAE,WAAE,wBAAwB,EAAE,UAAG,YAAY,OAAI,IAAK,MAAM,CAAyB,EAC1F,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,gBAExB,wBACE,KAAK,EAAE,2BAA2B,EAAE,EACpC,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE;gBAChD,gCAAgC,EAAE,MAAM;gBACxC,oCAAoC,EAAE,UAAU;aACjD,CAAC,iBAED,CAAC,CAAC,OAAO,IAAI,aAAa,EAAE,EAC5B,KAAK,IAAI,SAAS,EAAE,EACpB,aAAa,EAAE,EACf,OAAO,IAAI,WAAW,EAAE,KACrB,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export var AvatarFontSizes;
|
|
2
|
+
(function (AvatarFontSizes) {
|
|
3
|
+
AvatarFontSizes["lowest"] = "12px";
|
|
4
|
+
AvatarFontSizes["small"] = "14px";
|
|
5
|
+
AvatarFontSizes["average"] = "18px";
|
|
6
|
+
AvatarFontSizes["high"] = "24px";
|
|
7
|
+
AvatarFontSizes["greatest"] = "42px";
|
|
8
|
+
})(AvatarFontSizes || (AvatarFontSizes = {}));
|
|
9
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Avatar/types.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,mCAAgB,CAAA;IAChB,gCAAa,CAAA;IACb,oCAAiB,CAAA;AACnB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
import { useEffect, useRef } from 'react';
|
|
25
|
+
import classNames from 'classnames';
|
|
26
|
+
import { isNil } from 'lodash';
|
|
27
|
+
import { ReactComponent as LoaderIcon } from '../../assets/icons/button-loader.svg';
|
|
28
|
+
import { TButtonVariant, TButtonAppearance } from './types';
|
|
29
|
+
import '../../styles/styles.scss';
|
|
30
|
+
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, _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", "width", "className", "styles", "onClick"]);
|
|
32
|
+
var buttonTitleRef = useRef(null);
|
|
33
|
+
var buttonTitleRefCurrent = buttonTitleRef.current;
|
|
34
|
+
var changeTransitionDelay = function (transitionDelay) {
|
|
35
|
+
return buttonTitleRefCurrent && (buttonTitleRefCurrent.style.transitionDelay = "".concat(transitionDelay, "ms"));
|
|
36
|
+
};
|
|
37
|
+
var handleButtonClick = function (event) { return (!disabled || (disabled && isDisabledClickable)) && (onClick === null || onClick === void 0 ? void 0 : onClick(event)); };
|
|
38
|
+
useEffect(function () {
|
|
39
|
+
if (isWaitingResponse) {
|
|
40
|
+
buttonTitleRefCurrent === null || buttonTitleRefCurrent === void 0 ? void 0 : buttonTitleRefCurrent.classList.add('smartapp-button__title--hidden');
|
|
41
|
+
setTimeout(function () { return changeTransitionDelay(300); }, 150);
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
buttonTitleRefCurrent === null || buttonTitleRefCurrent === void 0 ? void 0 : buttonTitleRefCurrent.classList.remove('smartapp-button__title--hidden');
|
|
45
|
+
setTimeout(function () { return changeTransitionDelay(0); }, 150);
|
|
46
|
+
}
|
|
47
|
+
// eslint-disable-next-line
|
|
48
|
+
}, [isWaitingResponse]);
|
|
49
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-button', "smartapp-button__".concat(appearance), className), style: { width: "".concat(width, "%") } }, { children: [_jsxs("button", __assign({ className: classNames("smartapp-button__".concat(variant), "smartapp-button__".concat(variant, "--").concat(appearance), {
|
|
50
|
+
'smartapp-button__disabled': disabled,
|
|
51
|
+
'smartapp-button__with-icon': !isNil(icon),
|
|
52
|
+
}), style: styles, disabled: disabled && !isDisabledClickable, onClick: handleButtonClick }, props, { children: [icon && _jsx("div", { children: icon }), _jsx("span", __assign({ ref: buttonTitleRef, className: "smartapp-button__title" }, { children: title }))] })), _jsx("div", __assign({ className: classNames('smartapp-button__loader', "smartapp-button__loader--".concat(variant), {
|
|
53
|
+
'smartapp-button__loader--hidden': !isWaitingResponse,
|
|
54
|
+
}) }, { children: _jsx(LoaderIcon, {}) }))] })));
|
|
55
|
+
};
|
|
56
|
+
export default Button;
|
|
57
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export var TButtonVariant;
|
|
2
|
+
(function (TButtonVariant) {
|
|
3
|
+
TButtonVariant["primary"] = "primary";
|
|
4
|
+
TButtonVariant["secondary"] = "secondary";
|
|
5
|
+
})(TButtonVariant || (TButtonVariant = {}));
|
|
6
|
+
export var TButtonAppearance;
|
|
7
|
+
(function (TButtonAppearance) {
|
|
8
|
+
TButtonAppearance["accent"] = "accent";
|
|
9
|
+
TButtonAppearance["negative"] = "negative";
|
|
10
|
+
})(TButtonAppearance || (TButtonAppearance = {}));
|
|
11
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,qCAAmB,CAAA;IACnB,yCAAuB,CAAA;AACzB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,0CAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { useEffect, useLayoutEffect, useState } from 'react';
|
|
14
|
+
import classNames from 'classnames';
|
|
15
|
+
import { isBlobUrl, tryToLoadImageFromCache, tryToSaveImageToCache } from './helpers';
|
|
16
|
+
import '../../styles/styles.scss';
|
|
17
|
+
var IMAGE_LOADING_STATE;
|
|
18
|
+
(function (IMAGE_LOADING_STATE) {
|
|
19
|
+
IMAGE_LOADING_STATE[IMAGE_LOADING_STATE["pending"] = 0] = "pending";
|
|
20
|
+
IMAGE_LOADING_STATE[IMAGE_LOADING_STATE["success"] = 1] = "success";
|
|
21
|
+
IMAGE_LOADING_STATE[IMAGE_LOADING_STATE["error"] = -1] = "error";
|
|
22
|
+
})(IMAGE_LOADING_STATE || (IMAGE_LOADING_STATE = {}));
|
|
23
|
+
var CachedImage = function (_a) {
|
|
24
|
+
var src = _a.src, alt = _a.alt, className = _a.className, styles = _a.styles, width = _a.width, height = _a.height, borderRadius = _a.borderRadius;
|
|
25
|
+
var _b = useState(''), url = _b[0], setUrl = _b[1];
|
|
26
|
+
var _c = useState(IMAGE_LOADING_STATE.pending), loadingState = _c[0], setLoadingState = _c[1];
|
|
27
|
+
useLayoutEffect(function () {
|
|
28
|
+
setUrl(src);
|
|
29
|
+
}, [src]);
|
|
30
|
+
// Очистка URL объекта после ошибки загрузки изображения
|
|
31
|
+
useEffect(function () {
|
|
32
|
+
if (loadingState === IMAGE_LOADING_STATE.error && isBlobUrl(url))
|
|
33
|
+
URL.revokeObjectURL(url);
|
|
34
|
+
return function () { return void 0; };
|
|
35
|
+
}, [loadingState, url]);
|
|
36
|
+
var isImageLoadingStatePending = function () { return loadingState === IMAGE_LOADING_STATE.pending; };
|
|
37
|
+
// Обработчик успешной загрузки изображения
|
|
38
|
+
var handleOnLoad = function () {
|
|
39
|
+
if (!isImageLoadingStatePending())
|
|
40
|
+
return;
|
|
41
|
+
setLoadingState(IMAGE_LOADING_STATE.success);
|
|
42
|
+
tryToSaveImageToCache(src);
|
|
43
|
+
};
|
|
44
|
+
// Обработчик ошибки загрузки изображения
|
|
45
|
+
var handleOnError = function () {
|
|
46
|
+
if (!isImageLoadingStatePending())
|
|
47
|
+
return;
|
|
48
|
+
setLoadingState(IMAGE_LOADING_STATE.error);
|
|
49
|
+
tryToLoadImageFromCache(src).then(function (blobUrl) { return blobUrl && setUrl(blobUrl); });
|
|
50
|
+
};
|
|
51
|
+
var generateImageStyles = function () {
|
|
52
|
+
var widthValue = width ? "".concat(width, "px") : '100%';
|
|
53
|
+
var heightValue = height ? "".concat(height, "px") : '100%';
|
|
54
|
+
return __assign({ minWidth: widthValue, minHeight: heightValue, width: widthValue, height: heightValue, borderRadius: "".concat(borderRadius, "px") }, styles);
|
|
55
|
+
};
|
|
56
|
+
return (_jsx("img", { className: classNames('smartapp-cached-image', className), style: generateImageStyles(), src: url, alt: alt, onLoad: handleOnLoad, onError: handleOnError }));
|
|
57
|
+
};
|
|
58
|
+
export default CachedImage;
|
|
59
|
+
//# sourceMappingURL=CachedImage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CachedImage.js","sourceRoot":"","sources":["../../../../src/components/CachedImage/CachedImage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAErF,OAAO,0BAA0B,CAAA;AAEjC,IAAK,mBAIJ;AAJD,WAAK,mBAAmB;IACtB,mEAAa,CAAA;IACb,mEAAa,CAAA;IACb,gEAAY,CAAA;AACd,CAAC,EAJI,mBAAmB,KAAnB,mBAAmB,QAIvB;AAED,IAAM,WAAW,GAAG,UAAC,EAA+E;QAA7E,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA;IACvE,IAAA,KAAgB,QAAQ,CAAC,EAAE,CAAC,EAA3B,GAAG,QAAA,EAAE,MAAM,QAAgB,CAAA;IAC5B,IAAA,KAAkC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAtE,YAAY,QAAA,EAAE,eAAe,QAAyC,CAAA;IAE7E,eAAe,CAAC;QACd,MAAM,CAAC,GAAG,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,wDAAwD;IACxD,SAAS,CAAC;QACR,IAAI,YAAY,KAAK,mBAAmB,CAAC,KAAK,IAAI,SAAS,CAAC,GAAG,CAAC;YAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;QAC1F,OAAO,cAAM,OAAA,KAAK,CAAC,EAAN,CAAM,CAAA;IACrB,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,CAAA;IAEvB,IAAM,0BAA0B,GAAG,cAAM,OAAA,YAAY,KAAK,mBAAmB,CAAC,OAAO,EAA5C,CAA4C,CAAA;IAErF,2CAA2C;IAC3C,IAAM,YAAY,GAAG;QACnB,IAAI,CAAC,0BAA0B,EAAE;YAAE,OAAM;QAEzC,eAAe,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAA;QAC5C,qBAAqB,CAAC,GAAG,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,yCAAyC;IACzC,IAAM,aAAa,GAAG;QACpB,IAAI,CAAC,0BAA0B,EAAE;YAAE,OAAM;QAEzC,eAAe,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;QAC1C,uBAAuB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,EAA1B,CAA0B,CAAC,CAAA;IAC5E,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG;QAC1B,IAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QAChD,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QAEnD,kBACE,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,EACnB,YAAY,EAAE,UAAG,YAAY,OAAI,IAC9B,MAAM,EACV;IACH,CAAC,CAAA;IAED,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,EACzD,KAAK,EAAE,mBAAmB,EAAE,EAC5B,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,aAAa,GACtB,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
var SMARTAPP_CACHE_STORAGE = 'smartapp-cache-storage';
|
|
2
|
+
var NETWORK_RESPONSE_ERROR = 'Network response was not ok';
|
|
3
|
+
var FAILED_TO_SAVE_IMAGE_TO_CACHE = 'Failed to save image to cache';
|
|
4
|
+
// Загрузка изображения из кэша
|
|
5
|
+
export var tryToLoadImageFromCache = function (url) {
|
|
6
|
+
return caches
|
|
7
|
+
.open(SMARTAPP_CACHE_STORAGE)
|
|
8
|
+
.then(function (cache) { return cache.match(url); })
|
|
9
|
+
.then(function (response) { return (response === null || response === void 0 ? void 0 : response.blob()) || null; })
|
|
10
|
+
.then(function (blob) { return (blob ? URL.createObjectURL(blob) : null); })
|
|
11
|
+
.catch(function () { return null; });
|
|
12
|
+
};
|
|
13
|
+
// Сохранение изображения в кэш
|
|
14
|
+
var saveImageToCache = function (url) {
|
|
15
|
+
return fetch(url, {
|
|
16
|
+
credentials: 'include',
|
|
17
|
+
})
|
|
18
|
+
.then(function (response) {
|
|
19
|
+
if (!response.ok)
|
|
20
|
+
throw new Error(NETWORK_RESPONSE_ERROR);
|
|
21
|
+
return caches.open(SMARTAPP_CACHE_STORAGE).then(function (cache) { return cache.put(url, response); });
|
|
22
|
+
})
|
|
23
|
+
.catch(function (error) { return console.error("".concat(FAILED_TO_SAVE_IMAGE_TO_CACHE, ":"), error); });
|
|
24
|
+
};
|
|
25
|
+
// Проверка наличия изображения в кэше и сохранение его при отсутствии
|
|
26
|
+
export var tryToSaveImageToCache = function (url) {
|
|
27
|
+
if (!url)
|
|
28
|
+
return Promise.resolve();
|
|
29
|
+
return caches
|
|
30
|
+
.open(SMARTAPP_CACHE_STORAGE)
|
|
31
|
+
.then(function (cache) { return cache.match(url); })
|
|
32
|
+
.then(function (response) {
|
|
33
|
+
if (!response)
|
|
34
|
+
return saveImageToCache(url);
|
|
35
|
+
return Promise.resolve();
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
// Функция для проверки, является ли URL объектом Blob
|
|
39
|
+
export var isBlobUrl = function (url) { return url.indexOf('blob:') === 0; };
|
|
40
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/CachedImage/helpers.ts"],"names":[],"mappings":"AAAA,IAAM,sBAAsB,GAAG,wBAAwB,CAAA;AACvD,IAAM,sBAAsB,GAAG,6BAA6B,CAAA;AAC5D,IAAM,6BAA6B,GAAG,+BAA+B,CAAA;AAErE,+BAA+B;AAC/B,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,GAAW;IACjD,OAAA,MAAM;SACH,IAAI,CAAC,sBAAsB,CAAC;SAC5B,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAhB,CAAgB,CAAC;SACjC,IAAI,CAAC,UAAC,QAAQ,IAAK,OAAA,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,KAAI,IAAI,EAAxB,CAAwB,CAAC;SAC5C,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAzC,CAAyC,CAAC;SACzD,KAAK,CAAC,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AALpB,CAKoB,CAAA;AAEtB,+BAA+B;AAC/B,IAAM,gBAAgB,GAAG,UAAC,GAAW;IACnC,OAAA,KAAK,CAAC,GAAG,EAAE;QACT,WAAW,EAAE,SAAS;KACvB,CAAC;SACC,IAAI,CAAC,UAAC,QAAQ;QACb,IAAI,CAAC,QAAQ,CAAC,EAAE;YAAE,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAA;QACzD,OAAO,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAxB,CAAwB,CAAC,CAAA;IACtF,CAAC,CAAC;SACD,KAAK,CAAC,UAAC,KAAK,IAAK,OAAA,OAAO,CAAC,KAAK,CAAC,UAAG,6BAA6B,MAAG,EAAE,KAAK,CAAC,EAAzD,CAAyD,CAAC;AAP9E,CAO8E,CAAA;AAEhF,sEAAsE;AACtE,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,GAAW;IAC/C,IAAI,CAAC,GAAG;QAAE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAA;IAElC,OAAO,MAAM;SACV,IAAI,CAAC,sBAAsB,CAAC;SAC5B,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAhB,CAAgB,CAAC;SACjC,IAAI,CAAC,UAAC,QAAQ;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO,gBAAgB,CAAC,GAAG,CAAC,CAAA;QAC3C,OAAO,OAAO,CAAC,OAAO,EAAE,CAAA;IAC1B,CAAC,CAAC,CAAA;AACN,CAAC,CAAA;AAED,sDAAsD;AACtD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,GAAW,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAA1B,CAA0B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CachedImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/CachedImage/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { useState } from 'react';
|
|
14
|
+
import classNames from 'classnames';
|
|
15
|
+
import DatePicker, { registerLocale } from 'react-datepicker';
|
|
16
|
+
import ru from 'date-fns/locale/ru';
|
|
17
|
+
import en from 'date-fns/locale/en-US';
|
|
18
|
+
import '../../styles/styles.scss';
|
|
19
|
+
registerLocale('ru', ru);
|
|
20
|
+
registerLocale('en', en);
|
|
21
|
+
var CalendarDatepicker = function (_a) {
|
|
22
|
+
var _b = _a.placeholder, placeholder = _b === void 0 ? 'Введите дату' : _b, initialCurrentDate = _a.initialCurrentDate, initialCurrentDateRange = _a.initialCurrentDateRange, _c = _a.minDate, minDate = _c === void 0 ? null : _c, _d = _a.onChangeCurrentDate, onChangeCurrentDate = _d === void 0 ? function () { return undefined; } : _d, _e = _a.onChangeCurrentDateRange, onChangeCurrentDateRange = _e === void 0 ? function () { return undefined; } : _e, calendarComponentClassName = _a.calendarComponentClassName, calendarInputClassName = _a.calendarInputClassName, _f = _a.isRange, isRange = _f === void 0 ? false : _f, width = _a.width;
|
|
23
|
+
var _g = useState(initialCurrentDate ? initialCurrentDate : null), currentDate = _g[0], setCurrentDate = _g[1];
|
|
24
|
+
var _h = useState(initialCurrentDateRange ? initialCurrentDateRange : [null, null]), currentDateRange = _h[0], setCurrentDateRange = _h[1];
|
|
25
|
+
var startDate = currentDateRange[0], endDate = currentDateRange[1];
|
|
26
|
+
var handleChangeDate = function (date) {
|
|
27
|
+
if (date) {
|
|
28
|
+
setCurrentDate(date);
|
|
29
|
+
onChangeCurrentDate(date);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
var handleChangeDateRange = function (period) {
|
|
33
|
+
setCurrentDateRange(period);
|
|
34
|
+
onChangeCurrentDateRange(period);
|
|
35
|
+
};
|
|
36
|
+
return (_jsx("div", __assign({ className: classNames({
|
|
37
|
+
'smartapp-calendar-component': !calendarInputClassName,
|
|
38
|
+
calendarInputClassName: calendarInputClassName,
|
|
39
|
+
}), style: { width: "".concat(width, "%") } }, { children: isRange ? (_jsx(DatePicker, { selectsRange: true, startDate: startDate, endDate: endDate, dateFormat: "dd.MM.yyyy", placeholderText: placeholder, locale: ru, className: classNames({
|
|
40
|
+
'smartapp-calendar-input': !calendarComponentClassName,
|
|
41
|
+
calendarComponentClassName: calendarComponentClassName,
|
|
42
|
+
}), onChange: function (period) { return handleChangeDateRange(period); } })) : (_jsx(DatePicker, { selected: currentDate, dateFormat: "dd.MM.yyyy", locale: ru, placeholderText: placeholder, minDate: minDate, className: classNames({
|
|
43
|
+
'smartapp-calendar-input': !calendarComponentClassName,
|
|
44
|
+
calendarComponentClassName: calendarComponentClassName,
|
|
45
|
+
}), onChange: function (date) { return handleChangeDate(date); } })) })));
|
|
46
|
+
};
|
|
47
|
+
export default CalendarDatepicker;
|
|
48
|
+
//# sourceMappingURL=Calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Calendar/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { useRef } from 'react';
|
|
14
|
+
import ReactEcharts from 'echarts-for-react';
|
|
15
|
+
import classNames from 'classnames';
|
|
16
|
+
import ChartLegend from '../ChartLegend/ChartLegend';
|
|
17
|
+
import { useEvents } from '../useEvents';
|
|
18
|
+
import { generateBarItem, generateLegendItems, generateXAxis, renderChartTooltip } from '../helpers';
|
|
19
|
+
import { DEFAULT_CHART_HEIGHT, LEGEND, OPTION_GRID, OPTION_TOOLTIP, OPTION_Y_AXIS, OPTIONS, TEXT_STYLE } from '../constants';
|
|
20
|
+
import '../../../styles/styles.scss';
|
|
21
|
+
var series = OPTIONS.series, shadow = OPTIONS.shadow, bar = OPTIONS.bar;
|
|
22
|
+
var option = function (_a) {
|
|
23
|
+
var data = _a.data, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis;
|
|
24
|
+
return ({
|
|
25
|
+
legend: LEGEND,
|
|
26
|
+
tooltip: __assign(__assign({}, OPTION_TOOLTIP), { axisPointer: { type: shadow }, formatter: function (params) { return renderChartTooltip({ chartType: bar, params: params, tooltipXAxis: tooltipXAxis }); } }),
|
|
27
|
+
textStyle: TEXT_STYLE,
|
|
28
|
+
grid: __assign(__assign({}, OPTION_GRID), { right: 0 }),
|
|
29
|
+
xAxis: generateXAxis(xAxis),
|
|
30
|
+
yAxis: OPTION_Y_AXIS,
|
|
31
|
+
series: generateBarItem(data),
|
|
32
|
+
emphasis: { focus: series },
|
|
33
|
+
barMaxWidth: 32,
|
|
34
|
+
barMinWidth: 15,
|
|
35
|
+
itemStyle: { borderRadius: [5, 5, 0, 0] },
|
|
36
|
+
barGap: '40%',
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
var ChartBar = function (_a) {
|
|
40
|
+
var _b = _a.chartHeight, chartHeight = _b === void 0 ? DEFAULT_CHART_HEIGHT.bar : _b, title = _a.title, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis, data = _a.data, legendUnits = _a.legendUnits;
|
|
41
|
+
var chartRef = useRef(null);
|
|
42
|
+
var _c = useEvents({ chartType: bar, chartRef: chartRef }), highlight = _c.highlight, downplay = _c.downplay;
|
|
43
|
+
return (_jsxs(_Fragment, { children: [_jsx("p", __assign({ className: classNames('smartapp-chart__title', 'mb-24') }, { children: title })), _jsx(ReactEcharts, { ref: chartRef, option: option({ data: data, xAxis: xAxis, tooltipXAxis: tooltipXAxis }), style: { height: chartHeight }, onEvents: { highlight: highlight, downplay: downplay } }), _jsx(ChartLegend, { chartRef: chartRef, chartType: bar, legendItems: generateLegendItems(bar, chartRef), legendUnits: legendUnits })] }));
|
|
44
|
+
};
|
|
45
|
+
export default ChartBar;
|
|
46
|
+
//# sourceMappingURL=ChartBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChartBar.js","sourceRoot":"","sources":["../../../../../src/components/Charts/ChartBar/ChartBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAA+B,MAAM,mBAAmB,CAAA;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpG,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE5H,OAAO,6BAA6B,CAAA;AAE5B,IAAA,MAAM,GAAkB,OAAO,OAAzB,EAAE,MAAM,GAAU,OAAO,OAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAY;AAEvC,IAAM,MAAM,GAAG,UAAC,EAA0C;QAAxC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;IAAmC,OAAA,CAAC;QAC7E,MAAM,EAAE,MAAM;QACd,OAAO,wBACF,cAAc,KACjB,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAC7B,SAAS,EAAE,UAAC,MAAgC,IAAK,OAAA,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,QAAA,EAAE,YAAY,cAAA,EAAE,CAAC,EAA5D,CAA4D,GAC9G;QACD,SAAS,EAAE,UAAU;QACrB,IAAI,wBAAO,WAAW,KAAE,KAAK,EAAE,CAAC,GAAE;QAClC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;QAC3B,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAC3B,WAAW,EAAE,EAAE;QACf,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;QACzC,MAAM,EAAE,KAAK;KACd,CAAC;AAjB4E,CAiB5E,CAAA;AAEF,IAAM,QAAQ,GAAG,UAAC,EAAsG;QAApG,mBAAsC,EAAtC,WAAW,mBAAG,oBAAoB,CAAC,GAAG,KAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA;IACvG,IAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAC5C,IAAA,KAA0B,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,UAAA,EAAE,CAAC,EAA/D,SAAS,eAAA,EAAE,QAAQ,cAA4C,CAAA;IAEvE,OAAO,CACL,8BACE,qBAAG,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,OAAO,CAAC,gBAAG,KAAK,IAAK,EACvE,KAAC,YAAY,IACX,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,EAAE,CAAC,EAC7C,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAC9B,QAAQ,EAAE,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,GACjC,EACF,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,mBAAmB,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,IAC7H,CACJ,CAAA;AACH,CAAC,CAAA;AACD,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
13
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
14
|
+
if (ar || !(i in from)) {
|
|
15
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
16
|
+
ar[i] = from[i];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
|
+
};
|
|
21
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
+
import { useEffect, useState } from 'react';
|
|
23
|
+
import classNames from 'classnames';
|
|
24
|
+
import { calculateValue, isBarChart, isLineChart, isPieChart } from '../helpers';
|
|
25
|
+
import { DISPATCH_ACTION_TYPES, NUMBER_FORMATTER } from '../constants';
|
|
26
|
+
import '../../../styles/styles.scss';
|
|
27
|
+
var ChartLegend = function (_a) {
|
|
28
|
+
var chartRef = _a.chartRef, chartType = _a.chartType, legendItems = _a.legendItems, legendUnits = _a.legendUnits;
|
|
29
|
+
var _b = useState([]), activeLegendItems = _b[0], setActiveLegendItems = _b[1];
|
|
30
|
+
var getChartInstance = function () { var _a; return (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance(); };
|
|
31
|
+
var generateLegendValue = function (value, data) {
|
|
32
|
+
if (data === void 0) { data = []; }
|
|
33
|
+
if (isBarChart(chartType))
|
|
34
|
+
return calculateValue(data);
|
|
35
|
+
if (isLineChart(chartType))
|
|
36
|
+
return NUMBER_FORMATTER.format(calculateValue(data));
|
|
37
|
+
return value;
|
|
38
|
+
};
|
|
39
|
+
var generateDispatchActionData = function (name, seriesIndex) { return (isPieChart(chartType) ? { name: name } : { seriesIndex: seriesIndex }); };
|
|
40
|
+
var handleLegendMouseEnter = function (name, seriesIndex) {
|
|
41
|
+
var chartInstance = getChartInstance();
|
|
42
|
+
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction(__assign({ type: DISPATCH_ACTION_TYPES.highlight }, generateDispatchActionData(name, seriesIndex)));
|
|
43
|
+
};
|
|
44
|
+
var handleLegendMouseLeave = function (name, seriesIndex) {
|
|
45
|
+
var chartInstance = getChartInstance();
|
|
46
|
+
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction(__assign({ type: DISPATCH_ACTION_TYPES.downplay }, generateDispatchActionData(name, seriesIndex)));
|
|
47
|
+
};
|
|
48
|
+
var handleLegendClick = function (name) {
|
|
49
|
+
var chartInstance = getChartInstance();
|
|
50
|
+
setActiveLegendItems(function (prevActiveLegendItems) {
|
|
51
|
+
return prevActiveLegendItems.includes(name)
|
|
52
|
+
? prevActiveLegendItems.filter(function (legendItemName) { return legendItemName !== name; })
|
|
53
|
+
: __spreadArray(__spreadArray([], prevActiveLegendItems, true), [name], false);
|
|
54
|
+
});
|
|
55
|
+
chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction({ type: DISPATCH_ACTION_TYPES.legendToggleSelect, name: name });
|
|
56
|
+
isPieChart(chartType) && (chartInstance === null || chartInstance === void 0 ? void 0 : chartInstance.dispatchAction({ type: DISPATCH_ACTION_TYPES.highlight, name: name }));
|
|
57
|
+
};
|
|
58
|
+
useEffect(function () {
|
|
59
|
+
legendItems && setActiveLegendItems(legendItems.map(function (_a) {
|
|
60
|
+
var name = _a.name;
|
|
61
|
+
return name;
|
|
62
|
+
}));
|
|
63
|
+
}, [legendItems]);
|
|
64
|
+
return (_jsx("div", __assign({ className: classNames('smartapp-chart__legend', "smartapp-chart__legend--".concat(chartType)) }, { children: legendItems.map(function (_a, index) {
|
|
65
|
+
var name = _a.name, value = _a.value, data = _a.data, color = _a.itemStyle.color;
|
|
66
|
+
var inactiveLegendItem = !activeLegendItems.includes(name);
|
|
67
|
+
return (_jsxs("div", __assign({ className: "smartapp-chart__legend--item", onClick: function () { return handleLegendClick(name); }, onMouseEnter: function () { return handleLegendMouseEnter(name, index); }, onMouseLeave: function () { return handleLegendMouseLeave(name, index); } }, { children: [_jsx("div", __assign({ className: classNames('smartapp-chart__legend--item__name', { 'smartapp-chart__legend--item__name--inactive': inactiveLegendItem }) }, { children: name })), _jsxs("div", __assign({ className: classNames('smartapp-chart__legend--item__value', { 'smartapp-chart__legend--item__value--inactive': inactiveLegendItem }), style: { color: color } }, { children: [generateLegendValue(value, data), legendUnits] }))] }), name));
|
|
68
|
+
}) })));
|
|
69
|
+
};
|
|
70
|
+
export default ChartLegend;
|
|
71
|
+
//# sourceMappingURL=ChartLegend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChartLegend.js","sourceRoot":"","sources":["../../../../../src/components/Charts/ChartLegend/ChartLegend.tsx"],"names":[],"mappings":"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"}
|