@expressms/smartapp-ui 2.8.9-alpha.7 → 2.8.9-alpha.9
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/index.d.ts +1 -0
- package/build/main/index.js +1 -0
- package/build/main/index.js.map +1 -1
- package/build/main/styles/styles.scss +1 -1
- package/build/main//321/201omponents/Chip/Chip.d.ts +1 -1
- package/build/main//321/201omponents/Chip/Chip.js +25 -2
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +5 -1
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.d.ts +15 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js +54 -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/CustomSelect/selectStyles.js +2 -2
- package/build/main//321/201omponents/CustomSelect/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.d.ts +1 -1
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js +30 -122
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js.map +1 -1
- package/build/main//321/201omponents/DraggablePopup/types.d.ts +6 -32
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +7 -22
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +0 -2
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +1 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +3 -6
- 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 +24 -16
- 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 +8 -0
- package/package.json +3 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IChipProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Chip: ({ name, avatar, isAvatarHidden, isDisabled, isError, isEye, className, styles, iconColor, onDelete, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Chip: ({ name, avatar, isAvatarHidden, isDisabled, isError, isEye, isDraggableLayer, className, styles, iconColor, draggableData, dropdownId, onDelete, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Chip;
|
|
@@ -12,15 +12,30 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useEffect, useRef } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
|
+
import { useDraggable } from '@dnd-kit/core';
|
|
15
16
|
import Avatar from '../Avatar';
|
|
16
17
|
import { generateColor } from '../../helpers';
|
|
17
18
|
import { COLORS } from '../../constants';
|
|
18
19
|
import { ReactComponent as DeleteIcon } from '../../assets/icons/delete-chip.svg';
|
|
19
20
|
import '../../styles/styles.scss';
|
|
20
21
|
var Chip = function (_a) {
|
|
21
|
-
var name = _a.name, avatar = _a.avatar, _b = _a.isAvatarHidden, isAvatarHidden = _b === void 0 ? false : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isError, isError = _d === void 0 ? false : _d, _e = _a.isEye, isEye = _e === void 0 ? false : _e, className = _a.className, styles = _a.styles, iconColor = _a.iconColor, onDelete = _a.onDelete;
|
|
22
|
+
var name = _a.name, avatar = _a.avatar, _b = _a.isAvatarHidden, isAvatarHidden = _b === void 0 ? false : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isError, isError = _d === void 0 ? false : _d, _e = _a.isEye, isEye = _e === void 0 ? false : _e, _f = _a.isDraggableLayer, isDraggableLayer = _f === void 0 ? false : _f, className = _a.className, styles = _a.styles, iconColor = _a.iconColor, draggableData = _a.draggableData, dropdownId = _a.dropdownId, onDelete = _a.onDelete;
|
|
22
23
|
var isChipDisabled = isError ? false : isDisabled;
|
|
24
|
+
var isRemoveBtnAvailable = !isChipDisabled && onDelete;
|
|
23
25
|
var chipRef = useRef(null);
|
|
26
|
+
var chipId = name + dropdownId;
|
|
27
|
+
var _g = useDraggable({
|
|
28
|
+
id: chipId,
|
|
29
|
+
data: { user: __assign(__assign({}, draggableData), { dropdownId: dropdownId }) },
|
|
30
|
+
}), attributes = _g.attributes, listeners = _g.listeners, setNodeRef = _g.setNodeRef, isDragging = _g.isDragging;
|
|
31
|
+
var handleRemoveClick = function (e) {
|
|
32
|
+
e.stopPropagation();
|
|
33
|
+
e.preventDefault();
|
|
34
|
+
onDelete === null || onDelete === void 0 ? void 0 : onDelete(name);
|
|
35
|
+
};
|
|
36
|
+
var renderRemoveButton = function () {
|
|
37
|
+
return isRemoveBtnAvailable && (_jsx("button", __assign({ className: "smartapp-chip__delete-icon", onClick: handleRemoveClick, onTouchEnd: handleRemoveClick, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: { color: generateColor(iconColor, isError ? COLORS.red : COLORS.darkerGray) } }) })));
|
|
38
|
+
};
|
|
24
39
|
useEffect(function () {
|
|
25
40
|
window.addEventListener('mouseup', handleMouseUp);
|
|
26
41
|
return function () {
|
|
@@ -29,7 +44,15 @@ var Chip = function (_a) {
|
|
|
29
44
|
}, []);
|
|
30
45
|
var handleMouseDown = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-chip__pressed'); };
|
|
31
46
|
var handleMouseUp = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-chip__pressed'); };
|
|
32
|
-
return (_jsxs("div", __assign({
|
|
47
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-chip', {
|
|
48
|
+
'smartapp-chip__error': isError,
|
|
49
|
+
'smartapp-chip__disabled': isChipDisabled,
|
|
50
|
+
'smartapp-chip__layer': isDraggableLayer,
|
|
51
|
+
'smartapp-chip__dragging': isDragging,
|
|
52
|
+
}, className), style: styles, ref: function (node) {
|
|
53
|
+
setNodeRef(node);
|
|
54
|
+
chipRef.current = node;
|
|
55
|
+
} }, attributes, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, listeners, { children: [!isAvatarHidden && !isError && (_jsx(Avatar, { username: name, avatar: avatar, size: 24, isEye: isEye, outlineDefaultBackground: "var(--color-chip)" })), _jsx("p", __assign({ className: "smartapp-chip__info--name" }, { children: name }))] })), renderRemoveButton()] })));
|
|
33
56
|
};
|
|
34
57
|
export default Chip;
|
|
35
58
|
//# 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,
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import { IThemeProps, TStyles } from '../../constants';
|
|
2
|
+
import { TUser } from '../UserDropdown/types';
|
|
2
3
|
export interface IChipProps extends IThemeProps {
|
|
3
4
|
name: string;
|
|
4
|
-
avatar?: string;
|
|
5
|
+
avatar?: string | null;
|
|
5
6
|
isAvatarHidden?: boolean;
|
|
6
7
|
isDisabled?: boolean;
|
|
7
8
|
isError?: boolean;
|
|
8
9
|
isEye?: boolean;
|
|
10
|
+
isDraggableLayer?: boolean;
|
|
9
11
|
className?: string;
|
|
10
12
|
styles?: TStyles;
|
|
11
13
|
iconColor?: string;
|
|
14
|
+
draggableData?: TUser;
|
|
15
|
+
dropdownId?: string;
|
|
12
16
|
onDelete?: (name?: string) => void;
|
|
13
17
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { UniqueIdentifier, DndContextProps } from '@dnd-kit/core';
|
|
3
|
+
import { TUser } from '../UserDropdown/types';
|
|
4
|
+
export type TDragUser = {
|
|
5
|
+
label: string;
|
|
6
|
+
dropdownId?: UniqueIdentifier;
|
|
7
|
+
} & TUser;
|
|
8
|
+
type TDndContextProps = Omit<DndContextProps, 'onDragStart' | 'onDragEnd'>;
|
|
9
|
+
type TChipDndContext = TDndContextProps & {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
onDragStart?: (user: TDragUser) => void;
|
|
12
|
+
onDragEnd?: (user: TDragUser, dropdownId?: UniqueIdentifier) => void;
|
|
13
|
+
};
|
|
14
|
+
export declare const ChipDndContext: ({ children, onDragStart, onDragEnd, ...props }: TChipDndContext) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,54 @@
|
|
|
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 { useState } from 'react';
|
|
25
|
+
import { DndContext, DragOverlay, rectIntersection, TouchSensor, MouseSensor, useSensor, useSensors, } from '@dnd-kit/core';
|
|
26
|
+
import Chip from '../Chip';
|
|
27
|
+
export var ChipDndContext = function (_a) {
|
|
28
|
+
var children = _a.children, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, props = __rest(_a, ["children", "onDragStart", "onDragEnd"]);
|
|
29
|
+
var _b = useState(null), activeChip = _b[0], setActiveChip = _b[1];
|
|
30
|
+
var sensors = useSensors(useSensor(MouseSensor), useSensor(TouchSensor));
|
|
31
|
+
var handleDragStart = function (_a) {
|
|
32
|
+
var current = _a.active.data.current;
|
|
33
|
+
var user = current === null || current === void 0 ? void 0 : current.user;
|
|
34
|
+
onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(user);
|
|
35
|
+
setActiveChip(user);
|
|
36
|
+
};
|
|
37
|
+
var handleDragEnd = function (_a) {
|
|
38
|
+
var current = _a.active.data.current, over = _a.over;
|
|
39
|
+
var draggedUser = current === null || current === void 0 ? void 0 : current.user;
|
|
40
|
+
if (!draggedUser)
|
|
41
|
+
return;
|
|
42
|
+
onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(draggedUser, over === null || over === void 0 ? void 0 : over.id);
|
|
43
|
+
setActiveChip(null);
|
|
44
|
+
};
|
|
45
|
+
var ChipLayer = function () {
|
|
46
|
+
if (activeChip) {
|
|
47
|
+
var label = activeChip.label, isPrivateSchedule = activeChip.isPrivateSchedule;
|
|
48
|
+
return _jsx(Chip, { name: label, isEye: isPrivateSchedule, onDelete: function () { }, isDraggableLayer: true });
|
|
49
|
+
}
|
|
50
|
+
return null;
|
|
51
|
+
};
|
|
52
|
+
return (_jsxs(DndContext, __assign({}, props, { sensors: sensors, onDragStart: handleDragStart, onDragEnd: handleDragEnd, collisionDetection: rectIntersection }, { children: [children, _jsx(DragOverlay, __assign({ dropAnimation: null }, { children: _jsx(ChipLayer, {}) }))] })));
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=ChipDndContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChipDndContext.js","sourceRoot":"","sources":["../../../../src/сomponents/ChipDndContext/ChipDndContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EACL,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,GAKX,MAAM,eAAe,CAAA;AACtB,OAAO,IAAI,MAAM,SAAS,CAAA;AAgB1B,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAA+D;IAA7D,IAAA,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA5C,wCAA8C,CAAF;IACnE,IAAA,KAA8B,QAAQ,CAAmB,IAAI,CAAC,EAA7D,UAAU,QAAA,EAAE,aAAa,QAAoC,CAAA;IAEpE,IAAM,OAAO,GAAG,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;IAE1E,IAAM,eAAe,GAAG,UAAC,EAIR;YAFL,OAAO,yBAAA;QAGjB,IAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA;QAC1B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,IAAI,CAAC,CAAA;QACnB,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,EAKR;YAHH,OAAO,yBAAA,EAEjB,IAAI,UAAA;QAEJ,IAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA;QACjC,IAAI,CAAC,WAAW;YAAE,OAAM;QACxB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,WAAW,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAC,CAAA;QAClC,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,SAAS,GAAG;QAChB,IAAI,UAAU,EAAE;YACN,IAAA,KAAK,GAAwB,UAAU,MAAlC,EAAE,iBAAiB,GAAK,UAAU,kBAAf,CAAe;YAC/C,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,cAAO,CAAC,EAAE,gBAAgB,SAAG,CAAA;SAC5F;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,MAAC,UAAU,eAAK,KAAK,IAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,iBAClI,QAAQ,EACT,KAAC,WAAW,aAAC,aAAa,EAAE,IAAI,gBAC9B,KAAC,SAAS,KAAG,IACD,KACH,CACd,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ChipDndContext } from './ChipDndContext';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/ChipDndContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -33,7 +33,7 @@ export default (function (_a) {
|
|
|
33
33
|
var isLoading = _a.isLoading, options = _a.options;
|
|
34
34
|
var isLoadingState = isLoading && isEmpty(options);
|
|
35
35
|
var paddingBottom = isLoadingState ? '0' : '4px';
|
|
36
|
-
return __assign(__assign({}, provided), { maxHeight: isLoadingState ? '240px' : "".concat(menuListMaxHeight, "px"), display: 'flex', flexDirection: 'column', gap: '4px', background: 'var(--color-item)', borderRadius: '8px', padding: "4px 4px ".concat(paddingBottom, " 4px"),
|
|
36
|
+
return __assign(__assign({}, provided), { maxHeight: isLoadingState ? '240px' : "".concat(menuListMaxHeight, "px"), display: 'flex', flexDirection: 'column', gap: '4px', background: 'var(--color-item)', borderRadius: '8px', padding: "4px 4px ".concat(paddingBottom, " 4px"), scrollbarColor: "var(--color-scrollbar-thumb) ".concat(COLORS.transparent), '::-webkit-scrollbar-thumb': {
|
|
37
37
|
background: 'var(--color-scrollbar-thumb)',
|
|
38
38
|
}, '::-webkit-scrollbar-track': {
|
|
39
39
|
background: COLORS.transparent,
|
|
@@ -47,7 +47,7 @@ export default (function (_a) {
|
|
|
47
47
|
input: function (provided) { return (__assign(__assign({}, provided), { fontSize: '14px', fontWeight: '400', lineHeight: '19px', color: 'var(--color-text-primary)', caretColor: 'var(--color-icon-accent)', padding: 0, margin: 0, overflow: 'auto' })); },
|
|
48
48
|
noOptionsMessage: function (provided) { return (__assign(__assign({}, provided), { fontSize: '14px', fontWeight: 400, lineHeight: '20px', color: 'var(--color-text-secondary)', padding: '14px' })); },
|
|
49
49
|
singleValue: function (provided) { return (__assign(__assign({}, provided), { display: 'flex', alignItems: 'center', gap: '8px', fontFamily: "Open Sans, 'sans-serif'", fontSize: '14px', fontWeight: 400, lineHeight: '19px', color: isDisabled ? 'var(--color-text-secondary)' : 'var(--color-text-primary)', margin: 0 })); },
|
|
50
|
-
option: function (provided) { return (__assign(__assign({}, provided), { display: 'flex', alignItems: 'center', minHeight: optionHeight ? "".concat(optionHeight, "px") : 'auto', height: optionHeight ? "".concat(optionHeight, "px") : 'auto', background: "".concat(COLORS.transparent, " !important"), padding: '0', cursor: 'pointer',
|
|
50
|
+
option: function (provided) { return (__assign(__assign({}, provided), { display: 'flex', alignItems: 'center', minHeight: optionHeight ? "".concat(optionHeight, "px") : 'auto', height: optionHeight ? "".concat(optionHeight, "px") : 'auto', background: "".concat(COLORS.transparent, " !important"), padding: '0', cursor: 'pointer', '.smartapp-list-item__not-interactive': {
|
|
51
51
|
whiteSpace: 'normal',
|
|
52
52
|
}, '&.smartapp-option-with-tooltip': {
|
|
53
53
|
'.smartapp-list-item__text > div:nth-child(1)': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectStyles.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelect/selectStyles.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,8DAA8D;AAC9D,gBAAe,UAAC,EAAiF;QAA/E,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,iBAAiB,uBAAA,EAAE,YAAY,kBAAA;IAAsB,OAAA,CAAC;QACrG,OAAO,EAAE,UAAC,QAAa,EAAE,EAAmB;gBAAjB,UAAU,gBAAA;YACnC,IAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,qBAAqB,CAAA;YACtF,IAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,2BAA2B,CAAA;YACjG,IAAM,UAAU,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,6BAA6B,CAAA;YAC/G,IAAM,kBAAkB,GAAG,0BAA0B,CAAA;YAErD,6BACK,QAAQ,KACX,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,EACxD,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,EAClG,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,8DAA8D,EAE1E,SAAS,EAAE;oBACT,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,gBAAgB;iBACtE,IACF;QACH,CAAC;QAED,IAAI,EAAE,UAAC,QAAa,IAAK,OAAA,uBACpB,QAAQ,KACX,UAAU,EAAE,MAAM,CAAC,WAAW,EAC9B,MAAM,EAAE,6BAA6B,EACrC,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,uBAAgB,MAAM,CAAC,eAAe,CAAE,EACnD,MAAM,EAAE,OAAO,EACf,MAAM,EAAE,CAAC,EAET,gCAAgC,EAAE;gBAChC,OAAO,EAAE,MAAM;aAChB,IACD,EAZuB,CAYvB;QAEF,QAAQ,EAAE,UAAC,QAAa,EAAE,EAA2B;gBAAzB,SAAS,eAAA,EAAE,OAAO,aAAA;YAC5C,IAAM,cAAc,GAAG,SAAS,IAAI,OAAO,CAAC,OAAO,CAAC,CAAA;YACpD,IAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA;YAElD,6BACK,QAAQ,KACX,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAG,iBAAiB,OAAI,EAC9D,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,mBAAmB,EAC/B,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,kBAAW,aAAa,SAAM,EACvC,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"selectStyles.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelect/selectStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IDraggablePopup } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const DraggablePopup: ({ draggableZoneRef, popupContent, isPopupOpen, handleClose, popupCoords, title, bottomContent, dropZonePadding, offsetScrollY, handleChangeCoords, offsetPopupByClick, maxPopupHeight, contextMenuProps, popupClassName, isClosableOutside,
|
|
3
|
+
declare const DraggablePopup: ({ draggableZoneRef, popupContent, isPopupOpen, handleClose, popupCoords, title, bottomContent, dropZonePadding, offsetScrollY, handleChangeCoords, offsetPopupByClick, maxPopupHeight, contextMenuProps, popupClassName, isClosableOutside, }: IDraggablePopup) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
4
|
export default DraggablePopup;
|
|
@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import { jsx as _jsx
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { useEffect, useRef, useState } from 'react';
|
|
14
14
|
import Draggable from 'react-draggable';
|
|
15
15
|
import classNames from 'classnames';
|
|
@@ -25,173 +25,90 @@ var DEFAULT_DRAGGABLE_PADDING = {
|
|
|
25
25
|
var OFFSET_POPUP_X_BY_CLICK = 30;
|
|
26
26
|
var OFFSET_POPUP_Y_BY_CLICK = 10;
|
|
27
27
|
var DEFAULT_POPUP_POSITION = { x: 40, y: 40 };
|
|
28
|
-
var CONTEXT_MENU_OFFSET =
|
|
29
|
-
var ADDITIONAL_CONTEXT_MENU_OFFSET_X = 60;
|
|
30
|
-
var ADDITIONAL_CONTEXT_MENU_OFFSET_Y = 40;
|
|
31
|
-
var DRAGGABLE_KEY = 'handle';
|
|
28
|
+
var CONTEXT_MENU_OFFSET = 41;
|
|
32
29
|
var calculateNewX = function (_a) {
|
|
33
30
|
var currentX = _a.currentX, leftPadding = _a.leftPadding, rightPadding = _a.rightPadding, zoneWidth = _a.zoneWidth, popupWidth = _a.popupWidth;
|
|
34
31
|
var maxPointX = zoneWidth - popupWidth - rightPadding;
|
|
35
|
-
if (currentX < leftPadding)
|
|
32
|
+
if (currentX < leftPadding) {
|
|
36
33
|
return leftPadding;
|
|
37
|
-
|
|
34
|
+
}
|
|
35
|
+
else if (currentX > maxPointX) {
|
|
38
36
|
return maxPointX;
|
|
37
|
+
}
|
|
39
38
|
return currentX;
|
|
40
39
|
};
|
|
41
40
|
var calculateNewY = function (_a) {
|
|
42
41
|
var currentY = _a.currentY, topPadding = _a.topPadding, bottomPadding = _a.bottomPadding, zoneHeight = _a.zoneHeight, popupHeight = _a.popupHeight;
|
|
43
42
|
var maxPointY = zoneHeight - popupHeight - bottomPadding;
|
|
44
|
-
if (currentY < topPadding)
|
|
43
|
+
if (currentY < topPadding) {
|
|
45
44
|
return topPadding;
|
|
46
|
-
|
|
45
|
+
}
|
|
46
|
+
else if (currentY > maxPointY) {
|
|
47
47
|
return maxPointY;
|
|
48
|
-
return currentY;
|
|
49
|
-
};
|
|
50
|
-
var calculateNewAdditionalPopupX = function (_a) {
|
|
51
|
-
var currentX = _a.currentX, rightPadding = _a.rightPadding, zoneWidth = _a.zoneWidth, popupWidth = _a.popupWidth, _b = _a.additionalPopupWidth, additionalPopupWidth = _b === void 0 ? 0 : _b;
|
|
52
|
-
var rightOpenedPointX = currentX + popupWidth;
|
|
53
|
-
var offset = 0.2;
|
|
54
|
-
var leftOpenedPointX = currentX - additionalPopupWidth + offset;
|
|
55
|
-
var maxPointX = zoneWidth - rightOpenedPointX - additionalPopupWidth;
|
|
56
|
-
return maxPointX >= rightPadding ? rightOpenedPointX : leftOpenedPointX;
|
|
57
|
-
};
|
|
58
|
-
var calculateNewAdditionalPopupY = function (_a) {
|
|
59
|
-
var currentY = _a.currentY, minPointedY = _a.topPadding, bottomPadding = _a.bottomPadding, zoneHeight = _a.zoneHeight, popupHeight = _a.popupHeight, _b = _a.additionalPopupHeight, additionalPopupHeight = _b === void 0 ? 0 : _b;
|
|
60
|
-
var middleOpenedPointY = currentY + popupHeight / 2 - additionalPopupHeight / 2;
|
|
61
|
-
var bottomOpenedPointY = currentY + popupHeight - additionalPopupHeight;
|
|
62
|
-
var maxPointedY = zoneHeight - bottomPadding;
|
|
63
|
-
if (middleOpenedPointY + additionalPopupHeight <= maxPointedY && middleOpenedPointY >= minPointedY)
|
|
64
|
-
return middleOpenedPointY;
|
|
65
|
-
if (currentY + additionalPopupHeight <= maxPointedY)
|
|
66
|
-
return currentY;
|
|
67
|
-
if (bottomOpenedPointY >= minPointedY)
|
|
68
|
-
return bottomOpenedPointY;
|
|
69
|
-
return minPointedY;
|
|
70
|
-
};
|
|
71
|
-
var generateMaxWidth = function (maxPopupWidth) { return ({ maxWidth: maxPopupWidth ? "".concat(maxPopupWidth, "px") : 'auto' }); };
|
|
72
|
-
var renderAdditionalPopup = function (_a) {
|
|
73
|
-
var additionalPopup = _a.additionalPopup, handleCloseModal = _a.handleCloseModal, additionalPopupRef = _a.additionalPopupRef, additionalPopupPosition = _a.additionalPopupPosition, additionalContextMenuProps = _a.additionalContextMenuProps;
|
|
74
|
-
if (!additionalPopup)
|
|
75
|
-
return null;
|
|
76
|
-
var _b = additionalPopupPosition || {}, _c = _b.x, x = _c === void 0 ? 0 : _c, _d = _b.y, y = _d === void 0 ? 0 : _d;
|
|
77
|
-
var popupContent = additionalPopup.popupContent, maxPopupHeight = additionalPopup.maxPopupHeight, maxPopupWidth = additionalPopup.maxPopupWidth, popupClassName = additionalPopup.popupClassName, bottomContent = additionalPopup.bottomContent, title = additionalPopup.title, titleStyles = additionalPopup.titleStyles, isResetPaddingBottom = additionalPopup.isResetPaddingBottom;
|
|
78
|
-
var maxWidth = generateMaxWidth(maxPopupWidth);
|
|
79
|
-
return (_jsx("div", __assign({ ref: additionalPopupRef, className: classNames("smartapp-draggable-popup__popup smartapp-draggable-popup__additional-popup ".concat(popupClassName), {
|
|
80
|
-
'invisible-content': !additionalPopupPosition,
|
|
81
|
-
}), style: __assign(__assign({}, maxWidth), { top: y, left: x }) }, { children: _jsx(Modal, { isModalOpen: true, content: popupContent, handleCloseModal: handleCloseModal, modalMaxHeight: maxPopupHeight, styles: maxWidth, title: title, titleStyles: titleStyles, className: "smartapp-draggable-popup__modal", isPopup: true, bottomContent: bottomContent, contextMenuProps: additionalContextMenuProps || undefined, isResetPaddingBottom: isResetPaddingBottom }) })));
|
|
82
|
-
};
|
|
83
|
-
var handleContextMenu = function (_a) {
|
|
84
|
-
var currentContextMenuProps = _a.currentContextMenuProps, setCurrentContextMenuProps = _a.setCurrentContextMenuProps, x = _a.x, y = _a.y, _b = _a.xOffset, xOffset = _b === void 0 ? 0 : _b, _c = _a.yOffset, yOffset = _c === void 0 ? 0 : _c, contextMenuProps = _a.contextMenuProps;
|
|
85
|
-
if (contextMenuProps) {
|
|
86
|
-
var _d = contextMenuProps.menuWidth, menuWidth = _d === void 0 ? 0 : _d;
|
|
87
|
-
return setCurrentContextMenuProps(__assign(__assign({}, contextMenuProps), { position: { x: x + xOffset - menuWidth, y: y + yOffset } }));
|
|
88
48
|
}
|
|
89
|
-
return
|
|
49
|
+
return currentY;
|
|
90
50
|
};
|
|
91
51
|
var DraggablePopup = function (_a) {
|
|
92
|
-
var draggableZoneRef = _a.draggableZoneRef, popupContent = _a.popupContent, isPopupOpen = _a.isPopupOpen, handleClose = _a.handleClose, popupCoords = _a.popupCoords, _b = _a.title, title = _b === void 0 ? '' : _b, bottomContent = _a.bottomContent, _c = _a.dropZonePadding, dropZonePadding = _c === void 0 ? DEFAULT_DRAGGABLE_PADDING : _c, _d = _a.offsetScrollY, offsetScrollY = _d === void 0 ? 0 : _d, handleChangeCoords = _a.handleChangeCoords, _e = _a.offsetPopupByClick, offsetPopupByClick = _e === void 0 ? { offsetPopupXByClick: OFFSET_POPUP_X_BY_CLICK, offsetPopupYByClick: OFFSET_POPUP_Y_BY_CLICK } : _e, maxPopupHeight = _a.maxPopupHeight, contextMenuProps = _a.contextMenuProps, _f = _a.popupClassName, popupClassName = _f === void 0 ? '' : _f, _g = _a.isClosableOutside, isClosableOutside = _g === void 0 ? true : _g
|
|
93
|
-
var
|
|
94
|
-
var
|
|
95
|
-
var
|
|
96
|
-
var
|
|
97
|
-
var
|
|
98
|
-
var
|
|
99
|
-
var
|
|
100
|
-
var _r = useState(null), additionalContextMenuProps = _r[0], setAdditionalContextMenuProps = _r[1];
|
|
101
|
-
var _s = draggableZoneInfo || {}, width = _s.width, _t = _s.height, height = _t === void 0 ? 0 : _t, top = _s.top, bottom = _s.bottom, right = _s.right, left = _s.left;
|
|
52
|
+
var draggableZoneRef = _a.draggableZoneRef, popupContent = _a.popupContent, isPopupOpen = _a.isPopupOpen, handleClose = _a.handleClose, popupCoords = _a.popupCoords, _b = _a.title, title = _b === void 0 ? '' : _b, bottomContent = _a.bottomContent, _c = _a.dropZonePadding, dropZonePadding = _c === void 0 ? DEFAULT_DRAGGABLE_PADDING : _c, _d = _a.offsetScrollY, offsetScrollY = _d === void 0 ? 0 : _d, handleChangeCoords = _a.handleChangeCoords, _e = _a.offsetPopupByClick, offsetPopupByClick = _e === void 0 ? { offsetPopupXByClick: OFFSET_POPUP_X_BY_CLICK, offsetPopupYByClick: OFFSET_POPUP_Y_BY_CLICK } : _e, maxPopupHeight = _a.maxPopupHeight, contextMenuProps = _a.contextMenuProps, _f = _a.popupClassName, popupClassName = _f === void 0 ? '' : _f, _g = _a.isClosableOutside, isClosableOutside = _g === void 0 ? true : _g;
|
|
53
|
+
var _h = useState(null), draggableZoneInfo = _h[0], setDraggableZoneInfo = _h[1];
|
|
54
|
+
var _j = useState(null), popupPosition = _j[0], setPopupPosition = _j[1];
|
|
55
|
+
var _k = useState(false), isDraggable = _k[0], setIsDraggable = _k[1];
|
|
56
|
+
var _l = useState(false), isOutside = _l[0], setIsOutside = _l[1];
|
|
57
|
+
var _m = useState(false), wasDraggable = _m[0], setWasDraggable = _m[1];
|
|
58
|
+
var _o = useState(null), currentContextMenuProps = _o[0], setCurrentContextMenuProps = _o[1];
|
|
59
|
+
var _p = draggableZoneInfo || {}, width = _p.width, height = _p.height, top = _p.top, bottom = _p.bottom, right = _p.right, left = _p.left;
|
|
102
60
|
var popupRef = useRef(null);
|
|
103
|
-
var additionalPopupRef = useRef(null);
|
|
104
61
|
useEffect(function () {
|
|
105
62
|
var topPadding = dropZonePadding.top, bottomPadding = dropZonePadding.bottom, leftPadding = dropZonePadding.left, rightPadding = dropZonePadding.right;
|
|
106
63
|
var draggableZoneRefCurrent = draggableZoneRef.current;
|
|
107
64
|
var popupRefCurrent = popupRef.current;
|
|
108
|
-
var additionalPopupRefCurrent = additionalPopupRef.current;
|
|
109
65
|
var updatePosition = function () {
|
|
110
66
|
if (!draggableZoneRefCurrent || !popupRefCurrent || !popupCoords)
|
|
111
67
|
return;
|
|
112
68
|
var _a = draggableZoneRefCurrent.getBoundingClientRect(), zoneWidth = _a.width, zoneHeight = _a.height, topOffsetByPage = _a.top, leftOffsetByPage = _a.left;
|
|
113
69
|
var _b = popupRefCurrent.getBoundingClientRect(), popupWidth = _b.width, popupHeight = _b.height;
|
|
114
|
-
var _c = (additionalPopupRefCurrent === null || additionalPopupRefCurrent === void 0 ? void 0 : additionalPopupRefCurrent.getBoundingClientRect()) || {}, _d = _c.width, additionalPopupWidth = _d === void 0 ? 0 : _d, _e = _c.height, additionalPopupHeight = _e === void 0 ? 0 : _e;
|
|
115
70
|
var x = popupCoords.x, y = popupCoords.y;
|
|
116
71
|
var offsetPopupXByClick = offsetPopupByClick.offsetPopupXByClick, offsetPopupYByClick = offsetPopupByClick.offsetPopupYByClick;
|
|
117
72
|
var currentOffsetY = wasDraggable ? 0 : offsetPopupYByClick - topOffsetByPage;
|
|
118
73
|
var currentOffsetX = wasDraggable ? 0 : offsetPopupXByClick - leftOffsetByPage;
|
|
119
74
|
var currentZoneHeight = zoneHeight + offsetScrollY;
|
|
120
|
-
var maxHeight = popupHeight;
|
|
121
75
|
var newX = calculateNewX({ currentX: x + currentOffsetX, leftPadding: leftPadding, rightPadding: rightPadding, zoneWidth: zoneWidth, popupWidth: popupWidth });
|
|
122
76
|
var newY = calculateNewY({ currentY: y + currentOffsetY, topPadding: topPadding, bottomPadding: bottomPadding, zoneHeight: zoneHeight, popupHeight: popupHeight });
|
|
123
77
|
setPopupPosition({ x: newX, y: newY });
|
|
124
|
-
if (
|
|
125
|
-
var
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
zoneWidth: zoneWidth,
|
|
131
|
-
popupWidth: popupWidth,
|
|
132
|
-
additionalPopupWidth: additionalPopupWidth,
|
|
133
|
-
});
|
|
134
|
-
var newAdditionalPopupY = calculateNewAdditionalPopupY({
|
|
135
|
-
currentY: newY,
|
|
136
|
-
topPadding: 0,
|
|
137
|
-
bottomPadding: bottomPadding,
|
|
138
|
-
zoneHeight: zoneHeight,
|
|
139
|
-
popupHeight: popupHeight,
|
|
140
|
-
additionalPopupHeight: additionalPopupHeight,
|
|
141
|
-
});
|
|
142
|
-
handleContextMenu({
|
|
143
|
-
contextMenuProps: contextMenuProps_1,
|
|
144
|
-
currentContextMenuProps: additionalContextMenuProps,
|
|
145
|
-
setCurrentContextMenuProps: setAdditionalContextMenuProps,
|
|
146
|
-
x: newAdditionalPopupX,
|
|
147
|
-
y: newAdditionalPopupY,
|
|
148
|
-
yOffset: topOffsetByPage + ADDITIONAL_CONTEXT_MENU_OFFSET_Y,
|
|
149
|
-
xOffset: additionalPopupWidth + ADDITIONAL_CONTEXT_MENU_OFFSET_X + popupWidth,
|
|
150
|
-
});
|
|
151
|
-
return setAdditionalPopupPosition({ x: newAdditionalPopupX, y: newAdditionalPopupY });
|
|
78
|
+
if (contextMenuProps) {
|
|
79
|
+
var _c = contextMenuProps.menuWidth, menuWidth = _c === void 0 ? 0 : _c;
|
|
80
|
+
setCurrentContextMenuProps(__assign(__assign({}, contextMenuProps), { position: { x: popupWidth - CONTEXT_MENU_OFFSET - menuWidth, y: CONTEXT_MENU_OFFSET } }));
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
currentContextMenuProps && setCurrentContextMenuProps(null);
|
|
152
84
|
}
|
|
153
|
-
handleContextMenu({
|
|
154
|
-
contextMenuProps: contextMenuProps,
|
|
155
|
-
currentContextMenuProps: currentContextMenuProps,
|
|
156
|
-
setCurrentContextMenuProps: setCurrentContextMenuProps,
|
|
157
|
-
x: popupWidth - CONTEXT_MENU_OFFSET,
|
|
158
|
-
y: CONTEXT_MENU_OFFSET,
|
|
159
|
-
});
|
|
160
85
|
setDraggableZoneInfo({
|
|
161
86
|
width: zoneWidth,
|
|
162
87
|
height: currentZoneHeight,
|
|
163
88
|
top: topPadding,
|
|
164
89
|
right: zoneWidth - popupWidth - rightPadding,
|
|
165
90
|
left: leftPadding,
|
|
166
|
-
bottom: zoneHeight -
|
|
91
|
+
bottom: zoneHeight - popupHeight - bottomPadding,
|
|
167
92
|
});
|
|
168
93
|
};
|
|
169
94
|
var resizeObserver = new ResizeObserver(updatePosition);
|
|
170
95
|
if (popupRefCurrent)
|
|
171
96
|
resizeObserver.observe(popupRefCurrent);
|
|
172
|
-
if (additionalPopupRefCurrent)
|
|
173
|
-
resizeObserver.observe(additionalPopupRefCurrent);
|
|
174
97
|
return function () {
|
|
175
98
|
resizeObserver.disconnect();
|
|
176
99
|
};
|
|
177
100
|
/* eslint-disable-next-line */
|
|
178
|
-
}, [isPopupOpen, draggableZoneRef, popupRef, popupCoords, dropZonePadding, offsetScrollY, wasDraggable, contextMenuProps
|
|
101
|
+
}, [isPopupOpen, draggableZoneRef, popupRef, popupCoords, dropZonePadding, offsetScrollY, wasDraggable, contextMenuProps]);
|
|
179
102
|
useEffect(function () {
|
|
180
103
|
var checkIfClickedOutside = function (e) {
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
var additionalPopupRefCurrent = additionalPopupRef.current;
|
|
184
|
-
if (isPopupOpen && isClosableOutside && popupRefCurrent && !popupRefCurrent.contains(target) && !isOutside) {
|
|
185
|
-
if (!(additionalPopupRefCurrent === null || additionalPopupRefCurrent === void 0 ? void 0 : additionalPopupRefCurrent.contains(target)) || !additionalPopupRefCurrent) {
|
|
186
|
-
handleClickOutside ? handleClickOutside() : handleClose();
|
|
187
|
-
}
|
|
188
|
-
}
|
|
104
|
+
if (isPopupOpen && isClosableOutside && popupRef.current && !popupRef.current.contains(e.target) && !isOutside)
|
|
105
|
+
handleClose();
|
|
189
106
|
};
|
|
190
107
|
document === null || document === void 0 ? void 0 : document.addEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true);
|
|
191
108
|
return function () {
|
|
192
109
|
document === null || document === void 0 ? void 0 : document.removeEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true);
|
|
193
110
|
};
|
|
194
|
-
}, [isPopupOpen, handleClose, isOutside, isClosableOutside
|
|
111
|
+
}, [isPopupOpen, handleClose, isOutside, isClosableOutside]);
|
|
195
112
|
if (!isPopupOpen || !draggableZoneRef)
|
|
196
113
|
return null;
|
|
197
114
|
var handleDragStop = function (_a) {
|
|
@@ -204,16 +121,7 @@ var DraggablePopup = function (_a) {
|
|
|
204
121
|
var handleDragStart = function () { return setIsDraggable(true); };
|
|
205
122
|
var handleMouseLeave = function () { return isDraggable && setIsOutside(true); };
|
|
206
123
|
var handleMouseEnter = function () { return setIsOutside(false); };
|
|
207
|
-
|
|
208
|
-
var isDisabledDraggable = isDisabled || !!additionalPopup;
|
|
209
|
-
return (_jsxs("div", __assign({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: { width: width, height: height }, className: "smartapp-draggable-popup" }, { children: [_jsx(Draggable, __assign({ handle: ".".concat(DRAGGABLE_KEY), onStart: handleDragStart, onStop: function (_, data) { return handleDragStop(data); }, position: popupPosition || DEFAULT_POPUP_POSITION, bounds: { top: top, right: right, left: left, bottom: bottom }, disabled: isDisabledDraggable }, { children: _jsx("div", __assign({ className: classNames("smartapp-draggable-popup__popup-container", { 'invisible-content': !popupPosition }) }, { children: _jsx("div", __assign({ className: "smartapp-draggable-popup__popup ".concat(popupClassName), ref: popupRef, style: maxWidth }, { children: _jsx(Modal, { isModalOpen: isPopupOpen, content: popupContent, isPopup: true, handleCloseModal: handleClose, title: title, bottomContent: bottomContent, className: "smartapp-draggable-popup__modal", modalMaxHeight: maxPopupHeight, titleStyles: titleStyles, contextMenuProps: currentContextMenuProps || undefined, titleClassName: "".concat(DRAGGABLE_KEY, " ").concat(!isDisabledDraggable && 'cm'), styles: maxWidth, isResetPaddingBottom: isResetPaddingBottom }) })) })) })), additionalPopup &&
|
|
210
|
-
renderAdditionalPopup({
|
|
211
|
-
additionalPopup: additionalPopup,
|
|
212
|
-
handleCloseModal: handleClose,
|
|
213
|
-
additionalPopupRef: additionalPopupRef,
|
|
214
|
-
additionalPopupPosition: additionalPopupPosition,
|
|
215
|
-
additionalContextMenuProps: additionalContextMenuProps,
|
|
216
|
-
})] })));
|
|
124
|
+
return (_jsx("div", __assign({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: { width: width, height: height }, className: "smartapp-draggable-popup" }, { children: _jsx(Draggable, __assign({ onStart: handleDragStart, onStop: function (_, data) { return handleDragStop(data); }, position: popupPosition || DEFAULT_POPUP_POSITION, bounds: { top: top, right: right, left: left, bottom: bottom } }, { children: _jsx("div", __assign({ ref: popupRef, className: classNames("smartapp-draggable-popup__popup-container ".concat(popupClassName), { 'invisible-content': !popupPosition }) }, { children: _jsx(Modal, { isModalOpen: isPopupOpen, content: popupContent, isPopup: true, handleCloseModal: handleClose, title: title, bottomContent: bottomContent, className: "smartapp-draggable-popup__popup-container--modal", modalMaxHeight: maxPopupHeight, contextMenuProps: currentContextMenuProps || undefined }) })) })) })));
|
|
217
125
|
};
|
|
218
126
|
export default DraggablePopup;
|
|
219
127
|
//# sourceMappingURL=DraggablePopup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DraggablePopup.js","sourceRoot":"","sources":["../../../../src/сomponents/DraggablePopup/DraggablePopup.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DraggablePopup.js","sourceRoot":"","sources":["../../../../src/сomponents/DraggablePopup/DraggablePopup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import React, { ReactElement, RefObject } from 'react';
|
|
2
2
|
import { IContextMenuProps } from '../ContextMenu/types';
|
|
3
|
-
import { TStyles } from '../../constants';
|
|
4
3
|
export type TPopupPosition = {
|
|
5
4
|
x: number;
|
|
6
5
|
y: number;
|
|
7
6
|
};
|
|
8
|
-
|
|
7
|
+
type TDraggablePadding = {
|
|
9
8
|
top: number;
|
|
10
9
|
bottom: number;
|
|
11
10
|
left: number;
|
|
12
11
|
right: number;
|
|
13
12
|
};
|
|
14
|
-
|
|
13
|
+
type TOffsetPopupByClick = {
|
|
15
14
|
offsetPopupXByClick: number;
|
|
16
15
|
offsetPopupYByClick: number;
|
|
17
16
|
};
|
|
@@ -29,7 +28,6 @@ export type TCalculateNewX = {
|
|
|
29
28
|
rightPadding: number;
|
|
30
29
|
zoneWidth: number;
|
|
31
30
|
popupWidth: number;
|
|
32
|
-
additionalPopupWidth?: number;
|
|
33
31
|
};
|
|
34
32
|
export type TCalculateNewY = {
|
|
35
33
|
currentY: number;
|
|
@@ -37,31 +35,10 @@ export type TCalculateNewY = {
|
|
|
37
35
|
bottomPadding: number;
|
|
38
36
|
zoneHeight: number;
|
|
39
37
|
popupHeight: number;
|
|
40
|
-
additionalPopupHeight?: number;
|
|
41
38
|
};
|
|
42
39
|
export type TCurrentContextMenu = IContextMenuProps & {
|
|
43
40
|
openMenu: () => void;
|
|
44
41
|
};
|
|
45
|
-
export type TAdditionalPopup = Omit<IDraggablePopup, 'additionalPopup' | 'isDisabled' | 'isClosableOutside' | 'handleChangeCoords' | 'offsetPopupByClick' | 'offsetScrollY' | 'dropZonePadding' | 'handleClose' | 'isPopupOpen' | 'popupCoords' | 'draggableZoneRef' | 'handleClickOutside'>;
|
|
46
|
-
export type TContextMenuProps = Omit<IContextMenuProps, 'position'> & {
|
|
47
|
-
openMenu: (event?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
48
|
-
};
|
|
49
|
-
export type THandleContextMenu = {
|
|
50
|
-
currentContextMenuProps: TCurrentContextMenu | null;
|
|
51
|
-
setCurrentContextMenuProps: (contextMenuProps: TCurrentContextMenu | null) => void;
|
|
52
|
-
x: number;
|
|
53
|
-
y: number;
|
|
54
|
-
xOffset?: number;
|
|
55
|
-
yOffset?: number;
|
|
56
|
-
contextMenuProps: TContextMenuProps | undefined;
|
|
57
|
-
};
|
|
58
|
-
export type TRenderAdditionalPopup = {
|
|
59
|
-
additionalPopup: TAdditionalPopup;
|
|
60
|
-
handleCloseModal: () => void;
|
|
61
|
-
additionalPopupRef: RefObject<HTMLDivElement | null>;
|
|
62
|
-
additionalPopupPosition: TPopupPosition | null;
|
|
63
|
-
additionalContextMenuProps?: TCurrentContextMenu | null;
|
|
64
|
-
};
|
|
65
42
|
export interface IDraggablePopup {
|
|
66
43
|
draggableZoneRef: RefObject<HTMLDivElement | null>;
|
|
67
44
|
popupCoords: TPopupPosition;
|
|
@@ -76,12 +53,9 @@ export interface IDraggablePopup {
|
|
|
76
53
|
handleChangeCoords: (coords: TPopupPosition) => void;
|
|
77
54
|
maxPopupHeight?: number;
|
|
78
55
|
popupClassName?: string;
|
|
79
|
-
contextMenuProps?:
|
|
56
|
+
contextMenuProps?: Omit<IContextMenuProps, 'position'> & {
|
|
57
|
+
openMenu: (event?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
58
|
+
};
|
|
80
59
|
isClosableOutside?: boolean;
|
|
81
|
-
maxPopupWidth?: number;
|
|
82
|
-
isDisabled?: boolean;
|
|
83
|
-
additionalPopup?: TAdditionalPopup;
|
|
84
|
-
handleClickOutside?: () => void;
|
|
85
|
-
titleStyles?: TStyles;
|
|
86
|
-
isResetPaddingBottom?: boolean;
|
|
87
60
|
}
|
|
61
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, isPopup, isBottomSheet, isDisabledBottomSheet, isCloseButtonDisabled,
|
|
3
|
+
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, isPopup, isBottomSheet, isDisabledBottomSheet, isCloseButtonDisabled, modalId, content, bottomContent, title, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, modalMaxHeight, bottomSheetProps, externalBottomSheetScrollContainer, contextMenuProps, handleCloseModal, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
4
|
export default Modal;
|