@infomaximum/ui-kit 0.15.7 → 0.15.8
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, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdHVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VUb29sdGlwUHJvcHMsIEJhc2VUb29sdGlwVHJpZ2dlclR5cGUgfSBmcm9tIFwiLi9CYXNlVG9vbHRpcC50eXBlc1wiO1xuaW1wb3J0IHsgRmxvYXRpbmdBcnJvdyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfV0lEVEgsXG4gIGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgTWF4X1pJbmRleCxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudXRpbHNcIjtcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCB7IHVzZVNob3dUb29sdGlwQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVNob3dUb29sdGlwQ29udHJvbGxlclwiO1xuaW1wb3J0IHtcbiAgYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsXG4gIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHVzZUN1c3RvbUZsb2F0aW5nIH0gZnJvbSBcIi4vaG9va3MvdXNlQ3VzdG9tRmxvYXRpbmdcIjtcbmltcG9ydCB7IHVzZVRhcmdldFJlZkNvbnRyb2xsZXIgfSBmcm9tIFwiLi9ob29rcy91c2VUYXJnZXRSZWZDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uLCBpc05pbCwgaXNOdWxsIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuXG5leHBvcnQgY29uc3QgQmFzZVRvb2x0aXA6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJhc2VUb29sdGlwUHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgZmxvYXRpbmdFbGVtZW50LFxuICAgIGFycm93Q29sb3IsXG4gICAgd2l0aEFycm93ID0gdHJ1ZSxcbiAgICBwbGFjZW1lbnQgPSBcInRvcFwiLFxuICAgIGF1dG9BZGp1c3RPdmVyZmxvdyA9IHRydWUsXG4gICAgZGVmYXVsdE9wZW4gPSBmYWxzZSxcbiAgICBvcGVuLFxuICAgIHpJbmRleCA9IE1heF9aSW5kZXgsXG4gICAgdHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV0sXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBhbGlnbixcbiAgICB0cmFuc2Zvcm0gPSB0cnVlLFxuICAgIGNsYXNzTmFtZSxcbiAgICBvbk9wZW5DaGFuZ2UsXG4gICAgY2hpbGRyZW4sXG4gICAgc3R5bGVzLFxuICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIHNob3dJbkN1cnNvclBvc2l0aW9uID0gZmFsc2UsXG4gICAgZ2V0UG9wdXBDb250YWluZXIgPSAoKSA9PiBkb2N1bWVudC5ib2R5LFxuICAgIGdldFRhcmdldERPTU5vZGUsXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgY3VycmVudFRyYW5zZm9ybSA9IHRyYW5zZm9ybSAmJiAhc2hvd0luQ3Vyc29yUG9zaXRpb247XG5cbiAgICBjb25zdCB7IHJlZnMsIGZsb2F0aW5nU3R5bGVzLCBjb250ZXh0LCBmbG9hdGluZ1BsYWNlbWVudCwgc2V0QXJyb3dSZWYsIGFycm93UmVmIH0gPVxuICAgICAgdXNlQ3VzdG9tRmxvYXRpbmcoe1xuICAgICAgICBwbGFjZW1lbnQsXG4gICAgICAgIGF1dG9BZGp1c3RPdmVyZmxvdyxcbiAgICAgICAgd2l0aEFycm93LFxuICAgICAgICBhbGlnbixcbiAgICAgICAgdHJhbnNmb3JtOiBjdXJyZW50VHJhbnNmb3JtLFxuICAgICAgfSk7XG5cbiAgICBjb25zdCB7XG4gICAgICBpc09wZW4sXG4gICAgICBoYW5kbGVQb2ludGVyRW50ZXIsXG4gICAgICBoYW5kbGVQb2ludGVyTGVhdmUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZUJsdXIsXG4gICAgICBoYW5kbGVDbGljayxcbiAgICAgIGhhbmRsZUNvbnRleHRNZW51LFxuICAgICAgaGFuZGxlUG9pbnRlclVwLFxuICAgIH0gPSB1c2VTaG93VG9vbHRpcENvbnRyb2xsZXIoe1xuICAgICAgdHJpZ2dlcixcbiAgICAgIGRlZmF1bHRPcGVuLFxuICAgICAgb3BlbixcbiAgICAgIG1vdXNlRW50ZXJEZWxheSxcbiAgICAgIG1vdXNlTGVhdmVEZWxheSxcbiAgICAgIHNob3dJbkN1cnNvclBvc2l0aW9uLFxuICAgICAgcGxhY2VtZW50OiBmbG9hdGluZ1BsYWNlbWVudCxcbiAgICAgIHJlZnMsXG4gICAgICBvbk9wZW5DaGFuZ2UsXG4gICAgICBhcnJvd1JlZixcbiAgICB9KTtcblxuICAgIGNvbnN0IHsgc2V0VGFyZ2V0UmVmIH0gPSB1c2VUYXJnZXRSZWZDb250cm9sbGVyKHtcbiAgICAgIGdldFRhcmdldERPTU5vZGUsXG4gICAgICByZWZzLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICB9KTtcblxuICAgIGNvbnN0IGFycm93UGxhY2VtZW50Q29ycmVjdGlvbiA9IGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbihmbG9hdGluZ1BsYWNlbWVudCwgcmVmcywgYWxpZ24pO1xuXG4gICAgY29uc3QgcmVuZGVyRmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJlZj17cmVmcy5zZXRGbG9hdGluZ31cbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUoZmxvYXRpbmdQbGFjZW1lbnQsIHdpdGhBcnJvdywgaXNPcGVuKSxcbiAgICAgICAgICAgIHN0eWxlcz8uZmxvYXRpbmdXcmFwcGVyPy4odGhlbWUpLFxuICAgICAgICAgIF19XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIC4uLmZsb2F0aW5nU3R5bGVzLFxuICAgICAgICAgICAgd2lkdGg6ICFjdXJyZW50VHJhbnNmb3JtID8gXCJtYXgtY29udGVudFwiIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgekluZGV4LFxuICAgICAgICAgIH19XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgID5cbiAgICAgICAgICB7ZmxvYXRpbmdFbGVtZW50fVxuICAgICAgICAgIHt3aXRoQXJyb3cgJiYgKFxuICAgICAgICAgICAgPEZsb2F0aW5nQXJyb3dcbiAgICAgICAgICAgICAgcmVmPXtzZXRBcnJvd1JlZn1cbiAgICAgICAgICAgICAgY29udGV4dD17Y29udGV4dH1cbiAgICAgICAgICAgICAgd2lkdGg9e0FSUk9XX1dJRFRIfVxuICAgICAgICAgICAgICBoZWlnaHQ9e0FSUk9XX0hFSUdIVH1cbiAgICAgICAgICAgICAgZmlsbD17YXJyb3dDb2xvcn1cbiAgICAgICAgICAgICAgc3R5bGU9e2Fycm93UGxhY2VtZW50Q29ycmVjdGlvbn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH07XG5cbiAgICBjb25zdCBjaGlsZHJlbldpdGhQcm9wcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgaWYgKCF3aXRob3V0V3JhcHBlcikge1xuICAgICAgICByZXR1cm4gY2hpbGRyZW47XG4gICAgICB9XG5cbiAgICAgIGxldCBhZGRlZFByb3BzQ291bnRlciA9IDA7XG5cbiAgICAgIHJldHVybiBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZCkgPT4ge1xuICAgICAgICBpZiAoYWRkZWRQcm9wc0NvdW50ZXIgPiAwIHx8ICFSZWFjdC5pc1ZhbGlkRWxlbWVudChjaGlsZCkpIHtcbiAgICAgICAgICByZXR1cm4gY2hpbGQ7XG4gICAgICAgIH1cblxuICAgICAgICBhZGRlZFByb3BzQ291bnRlciArPSAxO1xuXG4gICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICAuLi5jaGlsZC5wcm9wcyxcbiAgICAgICAgICByZWY6IHNldFRhcmdldFJlZixcbiAgICAgICAgICBvblBvaW50ZXJFbnRlcjogaGFuZGxlUG9pbnRlckVudGVyID8/IGNoaWxkPy5wcm9wcz8ub25Qb2ludGVyRW50ZXIsXG4gICAgICAgICAgb25Qb2ludGVyTGVhdmU6IGhhbmRsZVBvaW50ZXJMZWF2ZSA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckxlYXZlLFxuICAgICAgICAgIG9uRm9jdXM6IGhhbmRsZUZvY3VzID8/IGNoaWxkPy5wcm9wcz8ub25Gb2N1cyxcbiAgICAgICAgICBvbkJsdXI6IGhhbmRsZUJsdXIgPz8gY2hpbGQ/LnByb3BzPy5vbkJsdXIsXG4gICAgICAgICAgb25DbGljazogaGFuZGxlQ2xpY2sgPz8gY2hpbGQ/LnByb3BzPy5vbkNsaWNrLFxuICAgICAgICAgIG9uQ29udGV4dE1lbnU6IGhhbmRsZUNvbnRleHRNZW51ID8/IGNoaWxkPy5wcm9wcz8ub25Db250ZXh0TWVudSxcbiAgICAgICAgICBvblBvaW50ZXJVcDogaGFuZGxlUG9pbnRlclVwID8/IGNoaWxkPy5wcm9wcz8ub25Qb2ludGVyVXAsXG4gICAgICAgIH0pO1xuICAgICAgfSk7XG4gICAgfSwgW1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlUG9pbnRlclVwLFxuICAgICAgc2V0VGFyZ2V0UmVmLFxuICAgICAgd2l0aG91dFdyYXBwZXIsXG4gICAgXSk7XG5cbiAgICBjb25zdCBnZXRGbG9hdGluZ0VsZW1lbnQgPSAoKSA9PiB7XG4gICAgICBpZiAoIWlzT3BlbiAmJiAhc2hvd0luQ3Vyc29yUG9zaXRpb24pIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBjcmVhdGVQb3J0YWwoXG4gICAgICAgIHJlbmRlckZsb2F0aW5nRWxlbWVudCgpLFxuICAgICAgICBnZXRQb3B1cENvbnRhaW5lcihyZWZzLmRvbVJlZmVyZW5jZS5jdXJyZW50ID8/IGRvY3VtZW50LmJvZHkpXG4gICAgICApO1xuICAgIH07XG5cbiAgICBpZiAoaXNOaWwoZ2V0VGFyZ2V0RE9NTm9kZSkgJiYgaXNOaWwoY2hpbGRyZW4pKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBpZiAoaXNGdW5jdGlvbihnZXRUYXJnZXRET01Ob2RlKSkge1xuICAgICAgaWYgKGlzTnVsbChnZXRUYXJnZXRET01Ob2RlKCkpKSB7XG4gICAgICAgIHJldHVybiBjaGlsZHJlbjtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHdpdGhvdXRXcmFwcGVyKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIHtjaGlsZHJlbldpdGhQcm9wc31cbiAgICAgICAgICB7Z2V0RmxvYXRpbmdFbGVtZW50KCl9XG4gICAgICAgIDwvPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3NldFRhcmdldFJlZn1cbiAgICAgICAgY3NzPXtbYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsIHN0eWxlcz8ucmVmZXJlbmNlV3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uUG9pbnRlckVudGVyPXtoYW5kbGVQb2ludGVyRW50ZXJ9XG4gICAgICAgIG9uUG9pbnRlckxlYXZlPXtoYW5kbGVQb2ludGVyTGVhdmV9XG4gICAgICAgIG9uRm9jdXM9e2hhbmRsZUZvY3VzfVxuICAgICAgICBvbkJsdXI9e2hhbmRsZUJsdXJ9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkNvbnRleHRNZW51PXtoYW5kbGVDb250ZXh0TWVudX1cbiAgICAgICAgb25Qb2ludGVyVXA9e2hhbmRsZVBvaW50ZXJVcH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7Z2V0RmxvYXRpbmdFbGVtZW50KCl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], 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)) {
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlNUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VUb29sdGlwUHJvcHMsIEJhc2VUb29sdGlwVHJpZ2dlclR5cGUgfSBmcm9tIFwiLi9CYXNlVG9vbHRpcC50eXBlc1wiO1xuaW1wb3J0IHsgRmxvYXRpbmdBcnJvdyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfV0lEVEgsXG4gIGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgTWF4X1pJbmRleCxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudXRpbHNcIjtcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCB7IHVzZVNob3dUb29sdGlwQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVNob3dUb29sdGlwQ29udHJvbGxlclwiO1xuaW1wb3J0IHtcbiAgYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsXG4gIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHVzZUN1c3RvbUZsb2F0aW5nIH0gZnJvbSBcIi4vaG9va3MvdXNlQ3VzdG9tRmxvYXRpbmdcIjtcbmltcG9ydCB7IHVzZVRhcmdldFJlZkNvbnRyb2xsZXIgfSBmcm9tIFwiLi9ob29rcy91c2VUYXJnZXRSZWZDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uLCBpc05pbCwgaXNOdWxsIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuXG5leHBvcnQgY29uc3QgQmFzZVRvb2x0aXA6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJhc2VUb29sdGlwUHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgZmxvYXRpbmdFbGVtZW50LFxuICAgIGFycm93Q29sb3IsXG4gICAgd2l0aEFycm93ID0gdHJ1ZSxcbiAgICBwbGFjZW1lbnQgPSBcInRvcFwiLFxuICAgIGF1dG9BZGp1c3RPdmVyZmxvdyA9IHRydWUsXG4gICAgZGVmYXVsdE9wZW4gPSBmYWxzZSxcbiAgICBvcGVuLFxuICAgIHpJbmRleCA9IE1heF9aSW5kZXgsXG4gICAgdHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV0sXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBhbGlnbixcbiAgICB0cmFuc2Zvcm0gPSB0cnVlLFxuICAgIGNsYXNzTmFtZSxcbiAgICBvbk9wZW5DaGFuZ2UsXG4gICAgY2hpbGRyZW4sXG4gICAgc3R5bGVzLFxuICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIHNob3dJbkN1cnNvclBvc2l0aW9uID0gZmFsc2UsXG4gICAgZ2V0UG9wdXBDb250YWluZXIgPSAoKSA9PiBkb2N1bWVudC5ib2R5LFxuICAgIGdldFRhcmdldERPTU5vZGUsXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgY3VycmVudFRyYW5zZm9ybSA9IHRyYW5zZm9ybSAmJiAhc2hvd0luQ3Vyc29yUG9zaXRpb247XG5cbiAgICBjb25zdCB7IHJlZnMsIGZsb2F0aW5nU3R5bGVzLCBjb250ZXh0LCBmbG9hdGluZ1BsYWNlbWVudCwgc2V0QXJyb3dSZWYsIGFycm93UmVmIH0gPVxuICAgICAgdXNlQ3VzdG9tRmxvYXRpbmcoe1xuICAgICAgICBwbGFjZW1lbnQsXG4gICAgICAgIGF1dG9BZGp1c3RPdmVyZmxvdyxcbiAgICAgICAgd2l0aEFycm93LFxuICAgICAgICBhbGlnbixcbiAgICAgICAgdHJhbnNmb3JtOiBjdXJyZW50VHJhbnNmb3JtLFxuICAgICAgfSk7XG5cbiAgICBjb25zdCB7XG4gICAgICBpc09wZW4sXG4gICAgICBoYW5kbGVQb2ludGVyRW50ZXIsXG4gICAgICBoYW5kbGVQb2ludGVyTGVhdmUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZUJsdXIsXG4gICAgICBoYW5kbGVDbGljayxcbiAgICAgIGhhbmRsZUNvbnRleHRNZW51LFxuICAgICAgaGFuZGxlUG9pbnRlclVwLFxuICAgIH0gPSB1c2VTaG93VG9vbHRpcENvbnRyb2xsZXIoe1xuICAgICAgdHJpZ2dlcixcbiAgICAgIGRlZmF1bHRPcGVuLFxuICAgICAgb3BlbixcbiAgICAgIG1vdXNlRW50ZXJEZWxheSxcbiAgICAgIG1vdXNlTGVhdmVEZWxheSxcbiAgICAgIHNob3dJbkN1cnNvclBvc2l0aW9uLFxuICAgICAgcGxhY2VtZW50OiBmbG9hdGluZ1BsYWNlbWVudCxcbiAgICAgIHJlZnMsXG4gICAgICBvbk9wZW5DaGFuZ2UsXG4gICAgICBhcnJvd1JlZixcbiAgICB9KTtcblxuICAgIGNvbnN0IHsgc2V0VGFyZ2V0UmVmIH0gPSB1c2VUYXJnZXRSZWZDb250cm9sbGVyKHtcbiAgICAgIGdldFRhcmdldERPTU5vZGUsXG4gICAgICByZWZzLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICB9KTtcblxuICAgIGNvbnN0IGFycm93UGxhY2VtZW50Q29ycmVjdGlvbiA9IGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbihmbG9hdGluZ1BsYWNlbWVudCwgcmVmcywgYWxpZ24pO1xuXG4gICAgY29uc3QgcmVuZGVyRmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJlZj17cmVmcy5zZXRGbG9hdGluZ31cbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUoZmxvYXRpbmdQbGFjZW1lbnQsIHdpdGhBcnJvdywgaXNPcGVuKSxcbiAgICAgICAgICAgIHN0eWxlcz8uZmxvYXRpbmdXcmFwcGVyPy4odGhlbWUpLFxuICAgICAgICAgIF19XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIC4uLmZsb2F0aW5nU3R5bGVzLFxuICAgICAgICAgICAgd2lkdGg6ICFjdXJyZW50VHJhbnNmb3JtID8gXCJtYXgtY29udGVudFwiIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgekluZGV4LFxuICAgICAgICAgIH19XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgID5cbiAgICAgICAgICB7ZmxvYXRpbmdFbGVtZW50fVxuICAgICAgICAgIHt3aXRoQXJyb3cgJiYgKFxuICAgICAgICAgICAgPEZsb2F0aW5nQXJyb3dcbiAgICAgICAgICAgICAgcmVmPXtzZXRBcnJvd1JlZn1cbiAgICAgICAgICAgICAgY29udGV4dD17Y29udGV4dH1cbiAgICAgICAgICAgICAgd2lkdGg9e0FSUk9XX1dJRFRIfVxuICAgICAgICAgICAgICBoZWlnaHQ9e0FSUk9XX0hFSUdIVH1cbiAgICAgICAgICAgICAgZmlsbD17YXJyb3dDb2xvcn1cbiAgICAgICAgICAgICAgc3R5bGU9e2Fycm93UGxhY2VtZW50Q29ycmVjdGlvbn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH07XG5cbiAgICBjb25zdCBjaGlsZHJlbldpdGhQcm9wcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgaWYgKCF3aXRob3V0V3JhcHBlcikge1xuICAgICAgICByZXR1cm4gY2hpbGRyZW47XG4gICAgICB9XG5cbiAgICAgIGxldCBhZGRlZFByb3BzQ291bnRlciA9IDA7XG5cbiAgICAgIHJldHVybiBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZCkgPT4ge1xuICAgICAgICBpZiAoYWRkZWRQcm9wc0NvdW50ZXIgPiAwIHx8ICFSZWFjdC5pc1ZhbGlkRWxlbWVudChjaGlsZCkpIHtcbiAgICAgICAgICByZXR1cm4gY2hpbGQ7XG4gICAgICAgIH1cblxuICAgICAgICBhZGRlZFByb3BzQ291bnRlciArPSAxO1xuXG4gICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICAuLi5jaGlsZC5wcm9wcyxcbiAgICAgICAgICByZWY6IHNldFRhcmdldFJlZixcbiAgICAgICAgICBvblBvaW50ZXJFbnRlcjogaGFuZGxlUG9pbnRlckVudGVyID8/IGNoaWxkPy5wcm9wcz8ub25Qb2ludGVyRW50ZXIsXG4gICAgICAgICAgb25Qb2ludGVyTGVhdmU6IGhhbmRsZVBvaW50ZXJMZWF2ZSA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckxlYXZlLFxuICAgICAgICAgIG9uRm9jdXM6IGhhbmRsZUZvY3VzID8/IGNoaWxkPy5wcm9wcz8ub25Gb2N1cyxcbiAgICAgICAgICBvbkJsdXI6IGhhbmRsZUJsdXIgPz8gY2hpbGQ/LnByb3BzPy5vbkJsdXIsXG4gICAgICAgICAgb25DbGljazogaGFuZGxlQ2xpY2sgPz8gY2hpbGQ/LnByb3BzPy5vbkNsaWNrLFxuICAgICAgICAgIG9uQ29udGV4dE1lbnU6IGhhbmRsZUNvbnRleHRNZW51ID8/IGNoaWxkPy5wcm9wcz8ub25Db250ZXh0TWVudSxcbiAgICAgICAgICBvblBvaW50ZXJVcDogaGFuZGxlUG9pbnRlclVwID8/IGNoaWxkPy5wcm9wcz8ub25Qb2ludGVyVXAsXG4gICAgICAgIH0pO1xuICAgICAgfSk7XG4gICAgfSwgW1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlUG9pbnRlckVudGVyLFxuICAgICAgaGFuZGxlUG9pbnRlckxlYXZlLFxuICAgICAgaGFuZGxlUG9pbnRlclVwLFxuICAgICAgc2V0VGFyZ2V0UmVmLFxuICAgICAgd2l0aG91dFdyYXBwZXIsXG4gICAgXSk7XG5cbiAgICBjb25zdCBnZXRGbG9hdGluZ0VsZW1lbnQgPSAoKSA9PiB7XG4gICAgICBpZiAoIWlzT3BlbiAmJiAhc2hvd0luQ3Vyc29yUG9zaXRpb24pIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBjcmVhdGVQb3J0YWwoXG4gICAgICAgIHJlbmRlckZsb2F0aW5nRWxlbWVudCgpLFxuICAgICAgICBnZXRQb3B1cENvbnRhaW5lcihyZWZzLmRvbVJlZmVyZW5jZS5jdXJyZW50ID8/IGRvY3VtZW50LmJvZHkpXG4gICAgICApO1xuICAgIH07XG5cbiAgICBpZiAoaXNOaWwoZ2V0VGFyZ2V0RE9NTm9kZSkgJiYgaXNOaWwoY2hpbGRyZW4pKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBpZiAoaXNGdW5jdGlvbihnZXRUYXJnZXRET01Ob2RlKSkge1xuICAgICAgaWYgKGlzTnVsbChnZXRUYXJnZXRET01Ob2RlKCkpKSB7XG4gICAgICAgIHJldHVybiBjaGlsZHJlbjtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHdpdGhvdXRXcmFwcGVyKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIHtjaGlsZHJlbldpdGhQcm9wc31cbiAgICAgICAgICB7Z2V0RmxvYXRpbmdFbGVtZW50KCl9XG4gICAgICAgIDwvPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3NldFRhcmdldFJlZn1cbiAgICAgICAgY3NzPXtbYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsIHN0eWxlcz8ucmVmZXJlbmNlV3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uUG9pbnRlckVudGVyPXtoYW5kbGVQb2ludGVyRW50ZXJ9XG4gICAgICAgIG9uUG9pbnRlckxlYXZlPXtoYW5kbGVQb2ludGVyTGVhdmV9XG4gICAgICAgIG9uRm9jdXM9e2hhbmRsZUZvY3VzfVxuICAgICAgICBvbkJsdXI9e2hhbmRsZUJsdXJ9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkNvbnRleHRNZW51PXtoYW5kbGVDb250ZXh0TWVudX1cbiAgICAgICAgb25Qb2ludGVyVXA9e2hhbmRsZVBvaW50ZXJVcH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7Z2V0RmxvYXRpbmdFbGVtZW50KCl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], 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 {
|