@infomaximum/ui-kit 0.14.1 → 0.14.2
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.
|
@@ -53,10 +53,10 @@ const BaseTooltip = memo(({
|
|
|
53
53
|
refs,
|
|
54
54
|
onOpenChange
|
|
55
55
|
});
|
|
56
|
-
const arrowPlacementCorrection = getArrowPlacementCorrection(floatingPlacement, context);
|
|
56
|
+
const arrowPlacementCorrection = getArrowPlacementCorrection(floatingPlacement, context, align);
|
|
57
57
|
const renderFloatingElement = () => {
|
|
58
58
|
var _a2;
|
|
59
|
-
return /* @__PURE__ */ jsxs("div", { ref: refs.setFloating, css: [getBaseTooltipFloatingWrapperStyle(floatingPlacement, withArrow), (_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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgRkMsIG1lbW8sIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRvb2x0aXBQcm9wcywgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZSB9IGZyb20gXCIuL0Jhc2VUb29sdGlwLnR5cGVzXCI7XG5pbXBvcnQgeyBGbG9hdGluZ0Fycm93IH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQVJST1dfSEVJR0hULFxuICBBUlJPV19XSURUSCxcbiAgZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uLFxuICBNYXhfWkluZGV4LFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC51dGlsc1wiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyXCI7XG5pbXBvcnQge1xuICBiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgdXNlQ3VzdG9tRmxvYXRpbmcgfSBmcm9tIFwiLi9ob29rcy91c2VDdXN0b21GbG9hdGluZ1wiO1xuXG5leHBvcnQgY29uc3QgQmFzZVRvb2x0aXA6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJhc2VUb29sdGlwUHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgZmxvYXRpbmdFbGVtZW50LFxuICAgIGFycm93Q29sb3IsXG4gICAgd2l0aEFycm93ID0gdHJ1ZSxcbiAgICBwbGFjZW1lbnQgPSBcInRvcFwiLFxuICAgIGF1dG9BZGp1c3RPdmVyZmxvdyA9IHRydWUsXG4gICAgZGVmYXVsdE9wZW4gPSBmYWxzZSxcbiAgICBvcGVuLFxuICAgIHpJbmRleCA9IE1heF9aSW5kZXgsXG4gICAgdHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV0sXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBhbGlnbixcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICBnZXRQb3B1cENvbnRhaW5lciA9ICgpID0+IGRvY3VtZW50LmJvZHksXG4gIH0pID0+
|
|
59
|
+
return /* @__PURE__ */ jsxs("div", { ref: refs.setFloating, css: [getBaseTooltipFloatingWrapperStyle(floatingPlacement, withArrow), (_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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgRkMsIG1lbW8sIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRvb2x0aXBQcm9wcywgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZSB9IGZyb20gXCIuL0Jhc2VUb29sdGlwLnR5cGVzXCI7XG5pbXBvcnQgeyBGbG9hdGluZ0Fycm93IH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQVJST1dfSEVJR0hULFxuICBBUlJPV19XSURUSCxcbiAgZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uLFxuICBNYXhfWkluZGV4LFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC51dGlsc1wiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyXCI7XG5pbXBvcnQge1xuICBiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgdXNlQ3VzdG9tRmxvYXRpbmcgfSBmcm9tIFwiLi9ob29rcy91c2VDdXN0b21GbG9hdGluZ1wiO1xuXG5leHBvcnQgY29uc3QgQmFzZVRvb2x0aXA6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJhc2VUb29sdGlwUHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgZmxvYXRpbmdFbGVtZW50LFxuICAgIGFycm93Q29sb3IsXG4gICAgd2l0aEFycm93ID0gdHJ1ZSxcbiAgICBwbGFjZW1lbnQgPSBcInRvcFwiLFxuICAgIGF1dG9BZGp1c3RPdmVyZmxvdyA9IHRydWUsXG4gICAgZGVmYXVsdE9wZW4gPSBmYWxzZSxcbiAgICBvcGVuLFxuICAgIHpJbmRleCA9IE1heF9aSW5kZXgsXG4gICAgdHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV0sXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBhbGlnbixcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICBnZXRQb3B1cENvbnRhaW5lciA9ICgpID0+IGRvY3VtZW50LmJvZHksXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCB7IHJlZnMsIGZsb2F0aW5nU3R5bGVzLCBjb250ZXh0LCBmbG9hdGluZ1BsYWNlbWVudCwgc2V0QXJyb3dSZWYgfSA9IHVzZUN1c3RvbUZsb2F0aW5nKFxuICAgICAgcGxhY2VtZW50LFxuICAgICAgYXV0b0FkanVzdE92ZXJmbG93LFxuICAgICAgd2l0aEFycm93LFxuICAgICAgYWxpZ25cbiAgICApO1xuXG4gICAgY29uc3Qge1xuICAgICAgaXNPcGVuLFxuICAgICAgaGFuZGxlUG9pbnRlck92ZXIsXG4gICAgICBoYW5kbGVQb2ludGVyT3V0LFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIG1vdXNlVXBIYW5kbGUsXG4gICAgfSA9IHVzZVNob3dUb29sdGlwQ29udHJvbGxlcih7XG4gICAgICB0cmlnZ2VyLFxuICAgICAgZGVmYXVsdE9wZW4sXG4gICAgICBvcGVuLFxuICAgICAgbW91c2VFbnRlckRlbGF5LFxuICAgICAgbW91c2VMZWF2ZURlbGF5LFxuICAgICAgcmVmcyxcbiAgICAgIG9uT3BlbkNoYW5nZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGFycm93UGxhY2VtZW50Q29ycmVjdGlvbiA9IGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbihmbG9hdGluZ1BsYWNlbWVudCwgY29udGV4dCwgYWxpZ24pO1xuXG4gICAgY29uc3QgcmVuZGVyRmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJlZj17cmVmcy5zZXRGbG9hdGluZ31cbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUoZmxvYXRpbmdQbGFjZW1lbnQsIHdpdGhBcnJvdyksXG4gICAgICAgICAgICBzdHlsZXM/LmZsb2F0aW5nV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICAgIHN0eWxlPXt7IC4uLmZsb2F0aW5nU3R5bGVzLCB6SW5kZXggfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17eyAuLi5hcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZnMuc2V0UmVmZXJlbmNlfVxuICAgICAgICBjc3M9e1tiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSwgc3R5bGVzPy5yZWZlcmVuY2VXcmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgb25Qb2ludGVyT3Zlcj17aGFuZGxlUG9pbnRlck92ZXJ9XG4gICAgICAgIG9uUG9pbnRlck91dD17aGFuZGxlUG9pbnRlck91dH1cbiAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgIG9uQmx1cj17aGFuZGxlQmx1cn1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uQ29udGV4dE1lbnU9e2hhbmRsZUNvbnRleHRNZW51fVxuICAgICAgICBvbk1vdXNlVXA9e21vdXNlVXBIYW5kbGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cblxuICAgICAgICB7aXNPcGVuICYmIGNyZWF0ZVBvcnRhbChyZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSwgZ2V0UG9wdXBDb250YWluZXIoKSl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], style: {
|
|
60
60
|
...floatingStyles,
|
|
61
61
|
zIndex
|
|
62
62
|
}, className, children: [
|
|
@@ -66,7 +66,7 @@ const BaseTooltip = memo(({
|
|
|
66
66
|
} })
|
|
67
67
|
] });
|
|
68
68
|
};
|
|
69
|
-
return /* @__PURE__ */ jsxs("div", { ref: refs.setReference, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlHUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgRkMsIG1lbW8sIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRvb2x0aXBQcm9wcywgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZSB9IGZyb20gXCIuL0Jhc2VUb29sdGlwLnR5cGVzXCI7XG5pbXBvcnQgeyBGbG9hdGluZ0Fycm93IH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQVJST1dfSEVJR0hULFxuICBBUlJPV19XSURUSCxcbiAgZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uLFxuICBNYXhfWkluZGV4LFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC51dGlsc1wiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyXCI7XG5pbXBvcnQge1xuICBiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgdXNlQ3VzdG9tRmxvYXRpbmcgfSBmcm9tIFwiLi9ob29rcy91c2VDdXN0b21GbG9hdGluZ1wiO1xuXG5leHBvcnQgY29uc3QgQmFzZVRvb2x0aXA6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJhc2VUb29sdGlwUHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgZmxvYXRpbmdFbGVtZW50LFxuICAgIGFycm93Q29sb3IsXG4gICAgd2l0aEFycm93ID0gdHJ1ZSxcbiAgICBwbGFjZW1lbnQgPSBcInRvcFwiLFxuICAgIGF1dG9BZGp1c3RPdmVyZmxvdyA9IHRydWUsXG4gICAgZGVmYXVsdE9wZW4gPSBmYWxzZSxcbiAgICBvcGVuLFxuICAgIHpJbmRleCA9IE1heF9aSW5kZXgsXG4gICAgdHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV0sXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBhbGlnbixcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICBnZXRQb3B1cENvbnRhaW5lciA9ICgpID0+IGRvY3VtZW50LmJvZHksXG4gIH0pID0+
|
|
69
|
+
return /* @__PURE__ */ jsxs("div", { ref: refs.setReference, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlHUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgRkMsIG1lbW8sIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRvb2x0aXBQcm9wcywgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZSB9IGZyb20gXCIuL0Jhc2VUb29sdGlwLnR5cGVzXCI7XG5pbXBvcnQgeyBGbG9hdGluZ0Fycm93IH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQVJST1dfSEVJR0hULFxuICBBUlJPV19XSURUSCxcbiAgZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uLFxuICBNYXhfWkluZGV4LFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC51dGlsc1wiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyXCI7XG5pbXBvcnQge1xuICBiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgdXNlQ3VzdG9tRmxvYXRpbmcgfSBmcm9tIFwiLi9ob29rcy91c2VDdXN0b21GbG9hdGluZ1wiO1xuXG5leHBvcnQgY29uc3QgQmFzZVRvb2x0aXA6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJhc2VUb29sdGlwUHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgZmxvYXRpbmdFbGVtZW50LFxuICAgIGFycm93Q29sb3IsXG4gICAgd2l0aEFycm93ID0gdHJ1ZSxcbiAgICBwbGFjZW1lbnQgPSBcInRvcFwiLFxuICAgIGF1dG9BZGp1c3RPdmVyZmxvdyA9IHRydWUsXG4gICAgZGVmYXVsdE9wZW4gPSBmYWxzZSxcbiAgICBvcGVuLFxuICAgIHpJbmRleCA9IE1heF9aSW5kZXgsXG4gICAgdHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV0sXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBhbGlnbixcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICBnZXRQb3B1cENvbnRhaW5lciA9ICgpID0+IGRvY3VtZW50LmJvZHksXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCB7IHJlZnMsIGZsb2F0aW5nU3R5bGVzLCBjb250ZXh0LCBmbG9hdGluZ1BsYWNlbWVudCwgc2V0QXJyb3dSZWYgfSA9IHVzZUN1c3RvbUZsb2F0aW5nKFxuICAgICAgcGxhY2VtZW50LFxuICAgICAgYXV0b0FkanVzdE92ZXJmbG93LFxuICAgICAgd2l0aEFycm93LFxuICAgICAgYWxpZ25cbiAgICApO1xuXG4gICAgY29uc3Qge1xuICAgICAgaXNPcGVuLFxuICAgICAgaGFuZGxlUG9pbnRlck92ZXIsXG4gICAgICBoYW5kbGVQb2ludGVyT3V0LFxuICAgICAgaGFuZGxlRm9jdXMsXG4gICAgICBoYW5kbGVCbHVyLFxuICAgICAgaGFuZGxlQ2xpY2ssXG4gICAgICBoYW5kbGVDb250ZXh0TWVudSxcbiAgICAgIG1vdXNlVXBIYW5kbGUsXG4gICAgfSA9IHVzZVNob3dUb29sdGlwQ29udHJvbGxlcih7XG4gICAgICB0cmlnZ2VyLFxuICAgICAgZGVmYXVsdE9wZW4sXG4gICAgICBvcGVuLFxuICAgICAgbW91c2VFbnRlckRlbGF5LFxuICAgICAgbW91c2VMZWF2ZURlbGF5LFxuICAgICAgcmVmcyxcbiAgICAgIG9uT3BlbkNoYW5nZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGFycm93UGxhY2VtZW50Q29ycmVjdGlvbiA9IGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbihmbG9hdGluZ1BsYWNlbWVudCwgY29udGV4dCwgYWxpZ24pO1xuXG4gICAgY29uc3QgcmVuZGVyRmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJlZj17cmVmcy5zZXRGbG9hdGluZ31cbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUoZmxvYXRpbmdQbGFjZW1lbnQsIHdpdGhBcnJvdyksXG4gICAgICAgICAgICBzdHlsZXM/LmZsb2F0aW5nV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICAgIHN0eWxlPXt7IC4uLmZsb2F0aW5nU3R5bGVzLCB6SW5kZXggfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17eyAuLi5hcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZnMuc2V0UmVmZXJlbmNlfVxuICAgICAgICBjc3M9e1tiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSwgc3R5bGVzPy5yZWZlcmVuY2VXcmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgb25Qb2ludGVyT3Zlcj17aGFuZGxlUG9pbnRlck92ZXJ9XG4gICAgICAgIG9uUG9pbnRlck91dD17aGFuZGxlUG9pbnRlck91dH1cbiAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgIG9uQmx1cj17aGFuZGxlQmx1cn1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uQ29udGV4dE1lbnU9e2hhbmRsZUNvbnRleHRNZW51fVxuICAgICAgICBvbk1vdXNlVXA9e21vdXNlVXBIYW5kbGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cblxuICAgICAgICB7aXNPcGVuICYmIGNyZWF0ZVBvcnRhbChyZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSwgZ2V0UG9wdXBDb250YWluZXIoKSl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], onPointerOver: handlePointerOver, onPointerOut: handlePointerOut, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick, onContextMenu: handleContextMenu, onMouseUp: mouseUpHandle, children: [
|
|
70
70
|
children,
|
|
71
71
|
isOpen && createPortal(renderFloatingElement(), getPopupContainer())
|
|
72
72
|
] });
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { FloatingContext, Placement, Rect } from '@floating-ui/react';
|
|
2
|
-
import { BaseTooltipPlacementType, OffsetType } from './BaseTooltip.types';
|
|
2
|
+
import { BaseTooltipAlign, BaseTooltipPlacementType, OffsetType } from './BaseTooltip.types';
|
|
3
3
|
export declare const ARROW_WIDTH = 8;
|
|
4
4
|
export declare const ARROW_HEIGHT = 4;
|
|
5
5
|
export declare const ARROW_PADDING = 6;
|
|
6
6
|
export declare const FLOATING_OFFSET_WITH_ARROW_HEIGHT: number;
|
|
7
7
|
export declare const Max_ZIndex = 2147483647;
|
|
8
8
|
export declare const singleSides: string[];
|
|
9
|
-
export declare const getArrowPlacementCorrection: (placement: Placement, context: FloatingContext) => {};
|
|
9
|
+
export declare const getArrowPlacementCorrection: (placement: Placement, context: FloatingContext, align?: BaseTooltipAlign) => {};
|
|
10
10
|
export declare const isTopSide: (placement: Placement) => boolean;
|
|
11
11
|
export declare const isBottomSide: (placement: Placement) => boolean;
|
|
12
12
|
export declare const isLeftSide: (placement: Placement) => boolean;
|
|
@@ -9,17 +9,14 @@ const singleSides = ["left", "right", "top", "bottom"];
|
|
|
9
9
|
const leftCorrectionValues = ["top", "bottom", "top-start", "bottom-start", "top-end", "bottom-end"];
|
|
10
10
|
const arrowCenterValues = singleSides;
|
|
11
11
|
const arrowStartValues = ["left-start", "right-start", "top-start", "bottom-start"];
|
|
12
|
-
const getArrowPosition = (placement, start,
|
|
12
|
+
const getArrowPosition = (placement, start, end) => {
|
|
13
13
|
if (arrowStartValues.includes(placement)) {
|
|
14
14
|
return start;
|
|
15
15
|
}
|
|
16
|
-
if (arrowCenterValues.includes(placement)) {
|
|
17
|
-
return center;
|
|
18
|
-
}
|
|
19
16
|
return end;
|
|
20
17
|
};
|
|
21
|
-
const getArrowPlacementCorrection = (placement, context) => {
|
|
22
|
-
var _a, _b;
|
|
18
|
+
const getArrowPlacementCorrection = (placement, context, align) => {
|
|
19
|
+
var _a, _b, _c, _d, _e, _f;
|
|
23
20
|
const floatingWidth = (_a = context.refs.floating.current) == null ? void 0 : _a.offsetWidth;
|
|
24
21
|
const floatingHeight = (_b = context.refs.floating.current) == null ? void 0 : _b.offsetHeight;
|
|
25
22
|
const isLeftCorrecting = leftCorrectionValues.includes(placement);
|
|
@@ -27,45 +24,55 @@ const getArrowPlacementCorrection = (placement, context) => {
|
|
|
27
24
|
if (isUndefined(floatingCorrectingSize)) {
|
|
28
25
|
return {};
|
|
29
26
|
}
|
|
30
|
-
const center = floatingCorrectingSize / 2 - ARROW_WIDTH / 2;
|
|
31
|
-
const start = ARROW_PADDING;
|
|
32
|
-
const end = floatingCorrectingSize - ARROW_PADDING - ARROW_WIDTH;
|
|
33
27
|
const wrapperPaddingCompensation = getWrapperPaddingCompensation(placement);
|
|
34
28
|
if (arrowCenterValues.includes(placement)) {
|
|
35
29
|
return {
|
|
36
30
|
...wrapperPaddingCompensation
|
|
37
31
|
};
|
|
38
32
|
}
|
|
33
|
+
const floatingRect = (_c = context.refs.floating.current) == null ? void 0 : _c.getBoundingClientRect();
|
|
34
|
+
const targetRect = (_d = context.refs.reference.current) == null ? void 0 : _d.getBoundingClientRect();
|
|
35
|
+
const convertedOffsetValues = floatingRect ? (_e = align == null ? void 0 : align.offset) == null ? void 0 : _e.map(convertOffsetValues(floatingRect)) : [0, 0];
|
|
36
|
+
const convertedTargetOffsetValues = targetRect ? (_f = align == null ? void 0 : align.targetOffset) == null ? void 0 : _f.map(convertOffsetValues(targetRect)) : [0, 0];
|
|
37
|
+
const offsetValue = leftCorrectionValues.includes(placement) ? ((convertedOffsetValues == null ? void 0 : convertedOffsetValues[0]) ?? 0) - ((convertedTargetOffsetValues == null ? void 0 : convertedTargetOffsetValues[0]) ?? 0) : ((convertedOffsetValues == null ? void 0 : convertedOffsetValues[1]) ?? 0) - ((convertedTargetOffsetValues == null ? void 0 : convertedTargetOffsetValues[1]) ?? 0);
|
|
38
|
+
const endPosition = floatingCorrectingSize - ARROW_PADDING - ARROW_WIDTH;
|
|
39
|
+
const startPosition = ARROW_PADDING;
|
|
40
|
+
const start = offsetValue < 0 ? endPosition > Math.abs(offsetValue) ? ARROW_PADDING - offsetValue : endPosition : startPosition;
|
|
41
|
+
const end = offsetValue > 0 ? endPosition < offsetValue ? startPosition : endPosition - offsetValue : endPosition;
|
|
39
42
|
if (isLeftCorrecting) {
|
|
40
43
|
return {
|
|
41
|
-
left: getArrowPosition(placement, start,
|
|
44
|
+
left: getArrowPosition(placement, start, end),
|
|
42
45
|
...wrapperPaddingCompensation
|
|
43
46
|
};
|
|
44
47
|
}
|
|
45
48
|
return {
|
|
46
|
-
top: getArrowPosition(placement, start,
|
|
49
|
+
top: getArrowPosition(placement, start, end),
|
|
47
50
|
...wrapperPaddingCompensation
|
|
48
51
|
};
|
|
49
52
|
};
|
|
50
53
|
const getWrapperPaddingCompensation = (placement) => {
|
|
51
54
|
if (isTopSide(placement)) {
|
|
52
55
|
return {
|
|
53
|
-
bottom: 0
|
|
56
|
+
bottom: 0,
|
|
57
|
+
top: void 0
|
|
54
58
|
};
|
|
55
59
|
}
|
|
56
60
|
if (isBottomSide(placement)) {
|
|
57
61
|
return {
|
|
58
|
-
top: 0
|
|
62
|
+
top: 0,
|
|
63
|
+
bottom: void 0
|
|
59
64
|
};
|
|
60
65
|
}
|
|
61
66
|
if (isLeftSide(placement)) {
|
|
62
67
|
return {
|
|
63
|
-
right: 0
|
|
68
|
+
right: 0,
|
|
69
|
+
left: void 0
|
|
64
70
|
};
|
|
65
71
|
}
|
|
66
72
|
if (isRightSide(placement)) {
|
|
67
73
|
return {
|
|
68
|
-
left: 0
|
|
74
|
+
left: 0,
|
|
75
|
+
right: void 0
|
|
69
76
|
};
|
|
70
77
|
}
|
|
71
78
|
};
|
|
@@ -27,13 +27,13 @@ const useCustomFloating = (placement, autoAdjustOverflow, withArrow, align) => {
|
|
|
27
27
|
rects
|
|
28
28
|
}) => {
|
|
29
29
|
var _a2, _b2;
|
|
30
|
-
if (isUndefined(align == null ? void 0 : align.offset)) {
|
|
30
|
+
if (isUndefined(align == null ? void 0 : align.offset) && isUndefined(align == null ? void 0 : align.targetOffset)) {
|
|
31
31
|
return {};
|
|
32
32
|
}
|
|
33
33
|
const convertedOffsetValues = (_a2 = align == null ? void 0 : align.offset) == null ? void 0 : _a2.map(convertOffsetValues(rects.floating));
|
|
34
34
|
const convertedTargetOffsetValues = (_b2 = align == null ? void 0 : align.targetOffset) == null ? void 0 : _b2.map(convertOffsetValues(rects.reference));
|
|
35
|
-
const mainAxis = isXMainAxis ? convertedOffsetValues[0] - ((convertedTargetOffsetValues == null ? void 0 : convertedTargetOffsetValues[0]) ?? 0) : convertedOffsetValues[1] - ((convertedTargetOffsetValues == null ? void 0 : convertedTargetOffsetValues[1]) ?? 0);
|
|
36
|
-
const crossAxis = isXMainAxis ? convertedOffsetValues[1] - ((convertedTargetOffsetValues == null ? void 0 : convertedTargetOffsetValues[1]) ?? 0) : convertedOffsetValues[0] - ((convertedTargetOffsetValues == null ? void 0 : convertedTargetOffsetValues[0]) ?? 0);
|
|
35
|
+
const mainAxis = isXMainAxis ? ((convertedOffsetValues == null ? void 0 : convertedOffsetValues[0]) ?? 0) - ((convertedTargetOffsetValues == null ? void 0 : convertedTargetOffsetValues[0]) ?? 0) : ((convertedOffsetValues == null ? void 0 : convertedOffsetValues[1]) ?? 0) - ((convertedTargetOffsetValues == null ? void 0 : convertedTargetOffsetValues[1]) ?? 0);
|
|
36
|
+
const crossAxis = isXMainAxis ? ((convertedOffsetValues == null ? void 0 : convertedOffsetValues[1]) ?? 0) - ((convertedTargetOffsetValues == null ? void 0 : convertedTargetOffsetValues[1]) ?? 0) : ((convertedOffsetValues == null ? void 0 : convertedOffsetValues[0]) ?? 0) - ((convertedTargetOffsetValues == null ? void 0 : convertedTargetOffsetValues[0]) ?? 0);
|
|
37
37
|
return {
|
|
38
38
|
mainAxis,
|
|
39
39
|
crossAxis
|