@expressms/smartapp-ui 2.7.0 → 2.7.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//321/201omponents/ContextMenu/ContextMenu.d.ts +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +9 -7
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IContextMenuProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const ContextMenu: ({ theme, isMenuOpen, isClickForbidden, position: { x, y }, menuWidth, containerClassName, menuClassName, itemClassName, containerStyles, menuStyles, itemStyles, items, closeMenu, }: IContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
declare const ContextMenu: ({ theme, isMenuOpen, isClickForbidden, position: { x, y }, menuWidth, containerClassName, menuClassName, itemClassName, containerStyles, menuStyles, itemStyles, items, closeMenu, isCloseOnItemClick, }: IContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
4
|
export default ContextMenu;
|
|
@@ -19,9 +19,9 @@ import '../../styles/styles.scss';
|
|
|
19
19
|
var generateCheckBoxId = function () { return uuidv4(); };
|
|
20
20
|
var ContextMenu = function (_a) {
|
|
21
21
|
var _b;
|
|
22
|
-
var _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, isMenuOpen = _a.isMenuOpen, _d = _a.isClickForbidden, isClickForbidden = _d === void 0 ? false : _d, _e = _a.position, x = _e.x, y = _e.y, _f = _a.menuWidth, menuWidth = _f === void 0 ? CONTEXT_MENU_WIDTH : _f, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _g = _a.menuStyles, menuStyles = _g === void 0 ? {} : _g, _h = _a.itemStyles, itemStyles = _h === void 0 ? {} : _h, items = _a.items, closeMenu = _a.closeMenu;
|
|
22
|
+
var _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, isMenuOpen = _a.isMenuOpen, _d = _a.isClickForbidden, isClickForbidden = _d === void 0 ? false : _d, _e = _a.position, x = _e.x, y = _e.y, _f = _a.menuWidth, menuWidth = _f === void 0 ? CONTEXT_MENU_WIDTH : _f, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _g = _a.menuStyles, menuStyles = _g === void 0 ? {} : _g, _h = _a.itemStyles, itemStyles = _h === void 0 ? {} : _h, items = _a.items, closeMenu = _a.closeMenu, _j = _a.isCloseOnItemClick, isCloseOnItemClick = _j === void 0 ? true : _j;
|
|
23
23
|
var elementRef = useRef(null);
|
|
24
|
-
var
|
|
24
|
+
var _k = useState(((_b = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0), contextMenuHeight = _k[0], setContextMenuHeight = _k[1];
|
|
25
25
|
var clientHeight = document.documentElement.clientHeight;
|
|
26
26
|
var clientWidth = document.documentElement.clientWidth;
|
|
27
27
|
var handleContextMenu = function (event) {
|
|
@@ -33,11 +33,13 @@ var ContextMenu = function (_a) {
|
|
|
33
33
|
setContextMenuHeight(((_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0);
|
|
34
34
|
}, [isMenuOpen]);
|
|
35
35
|
var handleMenuItemClick = function (action) { return !isClickForbidden && action(); };
|
|
36
|
-
var handleMenuClose = function (
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
var handleMenuClose = function (_a) {
|
|
37
|
+
var event = _a.event, _b = _a.isItemClick, isItemClick = _b === void 0 ? true : _b;
|
|
38
|
+
event.stopPropagation();
|
|
39
|
+
if (isItemClick && !isCloseOnItemClick)
|
|
40
|
+
return;
|
|
41
|
+
if (!isClickForbidden)
|
|
39
42
|
closeMenu();
|
|
40
|
-
}
|
|
41
43
|
};
|
|
42
44
|
var contextMenuItems = items.map(function (_a) {
|
|
43
45
|
var _b = _a.isNegativeAction, isNegativeAction = _b === void 0 ? false : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, title = _a.title, icon = _a.icon, action = _a.action, _e = _a.isWithCheckbox, isWithCheckbox = _e === void 0 ? false : _e, _f = _a.isChecked, isChecked = _f === void 0 ? false : _f;
|
|
@@ -55,7 +57,7 @@ var ContextMenu = function (_a) {
|
|
|
55
57
|
if (!isMenuOpen) {
|
|
56
58
|
return null;
|
|
57
59
|
}
|
|
58
|
-
return (_jsx("div", __assign({ className: classNames('smartapp-context-menu', containerClassName), style: containerStyles, onClick: handleMenuClose, onContextMenu: handleContextMenu }, { children: _jsx("div", __assign({ ref: elementRef, className: classNames('smartapp-context-menu__items', "smartapp-context-menu__items--".concat(theme), menuClassName), style: contextMenuStyles }, { children: contextMenuItems })) })));
|
|
60
|
+
return (_jsx("div", __assign({ className: classNames('smartapp-context-menu', containerClassName), style: containerStyles, onClick: function (event) { return handleMenuClose({ event: event, isItemClick: false }); }, onContextMenu: handleContextMenu }, { children: _jsx("div", __assign({ ref: elementRef, className: classNames('smartapp-context-menu__items', "smartapp-context-menu__items--".concat(theme), menuClassName), style: contextMenuStyles, onClick: function (event) { return handleMenuClose({ event: event }); } }, { children: contextMenuItems })) })));
|
|
59
61
|
};
|
|
60
62
|
export default ContextMenu;
|
|
61
63
|
//# sourceMappingURL=ContextMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEpF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,kBAAkB,GAAG,cAAM,OAAA,MAAM,EAAE,EAAR,CAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
|