@expressms/smartapp-ui 2.8.0-alpha.1 → 2.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/main/assets/icons/button-loader.svg +1 -1
- package/build/main/assets/storybook/index.d.ts +6 -1
- package/build/main/assets/storybook/index.js +6 -1
- package/build/main/assets/storybook/index.js.map +1 -1
- package/build/main/constants/constants.d.ts +1 -1
- package/build/main/constants/constants.js +1 -1
- package/build/main/hooks/useModal.d.ts +5 -4
- package/build/main/hooks/useModal.js +4 -4
- package/build/main/hooks/useModal.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +7 -1
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +2 -1
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +11 -7
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +4 -3
- package/build/main//321/201omponents/Skeleton/Skeleton.js +12 -5
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.d.ts +1 -0
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +10 -5
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +52 -24
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +7 -4
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +1 -0
- package/build/main//321/201omponents/index.d.ts +0 -1
- package/build/main//321/201omponents/index.js +0 -1
- package/build/main//321/201omponents/index.js.map +1 -1
- package/package.json +2 -3
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.d.ts +0 -4
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js +0 -77
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js.map +0 -1
- package/build/main//321/201omponents/DraggablePopup/index.d.ts +0 -1
- package/build/main//321/201omponents/DraggablePopup/index.js +0 -2
- package/build/main//321/201omponents/DraggablePopup/index.js.map +0 -1
- package/build/main//321/201omponents/DraggablePopup/types.d.ts +0 -14
- package/build/main//321/201omponents/DraggablePopup/types.js +0 -2
- package/build/main//321/201omponents/DraggablePopup/types.js.map +0 -1
|
@@ -21,7 +21,7 @@ export default (function (_a) {
|
|
|
21
21
|
var hoverBorderColor = isFocused ? 'var(--color-border-focused)' : 'var(--color-border-hover)';
|
|
22
22
|
var background = isPrimaryFillType(fillType) ? 'var(--color-input-secondary)' : 'var(--color-input-tertiary)';
|
|
23
23
|
var disabledBackground = 'var(--color-bg-tertiary)';
|
|
24
|
-
return __assign(__assign({}, provided), { background: isDisabled ? disabledBackground : background, borderRadius: '10px', borderColor: isError ? 'var(--color-border-error)' : isDisabled ? disabledBackground : borderColor, boxShadow: 'none', cursor: '
|
|
24
|
+
return __assign(__assign({}, provided), { background: isDisabled ? disabledBackground : background, borderRadius: '10px', borderColor: isError ? 'var(--color-border-error)' : isDisabled ? disabledBackground : borderColor, boxShadow: 'none', cursor: 'text', transition: 'border-color 250ms ease-in-out, background 250ms ease-in-out', '&:hover': {
|
|
25
25
|
borderColor: isWebPlatform(platform) && (isError ? 'var(--color-border-error)' : hoverBorderColor),
|
|
26
26
|
} });
|
|
27
27
|
},
|
|
@@ -34,7 +34,7 @@ export default (function (_a) {
|
|
|
34
34
|
borderBottomColor: isWebPlatform(platform) && COLORS.transparent,
|
|
35
35
|
},
|
|
36
36
|
} })); },
|
|
37
|
-
menuList: function (provided) { return (__assign(__assign({}, provided), { maxHeight: '
|
|
37
|
+
menuList: function (provided) { return (__assign(__assign({}, provided), { maxHeight: '292px', background: 'var(--color-item)', borderRadius: '10px', padding: '0', scrollbarColor: "var(--color-scrollbar-thumb) ".concat(COLORS.transparent), '::-webkit-scrollbar-thumb': {
|
|
38
38
|
background: 'var(--color-scrollbar-thumb)',
|
|
39
39
|
}, '::-webkit-scrollbar-track': {
|
|
40
40
|
background: COLORS.transparent,
|
|
@@ -57,11 +57,14 @@ export default (function (_a) {
|
|
|
57
57
|
} })); },
|
|
58
58
|
noOptionsMessage: function (provided) { return (__assign(__assign({}, provided), { fontSize: '12px', fontWeight: 400, color: 'var(--color-text-secondary)', background: 'var(--color-item)', borderRadius: '10px', padding: '8px 16px' })); },
|
|
59
59
|
loadingMessage: function (provided) { return (__assign(__assign({}, provided), { maxHeight: '292px', borderRadius: '10px', padding: 0, overflow: 'hidden' })); },
|
|
60
|
-
option: function (provided) { return (__assign(__assign({}, provided), { background: 'var(--color-item)', padding: '0 0 0 16px', cursor: isWebPlatform(platform) && 'pointer', '&:hover': {
|
|
60
|
+
option: function (provided) { return (__assign(__assign({}, provided), { height: '54px', background: 'var(--color-item)', padding: '0 0 0 16px', cursor: isWebPlatform(platform) && 'pointer', '&:hover': {
|
|
61
61
|
background: isWebPlatform(platform) && 'var(--color-item-transparent-hover)',
|
|
62
|
-
'.smartapp-option__container': {
|
|
62
|
+
'.smartapp-option__container::before': {
|
|
63
63
|
borderBottomColor: isWebPlatform(platform) && COLORS.transparent,
|
|
64
64
|
},
|
|
65
|
+
'.smartapp-option__container::after': {
|
|
66
|
+
borderBottomColor: isWebPlatform(platform) && 'var(--color-item)',
|
|
67
|
+
},
|
|
65
68
|
}, '&:active': {
|
|
66
69
|
background: COLORS.transparent,
|
|
67
70
|
}, '&:focus-visible': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectStyles.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/selectStyles.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE9E,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,8DAA8D;AAC9D,gBAAe,UAAC,EAUA;QATd,cAAc,oBAAA,EACd,iBAAiB,uBAAA,EACjB,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA;IACS,OAAA,CAAC;QACpB,OAAO,EAAE,UAAC,QAAa,EAAE,EAAkB;gBAAhB,SAAS,eAAA;YAClC,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,qBAAqB,CAAA;YACrF,IAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,2BAA2B,CAAA;YAChG,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,
|
|
1
|
+
{"version":3,"file":"selectStyles.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/selectStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -181,6 +181,7 @@ export interface IUserDropdownProps extends ICommonProps, ILayoutTypeProps {
|
|
|
181
181
|
maxMembersCount?: number;
|
|
182
182
|
fillType?: 'primary' | 'secondary';
|
|
183
183
|
menuPosition?: 'bottom' | 'auto' | 'top';
|
|
184
|
+
autoFocus?: boolean;
|
|
184
185
|
containerClassName?: string;
|
|
185
186
|
containerStyles?: TStyles;
|
|
186
187
|
selectedEntries?: TUser[];
|
|
@@ -10,7 +10,6 @@ export { default as ConfirmationModal } from './ConfirmationModal';
|
|
|
10
10
|
export { default as CustomSelect } from './CustomSelect';
|
|
11
11
|
export { default as CustomSelectProfiles } from './CustomSelectProfiles';
|
|
12
12
|
export { default as DragAndDrop } from './DragAndDrop';
|
|
13
|
-
export { default as DraggablePopup } from './DraggablePopup';
|
|
14
13
|
export { default as Error } from './Error';
|
|
15
14
|
export { default as Input } from './Input';
|
|
16
15
|
export { default as Loader } from './Loader';
|
|
@@ -10,7 +10,6 @@ export { default as ConfirmationModal } from './ConfirmationModal';
|
|
|
10
10
|
export { default as CustomSelect } from './CustomSelect';
|
|
11
11
|
export { default as CustomSelectProfiles } from './CustomSelectProfiles';
|
|
12
12
|
export { default as DragAndDrop } from './DragAndDrop';
|
|
13
|
-
export { default as DraggablePopup } from './DraggablePopup';
|
|
14
13
|
export { default as Error } from './Error';
|
|
15
14
|
export { default as Input } from './Input';
|
|
16
15
|
export { default as Loader } from './Loader';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@expressms/smartapp-ui",
|
|
3
|
-
"version": "2.8.0
|
|
3
|
+
"version": "2.8.0",
|
|
4
4
|
"description": "SmartApp UI library",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "build/main/index.js",
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
"@types/uuid": "^9.0.8",
|
|
28
28
|
"@typescript-eslint/eslint-plugin": "^6.6.0",
|
|
29
29
|
"@typescript-eslint/parser": "^6.6.0",
|
|
30
|
+
"alex.chus-react-spring-bottom-sheet": "^0.0.2",
|
|
30
31
|
"animate.css": "^4.1.1",
|
|
31
32
|
"babel-jest": "^18.0.0",
|
|
32
33
|
"babel-loader": "8.2.3",
|
|
@@ -62,14 +63,12 @@
|
|
|
62
63
|
"react-datepicker": "^4.8.0",
|
|
63
64
|
"react-dev-utils": "^12.0.1",
|
|
64
65
|
"react-dom": "^18.2.0",
|
|
65
|
-
"react-draggable": "^4.4.6",
|
|
66
66
|
"react-insta-stories": "^2.6.2",
|
|
67
67
|
"react-refresh": "^0.11.0",
|
|
68
68
|
"react-router-dom": "^6.7.0",
|
|
69
69
|
"react-scrollbars-custom": "^4.1.1",
|
|
70
70
|
"react-select": "^5.8.0",
|
|
71
71
|
"react-slick": "^0.29.0",
|
|
72
|
-
"react-spring-bottom-sheet": "^3.4.1",
|
|
73
72
|
"react-swipeable": "^7.0.1",
|
|
74
73
|
"react-toastify": "9.0.3",
|
|
75
74
|
"react-virtualized": "^9.22.5",
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { IDraggablePopupProps } from './types';
|
|
2
|
-
import '../../styles/styles.scss';
|
|
3
|
-
declare const DraggablePopup: ({ draggableZoneRef, popupContent, isPopupOpen, handleClose, popupCoords, title, bottomContent, dropZonePadding, }: IDraggablePopupProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
-
export default DraggablePopup;
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import { useEffect, useRef, useState } from 'react';
|
|
14
|
-
import Draggable from 'react-draggable';
|
|
15
|
-
import classNames from 'classnames';
|
|
16
|
-
import Modal from '../Modal';
|
|
17
|
-
import '../../styles/styles.scss';
|
|
18
|
-
var DROP_ZONE_PADDING = 40;
|
|
19
|
-
var OFFSET_POPUP_X = 30;
|
|
20
|
-
var OFFSET_POPUP_Y = 10;
|
|
21
|
-
var DEFAULT_POPUP_POSITION = { x: 40, y: 40 };
|
|
22
|
-
var DraggablePopup = function (_a) {
|
|
23
|
-
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, dropZonePadding = _a.dropZonePadding;
|
|
24
|
-
var _c = useState(null), draggableZoneInfo = _c[0], setDraggableZoneInfo = _c[1];
|
|
25
|
-
var _d = useState(null), popupPosition = _d[0], setPopupPosition = _d[1];
|
|
26
|
-
var popupRef = useRef(null);
|
|
27
|
-
var currentDropZonePadding = dropZonePadding || DROP_ZONE_PADDING;
|
|
28
|
-
useEffect(function () {
|
|
29
|
-
var popupRefCurrent = popupRef.current;
|
|
30
|
-
var updatePosition = function () {
|
|
31
|
-
if (!draggableZoneRef || !popupRefCurrent || !popupCoords)
|
|
32
|
-
return;
|
|
33
|
-
var _a = draggableZoneRef.getBoundingClientRect(), zoneWidth = _a.width, zoneHeight = _a.height;
|
|
34
|
-
var _b = popupRefCurrent.getBoundingClientRect(), popupWidth = _b.width, popupHeight = _b.height;
|
|
35
|
-
var x = popupCoords.x, y = popupCoords.y;
|
|
36
|
-
var rightPopupPointX = x + OFFSET_POPUP_X + popupWidth;
|
|
37
|
-
var bottomPopupPointY = y + OFFSET_POPUP_Y + popupHeight;
|
|
38
|
-
var newX = rightPopupPointX > zoneWidth - currentDropZonePadding ? zoneWidth - popupWidth - currentDropZonePadding : x + OFFSET_POPUP_X;
|
|
39
|
-
var newY = bottomPopupPointY > zoneHeight - currentDropZonePadding ? zoneHeight - popupHeight - currentDropZonePadding : y + OFFSET_POPUP_Y;
|
|
40
|
-
setPopupPosition({ x: newX, y: newY });
|
|
41
|
-
setDraggableZoneInfo({
|
|
42
|
-
width: zoneWidth,
|
|
43
|
-
height: zoneHeight,
|
|
44
|
-
top: currentDropZonePadding,
|
|
45
|
-
right: zoneWidth - popupWidth - currentDropZonePadding,
|
|
46
|
-
left: currentDropZonePadding,
|
|
47
|
-
bottom: zoneHeight - popupHeight - currentDropZonePadding,
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
var resizeObserver = new ResizeObserver(updatePosition);
|
|
51
|
-
if (popupRefCurrent)
|
|
52
|
-
resizeObserver.observe(popupRefCurrent);
|
|
53
|
-
return function () {
|
|
54
|
-
resizeObserver.disconnect();
|
|
55
|
-
};
|
|
56
|
-
}, [isPopupOpen, draggableZoneRef, popupRef, popupCoords, currentDropZonePadding]);
|
|
57
|
-
useEffect(function () {
|
|
58
|
-
var checkIfClickedOutside = function (e) {
|
|
59
|
-
if (isPopupOpen && popupRef.current && !popupRef.current.contains(e.target))
|
|
60
|
-
handleClose();
|
|
61
|
-
};
|
|
62
|
-
document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
|
|
63
|
-
return function () {
|
|
64
|
-
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
65
|
-
};
|
|
66
|
-
}, [isPopupOpen, handleClose]);
|
|
67
|
-
if (!isPopupOpen || !draggableZoneRef)
|
|
68
|
-
return null;
|
|
69
|
-
var onDragStop = function (_a) {
|
|
70
|
-
var x = _a.x, y = _a.y;
|
|
71
|
-
return setPopupPosition({ x: x, y: y });
|
|
72
|
-
};
|
|
73
|
-
var _e = draggableZoneInfo || {}, width = _e.width, height = _e.height, top = _e.top, bottom = _e.bottom, right = _e.right, left = _e.left;
|
|
74
|
-
return (_jsx("div", __assign({ style: { width: width, height: height }, className: "smartapp-draggable-popup" }, { children: _jsx(Draggable, __assign({ onStop: function (_, data) { return onDragStop(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', { invisible: !popupPosition }) }, { children: _jsx(Modal, { isModalOpen: isPopupOpen, content: popupContent, isPopup: true, handleCloseModal: handleClose, title: title, bottomContent: bottomContent }) })) })) })));
|
|
75
|
-
};
|
|
76
|
-
export default DraggablePopup;
|
|
77
|
-
//# sourceMappingURL=DraggablePopup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DraggablePopup.js","sourceRoot":"","sources":["../../../../src/сomponents/DraggablePopup/DraggablePopup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './DraggablePopup';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/DraggablePopup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
export interface IDraggablePopupProps {
|
|
3
|
-
draggableZoneRef: HTMLElement | null;
|
|
4
|
-
popupCoords: {
|
|
5
|
-
x: number;
|
|
6
|
-
y: number;
|
|
7
|
-
};
|
|
8
|
-
popupContent: ReactElement;
|
|
9
|
-
isPopupOpen: boolean;
|
|
10
|
-
handleClose: () => void;
|
|
11
|
-
title?: string;
|
|
12
|
-
bottomContent?: ReactElement;
|
|
13
|
-
dropZonePadding?: number;
|
|
14
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/DraggablePopup/types.ts"],"names":[],"mappings":""}
|