@expressms/smartapp-ui 2.8.3 → 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 +15 -11
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +2 -13
- package/build/main//321/201omponents/Avatar/types.js +2 -14
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- 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 +10 -15
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +5 -4
- 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/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,20 +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
|
-
|
|
49
|
-
|
|
50
|
-
case
|
|
51
|
-
case
|
|
46
|
+
case 20:
|
|
47
|
+
case 24: {
|
|
48
|
+
return AvatarFontSizes.lowest;
|
|
49
|
+
}
|
|
50
|
+
case 32:
|
|
51
|
+
case 40: {
|
|
52
52
|
return AvatarFontSizes.small;
|
|
53
|
-
|
|
54
|
-
case
|
|
53
|
+
}
|
|
54
|
+
case 44:
|
|
55
|
+
case 48: {
|
|
55
56
|
return AvatarFontSizes.average;
|
|
56
|
-
|
|
57
|
+
}
|
|
58
|
+
case 56: {
|
|
57
59
|
return AvatarFontSizes.high;
|
|
58
|
-
|
|
60
|
+
}
|
|
61
|
+
case 100: {
|
|
59
62
|
return AvatarFontSizes.greatest;
|
|
63
|
+
}
|
|
60
64
|
}
|
|
61
65
|
};
|
|
62
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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"}
|
|
@@ -21,23 +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_40 = 40,
|
|
29
|
-
size_44 = 44,
|
|
30
|
-
size_48 = 48,
|
|
31
|
-
size_56 = 56,
|
|
32
|
-
size_100 = 100
|
|
33
|
-
}
|
|
34
24
|
export declare enum AvatarFontSizes {
|
|
35
|
-
|
|
36
|
-
lower = "12px",
|
|
25
|
+
lowest = "12px",
|
|
37
26
|
small = "14px",
|
|
38
27
|
average = "18px",
|
|
39
28
|
high = "24px",
|
|
40
|
-
greatest = "
|
|
29
|
+
greatest = "42px"
|
|
41
30
|
}
|
|
42
31
|
export interface IUsernameAvatarColor {
|
|
43
32
|
degrees: number;
|
|
@@ -1,21 +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_40"] = 40] = "size_40";
|
|
7
|
-
AVATAR_SIZES[AVATAR_SIZES["size_44"] = 44] = "size_44";
|
|
8
|
-
AVATAR_SIZES[AVATAR_SIZES["size_48"] = 48] = "size_48";
|
|
9
|
-
AVATAR_SIZES[AVATAR_SIZES["size_56"] = 56] = "size_56";
|
|
10
|
-
AVATAR_SIZES[AVATAR_SIZES["size_100"] = 100] = "size_100";
|
|
11
|
-
})(AVATAR_SIZES || (AVATAR_SIZES = {}));
|
|
12
1
|
export var AvatarFontSizes;
|
|
13
2
|
(function (AvatarFontSizes) {
|
|
14
|
-
AvatarFontSizes["
|
|
15
|
-
AvatarFontSizes["lower"] = "12px";
|
|
3
|
+
AvatarFontSizes["lowest"] = "12px";
|
|
16
4
|
AvatarFontSizes["small"] = "14px";
|
|
17
5
|
AvatarFontSizes["average"] = "18px";
|
|
18
6
|
AvatarFontSizes["high"] = "24px";
|
|
19
|
-
AvatarFontSizes["greatest"] = "
|
|
7
|
+
AvatarFontSizes["greatest"] = "42px";
|
|
20
8
|
})(AvatarFontSizes || (AvatarFontSizes = {}));
|
|
21
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,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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,IAAI,GAAG,UAAC,EAWD;QAVX,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,SAAS,eAAA,EACT,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,IAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAA;IACnD,IAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IACtF,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IAEvF,OAAO,CACL,wBACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,EAAE,sBAAsB,EAAE,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,EAAE,SAAS,CAAC,EACjI,KAAK,EAAE,MAAM,iBAEb,wBAAK,SAAS,EAAC,qBAAqB,iBACjC,CAAC,cAAc,IAAI,CAAC,OAAO,IAAI,CAC9B,KAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,wBAAwB,EAAC,mBAAmB,GAAG,CAChH,EACD,qBAAG,SAAS,EAAC,2BAA2B,gBAAE,IAAI,IAAK,KAC/C,EACL,CAAC,cAAc,IAAI,QAAQ,IAAI,CAC9B,uBAAK,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EAAE,WAAW,EAAE,eAAe,gBACrG,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,GAAI,IAChG,CACP,KACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import { IThemeProps, TStyles } from '../../constants';
|
|
2
|
+
import { MenuItem } from '../ContextMenu/types';
|
|
3
|
+
import { TUser } from '../UserDropdown/types';
|
|
2
4
|
export interface IChipProps extends IThemeProps {
|
|
3
5
|
name: string;
|
|
6
|
+
email?: string;
|
|
4
7
|
avatar?: string;
|
|
5
8
|
isAvatarHidden?: boolean;
|
|
6
9
|
isDisabled?: boolean;
|
|
7
10
|
isError?: boolean;
|
|
8
11
|
isEye?: boolean;
|
|
12
|
+
isLayer?: boolean;
|
|
13
|
+
contextMenuItems?: MenuItem[];
|
|
14
|
+
parentDropdownId: string;
|
|
15
|
+
chipData?: TUser;
|
|
9
16
|
className?: string;
|
|
10
17
|
styles?: TStyles;
|
|
11
18
|
iconColor?: string;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction, ReactNode } from 'react';
|
|
2
|
+
import { IChipProps } from '../Chip/types';
|
|
3
|
+
import { TUser } from '../UserDropdown/types';
|
|
4
|
+
interface DragPosition {
|
|
5
|
+
x: number;
|
|
6
|
+
y: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const dropHandlers: Map<string, (event: any, reason?: string) => void>;
|
|
9
|
+
export type DraggedChip = {
|
|
10
|
+
parentDropdownId?: string;
|
|
11
|
+
} & IChipProps;
|
|
12
|
+
interface ChipDndContextType {
|
|
13
|
+
draggedChip: DraggedChip | null;
|
|
14
|
+
setDraggedChip: Dispatch<SetStateAction<DraggedChip | null>>;
|
|
15
|
+
draggedChipData: TUser | null;
|
|
16
|
+
setDraggedChipData: Dispatch<SetStateAction<TUser | null>>;
|
|
17
|
+
sourceDropdownId: string | null;
|
|
18
|
+
setSourceDropdownId: Dispatch<SetStateAction<string | null>>;
|
|
19
|
+
targetDropdownId: string | null;
|
|
20
|
+
setTargetDropdownId: Dispatch<SetStateAction<string | null>>;
|
|
21
|
+
overHalf: boolean;
|
|
22
|
+
setOverHalf: Dispatch<SetStateAction<boolean>>;
|
|
23
|
+
hasMoved: boolean;
|
|
24
|
+
setHasMoved: Dispatch<SetStateAction<boolean>>;
|
|
25
|
+
dragPosition: DragPosition | null;
|
|
26
|
+
setDragPosition: Dispatch<SetStateAction<DragPosition | null>>;
|
|
27
|
+
cursorOffsetPosition: number | null;
|
|
28
|
+
setCursorOffsetPosition: Dispatch<SetStateAction<number | null>>;
|
|
29
|
+
}
|
|
30
|
+
export declare const useChipDnd: () => ChipDndContextType | undefined;
|
|
31
|
+
type ChipDndProviderProps = {
|
|
32
|
+
children: ReactNode;
|
|
33
|
+
};
|
|
34
|
+
export declare const ChipDndProvider: ({ children }: ChipDndProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export {};
|
|
@@ -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 } from "react/jsx-runtime";
|
|
13
|
+
import { createContext, useContext, useState } from 'react';
|
|
14
|
+
export var dropHandlers = new Map();
|
|
15
|
+
var ChipDndContext = createContext(undefined);
|
|
16
|
+
export var useChipDnd = function () { return useContext(ChipDndContext); };
|
|
17
|
+
export var ChipDndProvider = function (_a) {
|
|
18
|
+
var children = _a.children;
|
|
19
|
+
var _b = useState(null), draggedChip = _b[0], setDraggedChip = _b[1];
|
|
20
|
+
var _c = useState(null), draggedChipData = _c[0], setDraggedChipData = _c[1];
|
|
21
|
+
var _d = useState(null), sourceDropdownId = _d[0], setSourceDropdownId = _d[1];
|
|
22
|
+
var _e = useState(null), targetDropdownId = _e[0], setTargetDropdownId = _e[1];
|
|
23
|
+
var _f = useState(false), overHalf = _f[0], setOverHalf = _f[1];
|
|
24
|
+
var _g = useState(false), hasMoved = _g[0], setHasMoved = _g[1];
|
|
25
|
+
var _h = useState(null), dragPosition = _h[0], setDragPosition = _h[1];
|
|
26
|
+
var _j = useState(null), cursorOffsetPosition = _j[0], setCursorOffsetPosition = _j[1];
|
|
27
|
+
return (_jsx(ChipDndContext.Provider, __assign({ value: {
|
|
28
|
+
draggedChip: draggedChip,
|
|
29
|
+
setDraggedChip: setDraggedChip,
|
|
30
|
+
draggedChipData: draggedChipData,
|
|
31
|
+
setDraggedChipData: setDraggedChipData,
|
|
32
|
+
sourceDropdownId: sourceDropdownId,
|
|
33
|
+
setSourceDropdownId: setSourceDropdownId,
|
|
34
|
+
targetDropdownId: targetDropdownId,
|
|
35
|
+
setTargetDropdownId: setTargetDropdownId,
|
|
36
|
+
overHalf: overHalf,
|
|
37
|
+
setOverHalf: setOverHalf,
|
|
38
|
+
hasMoved: hasMoved,
|
|
39
|
+
setHasMoved: setHasMoved,
|
|
40
|
+
dragPosition: dragPosition,
|
|
41
|
+
setDragPosition: setDragPosition,
|
|
42
|
+
cursorOffsetPosition: cursorOffsetPosition,
|
|
43
|
+
setCursorOffsetPosition: setCursorOffsetPosition,
|
|
44
|
+
} }, { children: children })));
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=ChipDndContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChipDndContext.js","sourceRoot":"","sources":["../../../../src/сomponents/ChipDndContext/ChipDndContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAA;AASvG,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,GAAG,EAAiD,CAAA;AAyBpF,IAAM,cAAc,GAAG,aAAa,CAAiC,SAAS,CAAC,CAAA;AAE/E,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,UAAU,CAAC,cAAc,CAAC,EAA1B,CAA0B,CAAA;AAM1D,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAAkC;QAAhC,QAAQ,cAAA;IAClC,IAAA,KAAgC,QAAQ,CAAqB,IAAI,CAAC,EAAjE,WAAW,QAAA,EAAE,cAAc,QAAsC,CAAA;IAClE,IAAA,KAAwC,QAAQ,CAAe,IAAI,CAAC,EAAnE,eAAe,QAAA,EAAE,kBAAkB,QAAgC,CAAA;IACpE,IAAA,KAA0C,QAAQ,CAAgB,IAAI,CAAC,EAAtE,gBAAgB,QAAA,EAAE,mBAAmB,QAAiC,CAAA;IACvE,IAAA,KAA0C,QAAQ,CAAgB,IAAI,CAAC,EAAtE,gBAAgB,QAAA,EAAE,mBAAmB,QAAiC,CAAA;IACvE,IAAA,KAA0B,QAAQ,CAAU,KAAK,CAAC,EAAjD,QAAQ,QAAA,EAAE,WAAW,QAA4B,CAAA;IAClD,IAAA,KAA0B,QAAQ,CAAU,KAAK,CAAC,EAAjD,QAAQ,QAAA,EAAE,WAAW,QAA4B,CAAA;IAClD,IAAA,KAAkC,QAAQ,CAAsB,IAAI,CAAC,EAApE,YAAY,QAAA,EAAE,eAAe,QAAuC,CAAA;IACrE,IAAA,KAAkD,QAAQ,CAAgB,IAAI,CAAC,EAA9E,oBAAoB,QAAA,EAAE,uBAAuB,QAAiC,CAAA;IAErF,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,aACtB,KAAK,EAAE;YACL,WAAW,aAAA;YACX,cAAc,gBAAA;YACd,eAAe,iBAAA;YACf,kBAAkB,oBAAA;YAClB,gBAAgB,kBAAA;YAChB,mBAAmB,qBAAA;YACnB,gBAAgB,kBAAA;YAChB,mBAAmB,qBAAA;YACnB,QAAQ,UAAA;YACR,WAAW,aAAA;YACX,QAAQ,UAAA;YACR,WAAW,aAAA;YACX,YAAY,cAAA;YACZ,eAAe,iBAAA;YACf,oBAAoB,sBAAA;YACpB,uBAAuB,yBAAA;SACxB,gBAEA,QAAQ,IACe,CAC3B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ChipDndProvider, useChipDnd, dropHandlers } from './ChipDndContext';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/ChipDndContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
17
|
+
import { useChipDnd } from '../ChipDndContext';
|
|
18
|
+
import Chip from '../Chip/Chip';
|
|
19
|
+
import styled from 'styled-components';
|
|
20
|
+
import { createPortal } from 'react-dom';
|
|
21
|
+
var ChipDragLayer = function () {
|
|
22
|
+
var _a = useChipDnd() || {}, draggedChip = _a.draggedChip, draggedChipData = _a.draggedChipData, hasMoved = _a.hasMoved, dragPosition = _a.dragPosition;
|
|
23
|
+
var mountElement = document.getElementById('overlays');
|
|
24
|
+
if (!draggedChip || !dragPosition || !hasMoved || !draggedChipData)
|
|
25
|
+
return null;
|
|
26
|
+
return (_jsx(_Fragment, { children: createPortal(_jsx(ChipsCover, __assign({ style: {
|
|
27
|
+
transform: "translate3d(".concat(dragPosition.x, "px, ").concat(dragPosition.y, "px, 0)"),
|
|
28
|
+
} }, { children: _jsx(Chip, __assign({ isLayer: true }, draggedChip, { isDisabled: true, parentDropdownId: draggedChip.parentDropdownId || '', chipData: draggedChipData })) })), mountElement) }));
|
|
29
|
+
};
|
|
30
|
+
export default ChipDragLayer;
|
|
31
|
+
var ChipsCover = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n left: 0;\n top: 0;\n z-index: 9999;\n will-change: transform;\n pointer-events: none;\n cursor: grabbing;\n filter: var(--shadow-button-to-top);\n"], ["\n position: absolute;\n left: 0;\n top: 0;\n z-index: 9999;\n will-change: transform;\n pointer-events: none;\n cursor: grabbing;\n filter: var(--shadow-button-to-top);\n"])));
|
|
32
|
+
var templateObject_1;
|
|
33
|
+
//# sourceMappingURL=ChipDragLayer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChipDragLayer.js","sourceRoot":"","sources":["../../../../src/сomponents/ChipDragLayer/ChipDragLayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,IAAM,aAAa,GAAG;IACd,IAAA,KAA2D,UAAU,EAAE,IAAI,EAAE,EAA3E,WAAW,iBAAA,EAAE,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAuB,CAAA;IACnF,IAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAE,CAAA;IAEzD,IAAI,CAAC,WAAW,IAAI,CAAC,YAAY,IAAI,CAAC,QAAQ,IAAI,CAAC,eAAe;QAAE,OAAO,IAAI,CAAA;IAE/E,OAAO,CACL,4BACG,YAAY,CACX,KAAC,UAAU,aACT,KAAK,EAAE;gBACL,SAAS,EAAE,sBAAe,YAAY,CAAC,CAAC,iBAAO,YAAY,CAAC,CAAC,WAAQ;aACtE,gBAED,KAAC,IAAI,aACH,OAAO,UACH,WAAW,IACf,UAAU,QACV,gBAAgB,EAAG,WAA2B,CAAC,gBAAgB,IAAI,EAAE,EACrE,QAAQ,EAAE,eAAe,IACzB,IACS,EACb,YAAY,CACb,GACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA;AAE5B,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,wPAAA,qLAS5B,IAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ChipDragLayer';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/ChipDragLayer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}
|