@infomaximum/ui-kit 0.14.3 → 0.14.5
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 +11 -3
- package/dist/components/BaseTooltip/BaseTooltip.types.d.ts +1 -0
- package/dist/components/BaseTooltip/hooks/useCustomFloating.d.ts +9 -1
- package/dist/components/BaseTooltip/hooks/useCustomFloating.js +9 -2
- package/dist/components/ContextIsolator/ContextIsolator.d.ts +3 -0
- package/dist/components/ContextIsolator/ContextIsolator.js +20 -0
- package/dist/components/ContextIsolator/ContextIsolator.types.d.ts +4 -0
- package/dist/components/ContextIsolator/index.d.ts +1 -0
- package/dist/components/Form/components/FormItemContextIsolator/FormItemContextIsolator.d.ts +3 -0
- package/dist/components/Form/components/FormItemContextIsolator/FormItemContextIsolator.js +21 -0
- package/dist/components/Form/components/FormItemContextIsolator/FormItemContextIsolator.types.d.ts +3 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -0
- package/package.json +1 -1
|
@@ -20,6 +20,7 @@ const BaseTooltip = memo(({
|
|
|
20
20
|
mouseEnterDelay = 0.1,
|
|
21
21
|
mouseLeaveDelay = 0.1,
|
|
22
22
|
align,
|
|
23
|
+
transform = true,
|
|
23
24
|
className,
|
|
24
25
|
onOpenChange,
|
|
25
26
|
children,
|
|
@@ -34,7 +35,13 @@ const BaseTooltip = memo(({
|
|
|
34
35
|
context,
|
|
35
36
|
floatingPlacement,
|
|
36
37
|
setArrowRef
|
|
37
|
-
} = useCustomFloating(
|
|
38
|
+
} = useCustomFloating({
|
|
39
|
+
placement,
|
|
40
|
+
autoAdjustOverflow,
|
|
41
|
+
withArrow,
|
|
42
|
+
align,
|
|
43
|
+
transform
|
|
44
|
+
});
|
|
38
45
|
const {
|
|
39
46
|
isOpen,
|
|
40
47
|
handlePointerOver,
|
|
@@ -56,8 +63,9 @@ const BaseTooltip = memo(({
|
|
|
56
63
|
const arrowPlacementCorrection = getArrowPlacementCorrection(floatingPlacement, context, align);
|
|
57
64
|
const renderFloatingElement = () => {
|
|
58
65
|
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,
|
|
66
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgRkMsIG1lbW8sIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRvb2x0aXBQcm9wcywgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZSB9IGZyb20gXCIuL0Jhc2VUb29sdGlwLnR5cGVzXCI7XG5pbXBvcnQgeyBGbG9hdGluZ0Fycm93IH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQVJST1dfSEVJR0hULFxuICBBUlJPV19XSURUSCxcbiAgZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uLFxuICBNYXhfWkluZGV4LFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC51dGlsc1wiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyXCI7XG5pbXBvcnQge1xuICBiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgdXNlQ3VzdG9tRmxvYXRpbmcgfSBmcm9tIFwiLi9ob29rcy91c2VDdXN0b21GbG9hdGluZ1wiO1xuXG5leHBvcnQgY29uc3QgQmFzZVRvb2x0aXA6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJhc2VUb29sdGlwUHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgZmxvYXRpbmdFbGVtZW50LFxuICAgIGFycm93Q29sb3IsXG4gICAgd2l0aEFycm93ID0gdHJ1ZSxcbiAgICBwbGFjZW1lbnQgPSBcInRvcFwiLFxuICAgIGF1dG9BZGp1c3RPdmVyZmxvdyA9IHRydWUsXG4gICAgZGVmYXVsdE9wZW4gPSBmYWxzZSxcbiAgICBvcGVuLFxuICAgIHpJbmRleCA9IE1heF9aSW5kZXgsXG4gICAgdHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV0sXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBhbGlnbixcbiAgICB0cmFuc2Zvcm0gPSB0cnVlLFxuICAgIGNsYXNzTmFtZSxcbiAgICBvbk9wZW5DaGFuZ2UsXG4gICAgY2hpbGRyZW4sXG4gICAgc3R5bGVzLFxuICAgIGdldFBvcHVwQ29udGFpbmVyID0gKCkgPT4gZG9jdW1lbnQuYm9keSxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQsIGZsb2F0aW5nUGxhY2VtZW50LCBzZXRBcnJvd1JlZiB9ID0gdXNlQ3VzdG9tRmxvYXRpbmcoe1xuICAgICAgcGxhY2VtZW50LFxuICAgICAgYXV0b0FkanVzdE92ZXJmbG93LFxuICAgICAgd2l0aEFycm93LFxuICAgICAgYWxpZ24sXG4gICAgICB0cmFuc2Zvcm0sXG4gICAgfSk7XG5cbiAgICBjb25zdCB7XG4gICAgICBpc09wZW4sXG4gICAgICBoYW5kbGVQb2ludGVyT3ZlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJPdXQsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZUJsdXIsXG4gICAgICBoYW5kbGVDbGljayxcbiAgICAgIGhhbmRsZUNvbnRleHRNZW51LFxuICAgICAgbW91c2VVcEhhbmRsZSxcbiAgICB9ID0gdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyKHtcbiAgICAgIHRyaWdnZXIsXG4gICAgICBkZWZhdWx0T3BlbixcbiAgICAgIG9wZW4sXG4gICAgICBtb3VzZUVudGVyRGVsYXksXG4gICAgICBtb3VzZUxlYXZlRGVsYXksXG4gICAgICByZWZzLFxuICAgICAgb25PcGVuQ2hhbmdlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgYXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uID0gZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uKGZsb2F0aW5nUGxhY2VtZW50LCBjb250ZXh0LCBhbGlnbik7XG5cbiAgICBjb25zdCByZW5kZXJGbG9hdGluZ0VsZW1lbnQgPSAoKSA9PiB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgcmVmPXtyZWZzLnNldEZsb2F0aW5nfVxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZShmbG9hdGluZ1BsYWNlbWVudCwgd2l0aEFycm93KSxcbiAgICAgICAgICAgIHN0eWxlcz8uZmxvYXRpbmdXcmFwcGVyPy4odGhlbWUpLFxuICAgICAgICAgIF19XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIC4uLmZsb2F0aW5nU3R5bGVzLFxuICAgICAgICAgICAgd2lkdGg6ICF0cmFuc2Zvcm0gPyBcIm1heC1jb250ZW50XCIgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB6SW5kZXgsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17eyAuLi5hcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZnMuc2V0UmVmZXJlbmNlfVxuICAgICAgICBjc3M9e1tiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSwgc3R5bGVzPy5yZWZlcmVuY2VXcmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgb25Qb2ludGVyT3Zlcj17aGFuZGxlUG9pbnRlck92ZXJ9XG4gICAgICAgIG9uUG9pbnRlck91dD17aGFuZGxlUG9pbnRlck91dH1cbiAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgIG9uQmx1cj17aGFuZGxlQmx1cn1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uQ29udGV4dE1lbnU9e2hhbmRsZUNvbnRleHRNZW51fVxuICAgICAgICBvbk1vdXNlVXA9e21vdXNlVXBIYW5kbGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cblxuICAgICAgICB7aXNPcGVuICYmIGNyZWF0ZVBvcnRhbChyZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSwgZ2V0UG9wdXBDb250YWluZXIoKSl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], style: {
|
|
60
67
|
...floatingStyles,
|
|
68
|
+
width: !transform ? "max-content" : void 0,
|
|
61
69
|
zIndex
|
|
62
70
|
}, className, children: [
|
|
63
71
|
floatingElement,
|
|
@@ -66,7 +74,7 @@ const BaseTooltip = memo(({
|
|
|
66
74
|
} })
|
|
67
75
|
] });
|
|
68
76
|
};
|
|
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,
|
|
77
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVHUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgRkMsIG1lbW8sIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRvb2x0aXBQcm9wcywgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZSB9IGZyb20gXCIuL0Jhc2VUb29sdGlwLnR5cGVzXCI7XG5pbXBvcnQgeyBGbG9hdGluZ0Fycm93IH0gZnJvbSBcIkBmbG9hdGluZy11aS9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQVJST1dfSEVJR0hULFxuICBBUlJPV19XSURUSCxcbiAgZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uLFxuICBNYXhfWkluZGV4LFxufSBmcm9tIFwiLi9CYXNlVG9vbHRpcC51dGlsc1wiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyIH0gZnJvbSBcIi4vaG9va3MvdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyXCI7XG5pbXBvcnQge1xuICBiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSxcbiAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZSxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgdXNlQ3VzdG9tRmxvYXRpbmcgfSBmcm9tIFwiLi9ob29rcy91c2VDdXN0b21GbG9hdGluZ1wiO1xuXG5leHBvcnQgY29uc3QgQmFzZVRvb2x0aXA6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJhc2VUb29sdGlwUHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgZmxvYXRpbmdFbGVtZW50LFxuICAgIGFycm93Q29sb3IsXG4gICAgd2l0aEFycm93ID0gdHJ1ZSxcbiAgICBwbGFjZW1lbnQgPSBcInRvcFwiLFxuICAgIGF1dG9BZGp1c3RPdmVyZmxvdyA9IHRydWUsXG4gICAgZGVmYXVsdE9wZW4gPSBmYWxzZSxcbiAgICBvcGVuLFxuICAgIHpJbmRleCA9IE1heF9aSW5kZXgsXG4gICAgdHJpZ2dlciA9IFtcImNsaWNrXCIgYXMgQmFzZVRvb2x0aXBUcmlnZ2VyVHlwZV0sXG4gICAgbW91c2VFbnRlckRlbGF5ID0gMC4xLFxuICAgIG1vdXNlTGVhdmVEZWxheSA9IDAuMSxcbiAgICBhbGlnbixcbiAgICB0cmFuc2Zvcm0gPSB0cnVlLFxuICAgIGNsYXNzTmFtZSxcbiAgICBvbk9wZW5DaGFuZ2UsXG4gICAgY2hpbGRyZW4sXG4gICAgc3R5bGVzLFxuICAgIGdldFBvcHVwQ29udGFpbmVyID0gKCkgPT4gZG9jdW1lbnQuYm9keSxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQsIGZsb2F0aW5nUGxhY2VtZW50LCBzZXRBcnJvd1JlZiB9ID0gdXNlQ3VzdG9tRmxvYXRpbmcoe1xuICAgICAgcGxhY2VtZW50LFxuICAgICAgYXV0b0FkanVzdE92ZXJmbG93LFxuICAgICAgd2l0aEFycm93LFxuICAgICAgYWxpZ24sXG4gICAgICB0cmFuc2Zvcm0sXG4gICAgfSk7XG5cbiAgICBjb25zdCB7XG4gICAgICBpc09wZW4sXG4gICAgICBoYW5kbGVQb2ludGVyT3ZlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJPdXQsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZUJsdXIsXG4gICAgICBoYW5kbGVDbGljayxcbiAgICAgIGhhbmRsZUNvbnRleHRNZW51LFxuICAgICAgbW91c2VVcEhhbmRsZSxcbiAgICB9ID0gdXNlU2hvd1Rvb2x0aXBDb250cm9sbGVyKHtcbiAgICAgIHRyaWdnZXIsXG4gICAgICBkZWZhdWx0T3BlbixcbiAgICAgIG9wZW4sXG4gICAgICBtb3VzZUVudGVyRGVsYXksXG4gICAgICBtb3VzZUxlYXZlRGVsYXksXG4gICAgICByZWZzLFxuICAgICAgb25PcGVuQ2hhbmdlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgYXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uID0gZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uKGZsb2F0aW5nUGxhY2VtZW50LCBjb250ZXh0LCBhbGlnbik7XG5cbiAgICBjb25zdCByZW5kZXJGbG9hdGluZ0VsZW1lbnQgPSAoKSA9PiB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgcmVmPXtyZWZzLnNldEZsb2F0aW5nfVxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZShmbG9hdGluZ1BsYWNlbWVudCwgd2l0aEFycm93KSxcbiAgICAgICAgICAgIHN0eWxlcz8uZmxvYXRpbmdXcmFwcGVyPy4odGhlbWUpLFxuICAgICAgICAgIF19XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIC4uLmZsb2F0aW5nU3R5bGVzLFxuICAgICAgICAgICAgd2lkdGg6ICF0cmFuc2Zvcm0gPyBcIm1heC1jb250ZW50XCIgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB6SW5kZXgsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17eyAuLi5hcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZnMuc2V0UmVmZXJlbmNlfVxuICAgICAgICBjc3M9e1tiYXNlVG9vbHRpcFJlZmVyZW5jZVdyYXBwZXJTdHlsZSwgc3R5bGVzPy5yZWZlcmVuY2VXcmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgb25Qb2ludGVyT3Zlcj17aGFuZGxlUG9pbnRlck92ZXJ9XG4gICAgICAgIG9uUG9pbnRlck91dD17aGFuZGxlUG9pbnRlck91dH1cbiAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgIG9uQmx1cj17aGFuZGxlQmx1cn1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uQ29udGV4dE1lbnU9e2hhbmRsZUNvbnRleHRNZW51fVxuICAgICAgICBvbk1vdXNlVXA9e21vdXNlVXBIYW5kbGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cblxuICAgICAgICB7aXNPcGVuICYmIGNyZWF0ZVBvcnRhbChyZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSwgZ2V0UG9wdXBDb250YWluZXIoKSl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], onPointerOver: handlePointerOver, onPointerOut: handlePointerOut, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick, onContextMenu: handleContextMenu, onMouseUp: mouseUpHandle, children: [
|
|
70
78
|
children,
|
|
71
79
|
isOpen && createPortal(renderFloatingElement(), getPopupContainer())
|
|
72
80
|
] });
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import { BaseTooltipAlign, BaseTooltipPlacementType } from '../BaseTooltip.types';
|
|
2
|
-
|
|
2
|
+
interface UseCustomFloatingProps {
|
|
3
|
+
placement: BaseTooltipPlacementType;
|
|
4
|
+
autoAdjustOverflow: boolean;
|
|
5
|
+
withArrow: boolean;
|
|
6
|
+
align: BaseTooltipAlign | undefined;
|
|
7
|
+
transform: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const useCustomFloating: ({ placement, autoAdjustOverflow, withArrow, align, transform, }: UseCustomFloatingProps) => {
|
|
3
10
|
refs: {
|
|
4
11
|
reference: import('react').MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
|
|
5
12
|
floating: React.MutableRefObject<HTMLElement | null>;
|
|
@@ -28,3 +35,4 @@ export declare const useCustomFloating: (placement: BaseTooltipPlacementType, au
|
|
|
28
35
|
floatingPlacement: import('@floating-ui/utils').Placement;
|
|
29
36
|
setArrowRef: import('react').Dispatch<import('react').SetStateAction<SVGSVGElement | null>>;
|
|
30
37
|
};
|
|
38
|
+
export {};
|
|
@@ -3,7 +3,13 @@ import { singleSides, convertOffsetValues, ARROW_PADDING, convertBaseTooltipPlac
|
|
|
3
3
|
import { flip, shift, offset, arrow, useFloating, autoUpdate } from "@floating-ui/react";
|
|
4
4
|
import { isUndefined } from "lodash-es";
|
|
5
5
|
const floatingMiddleware = [];
|
|
6
|
-
const useCustomFloating = (
|
|
6
|
+
const useCustomFloating = ({
|
|
7
|
+
placement,
|
|
8
|
+
autoAdjustOverflow,
|
|
9
|
+
withArrow,
|
|
10
|
+
align,
|
|
11
|
+
transform
|
|
12
|
+
}) => {
|
|
7
13
|
var _a, _b;
|
|
8
14
|
const [arrowRef, setArrowRef] = useState(null);
|
|
9
15
|
const convertedPlacement = convertBaseTooltipPlacement(placement);
|
|
@@ -57,7 +63,8 @@ const useCustomFloating = (placement, autoAdjustOverflow, withArrow, align) => {
|
|
|
57
63
|
} = useFloating({
|
|
58
64
|
whileElementsMounted: autoUpdate,
|
|
59
65
|
placement: convertBaseTooltipPlacement(placement),
|
|
60
|
-
middleware: floatingMiddleware
|
|
66
|
+
middleware: floatingMiddleware,
|
|
67
|
+
transform
|
|
61
68
|
});
|
|
62
69
|
return {
|
|
63
70
|
refs,
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { FormItemContextIsolator } from "../Form/components/FormItemContextIsolator/FormItemContextIsolator.js";
|
|
3
|
+
const ContextIsolatorComponent = (props) => {
|
|
4
|
+
const {
|
|
5
|
+
formItem,
|
|
6
|
+
children
|
|
7
|
+
} = props;
|
|
8
|
+
if (!children) {
|
|
9
|
+
return children;
|
|
10
|
+
}
|
|
11
|
+
let result = children;
|
|
12
|
+
if (formItem) {
|
|
13
|
+
result = /* @__PURE__ */ jsx(FormItemContextIsolator, { children: result });
|
|
14
|
+
}
|
|
15
|
+
return result;
|
|
16
|
+
};
|
|
17
|
+
const ContextIsolator = ContextIsolatorComponent;
|
|
18
|
+
export {
|
|
19
|
+
ContextIsolator
|
|
20
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ContextIsolator } from './ContextIsolator';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { useContext, useMemo } from "react";
|
|
3
|
+
import { FormItemContext } from "../FormItem/contexts/FormItemContext.js";
|
|
4
|
+
const FormItemContextIsolatorComponent = (props) => {
|
|
5
|
+
const {
|
|
6
|
+
children
|
|
7
|
+
} = props;
|
|
8
|
+
const contextValue = useContext(FormItemContext);
|
|
9
|
+
const isolatedContextValue = useMemo(() => {
|
|
10
|
+
const newContextValue = {
|
|
11
|
+
...contextValue
|
|
12
|
+
};
|
|
13
|
+
delete newContextValue.status;
|
|
14
|
+
return newContextValue;
|
|
15
|
+
}, [contextValue]);
|
|
16
|
+
return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: isolatedContextValue, children });
|
|
17
|
+
};
|
|
18
|
+
const FormItemContextIsolator = FormItemContextIsolatorComponent;
|
|
19
|
+
export {
|
|
20
|
+
FormItemContextIsolator
|
|
21
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -47,4 +47,5 @@ export { TreeSelect } from './components/TreeSelect';
|
|
|
47
47
|
export type { TreeSelectProps } from './components/TreeSelect';
|
|
48
48
|
export { type EmptyProps, Empty } from './components/Empty';
|
|
49
49
|
export { type SegmentedProps, type SegmentedLabeledOption, Segmented, } from './components/Segmented';
|
|
50
|
+
export { ContextIsolator } from './components/ContextIsolator';
|
|
50
51
|
export * from 'react-intersection-observer/test-utils';
|
package/dist/index.js
CHANGED
|
@@ -35,6 +35,7 @@ import { Popconfirm } from "./components/Popconfirm/Popconfirm.js";
|
|
|
35
35
|
import { TreeSelect } from "./components/TreeSelect/TreeSelect.js";
|
|
36
36
|
import { Empty } from "./components/Empty/Empty.js";
|
|
37
37
|
import { Segmented } from "./components/Segmented/Segmented.js";
|
|
38
|
+
import { ContextIsolator } from "./components/ContextIsolator/ContextIsolator.js";
|
|
38
39
|
export {
|
|
39
40
|
Alert,
|
|
40
41
|
Avatar,
|
|
@@ -42,6 +43,7 @@ export {
|
|
|
42
43
|
Button,
|
|
43
44
|
Checkbox,
|
|
44
45
|
ConfigProvider,
|
|
46
|
+
ContextIsolator,
|
|
45
47
|
DatePicker,
|
|
46
48
|
Dropdown,
|
|
47
49
|
Empty,
|