@infomaximum/ui-kit 0.15.7 → 0.15.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/dist/components/BaseTooltip/BaseTooltip.js +41 -7
- package/dist/components/BaseTooltip/BaseTooltip.types.d.ts +4 -1
- package/dist/components/BaseTooltip/BaseTooltip.utils.d.ts +5 -4
- package/dist/components/BaseTooltip/BaseTooltip.utils.js +10 -0
- package/dist/components/BaseTooltip/hooks/useCustomFloating.d.ts +3 -3
- package/dist/components/BaseTooltip/hooks/useShowTooltipController.d.ts +5 -6
- package/dist/components/BaseTooltip/hooks/useTargetRefController.d.ts +17 -0
- package/dist/components/BaseTooltip/hooks/useTargetRefController.js +36 -0
- package/dist/components/Message/components/Message/Message.js +7 -4
- package/package.json +1 -1
|
@@ -6,6 +6,8 @@ import { createPortal } from "react-dom";
|
|
|
6
6
|
import { useShowTooltipController } from "./hooks/useShowTooltipController.js";
|
|
7
7
|
import { baseTooltipReferenceWrapperStyle, getBaseTooltipFloatingWrapperStyle } from "./BaseTooltip.styles.js";
|
|
8
8
|
import { useCustomFloating } from "./hooks/useCustomFloating.js";
|
|
9
|
+
import { useTargetRefController } from "./hooks/useTargetRefController.js";
|
|
10
|
+
import { isNil, isUndefined, isFunction, isNull } from "lodash-es";
|
|
9
11
|
import { useTheme } from "../../hooks/useTheme/useTheme.js";
|
|
10
12
|
const BaseTooltip = memo(({
|
|
11
13
|
floatingElement,
|
|
@@ -27,7 +29,8 @@ const BaseTooltip = memo(({
|
|
|
27
29
|
styles,
|
|
28
30
|
withoutWrapper,
|
|
29
31
|
showInCursorPosition = false,
|
|
30
|
-
getPopupContainer = () => document.body
|
|
32
|
+
getPopupContainer = () => document.body,
|
|
33
|
+
getTargetDOMNode
|
|
31
34
|
}) => {
|
|
32
35
|
var _a;
|
|
33
36
|
const theme = useTheme();
|
|
@@ -67,10 +70,23 @@ const BaseTooltip = memo(({
|
|
|
67
70
|
onOpenChange,
|
|
68
71
|
arrowRef
|
|
69
72
|
});
|
|
73
|
+
const {
|
|
74
|
+
setTargetRef
|
|
75
|
+
} = useTargetRefController({
|
|
76
|
+
getTargetDOMNode,
|
|
77
|
+
refs,
|
|
78
|
+
handlePointerEnter,
|
|
79
|
+
handlePointerLeave,
|
|
80
|
+
handleFocus,
|
|
81
|
+
handleBlur,
|
|
82
|
+
handleClick,
|
|
83
|
+
handleContextMenu,
|
|
84
|
+
handlePointerUp
|
|
85
|
+
});
|
|
70
86
|
const arrowPlacementCorrection = getArrowPlacementCorrection(floatingPlacement, refs, align);
|
|
71
87
|
const renderFloatingElement = () => {
|
|
72
88
|
var _a2;
|
|
73
|
-
return /* @__PURE__ */ jsxs("div", { ref: refs.setFloating, css: [getBaseTooltipFloatingWrapperStyle(floatingPlacement, withArrow, isOpen), (_a2 = styles == null ? void 0 : styles.floatingWrapper) == null ? void 0 : _a2.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:renderFloatingElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
89
|
+
return /* @__PURE__ */ jsxs("div", { ref: refs.setFloating, css: [getBaseTooltipFloatingWrapperStyle(floatingPlacement, withArrow, isOpen), (_a2 = styles == null ? void 0 : styles.floatingWrapper) == null ? void 0 : _a2.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:renderFloatingElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdHVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VUb29sdGlwUHJvcHMsIEJhc2VUb29sdGlwVHJpZ2dlclR5cGUgfSBmcm9tIFwiLi9CYXNlVG9vbHRpcC50eXBlc1wiO1xuaW1wb3J0IHsgRmxvYXRpbmdBcnJvdyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfV0lEVEgsXG4gIGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgTWF4X1pJbmRleCxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudXRpbHNcIjtcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCB7IHVzZVNob3dUb29sdGlwQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVNob3dUb29sdGlwQ29udHJvbGxlclwiO1xuaW1wb3J0IHtcbiAgYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsXG4gIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHVzZUN1c3RvbUZsb2F0aW5nIH0gZnJvbSBcIi4vaG9va3MvdXNlQ3VzdG9tRmxvYXRpbmdcIjtcbmltcG9ydCB7IHVzZVRhcmdldFJlZkNvbnRyb2xsZXIgfSBmcm9tIFwiLi9ob29rcy91c2VUYXJnZXRSZWZDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uLCBpc05pbCwgaXNOdWxsLCBpc1VuZGVmaW5lZCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcblxuZXhwb3J0IGNvbnN0IEJhc2VUb29sdGlwOiBGQzxQcm9wc1dpdGhDaGlsZHJlbjxCYXNlVG9vbHRpcFByb3BzPj4gPSBtZW1vKFxuICAoe1xuICAgIGZsb2F0aW5nRWxlbWVudCxcbiAgICBhcnJvd0NvbG9yLFxuICAgIHdpdGhBcnJvdyA9IHRydWUsXG4gICAgcGxhY2VtZW50ID0gXCJ0b3BcIixcbiAgICBhdXRvQWRqdXN0T3ZlcmZsb3cgPSB0cnVlLFxuICAgIGRlZmF1bHRPcGVuID0gZmFsc2UsXG4gICAgb3BlbixcbiAgICB6SW5kZXggPSBNYXhfWkluZGV4LFxuICAgIHRyaWdnZXIgPSBbXCJjbGlja1wiIGFzIEJhc2VUb29sdGlwVHJpZ2dlclR5cGVdLFxuICAgIG1vdXNlRW50ZXJEZWxheSA9IDAuMSxcbiAgICBtb3VzZUxlYXZlRGVsYXkgPSAwLjEsXG4gICAgYWxpZ24sXG4gICAgdHJhbnNmb3JtID0gdHJ1ZSxcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICB3aXRob3V0V3JhcHBlcixcbiAgICBzaG93SW5DdXJzb3JQb3NpdGlvbiA9IGZhbHNlLFxuICAgIGdldFBvcHVwQ29udGFpbmVyID0gKCkgPT4gZG9jdW1lbnQuYm9keSxcbiAgICBnZXRUYXJnZXRET01Ob2RlLFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IGN1cnJlbnRUcmFuc2Zvcm0gPSB0cmFuc2Zvcm0gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uO1xuXG4gICAgY29uc3QgeyByZWZzLCBmbG9hdGluZ1N0eWxlcywgY29udGV4dCwgZmxvYXRpbmdQbGFjZW1lbnQsIHNldEFycm93UmVmLCBhcnJvd1JlZiB9ID1cbiAgICAgIHVzZUN1c3RvbUZsb2F0aW5nKHtcbiAgICAgICAgcGxhY2VtZW50LFxuICAgICAgICBhdXRvQWRqdXN0T3ZlcmZsb3csXG4gICAgICAgIHdpdGhBcnJvdyxcbiAgICAgICAgYWxpZ24sXG4gICAgICAgIHRyYW5zZm9ybTogY3VycmVudFRyYW5zZm9ybSxcbiAgICAgIH0pO1xuXG4gICAgY29uc3Qge1xuICAgICAgaXNPcGVuLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICB9ID0gdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyKHtcbiAgICAgIHRyaWdnZXIsXG4gICAgICBkZWZhdWx0T3BlbixcbiAgICAgIG9wZW4sXG4gICAgICBtb3VzZUVudGVyRGVsYXksXG4gICAgICBtb3VzZUxlYXZlRGVsYXksXG4gICAgICBzaG93SW5DdXJzb3JQb3NpdGlvbixcbiAgICAgIHBsYWNlbWVudDogZmxvYXRpbmdQbGFjZW1lbnQsXG4gICAgICByZWZzLFxuICAgICAgb25PcGVuQ2hhbmdlLFxuICAgICAgYXJyb3dSZWYsXG4gICAgfSk7XG5cbiAgICBjb25zdCB7IHNldFRhcmdldFJlZiB9ID0gdXNlVGFyZ2V0UmVmQ29udHJvbGxlcih7XG4gICAgICBnZXRUYXJnZXRET01Ob2RlLFxuICAgICAgcmVmcyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgfSk7XG5cbiAgICBjb25zdCBhcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gPSBnZXRBcnJvd1BsYWNlbWVudENvcnJlY3Rpb24oZmxvYXRpbmdQbGFjZW1lbnQsIHJlZnMsIGFsaWduKTtcblxuICAgIGNvbnN0IHJlbmRlckZsb2F0aW5nRWxlbWVudCA9ICgpID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICByZWY9e3JlZnMuc2V0RmxvYXRpbmd9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBnZXRCYXNlVG9vbHRpcEZsb2F0aW5nV3JhcHBlclN0eWxlKGZsb2F0aW5nUGxhY2VtZW50LCB3aXRoQXJyb3csIGlzT3BlbiksXG4gICAgICAgICAgICBzdHlsZXM/LmZsb2F0aW5nV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAuLi5mbG9hdGluZ1N0eWxlcyxcbiAgICAgICAgICAgIHdpZHRoOiAhY3VycmVudFRyYW5zZm9ybSA/IFwibWF4LWNvbnRlbnRcIiA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIHpJbmRleCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2Zsb2F0aW5nRWxlbWVudH1cbiAgICAgICAgICB7d2l0aEFycm93ICYmIChcbiAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgIHJlZj17c2V0QXJyb3dSZWZ9XG4gICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgIGZpbGw9e2Fycm93Q29sb3J9XG4gICAgICAgICAgICAgIHN0eWxlPXthcnJvd1BsYWNlbWVudENvcnJlY3Rpb259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgY29uc3QgY2hpbGRyZW5XaXRoUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghd2l0aG91dFdyYXBwZXIpIHtcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgICAgfVxuXG4gICAgICBsZXQgYWRkZWRQcm9wc0NvdW50ZXIgPSAwO1xuXG4gICAgICByZXR1cm4gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgaWYgKGFkZGVkUHJvcHNDb3VudGVyID4gMCB8fCAhUmVhY3QuaXNWYWxpZEVsZW1lbnQoY2hpbGQpKSB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgYWRkZWRQcm9wc0NvdW50ZXIgKz0gMTtcblxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgLi4uY2hpbGQucHJvcHMsXG4gICAgICAgICAgcmVmOiBzZXRUYXJnZXRSZWYsXG4gICAgICAgICAgb25Qb2ludGVyRW50ZXI6IGhhbmRsZVBvaW50ZXJFbnRlciA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckVudGVyLFxuICAgICAgICAgIG9uUG9pbnRlckxlYXZlOiBoYW5kbGVQb2ludGVyTGVhdmUgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJMZWF2ZSxcbiAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyA/PyBjaGlsZD8ucHJvcHM/Lm9uRm9jdXMsXG4gICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyID8/IGNoaWxkPy5wcm9wcz8ub25CbHVyLFxuICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrID8/IGNoaWxkPy5wcm9wcz8ub25DbGljayxcbiAgICAgICAgICBvbkNvbnRleHRNZW51OiBoYW5kbGVDb250ZXh0TWVudSA/PyBjaGlsZD8ucHJvcHM/Lm9uQ29udGV4dE1lbnUsXG4gICAgICAgICAgb25Qb2ludGVyVXA6IGhhbmRsZVBvaW50ZXJVcCA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlclVwLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sIFtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICAgIHNldFRhcmdldFJlZixcbiAgICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIF0pO1xuXG4gICAgY29uc3QgZ2V0RmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgZ2V0UG9wdXBDb250YWluZXIocmVmcy5kb21SZWZlcmVuY2UuY3VycmVudCA/PyBkb2N1bWVudC5ib2R5KVxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgaWYgKGlzTmlsKGdldFRhcmdldERPTU5vZGUpICYmIGlzTmlsKGNoaWxkcmVuKSAmJiBpc1VuZGVmaW5lZChvcGVuKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgaWYgKGlzRnVuY3Rpb24oZ2V0VGFyZ2V0RE9NTm9kZSkpIHtcbiAgICAgIGlmIChpc051bGwoZ2V0VGFyZ2V0RE9NTm9kZSgpKSkge1xuICAgICAgICByZXR1cm4gY2hpbGRyZW47XG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtnZXRGbG9hdGluZ0VsZW1lbnQoKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICh3aXRob3V0V3JhcHBlcikge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7Y2hpbGRyZW5XaXRoUHJvcHN9XG4gICAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtzZXRUYXJnZXRSZWZ9XG4gICAgICAgIGNzcz17W2Jhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLCBzdHlsZXM/LnJlZmVyZW5jZVdyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgICBvblBvaW50ZXJMZWF2ZT17aGFuZGxlUG9pbnRlckxlYXZlfVxuICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Db250ZXh0TWVudT17aGFuZGxlQ29udGV4dE1lbnV9XG4gICAgICAgIG9uUG9pbnRlclVwPXtoYW5kbGVQb2ludGVyVXB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], style: {
|
|
74
90
|
...floatingStyles,
|
|
75
91
|
width: !currentTransform ? "max-content" : void 0,
|
|
76
92
|
zIndex
|
|
@@ -92,7 +108,7 @@ const BaseTooltip = memo(({
|
|
|
92
108
|
addedPropsCounter += 1;
|
|
93
109
|
return React.cloneElement(child, {
|
|
94
110
|
...child.props,
|
|
95
|
-
ref:
|
|
111
|
+
ref: setTargetRef,
|
|
96
112
|
onPointerEnter: handlePointerEnter ?? ((_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.onPointerEnter),
|
|
97
113
|
onPointerLeave: handlePointerLeave ?? ((_b = child == null ? void 0 : child.props) == null ? void 0 : _b.onPointerLeave),
|
|
98
114
|
onFocus: handleFocus ?? ((_c = child == null ? void 0 : child.props) == null ? void 0 : _c.onFocus),
|
|
@@ -102,16 +118,34 @@ const BaseTooltip = memo(({
|
|
|
102
118
|
onPointerUp: handlePointerUp ?? ((_g = child == null ? void 0 : child.props) == null ? void 0 : _g.onPointerUp)
|
|
103
119
|
});
|
|
104
120
|
});
|
|
105
|
-
}, [children, handleBlur, handleClick, handleContextMenu, handleFocus, handlePointerEnter, handlePointerLeave, handlePointerUp,
|
|
121
|
+
}, [children, handleBlur, handleClick, handleContextMenu, handleFocus, handlePointerEnter, handlePointerLeave, handlePointerUp, setTargetRef, withoutWrapper]);
|
|
122
|
+
const getFloatingElement = () => {
|
|
123
|
+
if (!isOpen && !showInCursorPosition) {
|
|
124
|
+
return null;
|
|
125
|
+
}
|
|
126
|
+
return createPortal(renderFloatingElement(), getPopupContainer(refs.domReference.current ?? document.body));
|
|
127
|
+
};
|
|
128
|
+
if (isNil(getTargetDOMNode) && isNil(children) && isUndefined(open)) {
|
|
129
|
+
return null;
|
|
130
|
+
}
|
|
131
|
+
if (isFunction(getTargetDOMNode)) {
|
|
132
|
+
if (isNull(getTargetDOMNode())) {
|
|
133
|
+
return children;
|
|
134
|
+
}
|
|
135
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
136
|
+
children,
|
|
137
|
+
getFloatingElement()
|
|
138
|
+
] });
|
|
139
|
+
}
|
|
106
140
|
if (withoutWrapper) {
|
|
107
141
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
108
142
|
childrenWithProps,
|
|
109
|
-
(
|
|
143
|
+
getFloatingElement()
|
|
110
144
|
] });
|
|
111
145
|
}
|
|
112
|
-
return /* @__PURE__ */ jsxs("div", { ref:
|
|
146
|
+
return /* @__PURE__ */ jsxs("div", { ref: setTargetRef, css: [baseTooltipReferenceWrapperStyle, (_a = styles == null ? void 0 : styles.referenceWrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:BaseTooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlNUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VUb29sdGlwUHJvcHMsIEJhc2VUb29sdGlwVHJpZ2dlclR5cGUgfSBmcm9tIFwiLi9CYXNlVG9vbHRpcC50eXBlc1wiO1xuaW1wb3J0IHsgRmxvYXRpbmdBcnJvdyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfV0lEVEgsXG4gIGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgTWF4X1pJbmRleCxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudXRpbHNcIjtcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCB7IHVzZVNob3dUb29sdGlwQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVNob3dUb29sdGlwQ29udHJvbGxlclwiO1xuaW1wb3J0IHtcbiAgYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsXG4gIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHVzZUN1c3RvbUZsb2F0aW5nIH0gZnJvbSBcIi4vaG9va3MvdXNlQ3VzdG9tRmxvYXRpbmdcIjtcbmltcG9ydCB7IHVzZVRhcmdldFJlZkNvbnRyb2xsZXIgfSBmcm9tIFwiLi9ob29rcy91c2VUYXJnZXRSZWZDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uLCBpc05pbCwgaXNOdWxsLCBpc1VuZGVmaW5lZCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcblxuZXhwb3J0IGNvbnN0IEJhc2VUb29sdGlwOiBGQzxQcm9wc1dpdGhDaGlsZHJlbjxCYXNlVG9vbHRpcFByb3BzPj4gPSBtZW1vKFxuICAoe1xuICAgIGZsb2F0aW5nRWxlbWVudCxcbiAgICBhcnJvd0NvbG9yLFxuICAgIHdpdGhBcnJvdyA9IHRydWUsXG4gICAgcGxhY2VtZW50ID0gXCJ0b3BcIixcbiAgICBhdXRvQWRqdXN0T3ZlcmZsb3cgPSB0cnVlLFxuICAgIGRlZmF1bHRPcGVuID0gZmFsc2UsXG4gICAgb3BlbixcbiAgICB6SW5kZXggPSBNYXhfWkluZGV4LFxuICAgIHRyaWdnZXIgPSBbXCJjbGlja1wiIGFzIEJhc2VUb29sdGlwVHJpZ2dlclR5cGVdLFxuICAgIG1vdXNlRW50ZXJEZWxheSA9IDAuMSxcbiAgICBtb3VzZUxlYXZlRGVsYXkgPSAwLjEsXG4gICAgYWxpZ24sXG4gICAgdHJhbnNmb3JtID0gdHJ1ZSxcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICB3aXRob3V0V3JhcHBlcixcbiAgICBzaG93SW5DdXJzb3JQb3NpdGlvbiA9IGZhbHNlLFxuICAgIGdldFBvcHVwQ29udGFpbmVyID0gKCkgPT4gZG9jdW1lbnQuYm9keSxcbiAgICBnZXRUYXJnZXRET01Ob2RlLFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IGN1cnJlbnRUcmFuc2Zvcm0gPSB0cmFuc2Zvcm0gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uO1xuXG4gICAgY29uc3QgeyByZWZzLCBmbG9hdGluZ1N0eWxlcywgY29udGV4dCwgZmxvYXRpbmdQbGFjZW1lbnQsIHNldEFycm93UmVmLCBhcnJvd1JlZiB9ID1cbiAgICAgIHVzZUN1c3RvbUZsb2F0aW5nKHtcbiAgICAgICAgcGxhY2VtZW50LFxuICAgICAgICBhdXRvQWRqdXN0T3ZlcmZsb3csXG4gICAgICAgIHdpdGhBcnJvdyxcbiAgICAgICAgYWxpZ24sXG4gICAgICAgIHRyYW5zZm9ybTogY3VycmVudFRyYW5zZm9ybSxcbiAgICAgIH0pO1xuXG4gICAgY29uc3Qge1xuICAgICAgaXNPcGVuLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICB9ID0gdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyKHtcbiAgICAgIHRyaWdnZXIsXG4gICAgICBkZWZhdWx0T3BlbixcbiAgICAgIG9wZW4sXG4gICAgICBtb3VzZUVudGVyRGVsYXksXG4gICAgICBtb3VzZUxlYXZlRGVsYXksXG4gICAgICBzaG93SW5DdXJzb3JQb3NpdGlvbixcbiAgICAgIHBsYWNlbWVudDogZmxvYXRpbmdQbGFjZW1lbnQsXG4gICAgICByZWZzLFxuICAgICAgb25PcGVuQ2hhbmdlLFxuICAgICAgYXJyb3dSZWYsXG4gICAgfSk7XG5cbiAgICBjb25zdCB7IHNldFRhcmdldFJlZiB9ID0gdXNlVGFyZ2V0UmVmQ29udHJvbGxlcih7XG4gICAgICBnZXRUYXJnZXRET01Ob2RlLFxuICAgICAgcmVmcyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgfSk7XG5cbiAgICBjb25zdCBhcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gPSBnZXRBcnJvd1BsYWNlbWVudENvcnJlY3Rpb24oZmxvYXRpbmdQbGFjZW1lbnQsIHJlZnMsIGFsaWduKTtcblxuICAgIGNvbnN0IHJlbmRlckZsb2F0aW5nRWxlbWVudCA9ICgpID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICByZWY9e3JlZnMuc2V0RmxvYXRpbmd9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBnZXRCYXNlVG9vbHRpcEZsb2F0aW5nV3JhcHBlclN0eWxlKGZsb2F0aW5nUGxhY2VtZW50LCB3aXRoQXJyb3csIGlzT3BlbiksXG4gICAgICAgICAgICBzdHlsZXM/LmZsb2F0aW5nV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAuLi5mbG9hdGluZ1N0eWxlcyxcbiAgICAgICAgICAgIHdpZHRoOiAhY3VycmVudFRyYW5zZm9ybSA/IFwibWF4LWNvbnRlbnRcIiA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIHpJbmRleCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2Zsb2F0aW5nRWxlbWVudH1cbiAgICAgICAgICB7d2l0aEFycm93ICYmIChcbiAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgIHJlZj17c2V0QXJyb3dSZWZ9XG4gICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgIGZpbGw9e2Fycm93Q29sb3J9XG4gICAgICAgICAgICAgIHN0eWxlPXthcnJvd1BsYWNlbWVudENvcnJlY3Rpb259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgY29uc3QgY2hpbGRyZW5XaXRoUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghd2l0aG91dFdyYXBwZXIpIHtcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgICAgfVxuXG4gICAgICBsZXQgYWRkZWRQcm9wc0NvdW50ZXIgPSAwO1xuXG4gICAgICByZXR1cm4gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgaWYgKGFkZGVkUHJvcHNDb3VudGVyID4gMCB8fCAhUmVhY3QuaXNWYWxpZEVsZW1lbnQoY2hpbGQpKSB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgYWRkZWRQcm9wc0NvdW50ZXIgKz0gMTtcblxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgLi4uY2hpbGQucHJvcHMsXG4gICAgICAgICAgcmVmOiBzZXRUYXJnZXRSZWYsXG4gICAgICAgICAgb25Qb2ludGVyRW50ZXI6IGhhbmRsZVBvaW50ZXJFbnRlciA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckVudGVyLFxuICAgICAgICAgIG9uUG9pbnRlckxlYXZlOiBoYW5kbGVQb2ludGVyTGVhdmUgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJMZWF2ZSxcbiAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyA/PyBjaGlsZD8ucHJvcHM/Lm9uRm9jdXMsXG4gICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyID8/IGNoaWxkPy5wcm9wcz8ub25CbHVyLFxuICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrID8/IGNoaWxkPy5wcm9wcz8ub25DbGljayxcbiAgICAgICAgICBvbkNvbnRleHRNZW51OiBoYW5kbGVDb250ZXh0TWVudSA/PyBjaGlsZD8ucHJvcHM/Lm9uQ29udGV4dE1lbnUsXG4gICAgICAgICAgb25Qb2ludGVyVXA6IGhhbmRsZVBvaW50ZXJVcCA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlclVwLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sIFtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICAgIHNldFRhcmdldFJlZixcbiAgICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIF0pO1xuXG4gICAgY29uc3QgZ2V0RmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgZ2V0UG9wdXBDb250YWluZXIocmVmcy5kb21SZWZlcmVuY2UuY3VycmVudCA/PyBkb2N1bWVudC5ib2R5KVxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgaWYgKGlzTmlsKGdldFRhcmdldERPTU5vZGUpICYmIGlzTmlsKGNoaWxkcmVuKSAmJiBpc1VuZGVmaW5lZChvcGVuKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgaWYgKGlzRnVuY3Rpb24oZ2V0VGFyZ2V0RE9NTm9kZSkpIHtcbiAgICAgIGlmIChpc051bGwoZ2V0VGFyZ2V0RE9NTm9kZSgpKSkge1xuICAgICAgICByZXR1cm4gY2hpbGRyZW47XG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtnZXRGbG9hdGluZ0VsZW1lbnQoKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICh3aXRob3V0V3JhcHBlcikge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7Y2hpbGRyZW5XaXRoUHJvcHN9XG4gICAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtzZXRUYXJnZXRSZWZ9XG4gICAgICAgIGNzcz17W2Jhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLCBzdHlsZXM/LnJlZmVyZW5jZVdyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgICBvblBvaW50ZXJMZWF2ZT17aGFuZGxlUG9pbnRlckxlYXZlfVxuICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Db250ZXh0TWVudT17aGFuZGxlQ29udGV4dE1lbnV9XG4gICAgICAgIG9uUG9pbnRlclVwPXtoYW5kbGVQb2ludGVyVXB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick, onContextMenu: handleContextMenu, onPointerUp: handlePointerUp, children: [
|
|
113
147
|
children,
|
|
114
|
-
(
|
|
148
|
+
getFloatingElement()
|
|
115
149
|
] });
|
|
116
150
|
});
|
|
117
151
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Interpolation } from '@emotion/react';
|
|
2
2
|
import { FloatingElement, ReferenceElement } from '@floating-ui/react';
|
|
3
|
-
import { ReactNode } from 'react';
|
|
3
|
+
import { MouseEvent, PointerEvent, ReactNode } from 'react';
|
|
4
4
|
import { Theme } from 'themes';
|
|
5
5
|
export type BaseTooltipPlacementType = "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
|
|
6
6
|
export type BaseTooltipTriggerType = "hover" | "focus" | "click" | "contextMenu";
|
|
@@ -30,6 +30,7 @@ export interface BaseTooltipProps {
|
|
|
30
30
|
transform?: boolean;
|
|
31
31
|
withoutWrapper?: boolean;
|
|
32
32
|
showInCursorPosition?: boolean;
|
|
33
|
+
getTargetDOMNode?: () => HTMLElement | null;
|
|
33
34
|
styles?: {
|
|
34
35
|
floatingWrapper?: (theme: Theme) => Interpolation;
|
|
35
36
|
referenceWrapper?: (theme: Theme) => Interpolation;
|
|
@@ -38,3 +39,5 @@ export interface BaseTooltipProps {
|
|
|
38
39
|
onOpenChange?: (open: boolean) => void;
|
|
39
40
|
}
|
|
40
41
|
export type AutoUpdateType = (reference: ReferenceElement, floating: FloatingElement, update: () => void) => () => void;
|
|
42
|
+
export type PointerEventType = PointerEvent<HTMLDivElement> | globalThis.PointerEvent;
|
|
43
|
+
export type MouseEventType = MouseEvent<HTMLDivElement> | globalThis.MouseEvent;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ExtendedRefs, Placement, Rect, ReferenceType } from '@floating-ui/react';
|
|
2
|
-
import { BaseTooltipAlign, BaseTooltipPlacementType, OffsetType } from './BaseTooltip.types';
|
|
3
|
-
import {
|
|
2
|
+
import { BaseTooltipAlign, BaseTooltipPlacementType, MouseEventType, OffsetType, PointerEventType } from './BaseTooltip.types';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
4
|
export declare const ARROW_WIDTH = 8;
|
|
5
5
|
export declare const ARROW_HEIGHT = 4;
|
|
6
6
|
export declare const ARROW_PADDING = 6;
|
|
@@ -15,7 +15,7 @@ export declare const isLeftSide: (placement: Placement) => boolean;
|
|
|
15
15
|
export declare const isRightSide: (placement: Placement) => boolean;
|
|
16
16
|
export declare const convertBaseTooltipPlacement: (placement: BaseTooltipPlacementType) => Placement;
|
|
17
17
|
export declare const convertOffsetValues: (rect: Rect) => (element: OffsetType, index: number) => number;
|
|
18
|
-
export declare const getChangedProperties: (e:
|
|
18
|
+
export declare const getChangedProperties: (e: PointerEventType | MouseEventType, placement: Placement) => {
|
|
19
19
|
width: number;
|
|
20
20
|
x: number;
|
|
21
21
|
right: number;
|
|
@@ -34,4 +34,5 @@ export declare const getChangedProperties: (e: PointerEvent | MouseEvent, placem
|
|
|
34
34
|
right?: undefined;
|
|
35
35
|
left?: undefined;
|
|
36
36
|
};
|
|
37
|
-
export declare const setNewReferencePosition: (refs: ExtendedRefs<ReferenceType>, pointerEvent:
|
|
37
|
+
export declare const setNewReferencePosition: (refs: ExtendedRefs<ReferenceType>, pointerEvent: PointerEventType | MouseEventType, placement: Placement, arrowRef: SVGSVGElement | null) => void;
|
|
38
|
+
export declare const setTargetCallbacks: (element: HTMLElement, handlePointerEnter: ((e: PointerEventType) => void) | undefined, handlePointerLeave: (() => void) | undefined, handleFocus: (() => void) | undefined, handleBlur: (() => void) | undefined, handleClick: ((e: MouseEventType) => void) | undefined, handleContextMenu: ((e: MouseEventType) => void) | undefined, handlePointerUp: ((e: MouseEventType) => void) | undefined) => void;
|
|
@@ -172,6 +172,15 @@ const setNewReferencePosition = (refs, pointerEvent, placement, arrowRef) => {
|
|
|
172
172
|
});
|
|
173
173
|
}
|
|
174
174
|
};
|
|
175
|
+
const setTargetCallbacks = (element, handlePointerEnter, handlePointerLeave, handleFocus, handleBlur, handleClick, handleContextMenu, handlePointerUp) => {
|
|
176
|
+
element.onpointerenter = handlePointerEnter ?? (element == null ? void 0 : element.onpointerenter);
|
|
177
|
+
element.onpointerleave = handlePointerLeave ?? (element == null ? void 0 : element.onpointerleave);
|
|
178
|
+
element.onfocus = handleFocus ?? (element == null ? void 0 : element.onfocus);
|
|
179
|
+
element.onblur = handleBlur ?? (element == null ? void 0 : element.onblur);
|
|
180
|
+
element.onclick = handleClick ?? (element == null ? void 0 : element.onclick);
|
|
181
|
+
element.oncontextmenu = handleContextMenu ?? (element == null ? void 0 : element.oncontextmenu);
|
|
182
|
+
element.onpointerup = handlePointerUp ?? (element == null ? void 0 : element.onpointerup);
|
|
183
|
+
};
|
|
175
184
|
export {
|
|
176
185
|
ARROW_HEIGHT,
|
|
177
186
|
ARROW_PADDING,
|
|
@@ -188,5 +197,6 @@ export {
|
|
|
188
197
|
isRightSide,
|
|
189
198
|
isTopSide,
|
|
190
199
|
setNewReferencePosition,
|
|
200
|
+
setTargetCallbacks,
|
|
191
201
|
singleSides
|
|
192
202
|
};
|
|
@@ -12,7 +12,7 @@ export declare const useCustomFloating: ({ placement, autoAdjustOverflow, withAr
|
|
|
12
12
|
floating: React.MutableRefObject<HTMLElement | null>;
|
|
13
13
|
setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
|
|
14
14
|
setFloating: (node: HTMLElement | null) => void;
|
|
15
|
-
} & import('@floating-ui/react').ExtendedRefs<
|
|
15
|
+
} & import('@floating-ui/react').ExtendedRefs<HTMLElement>;
|
|
16
16
|
floatingStyles: import('react').CSSProperties;
|
|
17
17
|
context: {
|
|
18
18
|
x: number;
|
|
@@ -29,8 +29,8 @@ export declare const useCustomFloating: ({ placement, autoAdjustOverflow, withAr
|
|
|
29
29
|
dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
|
|
30
30
|
nodeId: string | undefined;
|
|
31
31
|
floatingId: string | undefined;
|
|
32
|
-
refs: import('@floating-ui/react').ExtendedRefs<
|
|
33
|
-
elements: import('@floating-ui/react').ExtendedElements<
|
|
32
|
+
refs: import('@floating-ui/react').ExtendedRefs<HTMLElement>;
|
|
33
|
+
elements: import('@floating-ui/react').ExtendedElements<HTMLElement>;
|
|
34
34
|
};
|
|
35
35
|
floatingPlacement: import('@floating-ui/utils').Placement;
|
|
36
36
|
setArrowRef: import('react').Dispatch<import('react').SetStateAction<SVGSVGElement | null>>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { BaseTooltipTriggerType } from '../BaseTooltip.types';
|
|
1
|
+
import { BaseTooltipTriggerType, MouseEventType, PointerEventType } from '../BaseTooltip.types';
|
|
3
2
|
import { ExtendedRefs, ReferenceType, Placement } from '@floating-ui/react';
|
|
4
3
|
export interface UseShowTooltipControllerProp {
|
|
5
4
|
trigger: BaseTooltipTriggerType[];
|
|
@@ -15,11 +14,11 @@ export interface UseShowTooltipControllerProp {
|
|
|
15
14
|
}
|
|
16
15
|
export declare const useShowTooltipController: ({ trigger, defaultOpen, open, mouseEnterDelay, mouseLeaveDelay, showInCursorPosition, refs, placement, onOpenChange, arrowRef, }: UseShowTooltipControllerProp) => {
|
|
17
16
|
isOpen: boolean;
|
|
18
|
-
handlePointerEnter: ((e:
|
|
17
|
+
handlePointerEnter: ((e: PointerEventType) => void) | undefined;
|
|
19
18
|
handlePointerLeave: (() => void) | undefined;
|
|
20
19
|
handleFocus: (() => void) | undefined;
|
|
21
20
|
handleBlur: (() => void) | undefined;
|
|
22
|
-
handleClick: ((e:
|
|
23
|
-
handleContextMenu: ((e:
|
|
24
|
-
handlePointerUp: ((e:
|
|
21
|
+
handleClick: ((e: MouseEventType) => void) | undefined;
|
|
22
|
+
handleContextMenu: ((e: MouseEventType) => void) | undefined;
|
|
23
|
+
handlePointerUp: ((e: MouseEventType) => void) | undefined;
|
|
25
24
|
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ExtendedRefs, ReferenceType } from '@floating-ui/react';
|
|
2
|
+
import { MouseEventType, PointerEventType } from '../BaseTooltip.types';
|
|
3
|
+
interface UseTargetRefControllerProps {
|
|
4
|
+
getTargetDOMNode: (() => HTMLElement | null) | undefined;
|
|
5
|
+
refs: ExtendedRefs<ReferenceType>;
|
|
6
|
+
handlePointerEnter: ((e: PointerEventType) => void) | undefined;
|
|
7
|
+
handlePointerLeave: (() => void) | undefined;
|
|
8
|
+
handleFocus: (() => void) | undefined;
|
|
9
|
+
handleBlur: (() => void) | undefined;
|
|
10
|
+
handleClick: ((e: MouseEventType) => void) | undefined;
|
|
11
|
+
handleContextMenu: ((e: MouseEventType) => void) | undefined;
|
|
12
|
+
handlePointerUp: ((e: MouseEventType) => void) | undefined;
|
|
13
|
+
}
|
|
14
|
+
export declare const useTargetRefController: ({ getTargetDOMNode, refs, handlePointerEnter, handlePointerLeave, handleFocus, handleBlur, handleClick, handleContextMenu, handlePointerUp, }: UseTargetRefControllerProps) => {
|
|
15
|
+
setTargetRef: (element: HTMLElement | null) => void;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { isFunction } from "lodash-es";
|
|
2
|
+
import { useRef, useCallback, useEffect } from "react";
|
|
3
|
+
import { setTargetCallbacks } from "../BaseTooltip.utils.js";
|
|
4
|
+
const useTargetRefController = ({
|
|
5
|
+
getTargetDOMNode,
|
|
6
|
+
refs,
|
|
7
|
+
handlePointerEnter,
|
|
8
|
+
handlePointerLeave,
|
|
9
|
+
handleFocus,
|
|
10
|
+
handleBlur,
|
|
11
|
+
handleClick,
|
|
12
|
+
handleContextMenu,
|
|
13
|
+
handlePointerUp
|
|
14
|
+
}) => {
|
|
15
|
+
const targetRef = useRef(null);
|
|
16
|
+
const setTargetRef = useCallback((element) => {
|
|
17
|
+
targetRef.current = element;
|
|
18
|
+
}, []);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (isFunction(getTargetDOMNode)) {
|
|
21
|
+
const targetNode = getTargetDOMNode();
|
|
22
|
+
refs.setReference(targetNode);
|
|
23
|
+
if (targetNode) {
|
|
24
|
+
setTargetCallbacks(targetNode, handlePointerEnter, handlePointerLeave, handleFocus, handleBlur, handleClick, handleContextMenu, handlePointerUp);
|
|
25
|
+
}
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
refs.setReference(targetRef.current);
|
|
29
|
+
}, [getTargetDOMNode, handleBlur, handleClick, handleContextMenu, handleFocus, handlePointerEnter, handlePointerLeave, handlePointerUp, refs, setTargetRef]);
|
|
30
|
+
return {
|
|
31
|
+
setTargetRef
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export {
|
|
35
|
+
useTargetRefController
|
|
36
|
+
};
|
|
@@ -46,12 +46,15 @@ const Message = ({
|
|
|
46
46
|
clearTimeout(timerIdRef.current);
|
|
47
47
|
};
|
|
48
48
|
const handlePointerLeave = () => {
|
|
49
|
+
if (duration === 0) {
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
49
52
|
timerIdRef.current = setTimeout(closeMessage, convertSecondsToMilliseconds(duration));
|
|
50
53
|
};
|
|
51
|
-
return /* @__PURE__ */ jsxs("span", { css: [messageStyle.wrapper(theme), (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Message;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
52
|
-
/* @__PURE__ */ jsx("span", { css: [messageStyle.iconWrapper(theme), (_b = styles == null ? void 0 : styles.iconWrapper) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Message;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
53
|
-
/* @__PURE__ */ jsx("span", { css: [messageStyle.contentWrapper(theme), (_c = styles == null ? void 0 : styles.contentWrapper) == null ? void 0 : _c.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Message;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
-
closable && /* @__PURE__ */ jsx("span", { css: [messageStyle.closeIconWrapper(theme), (_d = styles == null ? void 0 : styles.closeIconWrapper) == null ? void 0 : _d.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Message;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
return /* @__PURE__ */ jsxs("span", { css: [messageStyle.wrapper(theme), (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Message;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvTWVzc2FnZS9jb21wb25lbnRzL01lc3NhZ2UvTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUVNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvTWVzc2FnZS9jb21wb25lbnRzL01lc3NhZ2UvTWVzc2FnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEZDLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IE1lc3NhZ2VQcm9wcyB9IGZyb20gXCIuL01lc3NhZ2UudHlwZXNcIjtcbmltcG9ydCB7XG4gIENMT1NFX01FU1NBR0VfRFVSQVRJT04sXG4gIGNvbnZlcnRTZWNvbmRzVG9NaWxsaXNlY29uZHMsXG4gIGdldEljb25CeVR5cGUsXG59IGZyb20gXCIuL01lc3NhZ2UudXRpbHNcIjtcbmltcG9ydCB7IENsb3NlT3V0bGluZWQgfSBmcm9tIFwiQGluZm9tYXhpbXVtL2ljb25zXCI7XG5pbXBvcnQgeyBnZXRNZXNzYWdlU3R5bGUgfSBmcm9tIFwiLi9NZXNzYWdlLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2U6IEZDPE1lc3NhZ2VQcm9wcz4gPSAoe1xuICBjb250ZW50LFxuICBpY29uLFxuICB0eXBlLFxuICBwbGFjZW1lbnQgPSBcImJvdHRvbVJpZ2h0XCIsXG4gIGNsb3NhYmxlLFxuICBkdXJhdGlvbiA9IDMsXG4gIHJ0bCxcbiAgY2xhc3NOYW1lLFxuICBzdHlsZXMsXG4gIG9uQ2xpY2ssXG4gIG9uQ2xvc2UsXG59KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBbaXNDbG9zZUFuaW1hdGlvbiwgc2V0SXNDbG9zZUFuaW1hdGlvbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVySWRSZWYgPSB1c2VSZWY8Tm9kZUpTLlRpbWVvdXQ+KCk7XG5cbiAgY29uc3QgY2xvc2VNZXNzYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgc2V0SXNDbG9zZUFuaW1hdGlvbih0cnVlKTtcblxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uQ2xvc2U/LigpO1xuICAgICAgfSwgQ0xPU0VfTUVTU0FHRV9EVVJBVElPTik7XG4gICAgfSk7XG4gIH0sIFtvbkNsb3NlXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZHVyYXRpb24gPT09IDApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aW1lcklkUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KGNsb3NlTWVzc2FnZSwgY29udmVydFNlY29uZHNUb01pbGxpc2Vjb25kcyhkdXJhdGlvbikpO1xuXG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lcklkUmVmLmN1cnJlbnQpO1xuICB9LCBbY2xvc2VNZXNzYWdlLCBkdXJhdGlvbl0pO1xuXG4gIGNvbnN0IGNsb3NlSGFuZGxlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNsb3NlTWVzc2FnZSgpO1xuICB9LCBbY2xvc2VNZXNzYWdlXSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPSBpY29uID8/IGdldEljb25CeVR5cGUodHlwZSk7XG5cbiAgY29uc3QgbWVzc2FnZVN0eWxlID0gZ2V0TWVzc2FnZVN0eWxlKHR5cGUsIGlzQ2xvc2VBbmltYXRpb24sIHBsYWNlbWVudCk7XG5cbiAgY29uc3QgZGlyID0gcnRsID8gXCJydGxcIiA6IHVuZGVmaW5lZDtcblxuICBjb25zdCBoYW5kbGVQb2ludGVyRW50ZXIgPSAoKSA9PiB7XG4gICAgY2xlYXJUaW1lb3V0KHRpbWVySWRSZWYuY3VycmVudCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUG9pbnRlckxlYXZlID0gKCkgPT4ge1xuICAgIGlmIChkdXJhdGlvbiA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRpbWVySWRSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoY2xvc2VNZXNzYWdlLCBjb252ZXJ0U2Vjb25kc1RvTWlsbGlzZWNvbmRzKGR1cmF0aW9uKSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgY3NzPXtbbWVzc2FnZVN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgZGlyPXtkaXJ9XG4gICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgb25Qb2ludGVyTGVhdmU9e2hhbmRsZVBvaW50ZXJMZWF2ZX1cbiAgICA+XG4gICAgICA8c3BhbiBjc3M9e1ttZXNzYWdlU3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50SWNvbn1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuIGNzcz17W21lc3NhZ2VTdHlsZS5jb250ZW50V3JhcHBlcih0aGVtZSksIHN0eWxlcz8uY29udGVudFdyYXBwZXI/Lih0aGVtZSldfSBkaXI9e2Rpcn0+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9zcGFuPlxuICAgICAge2Nsb3NhYmxlICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e1ttZXNzYWdlU3R5bGUuY2xvc2VJY29uV3JhcHBlcih0aGVtZSksIHN0eWxlcz8uY2xvc2VJY29uV3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgICAgb25DbGljaz17Y2xvc2VIYW5kbGV9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2xvc2VPdXRsaW5lZCAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgIDwvc3Bhbj5cbiAgKTtcbn07XG4iXX0= */"], className, onClick, dir, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, children: [
|
|
55
|
+
/* @__PURE__ */ jsx("span", { css: [messageStyle.iconWrapper(theme), (_b = styles == null ? void 0 : styles.iconWrapper) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Message;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvTWVzc2FnZS9jb21wb25lbnRzL01lc3NhZ2UvTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZZIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvTWVzc2FnZS9jb21wb25lbnRzL01lc3NhZ2UvTWVzc2FnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEZDLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IE1lc3NhZ2VQcm9wcyB9IGZyb20gXCIuL01lc3NhZ2UudHlwZXNcIjtcbmltcG9ydCB7XG4gIENMT1NFX01FU1NBR0VfRFVSQVRJT04sXG4gIGNvbnZlcnRTZWNvbmRzVG9NaWxsaXNlY29uZHMsXG4gIGdldEljb25CeVR5cGUsXG59IGZyb20gXCIuL01lc3NhZ2UudXRpbHNcIjtcbmltcG9ydCB7IENsb3NlT3V0bGluZWQgfSBmcm9tIFwiQGluZm9tYXhpbXVtL2ljb25zXCI7XG5pbXBvcnQgeyBnZXRNZXNzYWdlU3R5bGUgfSBmcm9tIFwiLi9NZXNzYWdlLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2U6IEZDPE1lc3NhZ2VQcm9wcz4gPSAoe1xuICBjb250ZW50LFxuICBpY29uLFxuICB0eXBlLFxuICBwbGFjZW1lbnQgPSBcImJvdHRvbVJpZ2h0XCIsXG4gIGNsb3NhYmxlLFxuICBkdXJhdGlvbiA9IDMsXG4gIHJ0bCxcbiAgY2xhc3NOYW1lLFxuICBzdHlsZXMsXG4gIG9uQ2xpY2ssXG4gIG9uQ2xvc2UsXG59KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBbaXNDbG9zZUFuaW1hdGlvbiwgc2V0SXNDbG9zZUFuaW1hdGlvbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVySWRSZWYgPSB1c2VSZWY8Tm9kZUpTLlRpbWVvdXQ+KCk7XG5cbiAgY29uc3QgY2xvc2VNZXNzYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgc2V0SXNDbG9zZUFuaW1hdGlvbih0cnVlKTtcblxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uQ2xvc2U/LigpO1xuICAgICAgfSwgQ0xPU0VfTUVTU0FHRV9EVVJBVElPTik7XG4gICAgfSk7XG4gIH0sIFtvbkNsb3NlXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZHVyYXRpb24gPT09IDApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aW1lcklkUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KGNsb3NlTWVzc2FnZSwgY29udmVydFNlY29uZHNUb01pbGxpc2Vjb25kcyhkdXJhdGlvbikpO1xuXG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lcklkUmVmLmN1cnJlbnQpO1xuICB9LCBbY2xvc2VNZXNzYWdlLCBkdXJhdGlvbl0pO1xuXG4gIGNvbnN0IGNsb3NlSGFuZGxlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNsb3NlTWVzc2FnZSgpO1xuICB9LCBbY2xvc2VNZXNzYWdlXSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPSBpY29uID8/IGdldEljb25CeVR5cGUodHlwZSk7XG5cbiAgY29uc3QgbWVzc2FnZVN0eWxlID0gZ2V0TWVzc2FnZVN0eWxlKHR5cGUsIGlzQ2xvc2VBbmltYXRpb24sIHBsYWNlbWVudCk7XG5cbiAgY29uc3QgZGlyID0gcnRsID8gXCJydGxcIiA6IHVuZGVmaW5lZDtcblxuICBjb25zdCBoYW5kbGVQb2ludGVyRW50ZXIgPSAoKSA9PiB7XG4gICAgY2xlYXJUaW1lb3V0KHRpbWVySWRSZWYuY3VycmVudCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUG9pbnRlckxlYXZlID0gKCkgPT4ge1xuICAgIGlmIChkdXJhdGlvbiA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRpbWVySWRSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoY2xvc2VNZXNzYWdlLCBjb252ZXJ0U2Vjb25kc1RvTWlsbGlzZWNvbmRzKGR1cmF0aW9uKSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgY3NzPXtbbWVzc2FnZVN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgZGlyPXtkaXJ9XG4gICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgb25Qb2ludGVyTGVhdmU9e2hhbmRsZVBvaW50ZXJMZWF2ZX1cbiAgICA+XG4gICAgICA8c3BhbiBjc3M9e1ttZXNzYWdlU3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50SWNvbn1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuIGNzcz17W21lc3NhZ2VTdHlsZS5jb250ZW50V3JhcHBlcih0aGVtZSksIHN0eWxlcz8uY29udGVudFdyYXBwZXI/Lih0aGVtZSldfSBkaXI9e2Rpcn0+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9zcGFuPlxuICAgICAge2Nsb3NhYmxlICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e1ttZXNzYWdlU3R5bGUuY2xvc2VJY29uV3JhcHBlcih0aGVtZSksIHN0eWxlcz8uY2xvc2VJY29uV3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgICAgb25DbGljaz17Y2xvc2VIYW5kbGV9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2xvc2VPdXRsaW5lZCAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgIDwvc3Bhbj5cbiAgKTtcbn07XG4iXX0= */"], children: currentIcon }),
|
|
56
|
+
/* @__PURE__ */ jsx("span", { css: [messageStyle.contentWrapper(theme), (_c = styles == null ? void 0 : styles.contentWrapper) == null ? void 0 : _c.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Message;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvTWVzc2FnZS9jb21wb25lbnRzL01lc3NhZ2UvTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZZIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvTWVzc2FnZS9jb21wb25lbnRzL01lc3NhZ2UvTWVzc2FnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEZDLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IE1lc3NhZ2VQcm9wcyB9IGZyb20gXCIuL01lc3NhZ2UudHlwZXNcIjtcbmltcG9ydCB7XG4gIENMT1NFX01FU1NBR0VfRFVSQVRJT04sXG4gIGNvbnZlcnRTZWNvbmRzVG9NaWxsaXNlY29uZHMsXG4gIGdldEljb25CeVR5cGUsXG59IGZyb20gXCIuL01lc3NhZ2UudXRpbHNcIjtcbmltcG9ydCB7IENsb3NlT3V0bGluZWQgfSBmcm9tIFwiQGluZm9tYXhpbXVtL2ljb25zXCI7XG5pbXBvcnQgeyBnZXRNZXNzYWdlU3R5bGUgfSBmcm9tIFwiLi9NZXNzYWdlLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2U6IEZDPE1lc3NhZ2VQcm9wcz4gPSAoe1xuICBjb250ZW50LFxuICBpY29uLFxuICB0eXBlLFxuICBwbGFjZW1lbnQgPSBcImJvdHRvbVJpZ2h0XCIsXG4gIGNsb3NhYmxlLFxuICBkdXJhdGlvbiA9IDMsXG4gIHJ0bCxcbiAgY2xhc3NOYW1lLFxuICBzdHlsZXMsXG4gIG9uQ2xpY2ssXG4gIG9uQ2xvc2UsXG59KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBbaXNDbG9zZUFuaW1hdGlvbiwgc2V0SXNDbG9zZUFuaW1hdGlvbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVySWRSZWYgPSB1c2VSZWY8Tm9kZUpTLlRpbWVvdXQ+KCk7XG5cbiAgY29uc3QgY2xvc2VNZXNzYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgc2V0SXNDbG9zZUFuaW1hdGlvbih0cnVlKTtcblxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uQ2xvc2U/LigpO1xuICAgICAgfSwgQ0xPU0VfTUVTU0FHRV9EVVJBVElPTik7XG4gICAgfSk7XG4gIH0sIFtvbkNsb3NlXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZHVyYXRpb24gPT09IDApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aW1lcklkUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KGNsb3NlTWVzc2FnZSwgY29udmVydFNlY29uZHNUb01pbGxpc2Vjb25kcyhkdXJhdGlvbikpO1xuXG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lcklkUmVmLmN1cnJlbnQpO1xuICB9LCBbY2xvc2VNZXNzYWdlLCBkdXJhdGlvbl0pO1xuXG4gIGNvbnN0IGNsb3NlSGFuZGxlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNsb3NlTWVzc2FnZSgpO1xuICB9LCBbY2xvc2VNZXNzYWdlXSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPSBpY29uID8/IGdldEljb25CeVR5cGUodHlwZSk7XG5cbiAgY29uc3QgbWVzc2FnZVN0eWxlID0gZ2V0TWVzc2FnZVN0eWxlKHR5cGUsIGlzQ2xvc2VBbmltYXRpb24sIHBsYWNlbWVudCk7XG5cbiAgY29uc3QgZGlyID0gcnRsID8gXCJydGxcIiA6IHVuZGVmaW5lZDtcblxuICBjb25zdCBoYW5kbGVQb2ludGVyRW50ZXIgPSAoKSA9PiB7XG4gICAgY2xlYXJUaW1lb3V0KHRpbWVySWRSZWYuY3VycmVudCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUG9pbnRlckxlYXZlID0gKCkgPT4ge1xuICAgIGlmIChkdXJhdGlvbiA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRpbWVySWRSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoY2xvc2VNZXNzYWdlLCBjb252ZXJ0U2Vjb25kc1RvTWlsbGlzZWNvbmRzKGR1cmF0aW9uKSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgY3NzPXtbbWVzc2FnZVN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgZGlyPXtkaXJ9XG4gICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgb25Qb2ludGVyTGVhdmU9e2hhbmRsZVBvaW50ZXJMZWF2ZX1cbiAgICA+XG4gICAgICA8c3BhbiBjc3M9e1ttZXNzYWdlU3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50SWNvbn1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuIGNzcz17W21lc3NhZ2VTdHlsZS5jb250ZW50V3JhcHBlcih0aGVtZSksIHN0eWxlcz8uY29udGVudFdyYXBwZXI/Lih0aGVtZSldfSBkaXI9e2Rpcn0+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9zcGFuPlxuICAgICAge2Nsb3NhYmxlICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e1ttZXNzYWdlU3R5bGUuY2xvc2VJY29uV3JhcHBlcih0aGVtZSksIHN0eWxlcz8uY2xvc2VJY29uV3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgICAgb25DbGljaz17Y2xvc2VIYW5kbGV9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2xvc2VPdXRsaW5lZCAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgIDwvc3Bhbj5cbiAgKTtcbn07XG4iXX0= */"], dir, children: content }),
|
|
57
|
+
closable && /* @__PURE__ */ jsx("span", { css: [messageStyle.closeIconWrapper(theme), (_d = styles == null ? void 0 : styles.closeIconWrapper) == null ? void 0 : _d.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Message;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvTWVzc2FnZS9jb21wb25lbnRzL01lc3NhZ2UvTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0ZVIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvTWVzc2FnZS9jb21wb25lbnRzL01lc3NhZ2UvTWVzc2FnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEZDLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IE1lc3NhZ2VQcm9wcyB9IGZyb20gXCIuL01lc3NhZ2UudHlwZXNcIjtcbmltcG9ydCB7XG4gIENMT1NFX01FU1NBR0VfRFVSQVRJT04sXG4gIGNvbnZlcnRTZWNvbmRzVG9NaWxsaXNlY29uZHMsXG4gIGdldEljb25CeVR5cGUsXG59IGZyb20gXCIuL01lc3NhZ2UudXRpbHNcIjtcbmltcG9ydCB7IENsb3NlT3V0bGluZWQgfSBmcm9tIFwiQGluZm9tYXhpbXVtL2ljb25zXCI7XG5pbXBvcnQgeyBnZXRNZXNzYWdlU3R5bGUgfSBmcm9tIFwiLi9NZXNzYWdlLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2U6IEZDPE1lc3NhZ2VQcm9wcz4gPSAoe1xuICBjb250ZW50LFxuICBpY29uLFxuICB0eXBlLFxuICBwbGFjZW1lbnQgPSBcImJvdHRvbVJpZ2h0XCIsXG4gIGNsb3NhYmxlLFxuICBkdXJhdGlvbiA9IDMsXG4gIHJ0bCxcbiAgY2xhc3NOYW1lLFxuICBzdHlsZXMsXG4gIG9uQ2xpY2ssXG4gIG9uQ2xvc2UsXG59KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBbaXNDbG9zZUFuaW1hdGlvbiwgc2V0SXNDbG9zZUFuaW1hdGlvbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVySWRSZWYgPSB1c2VSZWY8Tm9kZUpTLlRpbWVvdXQ+KCk7XG5cbiAgY29uc3QgY2xvc2VNZXNzYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgc2V0SXNDbG9zZUFuaW1hdGlvbih0cnVlKTtcblxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uQ2xvc2U/LigpO1xuICAgICAgfSwgQ0xPU0VfTUVTU0FHRV9EVVJBVElPTik7XG4gICAgfSk7XG4gIH0sIFtvbkNsb3NlXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZHVyYXRpb24gPT09IDApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aW1lcklkUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KGNsb3NlTWVzc2FnZSwgY29udmVydFNlY29uZHNUb01pbGxpc2Vjb25kcyhkdXJhdGlvbikpO1xuXG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lcklkUmVmLmN1cnJlbnQpO1xuICB9LCBbY2xvc2VNZXNzYWdlLCBkdXJhdGlvbl0pO1xuXG4gIGNvbnN0IGNsb3NlSGFuZGxlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNsb3NlTWVzc2FnZSgpO1xuICB9LCBbY2xvc2VNZXNzYWdlXSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPSBpY29uID8/IGdldEljb25CeVR5cGUodHlwZSk7XG5cbiAgY29uc3QgbWVzc2FnZVN0eWxlID0gZ2V0TWVzc2FnZVN0eWxlKHR5cGUsIGlzQ2xvc2VBbmltYXRpb24sIHBsYWNlbWVudCk7XG5cbiAgY29uc3QgZGlyID0gcnRsID8gXCJydGxcIiA6IHVuZGVmaW5lZDtcblxuICBjb25zdCBoYW5kbGVQb2ludGVyRW50ZXIgPSAoKSA9PiB7XG4gICAgY2xlYXJUaW1lb3V0KHRpbWVySWRSZWYuY3VycmVudCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUG9pbnRlckxlYXZlID0gKCkgPT4ge1xuICAgIGlmIChkdXJhdGlvbiA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRpbWVySWRSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoY2xvc2VNZXNzYWdlLCBjb252ZXJ0U2Vjb25kc1RvTWlsbGlzZWNvbmRzKGR1cmF0aW9uKSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgY3NzPXtbbWVzc2FnZVN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgZGlyPXtkaXJ9XG4gICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgb25Qb2ludGVyTGVhdmU9e2hhbmRsZVBvaW50ZXJMZWF2ZX1cbiAgICA+XG4gICAgICA8c3BhbiBjc3M9e1ttZXNzYWdlU3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50SWNvbn1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuIGNzcz17W21lc3NhZ2VTdHlsZS5jb250ZW50V3JhcHBlcih0aGVtZSksIHN0eWxlcz8uY29udGVudFdyYXBwZXI/Lih0aGVtZSldfSBkaXI9e2Rpcn0+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9zcGFuPlxuICAgICAge2Nsb3NhYmxlICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e1ttZXNzYWdlU3R5bGUuY2xvc2VJY29uV3JhcHBlcih0aGVtZSksIHN0eWxlcz8uY2xvc2VJY29uV3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgICAgb25DbGljaz17Y2xvc2VIYW5kbGV9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2xvc2VPdXRsaW5lZCAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgIDwvc3Bhbj5cbiAgKTtcbn07XG4iXX0= */"], onClick: closeHandle, children: /* @__PURE__ */ jsx(CloseOutlined, {}) })
|
|
55
58
|
] });
|
|
56
59
|
};
|
|
57
60
|
export {
|