@expressms/smartapp-ui 2.8.4 → 2.8.5-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/storybook/index.d.ts +0 -1
- package/build/main/assets/storybook/index.js +0 -1
- package/build/main/assets/storybook/index.js.map +1 -1
- package/build/main/constants/constants.d.ts +2 -8
- package/build/main/constants/constants.js +2 -9
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/Avatar/Avatar.js +18 -21
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +6 -24
- package/build/main//321/201omponents/Avatar/types.js +5 -24
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/Calendar/Calendar.d.ts +1 -1
- package/build/main//321/201omponents/Calendar/Calendar.js +24 -62
- package/build/main//321/201omponents/Calendar/Calendar.js.map +1 -1
- package/build/main//321/201omponents/Calendar/types.d.ts +9 -8
- package/build/main//321/201omponents/Charts/constants.d.ts +1 -2
- package/build/main//321/201omponents/Charts/constants.js +2 -2
- package/build/main//321/201omponents/Charts/constants.js.map +1 -1
- package/build/main//321/201omponents/Chip/Chip.d.ts +3 -2
- package/build/main//321/201omponents/Chip/Chip.js +195 -10
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +7 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.d.ts +35 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js +46 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js.map +1 -0
- package/build/main//321/201omponents/ChipDndContext/index.d.ts +1 -0
- package/build/main//321/201omponents/ChipDndContext/index.js +2 -0
- package/build/main//321/201omponents/ChipDndContext/index.js.map +1 -0
- package/build/main//321/201omponents/ChipDragLayer/ChipDragLayer.d.ts +2 -0
- package/build/main//321/201omponents/ChipDragLayer/ChipDragLayer.js +33 -0
- package/build/main//321/201omponents/ChipDragLayer/ChipDragLayer.js.map +1 -0
- package/build/main//321/201omponents/ChipDragLayer/index.d.ts +1 -0
- package/build/main//321/201omponents/ChipDragLayer/index.js +2 -0
- package/build/main//321/201omponents/ChipDragLayer/index.js.map +1 -0
- package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +12 -17
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +5 -5
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +17 -40
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/types.d.ts +0 -8
- package/build/main//321/201omponents/ListItem/types.d.ts +1 -1
- package/build/main//321/201omponents/Notification/Notification.d.ts +1 -1
- package/build/main//321/201omponents/Notification/Notification.js +9 -29
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/Notification/types.d.ts +1 -2
- package/build/main//321/201omponents/Stories/Stories.d.ts +1 -1
- package/build/main//321/201omponents/Stories/Stories.js +15 -19
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/Stories/types.d.ts +7 -21
- package/build/main//321/201omponents/Stories/types.js +0 -5
- package/build/main//321/201omponents/Stories/types.js.map +1 -1
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js +2 -2
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +25 -4
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +36 -6
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +3 -3
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +5 -0
- package/build/main//321/201omponents/index.d.ts +2 -0
- package/build/main//321/201omponents/index.js +2 -0
- package/build/main//321/201omponents/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import classNames from 'classnames';
|
|
14
14
|
import { calculatePercentageOfValue, createInitials, isDarkTheme, userNameToColor } from '../../helpers';
|
|
15
|
-
import {
|
|
15
|
+
import { AvatarFontSizes } from './types';
|
|
16
16
|
import { COLORS, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS, THEME } from '../../constants';
|
|
17
17
|
import { ReactComponent as TickIcon } from '../../assets/icons/tick.svg';
|
|
18
18
|
import { ReactComponent as InfoIcon } from '../../assets/icons/info.svg';
|
|
@@ -43,27 +43,24 @@ var Avatar = function (_a) {
|
|
|
43
43
|
var outlineWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
44
44
|
var generateFontSizeAvatar = function () {
|
|
45
45
|
switch (size) {
|
|
46
|
-
case
|
|
47
|
-
|
|
48
|
-
|
|
46
|
+
case 20:
|
|
47
|
+
case 24: {
|
|
48
|
+
return AvatarFontSizes.lowest;
|
|
49
|
+
}
|
|
50
|
+
case 32:
|
|
51
|
+
case 40: {
|
|
49
52
|
return AvatarFontSizes.small;
|
|
50
|
-
|
|
51
|
-
case
|
|
52
|
-
case
|
|
53
|
-
return AvatarFontSizes.
|
|
54
|
-
|
|
55
|
-
case
|
|
56
|
-
return AvatarFontSizes.
|
|
57
|
-
|
|
58
|
-
case
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
case AVATAR_SIZES.size_100:
|
|
62
|
-
return AvatarFontSizes.xLarge;
|
|
63
|
-
case AVATAR_SIZES.size_160:
|
|
64
|
-
return AvatarFontSizes.xxLarge;
|
|
65
|
-
case AVATAR_SIZES.size_200:
|
|
66
|
-
return AvatarFontSizes.xxxLarge;
|
|
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
|
+
}
|
|
67
64
|
}
|
|
68
65
|
};
|
|
69
66
|
var renderUserInitials = function () { return (initials === null || initials === void 0 ? void 0 : initials.slice(0, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS).toUpperCase()) || createInitials(username); };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/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,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ export interface IAvatarProps extends IThemeProps {
|
|
|
10
10
|
isSpam?: boolean;
|
|
11
11
|
isCrown?: boolean;
|
|
12
12
|
isEye?: boolean;
|
|
13
|
-
size?: 20 | 24 | 32 |
|
|
13
|
+
size?: 20 | 24 | 32 | 40 | 44 | 48 | 56 | 100;
|
|
14
14
|
username?: string;
|
|
15
15
|
initials?: string;
|
|
16
16
|
avatar?: string | null;
|
|
@@ -21,30 +21,12 @@ export interface IAvatarProps extends IThemeProps {
|
|
|
21
21
|
onClick?: () => void;
|
|
22
22
|
onMouseDown?: () => void;
|
|
23
23
|
}
|
|
24
|
-
export declare enum AVATAR_SIZES {
|
|
25
|
-
size_20 = 20,
|
|
26
|
-
size_24 = 24,
|
|
27
|
-
size_32 = 32,
|
|
28
|
-
size_36 = 36,
|
|
29
|
-
size_40 = 40,
|
|
30
|
-
size_44 = 44,
|
|
31
|
-
size_48 = 48,
|
|
32
|
-
size_56 = 56,
|
|
33
|
-
size_64 = 64,
|
|
34
|
-
size_80 = 80,
|
|
35
|
-
size_100 = 100,
|
|
36
|
-
size_160 = 160,
|
|
37
|
-
size_200 = 200
|
|
38
|
-
}
|
|
39
24
|
export declare enum AvatarFontSizes {
|
|
40
|
-
|
|
41
|
-
small = "
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
xLarge = "32px",
|
|
46
|
-
xxLarge = "42px",
|
|
47
|
-
xxxLarge = "48px"
|
|
25
|
+
lowest = "12px",
|
|
26
|
+
small = "14px",
|
|
27
|
+
average = "18px",
|
|
28
|
+
high = "24px",
|
|
29
|
+
greatest = "42px"
|
|
48
30
|
}
|
|
49
31
|
export interface IUsernameAvatarColor {
|
|
50
32
|
degrees: number;
|
|
@@ -1,28 +1,9 @@
|
|
|
1
|
-
export var AVATAR_SIZES;
|
|
2
|
-
(function (AVATAR_SIZES) {
|
|
3
|
-
AVATAR_SIZES[AVATAR_SIZES["size_20"] = 20] = "size_20";
|
|
4
|
-
AVATAR_SIZES[AVATAR_SIZES["size_24"] = 24] = "size_24";
|
|
5
|
-
AVATAR_SIZES[AVATAR_SIZES["size_32"] = 32] = "size_32";
|
|
6
|
-
AVATAR_SIZES[AVATAR_SIZES["size_36"] = 36] = "size_36";
|
|
7
|
-
AVATAR_SIZES[AVATAR_SIZES["size_40"] = 40] = "size_40";
|
|
8
|
-
AVATAR_SIZES[AVATAR_SIZES["size_44"] = 44] = "size_44";
|
|
9
|
-
AVATAR_SIZES[AVATAR_SIZES["size_48"] = 48] = "size_48";
|
|
10
|
-
AVATAR_SIZES[AVATAR_SIZES["size_56"] = 56] = "size_56";
|
|
11
|
-
AVATAR_SIZES[AVATAR_SIZES["size_64"] = 64] = "size_64";
|
|
12
|
-
AVATAR_SIZES[AVATAR_SIZES["size_80"] = 80] = "size_80";
|
|
13
|
-
AVATAR_SIZES[AVATAR_SIZES["size_100"] = 100] = "size_100";
|
|
14
|
-
AVATAR_SIZES[AVATAR_SIZES["size_160"] = 160] = "size_160";
|
|
15
|
-
AVATAR_SIZES[AVATAR_SIZES["size_200"] = 200] = "size_200";
|
|
16
|
-
})(AVATAR_SIZES || (AVATAR_SIZES = {}));
|
|
17
1
|
export var AvatarFontSizes;
|
|
18
2
|
(function (AvatarFontSizes) {
|
|
19
|
-
AvatarFontSizes["
|
|
20
|
-
AvatarFontSizes["small"] = "
|
|
21
|
-
AvatarFontSizes["
|
|
22
|
-
AvatarFontSizes["
|
|
23
|
-
AvatarFontSizes["
|
|
24
|
-
AvatarFontSizes["xLarge"] = "32px";
|
|
25
|
-
AvatarFontSizes["xxLarge"] = "42px";
|
|
26
|
-
AvatarFontSizes["xxxLarge"] = "48px";
|
|
3
|
+
AvatarFontSizes["lowest"] = "12px";
|
|
4
|
+
AvatarFontSizes["small"] = "14px";
|
|
5
|
+
AvatarFontSizes["average"] = "18px";
|
|
6
|
+
AvatarFontSizes["high"] = "24px";
|
|
7
|
+
AvatarFontSizes["greatest"] = "42px";
|
|
27
8
|
})(AvatarFontSizes || (AvatarFontSizes = {}));
|
|
28
9
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ICalendarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const CalendarDatepicker: ({
|
|
3
|
+
declare const CalendarDatepicker: ({ placeholder, initialCurrentDate, initialCurrentDateRange, minDate, onChangeCurrentDate, onChangeCurrentDateRange, calendarComponentClassName, calendarInputClassName, isRange, width, }: ICalendarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default CalendarDatepicker;
|
|
@@ -9,78 +9,40 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
-
import { useEffect, useState } from 'react';
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { useState } from 'react';
|
|
14
|
+
import classNames from 'classnames';
|
|
25
15
|
import DatePicker, { registerLocale } from 'react-datepicker';
|
|
26
|
-
import { LANGUAGES } from '../../constants';
|
|
27
|
-
import { ReactComponent as ArrowUpIcon } from '../../assets/icons/arrow-up.svg';
|
|
28
|
-
import { ReactComponent as ArrowDownIcon } from '../../assets/icons/arrow-down.svg';
|
|
29
|
-
import '../../styles/styles.scss';
|
|
30
16
|
import ru from 'date-fns/locale/ru';
|
|
31
17
|
import en from 'date-fns/locale/en-US';
|
|
32
|
-
import
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
import de from 'date-fns/locale/de';
|
|
36
|
-
import ms from 'date-fns/locale/ms';
|
|
37
|
-
registerLocale(LANGUAGES.ru, ru);
|
|
38
|
-
registerLocale(LANGUAGES.ar, ar);
|
|
39
|
-
registerLocale(LANGUAGES.en, en);
|
|
40
|
-
registerLocale(LANGUAGES.fr, fr);
|
|
41
|
-
registerLocale(LANGUAGES.es, es);
|
|
42
|
-
registerLocale(LANGUAGES.de, de);
|
|
43
|
-
registerLocale(LANGUAGES.mal, ms);
|
|
44
|
-
var DATE_FORMAT;
|
|
45
|
-
(function (DATE_FORMAT) {
|
|
46
|
-
DATE_FORMAT["DATE_PICKER_FORMAT"] = "dd MMMM";
|
|
47
|
-
DATE_FORMAT["DAY_MONTH_YEAR"] = "d MMMM yyyy";
|
|
48
|
-
DATE_FORMAT["MONTH_YEAR"] = "LLLL yyyy";
|
|
49
|
-
DATE_FORMAT["MONTH"] = "LLLL";
|
|
50
|
-
})(DATE_FORMAT || (DATE_FORMAT = {}));
|
|
51
|
-
var READONLY_ATTRIBUTE = 'readonly';
|
|
52
|
-
var READONLY_ATTRIBUTE_VALUE = 'true';
|
|
53
|
-
var DATE_PICKER_FORMAT = DATE_FORMAT.DATE_PICKER_FORMAT, DAY_MONTH_YEAR = DATE_FORMAT.DAY_MONTH_YEAR, MONTH_YEAR = DATE_FORMAT.MONTH_YEAR, MONTH = DATE_FORMAT.MONTH;
|
|
18
|
+
import '../../styles/styles.scss';
|
|
19
|
+
registerLocale('ru', ru);
|
|
20
|
+
registerLocale('en', en);
|
|
54
21
|
var CalendarDatepicker = function (_a) {
|
|
55
|
-
var
|
|
56
|
-
var
|
|
57
|
-
var
|
|
58
|
-
var
|
|
59
|
-
var _f = useState(false), isActiveDatepicker = _f[0], setIsActiveDatepicker = _f[1];
|
|
60
|
-
var startDate = selectedDateRange[0], endDate = selectedDateRange[1];
|
|
61
|
-
var inline = props.inline;
|
|
62
|
-
useEffect(function () {
|
|
63
|
-
var element = document.getElementById(id);
|
|
64
|
-
element === null || element === void 0 ? void 0 : element.setAttribute(READONLY_ATTRIBUTE, READONLY_ATTRIBUTE_VALUE);
|
|
65
|
-
}, [id]);
|
|
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];
|
|
66
26
|
var handleChangeDate = function (date) {
|
|
67
27
|
if (date) {
|
|
68
|
-
|
|
69
|
-
|
|
28
|
+
setCurrentDate(date);
|
|
29
|
+
onChangeCurrentDate(date);
|
|
70
30
|
}
|
|
71
31
|
};
|
|
72
32
|
var handleChangeDateRange = function (period) {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
};
|
|
76
|
-
var handleDatePickerClick = function () { return setIsActiveDatepicker(!isActiveDatepicker); };
|
|
77
|
-
var handleClickArrowButton = function () {
|
|
78
|
-
var element = document.getElementById(id);
|
|
79
|
-
element === null || element === void 0 ? void 0 : element.focus();
|
|
33
|
+
setCurrentDateRange(period);
|
|
34
|
+
onChangeCurrentDateRange(period);
|
|
80
35
|
};
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
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); } })) })));
|
|
84
46
|
};
|
|
85
47
|
export default CalendarDatepicker;
|
|
86
48
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/сomponents/Calendar/Calendar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/сomponents/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { ReactDatePickerProps } from 'react-datepicker';
|
|
2
1
|
import { IntRange } from '../types';
|
|
3
2
|
export type TDateRange = [Date | null, Date | null];
|
|
4
|
-
export interface ICalendarProps
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
export interface ICalendarProps {
|
|
4
|
+
initialCurrentDate?: Date;
|
|
5
|
+
initialCurrentDateRange?: TDateRange;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
minDate?: Date | null;
|
|
8
|
+
calendarComponentClassName?: string;
|
|
9
|
+
calendarInputClassName?: string;
|
|
10
10
|
isRange?: boolean;
|
|
11
|
-
|
|
11
|
+
onChangeCurrentDate?: (date: Date | null) => void;
|
|
12
|
+
onChangeCurrentDateRange?: (period: TDateRange) => void;
|
|
12
13
|
width?: IntRange<1, 101>;
|
|
13
14
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { TooltipComponentOption } from 'echarts';
|
|
2
2
|
import { YAXisOption } from 'echarts/types/dist/shared';
|
|
3
|
-
import { FONT_FAMILY } from '../../constants';
|
|
4
3
|
export declare enum OPTIONS {
|
|
5
4
|
center = "center",
|
|
6
5
|
axis = "axis",
|
|
@@ -22,7 +21,7 @@ export declare const LEGEND: {
|
|
|
22
21
|
show: boolean;
|
|
23
22
|
};
|
|
24
23
|
export declare const TEXT_STYLE: {
|
|
25
|
-
fontFamily:
|
|
24
|
+
fontFamily: string;
|
|
26
25
|
};
|
|
27
26
|
export declare const TOOLTIP_CLASS_NAME = "smartapp-chart-tooltip";
|
|
28
27
|
export declare const PIE_TOOLTIP_CLASS_NAME = "smartapp-pie-chart-tooltip";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COLORS,
|
|
1
|
+
import { COLORS, DEFAULT_FONT_FAMILY } from '../../constants';
|
|
2
2
|
import { BORDER_COLOR } from './colors';
|
|
3
3
|
export var OPTIONS;
|
|
4
4
|
(function (OPTIONS) {
|
|
@@ -21,7 +21,7 @@ export var CENTER_HORIZONTAL_POSITION = '50%';
|
|
|
21
21
|
export var CENTER_VERTICAL_POSITION = '53%';
|
|
22
22
|
export var NUMBER_FORMATTER = new Intl.NumberFormat(DE_NUMBER_FORMAT);
|
|
23
23
|
export var LEGEND = { show: false };
|
|
24
|
-
export var TEXT_STYLE = { fontFamily:
|
|
24
|
+
export var TEXT_STYLE = { fontFamily: DEFAULT_FONT_FAMILY };
|
|
25
25
|
export var TOOLTIP_CLASS_NAME = 'smartapp-chart-tooltip';
|
|
26
26
|
export var PIE_TOOLTIP_CLASS_NAME = 'smartapp-pie-chart-tooltip';
|
|
27
27
|
export var OPTION_TOOLTIP = { trigger: axis, className: TOOLTIP_CLASS_NAME, borderColor: BORDER_COLOR };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,CAAN,IAAY,OAWX;AAXD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,wBAAa,CAAA;IACb,4BAAiB,CAAA;IACjB,gCAAqB,CAAA;IACrB,sCAA2B,CAAA;IAC3B,0BAAe,CAAA;IACf,4BAAiB,CAAA;IACjB,sBAAW,CAAA;IACX,sBAAW,CAAA;IACX,wBAAa,CAAA;AACf,CAAC,EAXW,OAAO,KAAP,OAAO,QAWlB;AAEO,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;AAC/B,IAAM,gBAAgB,GAAG,OAAO,CAAA;AAEhC,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAA;AAClC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAA;AACpC,MAAM,CAAC,IAAM,0BAA0B,GAAG,KAAK,CAAA;AAC/C,MAAM,CAAC,IAAM,wBAAwB,GAAG,KAAK,CAAA;AAC7C,MAAM,CAAC,IAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;AACvE,MAAM,CAAC,IAAM,MAAM,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;AACrC,MAAM,CAAC,IAAM,UAAU,GAAG,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAA;AAC7D,MAAM,CAAC,IAAM,kBAAkB,GAAG,wBAAwB,CAAA;AAC1D,MAAM,CAAC,IAAM,sBAAsB,GAAG,4BAA4B,CAAA;AAClE,MAAM,CAAC,IAAM,cAAc,GAA2B,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,YAAY,EAAE,CAAA;AACjI,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AAEjF,MAAM,CAAC,IAAM,aAAa,GAAgB;IACxC,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE;CAC1E,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,kBAAkB,EAAE,oBAAoB;CACzC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,GAAG;CACT,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { IChipProps } from './types';
|
|
2
3
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const
|
|
4
|
-
export default
|
|
4
|
+
declare const _default: React.MemoExoticComponent<(props: IChipProps) => import("react/jsx-runtime").JSX.Element>;
|
|
5
|
+
export default _default;
|
|
@@ -9,27 +9,212 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useEffect, useRef } from 'react';
|
|
12
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { memo, useCallback, useEffect, useRef, useState } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import Avatar from '../Avatar';
|
|
16
|
+
import ContextMenu from '../ContextMenu';
|
|
16
17
|
import { generateColor } from '../../helpers';
|
|
17
18
|
import { COLORS } from '../../constants';
|
|
18
19
|
import { ReactComponent as DeleteIcon } from '../../assets/icons/delete-chip.svg';
|
|
20
|
+
import { ReactComponent as ArrowDownIcon } from '../../assets/icons/arrow-down.svg';
|
|
21
|
+
import { dropHandlers, useChipDnd } from '../ChipDndContext';
|
|
19
22
|
import '../../styles/styles.scss';
|
|
20
|
-
var
|
|
21
|
-
|
|
23
|
+
var CHIP_HEIGHT = 32;
|
|
24
|
+
var CONTEXT_MENU_INDENT_TOP = 4;
|
|
25
|
+
var CONTEXT_MENU_INDENT = CHIP_HEIGHT + CONTEXT_MENU_INDENT_TOP;
|
|
26
|
+
var DRAG_THRESHOLD = 1;
|
|
27
|
+
var Chip = function (props) {
|
|
28
|
+
var name = props.name, avatar = props.avatar, _a = props.isAvatarHidden, isAvatarHidden = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isError, isError = _c === void 0 ? false : _c, _d = props.isEye, isEye = _d === void 0 ? false : _d, _e = props.isLayer, isLayer = _e === void 0 ? false : _e, contextMenuItems = props.contextMenuItems, className = props.className, styles = props.styles, iconColor = props.iconColor, onDelete = props.onDelete, parentDropdownId = props.parentDropdownId, chipData = props.chipData, email = props.email;
|
|
29
|
+
var _f = useState(false), isOpenContextMenu = _f[0], setIsOpenContextMenu = _f[1];
|
|
22
30
|
var isChipDisabled = isError ? false : isDisabled;
|
|
23
31
|
var chipRef = useRef(null);
|
|
32
|
+
var dragStartPos = useRef(null);
|
|
33
|
+
var isDragging = useRef(false);
|
|
34
|
+
var dragStarted = useRef(false);
|
|
35
|
+
var dragOffset = useRef({ x: 0, y: 0 });
|
|
36
|
+
var closeContextMenu = function () { return setIsOpenContextMenu(false); };
|
|
37
|
+
var setContextPosition = function () {
|
|
38
|
+
if (chipRef.current) {
|
|
39
|
+
var _a = chipRef.current.getBoundingClientRect(), left = _a.left, top_1 = _a.top;
|
|
40
|
+
return { x: left, y: top_1 + CONTEXT_MENU_INDENT };
|
|
41
|
+
}
|
|
42
|
+
return { x: 0, y: 0 + CONTEXT_MENU_INDENT };
|
|
43
|
+
};
|
|
44
|
+
var chipDndContext = useChipDnd();
|
|
45
|
+
var _g = chipDndContext !== null && chipDndContext !== void 0 ? chipDndContext : {}, setDraggedChip = _g.setDraggedChip, setDraggedChipData = _g.setDraggedChipData, setSourceDropdownId = _g.setSourceDropdownId, setHasMoved = _g.setHasMoved, draggedChip = _g.draggedChip, sourceDropdownId = _g.sourceDropdownId, setDragPosition = _g.setDragPosition, setTargetDropdownId = _g.setTargetDropdownId, setCursorOffsetPosition = _g.setCursorOffsetPosition, setOverHalf = _g.setOverHalf, cursorOffsetPosition = _g.cursorOffsetPosition, hasMoved = _g.hasMoved;
|
|
46
|
+
var handleGlobalPointerUp = function (e, notOpenContextMenu) {
|
|
47
|
+
var _a;
|
|
48
|
+
handleMouseUp(notOpenContextMenu);
|
|
49
|
+
// Получаем координаты курсора
|
|
50
|
+
var x = 0, y = 0;
|
|
51
|
+
if ('clientX' in e && 'clientY' in e) {
|
|
52
|
+
x = e.clientX;
|
|
53
|
+
y = e.clientY;
|
|
54
|
+
}
|
|
55
|
+
else if ('changedTouches' in e && e.changedTouches.length > 0) {
|
|
56
|
+
x = e.changedTouches[0].clientX;
|
|
57
|
+
y = e.changedTouches[0].clientY;
|
|
58
|
+
}
|
|
59
|
+
// Находим элемент под курсором
|
|
60
|
+
var el = document.elementFromPoint(x, y);
|
|
61
|
+
// Ищем ближайший UserDropdown
|
|
62
|
+
var dropdown = el === null || el === void 0 ? void 0 : el.closest('.smartapp-user-dropdown');
|
|
63
|
+
var dropdownId = dropdown === null || dropdown === void 0 ? void 0 : dropdown.id;
|
|
64
|
+
setTargetDropdownId === null || setTargetDropdownId === void 0 ? void 0 : setTargetDropdownId(dropdownId !== null && dropdownId !== void 0 ? dropdownId : null);
|
|
65
|
+
if (notOpenContextMenu && dropdownId && dropHandlers.has(dropdownId)) {
|
|
66
|
+
(_a = dropHandlers.get(dropdownId)) === null || _a === void 0 ? void 0 : _a(null, 'touchend-from-chip');
|
|
67
|
+
}
|
|
68
|
+
// // Завершаем drag
|
|
69
|
+
stopDrag();
|
|
70
|
+
};
|
|
71
|
+
var setOffsetPosition = useCallback(function (clientX, clientY) {
|
|
72
|
+
if (chipRef.current && !dragOffset.current.x && !dragOffset.current.y) {
|
|
73
|
+
var _a = chipRef.current.getBoundingClientRect(), left = _a.left, top_2 = _a.top;
|
|
74
|
+
dragOffset.current = { x: clientX - left, y: clientY - top_2 };
|
|
75
|
+
if (cursorOffsetPosition !== dragOffset.current.y)
|
|
76
|
+
setCursorOffsetPosition === null || setCursorOffsetPosition === void 0 ? void 0 : setCursorOffsetPosition(dragOffset.current.y);
|
|
77
|
+
}
|
|
78
|
+
}, [cursorOffsetPosition, setCursorOffsetPosition]);
|
|
79
|
+
var checkOverHalfDropdown = useCallback(function (clientX, clientY) {
|
|
80
|
+
if (!setOverHalf || !setTargetDropdownId)
|
|
81
|
+
return;
|
|
82
|
+
var found = false;
|
|
83
|
+
var containers = document.querySelectorAll('.smartapp-user-dropdown');
|
|
84
|
+
containers.forEach(function (dropdown) {
|
|
85
|
+
// так как у user-dropdown есть еще title, то для расчета пересечения используем контейнер
|
|
86
|
+
var _a = dropdown.querySelector('.smartapp-user-dropdown__container').getBoundingClientRect(), top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right;
|
|
87
|
+
var chipCenterY = clientY - (cursorOffsetPosition || 0) + CHIP_HEIGHT / 2;
|
|
88
|
+
var isOverHalf = chipCenterY >= top && chipCenterY <= bottom;
|
|
89
|
+
if (clientX >= left && clientX <= right && isOverHalf) {
|
|
90
|
+
setTargetDropdownId(dropdown.id);
|
|
91
|
+
setOverHalf(true);
|
|
92
|
+
found = true;
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
if (!found)
|
|
96
|
+
setOverHalf(false);
|
|
97
|
+
}, [cursorOffsetPosition, setOverHalf, setTargetDropdownId]);
|
|
98
|
+
var handleMouseDown = function (_a) {
|
|
99
|
+
var clientX = _a.clientX, clientY = _a.clientY;
|
|
100
|
+
if (isChipDisabled)
|
|
101
|
+
return;
|
|
102
|
+
setOffsetPosition(clientX, clientY);
|
|
103
|
+
dragStartPos.current = { x: clientX, y: clientY };
|
|
104
|
+
isDragging.current = true;
|
|
105
|
+
dragStarted.current = false;
|
|
106
|
+
window.addEventListener('mousemove', handleMouseMove);
|
|
107
|
+
};
|
|
108
|
+
var handleMouseMove = function (_a) {
|
|
109
|
+
var clientX = _a.clientX, clientY = _a.clientY;
|
|
110
|
+
if (!isDragging.current || isChipDisabled || !chipData)
|
|
111
|
+
return;
|
|
112
|
+
if (isOpenContextMenu)
|
|
113
|
+
closeContextMenu();
|
|
114
|
+
var _b = dragStartPos.current || { x: 0, y: 0 }, x = _b.x, y = _b.y;
|
|
115
|
+
var dx = Math.abs(clientX - x);
|
|
116
|
+
var dy = Math.abs(clientY - y);
|
|
117
|
+
if (!dragStarted.current && (dx > DRAG_THRESHOLD || dy > DRAG_THRESHOLD)) {
|
|
118
|
+
dragStarted.current = true;
|
|
119
|
+
setDraggedChip === null || setDraggedChip === void 0 ? void 0 : setDraggedChip(__assign(__assign({}, props), { parentDropdownId: parentDropdownId }));
|
|
120
|
+
setDraggedChipData === null || setDraggedChipData === void 0 ? void 0 : setDraggedChipData(chipData);
|
|
121
|
+
setSourceDropdownId === null || setSourceDropdownId === void 0 ? void 0 : setSourceDropdownId(parentDropdownId || null);
|
|
122
|
+
setHasMoved === null || setHasMoved === void 0 ? void 0 : setHasMoved(true);
|
|
123
|
+
}
|
|
124
|
+
if (dragStarted.current) {
|
|
125
|
+
setDragPosition === null || setDragPosition === void 0 ? void 0 : setDragPosition({ x: clientX - dragOffset.current.x, y: clientY - dragOffset.current.y });
|
|
126
|
+
checkOverHalfDropdown(clientX, clientY);
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
var handleTouchStart = function (e) {
|
|
130
|
+
if (isChipDisabled)
|
|
131
|
+
return;
|
|
132
|
+
var _a = e.touches[0], clientX = _a.clientX, clientY = _a.clientY;
|
|
133
|
+
setOffsetPosition(clientX, clientY);
|
|
134
|
+
dragStartPos.current = { x: clientX, y: clientY };
|
|
135
|
+
isDragging.current = true;
|
|
136
|
+
dragStarted.current = false;
|
|
137
|
+
window.addEventListener('touchmove', handleTouchMove);
|
|
138
|
+
};
|
|
139
|
+
var handleTouchEnd = function (e) {
|
|
140
|
+
if (dragStarted.current) {
|
|
141
|
+
handleGlobalPointerUp(e, true);
|
|
142
|
+
}
|
|
143
|
+
else {
|
|
144
|
+
removeAllListeners();
|
|
145
|
+
setIsOpenContextMenu(true);
|
|
146
|
+
}
|
|
147
|
+
};
|
|
148
|
+
var handleTouchMove = function (e) {
|
|
149
|
+
if (!isDragging.current || isChipDisabled || !chipData || isOpenContextMenu)
|
|
150
|
+
return;
|
|
151
|
+
if (isOpenContextMenu)
|
|
152
|
+
closeContextMenu();
|
|
153
|
+
var _a = e.touches[0], clientX = _a.clientX, clientY = _a.clientY;
|
|
154
|
+
var _b = dragStartPos.current || { x: 0, y: 0 }, x = _b.x, y = _b.y;
|
|
155
|
+
var dx = Math.abs(clientX - x);
|
|
156
|
+
var dy = Math.abs(clientY - y);
|
|
157
|
+
if (!dragStarted.current && (dx > DRAG_THRESHOLD || dy > DRAG_THRESHOLD)) {
|
|
158
|
+
dragStarted.current = true;
|
|
159
|
+
setDraggedChip === null || setDraggedChip === void 0 ? void 0 : setDraggedChip(__assign(__assign({}, props), { parentDropdownId: parentDropdownId }));
|
|
160
|
+
setDraggedChipData === null || setDraggedChipData === void 0 ? void 0 : setDraggedChipData(chipData);
|
|
161
|
+
setSourceDropdownId === null || setSourceDropdownId === void 0 ? void 0 : setSourceDropdownId(parentDropdownId || null);
|
|
162
|
+
setHasMoved === null || setHasMoved === void 0 ? void 0 : setHasMoved(true);
|
|
163
|
+
}
|
|
164
|
+
if (dragStarted.current) {
|
|
165
|
+
setDragPosition === null || setDragPosition === void 0 ? void 0 : setDragPosition({ x: clientX - dragOffset.current.x, y: clientY - dragOffset.current.y });
|
|
166
|
+
checkOverHalfDropdown(clientX, clientY);
|
|
167
|
+
}
|
|
168
|
+
};
|
|
169
|
+
var resetDragState = function () {
|
|
170
|
+
setDraggedChip === null || setDraggedChip === void 0 ? void 0 : setDraggedChip(null);
|
|
171
|
+
setDraggedChipData === null || setDraggedChipData === void 0 ? void 0 : setDraggedChipData(null);
|
|
172
|
+
setSourceDropdownId === null || setSourceDropdownId === void 0 ? void 0 : setSourceDropdownId(null);
|
|
173
|
+
setHasMoved === null || setHasMoved === void 0 ? void 0 : setHasMoved(false);
|
|
174
|
+
setDragPosition === null || setDragPosition === void 0 ? void 0 : setDragPosition(null);
|
|
175
|
+
};
|
|
176
|
+
var stopDrag = function () {
|
|
177
|
+
isDragging.current = false;
|
|
178
|
+
resetDragState();
|
|
179
|
+
dragOffset.current = { x: 0, y: 0 };
|
|
180
|
+
removeAllListeners();
|
|
181
|
+
};
|
|
182
|
+
var handleMouseUp = function (notOpenContextMenu) {
|
|
183
|
+
// Открываем меню только если drag НЕ был начат и не было запрета на открытие контекстного меню
|
|
184
|
+
if (!dragStarted.current && !notOpenContextMenu) {
|
|
185
|
+
setIsOpenContextMenu(true);
|
|
186
|
+
}
|
|
187
|
+
resetDragState();
|
|
188
|
+
isDragging.current = false;
|
|
189
|
+
dragStarted.current = false;
|
|
190
|
+
dragStartPos.current = null;
|
|
191
|
+
};
|
|
192
|
+
var removeAllListeners = function () {
|
|
193
|
+
window.removeEventListener('mousemove', handleMouseMove);
|
|
194
|
+
window.removeEventListener('touchmove', handleTouchMove);
|
|
195
|
+
};
|
|
24
196
|
useEffect(function () {
|
|
25
|
-
window.addEventListener('mouseup', handleMouseUp);
|
|
26
197
|
return function () {
|
|
27
|
-
|
|
198
|
+
removeAllListeners();
|
|
28
199
|
};
|
|
200
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29
201
|
}, []);
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
return (_jsxs(
|
|
202
|
+
var isChipBeingDragged = draggedChip && draggedChip.email === chipData.email && sourceDropdownId === parentDropdownId;
|
|
203
|
+
var isChipOpacity = isChipBeingDragged && !isLayer;
|
|
204
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", __assign({ ref: chipRef, className: classNames('smartapp-chip', {
|
|
205
|
+
'smartapp-chip__error': isError,
|
|
206
|
+
'smartapp-chip__disabled': isChipDisabled,
|
|
207
|
+
'smartapp-chip--opacity': isChipOpacity,
|
|
208
|
+
'smartapp-chip--layer': isLayer,
|
|
209
|
+
'smartapp-chip--hover': !(draggedChip && hasMoved) && (contextMenuItems === null || contextMenuItems === void 0 ? void 0 : contextMenuItems.length),
|
|
210
|
+
}, className), style: styles, onMouseDown: handleMouseDown, onMouseUp: function (e) { return handleGlobalPointerUp(e, true); }, onClick: function (e) {
|
|
211
|
+
removeAllListeners();
|
|
212
|
+
setIsOpenContextMenu(function (prev) { return !prev; });
|
|
213
|
+
}, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && !isError && (_jsxs(_Fragment, { children: [_jsx("div", __assign({ className: "smartapp-chip__avatar-arrow" }, { children: _jsx(ArrowDownIcon, { className: classNames('smartapp-chip__arrow', { 'smartapp-chip__arrow--selected': isOpenContextMenu }) }) })), _jsx(Avatar, { className: "smartapp-chip__avatar", username: name, avatar: avatar, size: 24, isEye: isEye, outlineDefaultBackground: "var(--color-chip)" })] })), _jsx("p", __assign({ className: "smartapp-chip__info--name" }, { children: name }))] })), ((!isChipDisabled && onDelete) || isLayer) && (_jsx("button", __assign({ className: "smartapp-chip__delete-icon", onClick: function (e) {
|
|
214
|
+
e.stopPropagation();
|
|
215
|
+
e.preventDefault();
|
|
216
|
+
onDelete === null || onDelete === void 0 ? void 0 : onDelete(name);
|
|
217
|
+
} }, { children: _jsx(DeleteIcon, { style: { color: generateColor(iconColor, isError ? COLORS.red : COLORS.darkerGray) } }) })))] })), contextMenuItems && (_jsx(ContextMenu, { isMenuOpen: isOpenContextMenu, position: setContextPosition(), closeMenu: closeContextMenu, items: contextMenuItems, actionData: email || name }))] }));
|
|
33
218
|
};
|
|
34
|
-
export default Chip;
|
|
219
|
+
export default memo(Chip);
|
|
35
220
|
//# sourceMappingURL=Chip.js.map
|