hrm_ui_lib 2.4.29 → 2.4.30
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.
|
@@ -491,11 +491,12 @@ var PopoverMobile = function PopoverMobile(props) {
|
|
|
491
491
|
}, text))), children);
|
|
492
492
|
};
|
|
493
493
|
|
|
494
|
-
var _excluded$1 = ["elemRef", "id", "clicked"];
|
|
494
|
+
var _excluded$1 = ["elemRef", "id", "clicked", "stopPropagation"];
|
|
495
495
|
var Popover = function Popover(props) {
|
|
496
496
|
var elemRef = props.elemRef,
|
|
497
497
|
id = props.id,
|
|
498
498
|
clicked = props.clicked,
|
|
499
|
+
stopPropagation = props.stopPropagation,
|
|
499
500
|
rest = _objectWithoutProperties(props, _excluded$1);
|
|
500
501
|
var isMobile = useIsMobile();
|
|
501
502
|
var _useState = useState(false),
|
|
@@ -506,8 +507,9 @@ var Popover = function Popover(props) {
|
|
|
506
507
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
507
508
|
parent = _useState4[0],
|
|
508
509
|
setElement = _useState4[1];
|
|
509
|
-
var showMessage = function showMessage() {
|
|
510
|
-
|
|
510
|
+
var showMessage = function showMessage(evnt) {
|
|
511
|
+
if (stopPropagation) evnt.stopPropagation();
|
|
512
|
+
setIsClicked(true);
|
|
511
513
|
};
|
|
512
514
|
var hideMessage = function hideMessage() {
|
|
513
515
|
return setIsClicked(false);
|
|
@@ -15,11 +15,15 @@ import { useIsMobile } from '../../hooks/useGetIsMobile';
|
|
|
15
15
|
import { PopoverMobile } from './PopoverMobile';
|
|
16
16
|
import { PopoverDesktop } from './PopoverDesktop';
|
|
17
17
|
export const Popover = (props) => {
|
|
18
|
-
const { elemRef, id, clicked } = props, rest = __rest(props, ["elemRef", "id", "clicked"]);
|
|
18
|
+
const { elemRef, id, clicked, stopPropagation } = props, rest = __rest(props, ["elemRef", "id", "clicked", "stopPropagation"]);
|
|
19
19
|
const isMobile = useIsMobile();
|
|
20
20
|
const [isClicked, setIsClicked] = useState(false);
|
|
21
21
|
const [parent, setElement] = useState(elemRef || null);
|
|
22
|
-
const showMessage = () =>
|
|
22
|
+
const showMessage = (evnt) => {
|
|
23
|
+
if (stopPropagation)
|
|
24
|
+
evnt.stopPropagation();
|
|
25
|
+
setIsClicked(true);
|
|
26
|
+
};
|
|
23
27
|
const hideMessage = () => setIsClicked(false);
|
|
24
28
|
useEffect(() => {
|
|
25
29
|
if (parent) {
|
|
@@ -11,9 +11,10 @@ export interface TPopoverProps extends IFormCompProps {
|
|
|
11
11
|
elemRef?: HTMLElement;
|
|
12
12
|
id?: string | number;
|
|
13
13
|
mobileTitle?: string;
|
|
14
|
+
stopPropagation?: boolean;
|
|
14
15
|
}
|
|
15
16
|
export interface TPopoverDesktopProps extends TPopoverProps {
|
|
16
|
-
showMessage: () => void;
|
|
17
|
+
showMessage: (evnt: Event) => void;
|
|
17
18
|
hideMessage: () => void;
|
|
18
19
|
parent: HTMLElement | null;
|
|
19
20
|
}
|