@infomaximum/ui-kit 0.15.6 → 0.15.7
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/BaseSelect/components/SelectOptionList/SelectOptionList.styles.d.ts +1 -1
- package/dist/components/BaseTooltip/BaseTooltip.js +23 -19
- package/dist/components/BaseTooltip/BaseTooltip.styles.d.ts +27 -1
- package/dist/components/BaseTooltip/BaseTooltip.styles.js +2 -1
- package/dist/components/BaseTooltip/BaseTooltip.types.d.ts +4 -1
- package/dist/components/BaseTooltip/BaseTooltip.utils.d.ts +24 -2
- package/dist/components/BaseTooltip/BaseTooltip.utils.js +77 -7
- package/dist/components/BaseTooltip/hooks/useCustomFloating.d.ts +1 -0
- package/dist/components/BaseTooltip/hooks/useCustomFloating.js +22 -23
- package/dist/components/BaseTooltip/hooks/useShowTooltipController.d.ts +9 -6
- package/dist/components/BaseTooltip/hooks/useShowTooltipController.js +21 -10
- package/dist/components/Button/Button.js +11 -4
- package/dist/components/Button/Button.styles.js +1 -2
- package/dist/components/Dropdown/components/SubMenu/SubMenu.js +3 -3
- package/dist/components/InternalPicker/styles/DatePanel.styles.d.ts +2 -2
- package/dist/components/InternalPicker/styles/Popup.styles.d.ts +2 -2
- package/dist/components/Popconfirm/Popconfirm.js +4 -0
- package/dist/components/Popconfirm/components/PopconfirmFloatingElement/PopconfirmFloatingElement.styles.d.ts +11 -9
- package/dist/components/Popconfirm/components/PopconfirmFloatingElement/PopconfirmFloatingElement.styles.js +2 -0
- package/dist/components/Popover/Popover.js +4 -0
- package/dist/components/Popover/component/PopoverFloatingElement/PopoverFloatingElement.styles.d.ts +11 -9
- package/dist/components/Popover/component/PopoverFloatingElement/PopoverFloatingElement.styles.js +2 -0
- package/dist/components/Tabs/components/TabItem/TabItem.styles.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +4 -0
- package/dist/components/Tooltip/components/TooltipFloatingElement/TooltipFloatingElement.styles.d.ts +13 -12
- package/dist/components/Tooltip/components/TooltipFloatingElement/TooltipFloatingElement.styles.js +1 -0
- package/dist/hooks/useLoadingDelay.js +7 -4
- package/dist/utils/const/index.d.ts +1 -0
- package/dist/utils/const/index.js +3 -1
- package/package.json +1 -1
|
@@ -22,7 +22,7 @@ export declare const getSelectOptionListStyle: ({ dropdownMinWidth, dropdownMaxH
|
|
|
22
22
|
readonly width: number | "fit-content";
|
|
23
23
|
readonly maxHeight: number;
|
|
24
24
|
readonly height: "fit-content";
|
|
25
|
-
readonly visibility: "
|
|
25
|
+
readonly visibility: "visible" | "hidden";
|
|
26
26
|
readonly boxSizing: "border-box";
|
|
27
27
|
readonly borderRadius: 8;
|
|
28
28
|
readonly background: "#FFFFFF";
|
|
@@ -26,53 +26,57 @@ const BaseTooltip = memo(({
|
|
|
26
26
|
children,
|
|
27
27
|
styles,
|
|
28
28
|
withoutWrapper,
|
|
29
|
+
showInCursorPosition = false,
|
|
29
30
|
getPopupContainer = () => document.body
|
|
30
31
|
}) => {
|
|
31
32
|
var _a;
|
|
32
33
|
const theme = useTheme();
|
|
34
|
+
const currentTransform = transform && !showInCursorPosition;
|
|
33
35
|
const {
|
|
34
36
|
refs,
|
|
35
37
|
floatingStyles,
|
|
36
38
|
context,
|
|
37
39
|
floatingPlacement,
|
|
38
|
-
setArrowRef
|
|
40
|
+
setArrowRef,
|
|
41
|
+
arrowRef
|
|
39
42
|
} = useCustomFloating({
|
|
40
43
|
placement,
|
|
41
44
|
autoAdjustOverflow,
|
|
42
45
|
withArrow,
|
|
43
46
|
align,
|
|
44
|
-
transform
|
|
47
|
+
transform: currentTransform
|
|
45
48
|
});
|
|
46
49
|
const {
|
|
47
50
|
isOpen,
|
|
48
|
-
|
|
49
|
-
|
|
51
|
+
handlePointerEnter,
|
|
52
|
+
handlePointerLeave,
|
|
50
53
|
handleFocus,
|
|
51
54
|
handleBlur,
|
|
52
55
|
handleClick,
|
|
53
56
|
handleContextMenu,
|
|
54
|
-
|
|
57
|
+
handlePointerUp
|
|
55
58
|
} = useShowTooltipController({
|
|
56
59
|
trigger,
|
|
57
60
|
defaultOpen,
|
|
58
61
|
open,
|
|
59
62
|
mouseEnterDelay,
|
|
60
63
|
mouseLeaveDelay,
|
|
64
|
+
showInCursorPosition,
|
|
65
|
+
placement: floatingPlacement,
|
|
61
66
|
refs,
|
|
62
|
-
onOpenChange
|
|
67
|
+
onOpenChange,
|
|
68
|
+
arrowRef
|
|
63
69
|
});
|
|
64
|
-
const arrowPlacementCorrection = getArrowPlacementCorrection(floatingPlacement,
|
|
70
|
+
const arrowPlacementCorrection = getArrowPlacementCorrection(floatingPlacement, refs, align);
|
|
65
71
|
const renderFloatingElement = () => {
|
|
66
72
|
var _a2;
|
|
67
|
-
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,
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlGVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VUb29sdGlwUHJvcHMsIEJhc2VUb29sdGlwVHJpZ2dlclR5cGUgfSBmcm9tIFwiLi9CYXNlVG9vbHRpcC50eXBlc1wiO1xuaW1wb3J0IHsgRmxvYXRpbmdBcnJvdyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfV0lEVEgsXG4gIGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgTWF4X1pJbmRleCxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudXRpbHNcIjtcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCB7IHVzZVNob3dUb29sdGlwQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVNob3dUb29sdGlwQ29udHJvbGxlclwiO1xuaW1wb3J0IHtcbiAgYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsXG4gIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHVzZUN1c3RvbUZsb2F0aW5nIH0gZnJvbSBcIi4vaG9va3MvdXNlQ3VzdG9tRmxvYXRpbmdcIjtcblxuZXhwb3J0IGNvbnN0IEJhc2VUb29sdGlwOiBGQzxQcm9wc1dpdGhDaGlsZHJlbjxCYXNlVG9vbHRpcFByb3BzPj4gPSBtZW1vKFxuICAoe1xuICAgIGZsb2F0aW5nRWxlbWVudCxcbiAgICBhcnJvd0NvbG9yLFxuICAgIHdpdGhBcnJvdyA9IHRydWUsXG4gICAgcGxhY2VtZW50ID0gXCJ0b3BcIixcbiAgICBhdXRvQWRqdXN0T3ZlcmZsb3cgPSB0cnVlLFxuICAgIGRlZmF1bHRPcGVuID0gZmFsc2UsXG4gICAgb3BlbixcbiAgICB6SW5kZXggPSBNYXhfWkluZGV4LFxuICAgIHRyaWdnZXIgPSBbXCJjbGlja1wiIGFzIEJhc2VUb29sdGlwVHJpZ2dlclR5cGVdLFxuICAgIG1vdXNlRW50ZXJEZWxheSA9IDAuMSxcbiAgICBtb3VzZUxlYXZlRGVsYXkgPSAwLjEsXG4gICAgYWxpZ24sXG4gICAgdHJhbnNmb3JtID0gdHJ1ZSxcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICB3aXRob3V0V3JhcHBlcixcbiAgICBzaG93SW5DdXJzb3JQb3NpdGlvbiA9IGZhbHNlLFxuICAgIGdldFBvcHVwQ29udGFpbmVyID0gKCkgPT4gZG9jdW1lbnQuYm9keSxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBjdXJyZW50VHJhbnNmb3JtID0gdHJhbnNmb3JtICYmICFzaG93SW5DdXJzb3JQb3NpdGlvbjtcblxuICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQsIGZsb2F0aW5nUGxhY2VtZW50LCBzZXRBcnJvd1JlZiwgYXJyb3dSZWYgfSA9XG4gICAgICB1c2VDdXN0b21GbG9hdGluZyh7XG4gICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgYXV0b0FkanVzdE92ZXJmbG93LFxuICAgICAgICB3aXRoQXJyb3csXG4gICAgICAgIGFsaWduLFxuICAgICAgICB0cmFuc2Zvcm06IGN1cnJlbnRUcmFuc2Zvcm0sXG4gICAgICB9KTtcblxuICAgIGNvbnN0IHtcbiAgICAgIGlzT3BlbixcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgfSA9IHVzZVNob3dUb29sdGlwQ29udHJvbGxlcih7XG4gICAgICB0cmlnZ2VyLFxuICAgICAgZGVmYXVsdE9wZW4sXG4gICAgICBvcGVuLFxuICAgICAgbW91c2VFbnRlckRlbGF5LFxuICAgICAgbW91c2VMZWF2ZURlbGF5LFxuICAgICAgc2hvd0luQ3Vyc29yUG9zaXRpb24sXG4gICAgICBwbGFjZW1lbnQ6IGZsb2F0aW5nUGxhY2VtZW50LFxuICAgICAgcmVmcyxcbiAgICAgIG9uT3BlbkNoYW5nZSxcbiAgICAgIGFycm93UmVmLFxuICAgIH0pO1xuXG4gICAgY29uc3QgYXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uID0gZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uKGZsb2F0aW5nUGxhY2VtZW50LCByZWZzLCBhbGlnbik7XG5cbiAgICBjb25zdCByZW5kZXJGbG9hdGluZ0VsZW1lbnQgPSAoKSA9PiB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgcmVmPXtyZWZzLnNldEZsb2F0aW5nfVxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZShmbG9hdGluZ1BsYWNlbWVudCwgd2l0aEFycm93LCBpc09wZW4pLFxuICAgICAgICAgICAgc3R5bGVzPy5mbG9hdGluZ1dyYXBwZXI/Lih0aGVtZSksXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgLi4uZmxvYXRpbmdTdHlsZXMsXG4gICAgICAgICAgICB3aWR0aDogIWN1cnJlbnRUcmFuc2Zvcm0gPyBcIm1heC1jb250ZW50XCIgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB6SW5kZXgsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17YXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICk7XG4gICAgfTtcblxuICAgIGNvbnN0IGNoaWxkcmVuV2l0aFByb3BzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoIXdpdGhvdXRXcmFwcGVyKSB7XG4gICAgICAgIHJldHVybiBjaGlsZHJlbjtcbiAgICAgIH1cblxuICAgICAgbGV0IGFkZGVkUHJvcHNDb3VudGVyID0gMDtcblxuICAgICAgcmV0dXJuIFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkKSA9PiB7XG4gICAgICAgIGlmIChhZGRlZFByb3BzQ291bnRlciA+IDAgfHwgIVJlYWN0LmlzVmFsaWRFbGVtZW50KGNoaWxkKSkge1xuICAgICAgICAgIHJldHVybiBjaGlsZDtcbiAgICAgICAgfVxuXG4gICAgICAgIGFkZGVkUHJvcHNDb3VudGVyICs9IDE7XG5cbiAgICAgICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgIC4uLmNoaWxkLnByb3BzLFxuICAgICAgICAgIHJlZjogcmVmcy5zZXRSZWZlcmVuY2UsXG4gICAgICAgICAgb25Qb2ludGVyRW50ZXI6IGhhbmRsZVBvaW50ZXJFbnRlciA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckVudGVyLFxuICAgICAgICAgIG9uUG9pbnRlckxlYXZlOiBoYW5kbGVQb2ludGVyTGVhdmUgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJMZWF2ZSxcbiAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyA/PyBjaGlsZD8ucHJvcHM/Lm9uRm9jdXMsXG4gICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyID8/IGNoaWxkPy5wcm9wcz8ub25CbHVyLFxuICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrID8/IGNoaWxkPy5wcm9wcz8ub25DbGljayxcbiAgICAgICAgICBvbkNvbnRleHRNZW51OiBoYW5kbGVDb250ZXh0TWVudSA/PyBjaGlsZD8ucHJvcHM/Lm9uQ29udGV4dE1lbnUsXG4gICAgICAgICAgb25Qb2ludGVyVXA6IGhhbmRsZVBvaW50ZXJVcCA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlclVwLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sIFtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICAgIHJlZnMuc2V0UmVmZXJlbmNlLFxuICAgICAgd2l0aG91dFdyYXBwZXIsXG4gICAgXSk7XG5cbiAgICBpZiAod2l0aG91dFdyYXBwZXIpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2NoaWxkcmVuV2l0aFByb3BzfVxuICAgICAgICAgIHsoaXNPcGVuIHx8IHNob3dJbkN1cnNvclBvc2l0aW9uKSAmJlxuICAgICAgICAgICAgY3JlYXRlUG9ydGFsKFxuICAgICAgICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgICAgICAgZ2V0UG9wdXBDb250YWluZXIocmVmcy5kb21SZWZlcmVuY2UuY3VycmVudCA/PyBkb2N1bWVudC5ib2R5KVxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2XG4gICAgICAgIHJlZj17cmVmcy5zZXRSZWZlcmVuY2V9XG4gICAgICAgIGNzcz17W2Jhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLCBzdHlsZXM/LnJlZmVyZW5jZVdyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgICBvblBvaW50ZXJMZWF2ZT17aGFuZGxlUG9pbnRlckxlYXZlfVxuICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Db250ZXh0TWVudT17aGFuZGxlQ29udGV4dE1lbnV9XG4gICAgICAgIG9uUG9pbnRlclVwPXtoYW5kbGVQb2ludGVyVXB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cblxuICAgICAgICB7KGlzT3BlbiB8fCBzaG93SW5DdXJzb3JQb3NpdGlvbikgJiZcbiAgICAgICAgICBjcmVhdGVQb3J0YWwoXG4gICAgICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgICAgIGdldFBvcHVwQ29udGFpbmVyKHJlZnMuZG9tUmVmZXJlbmNlLmN1cnJlbnQgPz8gZG9jdW1lbnQuYm9keSlcbiAgICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], style: {
|
|
68
74
|
...floatingStyles,
|
|
69
|
-
width: !
|
|
75
|
+
width: !currentTransform ? "max-content" : void 0,
|
|
70
76
|
zIndex
|
|
71
77
|
}, className, children: [
|
|
72
78
|
floatingElement,
|
|
73
|
-
withArrow && /* @__PURE__ */ jsx(FloatingArrow, { ref: setArrowRef, context, width: ARROW_WIDTH, height: ARROW_HEIGHT, fill: arrowColor, style:
|
|
74
|
-
...arrowPlacementCorrection
|
|
75
|
-
} })
|
|
79
|
+
withArrow && /* @__PURE__ */ jsx(FloatingArrow, { ref: setArrowRef, context, width: ARROW_WIDTH, height: ARROW_HEIGHT, fill: arrowColor, style: arrowPlacementCorrection })
|
|
76
80
|
] });
|
|
77
81
|
};
|
|
78
82
|
const childrenWithProps = useMemo(() => {
|
|
@@ -89,25 +93,25 @@ const BaseTooltip = memo(({
|
|
|
89
93
|
return React.cloneElement(child, {
|
|
90
94
|
...child.props,
|
|
91
95
|
ref: refs.setReference,
|
|
92
|
-
|
|
93
|
-
|
|
96
|
+
onPointerEnter: handlePointerEnter ?? ((_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.onPointerEnter),
|
|
97
|
+
onPointerLeave: handlePointerLeave ?? ((_b = child == null ? void 0 : child.props) == null ? void 0 : _b.onPointerLeave),
|
|
94
98
|
onFocus: handleFocus ?? ((_c = child == null ? void 0 : child.props) == null ? void 0 : _c.onFocus),
|
|
95
99
|
onBlur: handleBlur ?? ((_d = child == null ? void 0 : child.props) == null ? void 0 : _d.onBlur),
|
|
96
100
|
onClick: handleClick ?? ((_e = child == null ? void 0 : child.props) == null ? void 0 : _e.onClick),
|
|
97
101
|
onContextMenu: handleContextMenu ?? ((_f = child == null ? void 0 : child.props) == null ? void 0 : _f.onContextMenu),
|
|
98
|
-
|
|
102
|
+
onPointerUp: handlePointerUp ?? ((_g = child == null ? void 0 : child.props) == null ? void 0 : _g.onPointerUp)
|
|
99
103
|
});
|
|
100
104
|
});
|
|
101
|
-
}, [children, handleBlur, handleClick, handleContextMenu, handleFocus,
|
|
105
|
+
}, [children, handleBlur, handleClick, handleContextMenu, handleFocus, handlePointerEnter, handlePointerLeave, handlePointerUp, refs.setReference, withoutWrapper]);
|
|
102
106
|
if (withoutWrapper) {
|
|
103
107
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
104
108
|
childrenWithProps,
|
|
105
|
-
isOpen && createPortal(renderFloatingElement(), getPopupContainer())
|
|
109
|
+
(isOpen || showInCursorPosition) && createPortal(renderFloatingElement(), getPopupContainer(refs.domReference.current ?? document.body))
|
|
106
110
|
] });
|
|
107
111
|
}
|
|
108
|
-
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,
|
|
112
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtLUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VUb29sdGlwUHJvcHMsIEJhc2VUb29sdGlwVHJpZ2dlclR5cGUgfSBmcm9tIFwiLi9CYXNlVG9vbHRpcC50eXBlc1wiO1xuaW1wb3J0IHsgRmxvYXRpbmdBcnJvdyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfV0lEVEgsXG4gIGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgTWF4X1pJbmRleCxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudXRpbHNcIjtcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCB7IHVzZVNob3dUb29sdGlwQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVNob3dUb29sdGlwQ29udHJvbGxlclwiO1xuaW1wb3J0IHtcbiAgYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsXG4gIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHVzZUN1c3RvbUZsb2F0aW5nIH0gZnJvbSBcIi4vaG9va3MvdXNlQ3VzdG9tRmxvYXRpbmdcIjtcblxuZXhwb3J0IGNvbnN0IEJhc2VUb29sdGlwOiBGQzxQcm9wc1dpdGhDaGlsZHJlbjxCYXNlVG9vbHRpcFByb3BzPj4gPSBtZW1vKFxuICAoe1xuICAgIGZsb2F0aW5nRWxlbWVudCxcbiAgICBhcnJvd0NvbG9yLFxuICAgIHdpdGhBcnJvdyA9IHRydWUsXG4gICAgcGxhY2VtZW50ID0gXCJ0b3BcIixcbiAgICBhdXRvQWRqdXN0T3ZlcmZsb3cgPSB0cnVlLFxuICAgIGRlZmF1bHRPcGVuID0gZmFsc2UsXG4gICAgb3BlbixcbiAgICB6SW5kZXggPSBNYXhfWkluZGV4LFxuICAgIHRyaWdnZXIgPSBbXCJjbGlja1wiIGFzIEJhc2VUb29sdGlwVHJpZ2dlclR5cGVdLFxuICAgIG1vdXNlRW50ZXJEZWxheSA9IDAuMSxcbiAgICBtb3VzZUxlYXZlRGVsYXkgPSAwLjEsXG4gICAgYWxpZ24sXG4gICAgdHJhbnNmb3JtID0gdHJ1ZSxcbiAgICBjbGFzc05hbWUsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICB3aXRob3V0V3JhcHBlcixcbiAgICBzaG93SW5DdXJzb3JQb3NpdGlvbiA9IGZhbHNlLFxuICAgIGdldFBvcHVwQ29udGFpbmVyID0gKCkgPT4gZG9jdW1lbnQuYm9keSxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBjdXJyZW50VHJhbnNmb3JtID0gdHJhbnNmb3JtICYmICFzaG93SW5DdXJzb3JQb3NpdGlvbjtcblxuICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQsIGZsb2F0aW5nUGxhY2VtZW50LCBzZXRBcnJvd1JlZiwgYXJyb3dSZWYgfSA9XG4gICAgICB1c2VDdXN0b21GbG9hdGluZyh7XG4gICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgYXV0b0FkanVzdE92ZXJmbG93LFxuICAgICAgICB3aXRoQXJyb3csXG4gICAgICAgIGFsaWduLFxuICAgICAgICB0cmFuc2Zvcm06IGN1cnJlbnRUcmFuc2Zvcm0sXG4gICAgICB9KTtcblxuICAgIGNvbnN0IHtcbiAgICAgIGlzT3BlbixcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgfSA9IHVzZVNob3dUb29sdGlwQ29udHJvbGxlcih7XG4gICAgICB0cmlnZ2VyLFxuICAgICAgZGVmYXVsdE9wZW4sXG4gICAgICBvcGVuLFxuICAgICAgbW91c2VFbnRlckRlbGF5LFxuICAgICAgbW91c2VMZWF2ZURlbGF5LFxuICAgICAgc2hvd0luQ3Vyc29yUG9zaXRpb24sXG4gICAgICBwbGFjZW1lbnQ6IGZsb2F0aW5nUGxhY2VtZW50LFxuICAgICAgcmVmcyxcbiAgICAgIG9uT3BlbkNoYW5nZSxcbiAgICAgIGFycm93UmVmLFxuICAgIH0pO1xuXG4gICAgY29uc3QgYXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uID0gZ2V0QXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9uKGZsb2F0aW5nUGxhY2VtZW50LCByZWZzLCBhbGlnbik7XG5cbiAgICBjb25zdCByZW5kZXJGbG9hdGluZ0VsZW1lbnQgPSAoKSA9PiB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgcmVmPXtyZWZzLnNldEZsb2F0aW5nfVxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgZ2V0QmFzZVRvb2x0aXBGbG9hdGluZ1dyYXBwZXJTdHlsZShmbG9hdGluZ1BsYWNlbWVudCwgd2l0aEFycm93LCBpc09wZW4pLFxuICAgICAgICAgICAgc3R5bGVzPy5mbG9hdGluZ1dyYXBwZXI/Lih0aGVtZSksXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgLi4uZmxvYXRpbmdTdHlsZXMsXG4gICAgICAgICAgICB3aWR0aDogIWN1cnJlbnRUcmFuc2Zvcm0gPyBcIm1heC1jb250ZW50XCIgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB6SW5kZXgsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtmbG9hdGluZ0VsZW1lbnR9XG4gICAgICAgICAge3dpdGhBcnJvdyAmJiAoXG4gICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICByZWY9e3NldEFycm93UmVmfVxuICAgICAgICAgICAgICBjb250ZXh0PXtjb250ZXh0fVxuICAgICAgICAgICAgICB3aWR0aD17QVJST1dfV0lEVEh9XG4gICAgICAgICAgICAgIGhlaWdodD17QVJST1dfSEVJR0hUfVxuICAgICAgICAgICAgICBmaWxsPXthcnJvd0NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17YXJyb3dQbGFjZW1lbnRDb3JyZWN0aW9ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICk7XG4gICAgfTtcblxuICAgIGNvbnN0IGNoaWxkcmVuV2l0aFByb3BzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoIXdpdGhvdXRXcmFwcGVyKSB7XG4gICAgICAgIHJldHVybiBjaGlsZHJlbjtcbiAgICAgIH1cblxuICAgICAgbGV0IGFkZGVkUHJvcHNDb3VudGVyID0gMDtcblxuICAgICAgcmV0dXJuIFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkKSA9PiB7XG4gICAgICAgIGlmIChhZGRlZFByb3BzQ291bnRlciA+IDAgfHwgIVJlYWN0LmlzVmFsaWRFbGVtZW50KGNoaWxkKSkge1xuICAgICAgICAgIHJldHVybiBjaGlsZDtcbiAgICAgICAgfVxuXG4gICAgICAgIGFkZGVkUHJvcHNDb3VudGVyICs9IDE7XG5cbiAgICAgICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgIC4uLmNoaWxkLnByb3BzLFxuICAgICAgICAgIHJlZjogcmVmcy5zZXRSZWZlcmVuY2UsXG4gICAgICAgICAgb25Qb2ludGVyRW50ZXI6IGhhbmRsZVBvaW50ZXJFbnRlciA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckVudGVyLFxuICAgICAgICAgIG9uUG9pbnRlckxlYXZlOiBoYW5kbGVQb2ludGVyTGVhdmUgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJMZWF2ZSxcbiAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyA/PyBjaGlsZD8ucHJvcHM/Lm9uRm9jdXMsXG4gICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyID8/IGNoaWxkPy5wcm9wcz8ub25CbHVyLFxuICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrID8/IGNoaWxkPy5wcm9wcz8ub25DbGljayxcbiAgICAgICAgICBvbkNvbnRleHRNZW51OiBoYW5kbGVDb250ZXh0TWVudSA/PyBjaGlsZD8ucHJvcHM/Lm9uQ29udGV4dE1lbnUsXG4gICAgICAgICAgb25Qb2ludGVyVXA6IGhhbmRsZVBvaW50ZXJVcCA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlclVwLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sIFtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICAgIHJlZnMuc2V0UmVmZXJlbmNlLFxuICAgICAgd2l0aG91dFdyYXBwZXIsXG4gICAgXSk7XG5cbiAgICBpZiAod2l0aG91dFdyYXBwZXIpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2NoaWxkcmVuV2l0aFByb3BzfVxuICAgICAgICAgIHsoaXNPcGVuIHx8IHNob3dJbkN1cnNvclBvc2l0aW9uKSAmJlxuICAgICAgICAgICAgY3JlYXRlUG9ydGFsKFxuICAgICAgICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgICAgICAgZ2V0UG9wdXBDb250YWluZXIocmVmcy5kb21SZWZlcmVuY2UuY3VycmVudCA/PyBkb2N1bWVudC5ib2R5KVxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2XG4gICAgICAgIHJlZj17cmVmcy5zZXRSZWZlcmVuY2V9XG4gICAgICAgIGNzcz17W2Jhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLCBzdHlsZXM/LnJlZmVyZW5jZVdyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgICBvblBvaW50ZXJMZWF2ZT17aGFuZGxlUG9pbnRlckxlYXZlfVxuICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Db250ZXh0TWVudT17aGFuZGxlQ29udGV4dE1lbnV9XG4gICAgICAgIG9uUG9pbnRlclVwPXtoYW5kbGVQb2ludGVyVXB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cblxuICAgICAgICB7KGlzT3BlbiB8fCBzaG93SW5DdXJzb3JQb3NpdGlvbikgJiZcbiAgICAgICAgICBjcmVhdGVQb3J0YWwoXG4gICAgICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgICAgIGdldFBvcHVwQ29udGFpbmVyKHJlZnMuZG9tUmVmZXJlbmNlLmN1cnJlbnQgPz8gZG9jdW1lbnQuYm9keSlcbiAgICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick, onContextMenu: handleContextMenu, onPointerUp: handlePointerUp, children: [
|
|
109
113
|
children,
|
|
110
|
-
isOpen && createPortal(renderFloatingElement(), getPopupContainer())
|
|
114
|
+
(isOpen || showInCursorPosition) && createPortal(renderFloatingElement(), getPopupContainer(refs.domReference.current ?? document.body))
|
|
111
115
|
] });
|
|
112
116
|
});
|
|
113
117
|
export {
|
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
import { Placement } from '@floating-ui/react';
|
|
2
|
-
export declare const getBaseTooltipFloatingWrapperStyle: (placement: Placement, withArrow: boolean) => {
|
|
2
|
+
export declare const getBaseTooltipFloatingWrapperStyle: (placement: Placement, withArrow: boolean, isOpen: boolean) => {
|
|
3
|
+
readonly visibility: "visible" | "hidden";
|
|
4
|
+
} | {
|
|
5
|
+
readonly paddingBottom: number;
|
|
6
|
+
readonly paddingTop?: undefined;
|
|
7
|
+
readonly paddingRight?: undefined;
|
|
8
|
+
readonly paddingLeft?: undefined;
|
|
9
|
+
readonly visibility: "visible" | "hidden";
|
|
10
|
+
} | {
|
|
11
|
+
readonly paddingTop: number;
|
|
12
|
+
readonly paddingBottom?: undefined;
|
|
13
|
+
readonly paddingRight?: undefined;
|
|
14
|
+
readonly paddingLeft?: undefined;
|
|
15
|
+
readonly visibility: "visible" | "hidden";
|
|
16
|
+
} | {
|
|
17
|
+
readonly paddingRight: number;
|
|
18
|
+
readonly paddingBottom?: undefined;
|
|
19
|
+
readonly paddingTop?: undefined;
|
|
20
|
+
readonly paddingLeft?: undefined;
|
|
21
|
+
readonly visibility: "visible" | "hidden";
|
|
22
|
+
} | {
|
|
23
|
+
readonly paddingLeft: number;
|
|
24
|
+
readonly paddingBottom?: undefined;
|
|
25
|
+
readonly paddingTop?: undefined;
|
|
26
|
+
readonly paddingRight?: undefined;
|
|
27
|
+
readonly visibility: "visible" | "hidden";
|
|
28
|
+
};
|
|
3
29
|
export declare const baseTooltipReferenceWrapperStyle: {
|
|
4
30
|
display: string;
|
|
5
31
|
width: string;
|
|
@@ -23,8 +23,9 @@ const getPadding = (placement, withArrow) => {
|
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
const getBaseTooltipFloatingWrapperStyle = (placement, withArrow) => {
|
|
26
|
+
const getBaseTooltipFloatingWrapperStyle = (placement, withArrow, isOpen) => {
|
|
27
27
|
return {
|
|
28
|
+
visibility: isOpen ? "visible" : "hidden",
|
|
28
29
|
...getPadding(placement, withArrow)
|
|
29
30
|
};
|
|
30
31
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Interpolation } from '@emotion/react';
|
|
2
|
+
import { FloatingElement, ReferenceElement } from '@floating-ui/react';
|
|
2
3
|
import { ReactNode } from 'react';
|
|
3
4
|
import { Theme } from 'themes';
|
|
4
5
|
export type BaseTooltipPlacementType = "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
|
|
@@ -28,10 +29,12 @@ export interface BaseTooltipProps {
|
|
|
28
29
|
align?: BaseTooltipAlign;
|
|
29
30
|
transform?: boolean;
|
|
30
31
|
withoutWrapper?: boolean;
|
|
32
|
+
showInCursorPosition?: boolean;
|
|
31
33
|
styles?: {
|
|
32
34
|
floatingWrapper?: (theme: Theme) => Interpolation;
|
|
33
35
|
referenceWrapper?: (theme: Theme) => Interpolation;
|
|
34
36
|
};
|
|
35
|
-
getPopupContainer?: () => HTMLElement;
|
|
37
|
+
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
|
|
36
38
|
onOpenChange?: (open: boolean) => void;
|
|
37
39
|
}
|
|
40
|
+
export type AutoUpdateType = (reference: ReferenceElement, floating: FloatingElement, update: () => void) => () => void;
|
|
@@ -1,15 +1,37 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ExtendedRefs, Placement, Rect, ReferenceType } from '@floating-ui/react';
|
|
2
2
|
import { BaseTooltipAlign, BaseTooltipPlacementType, OffsetType } from './BaseTooltip.types';
|
|
3
|
+
import { MouseEvent, PointerEvent, ReactNode } from 'react';
|
|
3
4
|
export declare const ARROW_WIDTH = 8;
|
|
4
5
|
export declare const ARROW_HEIGHT = 4;
|
|
5
6
|
export declare const ARROW_PADDING = 6;
|
|
6
7
|
export declare const FLOATING_OFFSET_WITH_ARROW_HEIGHT: number;
|
|
7
8
|
export declare const Max_ZIndex = 2147483647;
|
|
8
9
|
export declare const singleSides: string[];
|
|
9
|
-
export declare const
|
|
10
|
+
export declare const isEmpty: (value: ReactNode | (() => ReactNode)) => boolean;
|
|
11
|
+
export declare const getArrowPlacementCorrection: (placement: Placement, refs: ExtendedRefs<ReferenceType>, align?: BaseTooltipAlign) => {};
|
|
10
12
|
export declare const isTopSide: (placement: Placement) => boolean;
|
|
11
13
|
export declare const isBottomSide: (placement: Placement) => boolean;
|
|
12
14
|
export declare const isLeftSide: (placement: Placement) => boolean;
|
|
13
15
|
export declare const isRightSide: (placement: Placement) => boolean;
|
|
14
16
|
export declare const convertBaseTooltipPlacement: (placement: BaseTooltipPlacementType) => Placement;
|
|
15
17
|
export declare const convertOffsetValues: (rect: Rect) => (element: OffsetType, index: number) => number;
|
|
18
|
+
export declare const getChangedProperties: (e: PointerEvent | MouseEvent, placement: Placement) => {
|
|
19
|
+
width: number;
|
|
20
|
+
x: number;
|
|
21
|
+
right: number;
|
|
22
|
+
left: number;
|
|
23
|
+
height?: undefined;
|
|
24
|
+
y?: undefined;
|
|
25
|
+
top?: undefined;
|
|
26
|
+
bottom?: undefined;
|
|
27
|
+
} | {
|
|
28
|
+
height: number;
|
|
29
|
+
y: number;
|
|
30
|
+
top: number;
|
|
31
|
+
bottom: number;
|
|
32
|
+
width?: undefined;
|
|
33
|
+
x?: undefined;
|
|
34
|
+
right?: undefined;
|
|
35
|
+
left?: undefined;
|
|
36
|
+
};
|
|
37
|
+
export declare const setNewReferencePosition: (refs: ExtendedRefs<ReferenceType>, pointerEvent: PointerEvent | MouseEvent, placement: Placement, arrowRef: SVGSVGElement | null) => void;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { computePosition, flip } from "@floating-ui/react";
|
|
2
|
+
import { isNil, isUndefined, isNumber } from "lodash-es";
|
|
2
3
|
import { FLOATING_OFFSET } from "../../utils/consts.js";
|
|
3
4
|
const ARROW_WIDTH = 8;
|
|
4
5
|
const ARROW_HEIGHT = 4;
|
|
@@ -9,16 +10,20 @@ const singleSides = ["left", "right", "top", "bottom"];
|
|
|
9
10
|
const leftCorrectionValues = ["top", "bottom", "top-start", "bottom-start", "top-end", "bottom-end"];
|
|
10
11
|
const arrowCenterValues = singleSides;
|
|
11
12
|
const arrowStartValues = ["left-start", "right-start", "top-start", "bottom-start"];
|
|
13
|
+
const isStartPosition = (placement) => arrowStartValues.includes(placement);
|
|
14
|
+
const isCentralPosition = (placement) => arrowCenterValues.includes(placement);
|
|
15
|
+
const isLeftCorrection = (placement) => leftCorrectionValues.includes(placement);
|
|
16
|
+
const isEmpty = (value) => isNil(value) || value === "";
|
|
12
17
|
const getArrowPosition = (placement, start, end) => {
|
|
13
|
-
if (
|
|
18
|
+
if (isStartPosition(placement)) {
|
|
14
19
|
return start;
|
|
15
20
|
}
|
|
16
21
|
return end;
|
|
17
22
|
};
|
|
18
|
-
const getArrowPlacementCorrection = (placement,
|
|
23
|
+
const getArrowPlacementCorrection = (placement, refs, align) => {
|
|
19
24
|
var _a, _b, _c, _d, _e, _f;
|
|
20
|
-
const floatingWidth = (_a =
|
|
21
|
-
const floatingHeight = (_b =
|
|
25
|
+
const floatingWidth = (_a = refs.floating.current) == null ? void 0 : _a.offsetWidth;
|
|
26
|
+
const floatingHeight = (_b = refs.floating.current) == null ? void 0 : _b.offsetHeight;
|
|
22
27
|
const isLeftCorrecting = leftCorrectionValues.includes(placement);
|
|
23
28
|
const floatingCorrectingSize = isLeftCorrecting ? floatingWidth : floatingHeight;
|
|
24
29
|
if (isUndefined(floatingCorrectingSize)) {
|
|
@@ -30,8 +35,8 @@ const getArrowPlacementCorrection = (placement, context, align) => {
|
|
|
30
35
|
...wrapperPaddingCompensation
|
|
31
36
|
};
|
|
32
37
|
}
|
|
33
|
-
const floatingRect = (_c =
|
|
34
|
-
const targetRect = (_d =
|
|
38
|
+
const floatingRect = (_c = refs.floating.current) == null ? void 0 : _c.getBoundingClientRect();
|
|
39
|
+
const targetRect = (_d = refs.reference.current) == null ? void 0 : _d.getBoundingClientRect();
|
|
35
40
|
const convertedOffsetValues = floatingRect ? (_e = align == null ? void 0 : align.offset) == null ? void 0 : _e.map(convertOffsetValues(floatingRect)) : [0, 0];
|
|
36
41
|
const convertedTargetOffsetValues = targetRect ? (_f = align == null ? void 0 : align.targetOffset) == null ? void 0 : _f.map(convertOffsetValues(targetRect)) : [0, 0];
|
|
37
42
|
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);
|
|
@@ -105,6 +110,68 @@ const convertOffsetValues = (rect) => (element, index) => {
|
|
|
105
110
|
const elementSize = index === 0 ? rect.width : rect.height;
|
|
106
111
|
return elementSize / 100 * percentValue;
|
|
107
112
|
};
|
|
113
|
+
const getChangedProperties = (e, placement) => {
|
|
114
|
+
if (isLeftCorrection(placement)) {
|
|
115
|
+
return {
|
|
116
|
+
width: 0,
|
|
117
|
+
x: e.clientX,
|
|
118
|
+
right: e.clientX,
|
|
119
|
+
left: e.clientX
|
|
120
|
+
};
|
|
121
|
+
}
|
|
122
|
+
return {
|
|
123
|
+
height: 0,
|
|
124
|
+
y: e.clientY,
|
|
125
|
+
top: e.clientY,
|
|
126
|
+
bottom: e.clientY
|
|
127
|
+
};
|
|
128
|
+
};
|
|
129
|
+
const correctionOnArrowWidth = (position, placement) => {
|
|
130
|
+
if (isStartPosition(placement)) {
|
|
131
|
+
return position - ARROW_WIDTH;
|
|
132
|
+
}
|
|
133
|
+
if (isCentralPosition(placement)) {
|
|
134
|
+
return position;
|
|
135
|
+
}
|
|
136
|
+
return position + ARROW_WIDTH * 1.5;
|
|
137
|
+
};
|
|
138
|
+
const setNewReferencePosition = (refs, pointerEvent, placement, arrowRef) => {
|
|
139
|
+
var _a, _b;
|
|
140
|
+
const reference = refs.domReference.current;
|
|
141
|
+
const floating = refs.floating.current;
|
|
142
|
+
const rect = (_b = (_a = refs == null ? void 0 : refs.domReference) == null ? void 0 : _a.current) == null ? void 0 : _b.getBoundingClientRect();
|
|
143
|
+
if (rect && reference && floating) {
|
|
144
|
+
const changedProperties = getChangedProperties(pointerEvent, placement);
|
|
145
|
+
const virtualEl = {
|
|
146
|
+
getBoundingClientRect() {
|
|
147
|
+
return {
|
|
148
|
+
...rect,
|
|
149
|
+
...changedProperties
|
|
150
|
+
};
|
|
151
|
+
},
|
|
152
|
+
contextElement: reference
|
|
153
|
+
};
|
|
154
|
+
computePosition(virtualEl, floating, {
|
|
155
|
+
placement,
|
|
156
|
+
middleware: [flip()]
|
|
157
|
+
}).then(({
|
|
158
|
+
x,
|
|
159
|
+
y,
|
|
160
|
+
placement: placement2
|
|
161
|
+
}) => {
|
|
162
|
+
const correctedX = isLeftCorrection(placement2) ? correctionOnArrowWidth(x, placement2) : x;
|
|
163
|
+
const correctedY = isLeftCorrection(placement2) ? y : correctionOnArrowWidth(y, placement2);
|
|
164
|
+
Object.assign(floating.style, {
|
|
165
|
+
left: `${correctedX}px`,
|
|
166
|
+
top: `${correctedY}px`
|
|
167
|
+
});
|
|
168
|
+
if (arrowRef) {
|
|
169
|
+
const arrowPlacementCorrection = getArrowPlacementCorrection(placement2, refs);
|
|
170
|
+
Object.assign(arrowRef.style, arrowPlacementCorrection);
|
|
171
|
+
}
|
|
172
|
+
});
|
|
173
|
+
}
|
|
174
|
+
};
|
|
108
175
|
export {
|
|
109
176
|
ARROW_HEIGHT,
|
|
110
177
|
ARROW_PADDING,
|
|
@@ -114,9 +181,12 @@ export {
|
|
|
114
181
|
convertBaseTooltipPlacement,
|
|
115
182
|
convertOffsetValues,
|
|
116
183
|
getArrowPlacementCorrection,
|
|
184
|
+
getChangedProperties,
|
|
117
185
|
isBottomSide,
|
|
186
|
+
isEmpty,
|
|
118
187
|
isLeftSide,
|
|
119
188
|
isRightSide,
|
|
120
189
|
isTopSide,
|
|
190
|
+
setNewReferencePosition,
|
|
121
191
|
singleSides
|
|
122
192
|
};
|
|
@@ -34,5 +34,6 @@ export declare const useCustomFloating: ({ placement, autoAdjustOverflow, withAr
|
|
|
34
34
|
};
|
|
35
35
|
floatingPlacement: import('@floating-ui/utils').Placement;
|
|
36
36
|
setArrowRef: import('react').Dispatch<import('react').SetStateAction<SVGSVGElement | null>>;
|
|
37
|
+
arrowRef: SVGSVGElement | null;
|
|
37
38
|
};
|
|
38
39
|
export {};
|
|
@@ -20,36 +20,34 @@ const useCustomFloating = ({
|
|
|
20
20
|
const adjustY = ((_b2 = align == null ? void 0 : align.overflow) == null ? void 0 : _b2.adjustY) ?? autoAdjustOverflow;
|
|
21
21
|
const withFlip = adjustX || adjustY;
|
|
22
22
|
if (withFlip) {
|
|
23
|
-
floatingMiddleware[
|
|
23
|
+
floatingMiddleware[1] = flip({
|
|
24
24
|
mainAxis: isXMainAxis ? adjustX : adjustY,
|
|
25
25
|
crossAxis: isXMainAxis ? adjustY : adjustX
|
|
26
26
|
});
|
|
27
27
|
}
|
|
28
|
-
}, [
|
|
28
|
+
}, [(_a = align == null ? void 0 : align.overflow) == null ? void 0 : _a.adjustX, (_b = align == null ? void 0 : align.overflow) == null ? void 0 : _b.adjustY, autoAdjustOverflow, isXMainAxis]);
|
|
29
29
|
useEffect(() => {
|
|
30
|
-
floatingMiddleware[
|
|
30
|
+
floatingMiddleware[2] = shift({
|
|
31
31
|
mainAxis: singleSides.includes(convertedPlacement)
|
|
32
32
|
});
|
|
33
33
|
}, [convertedPlacement]);
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
floatingMiddleware[2] = offsetResult;
|
|
52
|
-
}, [align == null ? void 0 : align.offset, align == null ? void 0 : align.targetOffset, convertedPlacement, isXMainAxis]);
|
|
34
|
+
const offsetResult = offset(({
|
|
35
|
+
rects
|
|
36
|
+
}) => {
|
|
37
|
+
var _a2, _b2;
|
|
38
|
+
if (isUndefined(align == null ? void 0 : align.offset) && isUndefined(align == null ? void 0 : align.targetOffset)) {
|
|
39
|
+
return {};
|
|
40
|
+
}
|
|
41
|
+
const convertedOffsetValues = (_a2 = align == null ? void 0 : align.offset) == null ? void 0 : _a2.map(convertOffsetValues(rects.floating));
|
|
42
|
+
const convertedTargetOffsetValues = (_b2 = align == null ? void 0 : align.targetOffset) == null ? void 0 : _b2.map(convertOffsetValues(rects.reference));
|
|
43
|
+
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);
|
|
44
|
+
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);
|
|
45
|
+
return {
|
|
46
|
+
mainAxis,
|
|
47
|
+
crossAxis
|
|
48
|
+
};
|
|
49
|
+
}, [convertedPlacement]);
|
|
50
|
+
floatingMiddleware[0] = offsetResult;
|
|
53
51
|
useEffect(() => {
|
|
54
52
|
if (arrowRef && withArrow) {
|
|
55
53
|
floatingMiddleware[3] = arrow({
|
|
@@ -74,7 +72,8 @@ const useCustomFloating = ({
|
|
|
74
72
|
floatingStyles,
|
|
75
73
|
context,
|
|
76
74
|
floatingPlacement,
|
|
77
|
-
setArrowRef
|
|
75
|
+
setArrowRef,
|
|
76
|
+
arrowRef
|
|
78
77
|
};
|
|
79
78
|
};
|
|
80
79
|
export {
|
|
@@ -1,22 +1,25 @@
|
|
|
1
|
-
import { MouseEvent as ReactMouseEvent } from 'react';
|
|
1
|
+
import { PointerEvent, MouseEvent as ReactMouseEvent } from 'react';
|
|
2
2
|
import { BaseTooltipTriggerType } from '../BaseTooltip.types';
|
|
3
|
-
import { ExtendedRefs, ReferenceType } from '@floating-ui/react';
|
|
3
|
+
import { ExtendedRefs, ReferenceType, Placement } from '@floating-ui/react';
|
|
4
4
|
export interface UseShowTooltipControllerProp {
|
|
5
5
|
trigger: BaseTooltipTriggerType[];
|
|
6
6
|
defaultOpen: boolean;
|
|
7
7
|
open: boolean | undefined;
|
|
8
8
|
mouseEnterDelay: number;
|
|
9
9
|
mouseLeaveDelay: number;
|
|
10
|
+
showInCursorPosition: boolean;
|
|
11
|
+
placement: Placement;
|
|
10
12
|
refs: ExtendedRefs<ReferenceType>;
|
|
11
13
|
onOpenChange: ((open: boolean) => void) | undefined;
|
|
14
|
+
arrowRef: SVGSVGElement | null;
|
|
12
15
|
}
|
|
13
|
-
export declare const useShowTooltipController: ({ trigger, defaultOpen, open, mouseEnterDelay, mouseLeaveDelay, refs, onOpenChange, }: UseShowTooltipControllerProp) => {
|
|
16
|
+
export declare const useShowTooltipController: ({ trigger, defaultOpen, open, mouseEnterDelay, mouseLeaveDelay, showInCursorPosition, refs, placement, onOpenChange, arrowRef, }: UseShowTooltipControllerProp) => {
|
|
14
17
|
isOpen: boolean;
|
|
15
|
-
|
|
16
|
-
|
|
18
|
+
handlePointerEnter: ((e: PointerEvent) => void) | undefined;
|
|
19
|
+
handlePointerLeave: (() => void) | undefined;
|
|
17
20
|
handleFocus: (() => void) | undefined;
|
|
18
21
|
handleBlur: (() => void) | undefined;
|
|
19
22
|
handleClick: ((e: ReactMouseEvent) => void) | undefined;
|
|
20
23
|
handleContextMenu: ((e: ReactMouseEvent) => void) | undefined;
|
|
21
|
-
|
|
24
|
+
handlePointerUp: ((e: ReactMouseEvent) => void) | undefined;
|
|
22
25
|
};
|
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
import { useState, useRef, useEffect, useCallback, useMemo } from "react";
|
|
2
2
|
import { isUndefined } from "lodash-es";
|
|
3
3
|
import { convertSecondsToMilliseconds } from "../../../utils/converters.js";
|
|
4
|
+
import "@floating-ui/react";
|
|
5
|
+
import { setNewReferencePosition } from "../BaseTooltip.utils.js";
|
|
4
6
|
const useShowTooltipController = ({
|
|
5
7
|
trigger,
|
|
6
8
|
defaultOpen,
|
|
7
9
|
open,
|
|
8
10
|
mouseEnterDelay,
|
|
9
11
|
mouseLeaveDelay,
|
|
12
|
+
showInCursorPosition,
|
|
10
13
|
refs,
|
|
11
|
-
|
|
14
|
+
placement,
|
|
15
|
+
onOpenChange,
|
|
16
|
+
arrowRef
|
|
12
17
|
}) => {
|
|
13
18
|
const [isOpen, setIsOpen] = useState(defaultOpen);
|
|
14
19
|
const timerId = useRef(null);
|
|
@@ -29,18 +34,21 @@ const useShowTooltipController = ({
|
|
|
29
34
|
}
|
|
30
35
|
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
31
36
|
}, [onOpenChange, open]);
|
|
32
|
-
const
|
|
37
|
+
const handlePointerEnter = useMemo(() => {
|
|
33
38
|
if (!trigger.includes("hover")) {
|
|
34
39
|
return;
|
|
35
40
|
}
|
|
36
|
-
return () => {
|
|
41
|
+
return (e) => {
|
|
37
42
|
if (timerId.current) {
|
|
38
43
|
clearTimeout(timerId.current);
|
|
39
44
|
}
|
|
45
|
+
if (showInCursorPosition) {
|
|
46
|
+
setNewReferencePosition(refs, e, placement, arrowRef);
|
|
47
|
+
}
|
|
40
48
|
timerId.current = setTimeout(showTooltip, convertSecondsToMilliseconds(mouseEnterDelay));
|
|
41
49
|
};
|
|
42
|
-
}, [mouseEnterDelay, showTooltip, trigger]);
|
|
43
|
-
const
|
|
50
|
+
}, [arrowRef, mouseEnterDelay, placement, refs, showInCursorPosition, showTooltip, trigger]);
|
|
51
|
+
const handlePointerLeave = useMemo(() => {
|
|
44
52
|
if (!trigger.includes("hover")) {
|
|
45
53
|
return;
|
|
46
54
|
}
|
|
@@ -78,6 +86,9 @@ const useShowTooltipController = ({
|
|
|
78
86
|
if (!isReferenceElement) {
|
|
79
87
|
return;
|
|
80
88
|
}
|
|
89
|
+
if (showInCursorPosition) {
|
|
90
|
+
setNewReferencePosition(refs, e, placement, arrowRef);
|
|
91
|
+
}
|
|
81
92
|
if (isUndefined(open)) {
|
|
82
93
|
setIsOpen((prev) => !prev);
|
|
83
94
|
onOpenChange == null ? void 0 : onOpenChange(isOpen);
|
|
@@ -85,7 +96,7 @@ const useShowTooltipController = ({
|
|
|
85
96
|
onOpenChange == null ? void 0 : onOpenChange(!open);
|
|
86
97
|
}
|
|
87
98
|
};
|
|
88
|
-
}, [isOpen, onOpenChange, open, refs
|
|
99
|
+
}, [arrowRef, isOpen, onOpenChange, open, placement, refs, showInCursorPosition, trigger]);
|
|
89
100
|
const handleContextMenu = useMemo(() => {
|
|
90
101
|
if (!trigger.includes("contextMenu")) {
|
|
91
102
|
return void 0;
|
|
@@ -125,7 +136,7 @@ const useShowTooltipController = ({
|
|
|
125
136
|
document.body.addEventListener("mouseup", handleMouseUp);
|
|
126
137
|
return () => document.body.removeEventListener("mouseup", handleMouseUp);
|
|
127
138
|
}, [handleMouseUp]);
|
|
128
|
-
const
|
|
139
|
+
const handlePointerUp = useMemo(() => {
|
|
129
140
|
if (!trigger.includes("click")) {
|
|
130
141
|
return void 0;
|
|
131
142
|
}
|
|
@@ -135,13 +146,13 @@ const useShowTooltipController = ({
|
|
|
135
146
|
}, [trigger]);
|
|
136
147
|
return {
|
|
137
148
|
isOpen: open ?? isOpen,
|
|
138
|
-
|
|
139
|
-
|
|
149
|
+
handlePointerEnter,
|
|
150
|
+
handlePointerLeave,
|
|
140
151
|
handleFocus,
|
|
141
152
|
handleBlur,
|
|
142
153
|
handleClick,
|
|
143
154
|
handleContextMenu,
|
|
144
|
-
|
|
155
|
+
handlePointerUp
|
|
145
156
|
};
|
|
146
157
|
};
|
|
147
158
|
export {
|
|
@@ -43,15 +43,22 @@ const ButtonComponent = forwardRef((props, ref) => {
|
|
|
43
43
|
disabled,
|
|
44
44
|
hasIconOnly: isUndefined(children) && !isUndefined(icon)
|
|
45
45
|
});
|
|
46
|
-
const currentIcon = currentLoading || icon ? /* @__PURE__ */ jsx("span", { css: [buttonDefaultStyle.iconWrapper(theme), (_c = styles == null ? void 0 : styles.iconWrapper) == null ? void 0 : _c.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:currentIcon;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
46
|
+
const currentIcon = currentLoading || icon ? /* @__PURE__ */ jsx("span", { css: [buttonDefaultStyle.iconWrapper(theme), (_c = styles == null ? void 0 : styles.iconWrapper) == null ? void 0 : _c.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:currentIcon;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RZIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIEZvcndhcmRlZFJlZiwgdHlwZSBNb3VzZUV2ZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4vQnV0dG9uLnR5cGVzXCI7XG5pbXBvcnQgeyBnZXRCdXR0b25EZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9CdXR0b24uc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgd2l0aFRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiaG9jcy93aXRoVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgTG9hZGluZ091dGxpbmVkIH0gZnJvbSBcImljb25zL2ljb25zXCI7XG5pbXBvcnQgeyB1c2VMb2FkaW5nRGVsYXkgfSBmcm9tIFwiaG9va3MvdXNlTG9hZGluZ0RlbGF5XCI7XG5pbXBvcnQgeyBpc09iamVjdCwgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG50eXBlIEJ1dHRvbkVsZW1lbnQgPSBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50O1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQgPSBmb3J3YXJkUmVmPEJ1dHRvbkVsZW1lbnQsIEJ1dHRvblByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NOYW1lLFxuICAgIHR5cGUsXG4gICAgdmFyaWFudCxcbiAgICBjb2xvcixcbiAgICBsb2FkaW5nID0gZmFsc2UsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICBibG9jayA9IGZhbHNlLFxuICAgIHN0eWxlcyxcbiAgICBjaGlsZHJlbixcbiAgICBpY29uLFxuICAgIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgICBocmVmLFxuICAgIG9uQ2xpY2ssXG4gICAgXCJ0ZXN0LWlkXCI6IHRlc3RJZCxcbiAgICB0b29sdGlwLFxuICAgIC4uLnN0YW5kYXJkQXR0cmlidXRlc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBjdXJyZW50TG9hZGluZywgaXNEZWxheSB9ID0gdXNlTG9hZGluZ0RlbGF5KGxvYWRpbmcpO1xuXG4gIGNvbnN0IGN1cnJlbnRWYXJpYW50ID0gdmFyaWFudCA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LnZhcmlhbnQgPz8gXCJvdXRsaW5lZFwiO1xuICBjb25zdCBjdXJyZW50Q29sb3IgPSBjb2xvciA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LmNvbG9yID8/IFwiZGVmYXVsdFwiO1xuXG4gIGNvbnN0IGJ1dHRvbkRlZmF1bHRTdHlsZSA9IGdldEJ1dHRvbkRlZmF1bHRTdHlsZSh7XG4gICAgdmFyaWFudDogY3VycmVudFZhcmlhbnQsXG4gICAgY29sb3I6IGN1cnJlbnRDb2xvcixcbiAgICBsb2FkaW5nOiBjdXJyZW50TG9hZGluZyxcbiAgICBibG9jayxcbiAgICBkaXNhYmxlZCxcbiAgICBoYXNJY29uT25seTogaXNVbmRlZmluZWQoY2hpbGRyZW4pICYmICFpc1VuZGVmaW5lZChpY29uKSxcbiAgfSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPVxuICAgIGN1cnJlbnRMb2FkaW5nIHx8IGljb24gPyAoXG4gICAgICA8c3BhbiBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ091dGxpbmVkXG4gICAgICAgICAgICB0ZXN0LWlkPXtcbiAgICAgICAgICAgICAgdGVzdElkID8gYCR7dGVzdElkfSR7ZGVmYXVsdExvYWRpbmdJY29uVGVzdElkU3VmZml4fWAgOiBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGljb25cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDw+XG4gICAgICB7aWNvblBvc2l0aW9uID09PSBcInN0YXJ0XCIgJiYgY3VycmVudEljb259XG4gICAgICB7aXNVbmRlZmluZWQoY2hpbGRyZW4pIHx8IGlzT2JqZWN0KGNoaWxkcmVuKSA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgICkgOiAoXG4gICAgICAgIDxzcGFuIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS50ZXh0V3JhcHBlcigpLCBzdHlsZXM/LnRleHRXcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgICAge2NoaWxkcmVuPy50b1N0cmluZygpfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge2ljb25Qb3NpdGlvbiA9PT0gXCJlbmRcIiAmJiBjdXJyZW50SWNvbn1cbiAgICA8Lz5cbiAgKTtcblxuICBjb25zdCBpc05vdEF2YWlsYWJsZSA9IGRpc2FibGVkIHx8IGN1cnJlbnRMb2FkaW5nIHx8IGlzRGVsYXk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZTogTW91c2VFdmVudCkgPT4ge1xuICAgIGlmIChpc05vdEF2YWlsYWJsZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIG9uQ2xpY2s/LihlKTtcbiAgfTtcblxuICBjb25zdCBidXR0b25FbGVtZW50ID1cbiAgICBjdXJyZW50VmFyaWFudCA9PT0gXCJsaW5rXCIgPyAoXG4gICAgICA8YVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbYnV0dG9uRGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIHJlZj17cmVmIGFzIEZvcndhcmRlZFJlZjxIVE1MQW5jaG9yRWxlbWVudD59XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17aXNOb3RBdmFpbGFibGV9XG4gICAgICAgIHRlc3QtaWQ9e3Rlc3RJZCA/PyBkZWZhdWx0QnV0dG9uVGVzdElkfVxuICAgICAgICByZWY9e3JlZiBhcyBGb3J3YXJkZWRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+fVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvYnV0dG9uPlxuICAgICk7XG5cbiAgaWYgKHRvb2x0aXAgJiYgdG9vbHRpcC50aXRsZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB3aXRob3V0V3JhcHBlcj17dHJ1ZX0gbW91c2VFbnRlckRlbGF5PXsxLjV9IHsuLi50b29sdGlwfT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufSk7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSB3aXRoVGhlbWVQcm92aWRlcjxCdXR0b25Qcm9wcz4oQnV0dG9uQ29tcG9uZW50KTtcbiJdfQ== */"], children: currentLoading ? /* @__PURE__ */ jsx(LoadingOutlined, { "test-id": testId ? `${testId}${defaultLoadingIconTestIdSuffix}` : defaultLoadingIconTestId }) : icon }) : null;
|
|
47
47
|
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
48
48
|
iconPosition === "start" && currentIcon,
|
|
49
|
-
isUndefined(children) || isObject(children) ? children : /* @__PURE__ */ jsx("span", { css: [buttonDefaultStyle.textWrapper(), (_d = styles == null ? void 0 : styles.textWrapper) == null ? void 0 : _d.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:content;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
49
|
+
isUndefined(children) || isObject(children) ? children : /* @__PURE__ */ jsx("span", { css: [buttonDefaultStyle.textWrapper(), (_d = styles == null ? void 0 : styles.textWrapper) == null ? void 0 : _d.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:content;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUVjIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIEZvcndhcmRlZFJlZiwgdHlwZSBNb3VzZUV2ZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4vQnV0dG9uLnR5cGVzXCI7XG5pbXBvcnQgeyBnZXRCdXR0b25EZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9CdXR0b24uc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgd2l0aFRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiaG9jcy93aXRoVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgTG9hZGluZ091dGxpbmVkIH0gZnJvbSBcImljb25zL2ljb25zXCI7XG5pbXBvcnQgeyB1c2VMb2FkaW5nRGVsYXkgfSBmcm9tIFwiaG9va3MvdXNlTG9hZGluZ0RlbGF5XCI7XG5pbXBvcnQgeyBpc09iamVjdCwgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG50eXBlIEJ1dHRvbkVsZW1lbnQgPSBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50O1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQgPSBmb3J3YXJkUmVmPEJ1dHRvbkVsZW1lbnQsIEJ1dHRvblByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NOYW1lLFxuICAgIHR5cGUsXG4gICAgdmFyaWFudCxcbiAgICBjb2xvcixcbiAgICBsb2FkaW5nID0gZmFsc2UsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICBibG9jayA9IGZhbHNlLFxuICAgIHN0eWxlcyxcbiAgICBjaGlsZHJlbixcbiAgICBpY29uLFxuICAgIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgICBocmVmLFxuICAgIG9uQ2xpY2ssXG4gICAgXCJ0ZXN0LWlkXCI6IHRlc3RJZCxcbiAgICB0b29sdGlwLFxuICAgIC4uLnN0YW5kYXJkQXR0cmlidXRlc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBjdXJyZW50TG9hZGluZywgaXNEZWxheSB9ID0gdXNlTG9hZGluZ0RlbGF5KGxvYWRpbmcpO1xuXG4gIGNvbnN0IGN1cnJlbnRWYXJpYW50ID0gdmFyaWFudCA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LnZhcmlhbnQgPz8gXCJvdXRsaW5lZFwiO1xuICBjb25zdCBjdXJyZW50Q29sb3IgPSBjb2xvciA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LmNvbG9yID8/IFwiZGVmYXVsdFwiO1xuXG4gIGNvbnN0IGJ1dHRvbkRlZmF1bHRTdHlsZSA9IGdldEJ1dHRvbkRlZmF1bHRTdHlsZSh7XG4gICAgdmFyaWFudDogY3VycmVudFZhcmlhbnQsXG4gICAgY29sb3I6IGN1cnJlbnRDb2xvcixcbiAgICBsb2FkaW5nOiBjdXJyZW50TG9hZGluZyxcbiAgICBibG9jayxcbiAgICBkaXNhYmxlZCxcbiAgICBoYXNJY29uT25seTogaXNVbmRlZmluZWQoY2hpbGRyZW4pICYmICFpc1VuZGVmaW5lZChpY29uKSxcbiAgfSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPVxuICAgIGN1cnJlbnRMb2FkaW5nIHx8IGljb24gPyAoXG4gICAgICA8c3BhbiBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ091dGxpbmVkXG4gICAgICAgICAgICB0ZXN0LWlkPXtcbiAgICAgICAgICAgICAgdGVzdElkID8gYCR7dGVzdElkfSR7ZGVmYXVsdExvYWRpbmdJY29uVGVzdElkU3VmZml4fWAgOiBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGljb25cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDw+XG4gICAgICB7aWNvblBvc2l0aW9uID09PSBcInN0YXJ0XCIgJiYgY3VycmVudEljb259XG4gICAgICB7aXNVbmRlZmluZWQoY2hpbGRyZW4pIHx8IGlzT2JqZWN0KGNoaWxkcmVuKSA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgICkgOiAoXG4gICAgICAgIDxzcGFuIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS50ZXh0V3JhcHBlcigpLCBzdHlsZXM/LnRleHRXcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgICAge2NoaWxkcmVuPy50b1N0cmluZygpfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge2ljb25Qb3NpdGlvbiA9PT0gXCJlbmRcIiAmJiBjdXJyZW50SWNvbn1cbiAgICA8Lz5cbiAgKTtcblxuICBjb25zdCBpc05vdEF2YWlsYWJsZSA9IGRpc2FibGVkIHx8IGN1cnJlbnRMb2FkaW5nIHx8IGlzRGVsYXk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZTogTW91c2VFdmVudCkgPT4ge1xuICAgIGlmIChpc05vdEF2YWlsYWJsZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIG9uQ2xpY2s/LihlKTtcbiAgfTtcblxuICBjb25zdCBidXR0b25FbGVtZW50ID1cbiAgICBjdXJyZW50VmFyaWFudCA9PT0gXCJsaW5rXCIgPyAoXG4gICAgICA8YVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbYnV0dG9uRGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIHJlZj17cmVmIGFzIEZvcndhcmRlZFJlZjxIVE1MQW5jaG9yRWxlbWVudD59XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17aXNOb3RBdmFpbGFibGV9XG4gICAgICAgIHRlc3QtaWQ9e3Rlc3RJZCA/PyBkZWZhdWx0QnV0dG9uVGVzdElkfVxuICAgICAgICByZWY9e3JlZiBhcyBGb3J3YXJkZWRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+fVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvYnV0dG9uPlxuICAgICk7XG5cbiAgaWYgKHRvb2x0aXAgJiYgdG9vbHRpcC50aXRsZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB3aXRob3V0V3JhcHBlcj17dHJ1ZX0gbW91c2VFbnRlckRlbGF5PXsxLjV9IHsuLi50b29sdGlwfT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufSk7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSB3aXRoVGhlbWVQcm92aWRlcjxCdXR0b25Qcm9wcz4oQnV0dG9uQ29tcG9uZW50KTtcbiJdfQ== */"], children: children == null ? void 0 : children.toString() }),
|
|
50
50
|
iconPosition === "end" && currentIcon
|
|
51
51
|
] });
|
|
52
|
-
const buttonElement = currentVariant === "link" ? /* @__PURE__ */ jsx("a", { className, css: [buttonDefaultStyle.wrapper(theme), (_e = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _e.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:buttonElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIEZvcndhcmRlZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNPYmplY3QsIGlzVW5kZWZpbmVkIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHtcbiAgZGVmYXVsdEJ1dHRvblRlc3RJZCxcbiAgZGVmYXVsdExvYWRpbmdJY29uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRTdWZmaXgsXG4gIGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSxcbn0gZnJvbSBcIi4vQnV0dG9uLnV0aWxzXCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIi4uL1Rvb2x0aXBcIjtcblxudHlwZSBCdXR0b25FbGVtZW50ID0gSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudDtcblxuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxCdXR0b25FbGVtZW50LCBCdXR0b25Qcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGNsYXNzTmFtZSxcbiAgICB0eXBlLFxuICAgIHZhcmlhbnQsXG4gICAgY29sb3IsXG4gICAgbG9hZGluZyA9IGZhbHNlLFxuICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgYmxvY2sgPSBmYWxzZSxcbiAgICBzdHlsZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgaWNvbixcbiAgICBpY29uUG9zaXRpb24gPSBcInN0YXJ0XCIsXG4gICAgaHJlZixcbiAgICBvbkNsaWNrLFxuICAgIFwidGVzdC1pZFwiOiB0ZXN0SWQsXG4gICAgdG9vbHRpcCxcbiAgICAuLi5zdGFuZGFyZEF0dHJpYnV0ZXNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgY3VycmVudExvYWRpbmcsIGlzRGVsYXkgfSA9IHVzZUxvYWRpbmdEZWxheShsb2FkaW5nKTtcblxuICBjb25zdCBjdXJyZW50VmFyaWFudCA9IHZhcmlhbnQgPz8gZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlKHR5cGUpPy52YXJpYW50ID8/IFwib3V0bGluZWRcIjtcbiAgY29uc3QgY3VycmVudENvbG9yID0gY29sb3IgPz8gZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlKHR5cGUpPy5jb2xvciA/PyBcImRlZmF1bHRcIjtcblxuICBjb25zdCBidXR0b25EZWZhdWx0U3R5bGUgPSBnZXRCdXR0b25EZWZhdWx0U3R5bGUoe1xuICAgIHZhcmlhbnQ6IGN1cnJlbnRWYXJpYW50LFxuICAgIGNvbG9yOiBjdXJyZW50Q29sb3IsXG4gICAgbG9hZGluZzogY3VycmVudExvYWRpbmcsXG4gICAgYmxvY2ssXG4gICAgZGlzYWJsZWQsXG4gICAgaGFzSWNvbk9ubHk6IGlzVW5kZWZpbmVkKGNoaWxkcmVuKSAmJiAhaXNVbmRlZmluZWQoaWNvbiksXG4gIH0pO1xuXG4gIGNvbnN0IGN1cnJlbnRJY29uID1cbiAgICBjdXJyZW50TG9hZGluZyB8fCBpY29uID8gKFxuICAgICAgPHNwYW4gY3NzPXtbYnV0dG9uRGVmYXVsdFN0eWxlLmljb25XcmFwcGVyKHRoZW1lKSwgc3R5bGVzPy5pY29uV3JhcHBlcj8uKHRoZW1lKV19PlxuICAgICAgICB7Y3VycmVudExvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdPdXRsaW5lZFxuICAgICAgICAgICAgdGVzdC1pZD17XG4gICAgICAgICAgICAgIHRlc3RJZCA/IGAke3Rlc3RJZH0ke2RlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeH1gIDogZGVmYXVsdExvYWRpbmdJY29uVGVzdElkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBpY29uXG4gICAgICAgICl9XG4gICAgICA8L3NwYW4+XG4gICAgKSA6IG51bGw7XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8PlxuICAgICAge2ljb25Qb3NpdGlvbiA9PT0gXCJzdGFydFwiICYmIGN1cnJlbnRJY29ufVxuICAgICAge2lzVW5kZWZpbmVkKGNoaWxkcmVuKSB8fCBpc09iamVjdChjaGlsZHJlbikgPyAoXG4gICAgICAgIGNoaWxkcmVuXG4gICAgICApIDogKFxuICAgICAgICA8c3BhbiBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUudGV4dFdyYXBwZXIoKSwgc3R5bGVzPy50ZXh0V3JhcHBlcj8uKHRoZW1lKV19PlxuICAgICAgICAgIHtjaGlsZHJlbj8udG9TdHJpbmcoKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwiZW5kXCIgJiYgY3VycmVudEljb259XG4gICAgPC8+XG4gICk7XG5cbiAgY29uc3QgYnV0dG9uRWxlbWVudCA9XG4gICAgY3VycmVudFZhcmlhbnQgPT09IFwibGlua1wiID8gKFxuICAgICAgPGFcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIHJlZj17cmVmIGFzIEZvcndhcmRlZFJlZjxIVE1MQW5jaG9yRWxlbWVudD59XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBjdXJyZW50TG9hZGluZyB8fCBpc0RlbGF5fVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgICAgcmVmPXtyZWYgYXMgRm9yd2FyZGVkUmVmPEhUTUxCdXR0b25FbGVtZW50Pn1cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuXG4gIGlmICh0b29sdGlwICYmIHRvb2x0aXAudGl0bGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgd2l0aG91dFdyYXBwZXI9e3RydWV9IHsuLi50b29sdGlwfT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufSk7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSB3aXRoVGhlbWVQcm92aWRlcjxCdXR0b25Qcm9wcz4oQnV0dG9uQ29tcG9uZW50KTtcbiJdfQ== */"], href, "test-id": testId ?? defaultButtonTestId, onClick, ref, children: content }) : /* @__PURE__ */ jsx("button", { ...standardAttributes, className, css: [buttonDefaultStyle.wrapper(theme), (_f = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _f.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:buttonElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUdRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIEZvcndhcmRlZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNPYmplY3QsIGlzVW5kZWZpbmVkIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHtcbiAgZGVmYXVsdEJ1dHRvblRlc3RJZCxcbiAgZGVmYXVsdExvYWRpbmdJY29uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRTdWZmaXgsXG4gIGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSxcbn0gZnJvbSBcIi4vQnV0dG9uLnV0aWxzXCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIi4uL1Rvb2x0aXBcIjtcblxudHlwZSBCdXR0b25FbGVtZW50ID0gSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudDtcblxuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxCdXR0b25FbGVtZW50LCBCdXR0b25Qcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGNsYXNzTmFtZSxcbiAgICB0eXBlLFxuICAgIHZhcmlhbnQsXG4gICAgY29sb3IsXG4gICAgbG9hZGluZyA9IGZhbHNlLFxuICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgYmxvY2sgPSBmYWxzZSxcbiAgICBzdHlsZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgaWNvbixcbiAgICBpY29uUG9zaXRpb24gPSBcInN0YXJ0XCIsXG4gICAgaHJlZixcbiAgICBvbkNsaWNrLFxuICAgIFwidGVzdC1pZFwiOiB0ZXN0SWQsXG4gICAgdG9vbHRpcCxcbiAgICAuLi5zdGFuZGFyZEF0dHJpYnV0ZXNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgY3VycmVudExvYWRpbmcsIGlzRGVsYXkgfSA9IHVzZUxvYWRpbmdEZWxheShsb2FkaW5nKTtcblxuICBjb25zdCBjdXJyZW50VmFyaWFudCA9IHZhcmlhbnQgPz8gZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlKHR5cGUpPy52YXJpYW50ID8/IFwib3V0bGluZWRcIjtcbiAgY29uc3QgY3VycmVudENvbG9yID0gY29sb3IgPz8gZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlKHR5cGUpPy5jb2xvciA/PyBcImRlZmF1bHRcIjtcblxuICBjb25zdCBidXR0b25EZWZhdWx0U3R5bGUgPSBnZXRCdXR0b25EZWZhdWx0U3R5bGUoe1xuICAgIHZhcmlhbnQ6IGN1cnJlbnRWYXJpYW50LFxuICAgIGNvbG9yOiBjdXJyZW50Q29sb3IsXG4gICAgbG9hZGluZzogY3VycmVudExvYWRpbmcsXG4gICAgYmxvY2ssXG4gICAgZGlzYWJsZWQsXG4gICAgaGFzSWNvbk9ubHk6IGlzVW5kZWZpbmVkKGNoaWxkcmVuKSAmJiAhaXNVbmRlZmluZWQoaWNvbiksXG4gIH0pO1xuXG4gIGNvbnN0IGN1cnJlbnRJY29uID1cbiAgICBjdXJyZW50TG9hZGluZyB8fCBpY29uID8gKFxuICAgICAgPHNwYW4gY3NzPXtbYnV0dG9uRGVmYXVsdFN0eWxlLmljb25XcmFwcGVyKHRoZW1lKSwgc3R5bGVzPy5pY29uV3JhcHBlcj8uKHRoZW1lKV19PlxuICAgICAgICB7Y3VycmVudExvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdPdXRsaW5lZFxuICAgICAgICAgICAgdGVzdC1pZD17XG4gICAgICAgICAgICAgIHRlc3RJZCA/IGAke3Rlc3RJZH0ke2RlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeH1gIDogZGVmYXVsdExvYWRpbmdJY29uVGVzdElkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBpY29uXG4gICAgICAgICl9XG4gICAgICA8L3NwYW4+XG4gICAgKSA6IG51bGw7XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8PlxuICAgICAge2ljb25Qb3NpdGlvbiA9PT0gXCJzdGFydFwiICYmIGN1cnJlbnRJY29ufVxuICAgICAge2lzVW5kZWZpbmVkKGNoaWxkcmVuKSB8fCBpc09iamVjdChjaGlsZHJlbikgPyAoXG4gICAgICAgIGNoaWxkcmVuXG4gICAgICApIDogKFxuICAgICAgICA8c3BhbiBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUudGV4dFdyYXBwZXIoKSwgc3R5bGVzPy50ZXh0V3JhcHBlcj8uKHRoZW1lKV19PlxuICAgICAgICAgIHtjaGlsZHJlbj8udG9TdHJpbmcoKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwiZW5kXCIgJiYgY3VycmVudEljb259XG4gICAgPC8+XG4gICk7XG5cbiAgY29uc3QgYnV0dG9uRWxlbWVudCA9XG4gICAgY3VycmVudFZhcmlhbnQgPT09IFwibGlua1wiID8gKFxuICAgICAgPGFcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIHJlZj17cmVmIGFzIEZvcndhcmRlZFJlZjxIVE1MQW5jaG9yRWxlbWVudD59XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBjdXJyZW50TG9hZGluZyB8fCBpc0RlbGF5fVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgICAgcmVmPXtyZWYgYXMgRm9yd2FyZGVkUmVmPEhUTUxCdXR0b25FbGVtZW50Pn1cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuXG4gIGlmICh0b29sdGlwICYmIHRvb2x0aXAudGl0bGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgd2l0aG91dFdyYXBwZXI9e3RydWV9IHsuLi50b29sdGlwfT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufSk7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSB3aXRoVGhlbWVQcm92aWRlcjxCdXR0b25Qcm9wcz4oQnV0dG9uQ29tcG9uZW50KTtcbiJdfQ== */"], onClick, disabled: disabled || currentLoading || isDelay, "test-id": testId ?? defaultButtonTestId, ref, children: content });
|
|
52
|
+
const isNotAvailable = disabled || currentLoading || isDelay;
|
|
53
|
+
const handleClick = (e) => {
|
|
54
|
+
if (isNotAvailable) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
onClick == null ? void 0 : onClick(e);
|
|
58
|
+
};
|
|
59
|
+
const buttonElement = currentVariant === "link" ? /* @__PURE__ */ jsx("a", { className, css: [buttonDefaultStyle.wrapper(theme), (_e = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _e.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:buttonElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIEZvcndhcmRlZFJlZiwgdHlwZSBNb3VzZUV2ZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4vQnV0dG9uLnR5cGVzXCI7XG5pbXBvcnQgeyBnZXRCdXR0b25EZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9CdXR0b24uc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgd2l0aFRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiaG9jcy93aXRoVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgTG9hZGluZ091dGxpbmVkIH0gZnJvbSBcImljb25zL2ljb25zXCI7XG5pbXBvcnQgeyB1c2VMb2FkaW5nRGVsYXkgfSBmcm9tIFwiaG9va3MvdXNlTG9hZGluZ0RlbGF5XCI7XG5pbXBvcnQgeyBpc09iamVjdCwgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG50eXBlIEJ1dHRvbkVsZW1lbnQgPSBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50O1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQgPSBmb3J3YXJkUmVmPEJ1dHRvbkVsZW1lbnQsIEJ1dHRvblByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NOYW1lLFxuICAgIHR5cGUsXG4gICAgdmFyaWFudCxcbiAgICBjb2xvcixcbiAgICBsb2FkaW5nID0gZmFsc2UsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICBibG9jayA9IGZhbHNlLFxuICAgIHN0eWxlcyxcbiAgICBjaGlsZHJlbixcbiAgICBpY29uLFxuICAgIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgICBocmVmLFxuICAgIG9uQ2xpY2ssXG4gICAgXCJ0ZXN0LWlkXCI6IHRlc3RJZCxcbiAgICB0b29sdGlwLFxuICAgIC4uLnN0YW5kYXJkQXR0cmlidXRlc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBjdXJyZW50TG9hZGluZywgaXNEZWxheSB9ID0gdXNlTG9hZGluZ0RlbGF5KGxvYWRpbmcpO1xuXG4gIGNvbnN0IGN1cnJlbnRWYXJpYW50ID0gdmFyaWFudCA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LnZhcmlhbnQgPz8gXCJvdXRsaW5lZFwiO1xuICBjb25zdCBjdXJyZW50Q29sb3IgPSBjb2xvciA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LmNvbG9yID8/IFwiZGVmYXVsdFwiO1xuXG4gIGNvbnN0IGJ1dHRvbkRlZmF1bHRTdHlsZSA9IGdldEJ1dHRvbkRlZmF1bHRTdHlsZSh7XG4gICAgdmFyaWFudDogY3VycmVudFZhcmlhbnQsXG4gICAgY29sb3I6IGN1cnJlbnRDb2xvcixcbiAgICBsb2FkaW5nOiBjdXJyZW50TG9hZGluZyxcbiAgICBibG9jayxcbiAgICBkaXNhYmxlZCxcbiAgICBoYXNJY29uT25seTogaXNVbmRlZmluZWQoY2hpbGRyZW4pICYmICFpc1VuZGVmaW5lZChpY29uKSxcbiAgfSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPVxuICAgIGN1cnJlbnRMb2FkaW5nIHx8IGljb24gPyAoXG4gICAgICA8c3BhbiBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ091dGxpbmVkXG4gICAgICAgICAgICB0ZXN0LWlkPXtcbiAgICAgICAgICAgICAgdGVzdElkID8gYCR7dGVzdElkfSR7ZGVmYXVsdExvYWRpbmdJY29uVGVzdElkU3VmZml4fWAgOiBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGljb25cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDw+XG4gICAgICB7aWNvblBvc2l0aW9uID09PSBcInN0YXJ0XCIgJiYgY3VycmVudEljb259XG4gICAgICB7aXNVbmRlZmluZWQoY2hpbGRyZW4pIHx8IGlzT2JqZWN0KGNoaWxkcmVuKSA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgICkgOiAoXG4gICAgICAgIDxzcGFuIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS50ZXh0V3JhcHBlcigpLCBzdHlsZXM/LnRleHRXcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgICAge2NoaWxkcmVuPy50b1N0cmluZygpfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge2ljb25Qb3NpdGlvbiA9PT0gXCJlbmRcIiAmJiBjdXJyZW50SWNvbn1cbiAgICA8Lz5cbiAgKTtcblxuICBjb25zdCBpc05vdEF2YWlsYWJsZSA9IGRpc2FibGVkIHx8IGN1cnJlbnRMb2FkaW5nIHx8IGlzRGVsYXk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZTogTW91c2VFdmVudCkgPT4ge1xuICAgIGlmIChpc05vdEF2YWlsYWJsZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIG9uQ2xpY2s/LihlKTtcbiAgfTtcblxuICBjb25zdCBidXR0b25FbGVtZW50ID1cbiAgICBjdXJyZW50VmFyaWFudCA9PT0gXCJsaW5rXCIgPyAoXG4gICAgICA8YVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbYnV0dG9uRGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIHJlZj17cmVmIGFzIEZvcndhcmRlZFJlZjxIVE1MQW5jaG9yRWxlbWVudD59XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17aXNOb3RBdmFpbGFibGV9XG4gICAgICAgIHRlc3QtaWQ9e3Rlc3RJZCA/PyBkZWZhdWx0QnV0dG9uVGVzdElkfVxuICAgICAgICByZWY9e3JlZiBhcyBGb3J3YXJkZWRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+fVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvYnV0dG9uPlxuICAgICk7XG5cbiAgaWYgKHRvb2x0aXAgJiYgdG9vbHRpcC50aXRsZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB3aXRob3V0V3JhcHBlcj17dHJ1ZX0gbW91c2VFbnRlckRlbGF5PXsxLjV9IHsuLi50b29sdGlwfT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufSk7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSB3aXRoVGhlbWVQcm92aWRlcjxCdXR0b25Qcm9wcz4oQnV0dG9uQ29tcG9uZW50KTtcbiJdfQ== */"], href, "test-id": testId ?? defaultButtonTestId, onClick: handleClick, ref, children: content }) : /* @__PURE__ */ jsx("button", { ...standardAttributes, className, css: [buttonDefaultStyle.wrapper(theme), (_f = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _f.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:buttonElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkdRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIEZvcndhcmRlZFJlZiwgdHlwZSBNb3VzZUV2ZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4vQnV0dG9uLnR5cGVzXCI7XG5pbXBvcnQgeyBnZXRCdXR0b25EZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9CdXR0b24uc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgd2l0aFRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiaG9jcy93aXRoVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgTG9hZGluZ091dGxpbmVkIH0gZnJvbSBcImljb25zL2ljb25zXCI7XG5pbXBvcnQgeyB1c2VMb2FkaW5nRGVsYXkgfSBmcm9tIFwiaG9va3MvdXNlTG9hZGluZ0RlbGF5XCI7XG5pbXBvcnQgeyBpc09iamVjdCwgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG50eXBlIEJ1dHRvbkVsZW1lbnQgPSBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50O1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQgPSBmb3J3YXJkUmVmPEJ1dHRvbkVsZW1lbnQsIEJ1dHRvblByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NOYW1lLFxuICAgIHR5cGUsXG4gICAgdmFyaWFudCxcbiAgICBjb2xvcixcbiAgICBsb2FkaW5nID0gZmFsc2UsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICBibG9jayA9IGZhbHNlLFxuICAgIHN0eWxlcyxcbiAgICBjaGlsZHJlbixcbiAgICBpY29uLFxuICAgIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgICBocmVmLFxuICAgIG9uQ2xpY2ssXG4gICAgXCJ0ZXN0LWlkXCI6IHRlc3RJZCxcbiAgICB0b29sdGlwLFxuICAgIC4uLnN0YW5kYXJkQXR0cmlidXRlc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBjdXJyZW50TG9hZGluZywgaXNEZWxheSB9ID0gdXNlTG9hZGluZ0RlbGF5KGxvYWRpbmcpO1xuXG4gIGNvbnN0IGN1cnJlbnRWYXJpYW50ID0gdmFyaWFudCA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LnZhcmlhbnQgPz8gXCJvdXRsaW5lZFwiO1xuICBjb25zdCBjdXJyZW50Q29sb3IgPSBjb2xvciA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LmNvbG9yID8/IFwiZGVmYXVsdFwiO1xuXG4gIGNvbnN0IGJ1dHRvbkRlZmF1bHRTdHlsZSA9IGdldEJ1dHRvbkRlZmF1bHRTdHlsZSh7XG4gICAgdmFyaWFudDogY3VycmVudFZhcmlhbnQsXG4gICAgY29sb3I6IGN1cnJlbnRDb2xvcixcbiAgICBsb2FkaW5nOiBjdXJyZW50TG9hZGluZyxcbiAgICBibG9jayxcbiAgICBkaXNhYmxlZCxcbiAgICBoYXNJY29uT25seTogaXNVbmRlZmluZWQoY2hpbGRyZW4pICYmICFpc1VuZGVmaW5lZChpY29uKSxcbiAgfSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPVxuICAgIGN1cnJlbnRMb2FkaW5nIHx8IGljb24gPyAoXG4gICAgICA8c3BhbiBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ091dGxpbmVkXG4gICAgICAgICAgICB0ZXN0LWlkPXtcbiAgICAgICAgICAgICAgdGVzdElkID8gYCR7dGVzdElkfSR7ZGVmYXVsdExvYWRpbmdJY29uVGVzdElkU3VmZml4fWAgOiBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGljb25cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDw+XG4gICAgICB7aWNvblBvc2l0aW9uID09PSBcInN0YXJ0XCIgJiYgY3VycmVudEljb259XG4gICAgICB7aXNVbmRlZmluZWQoY2hpbGRyZW4pIHx8IGlzT2JqZWN0KGNoaWxkcmVuKSA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgICkgOiAoXG4gICAgICAgIDxzcGFuIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS50ZXh0V3JhcHBlcigpLCBzdHlsZXM/LnRleHRXcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgICAge2NoaWxkcmVuPy50b1N0cmluZygpfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge2ljb25Qb3NpdGlvbiA9PT0gXCJlbmRcIiAmJiBjdXJyZW50SWNvbn1cbiAgICA8Lz5cbiAgKTtcblxuICBjb25zdCBpc05vdEF2YWlsYWJsZSA9IGRpc2FibGVkIHx8IGN1cnJlbnRMb2FkaW5nIHx8IGlzRGVsYXk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZTogTW91c2VFdmVudCkgPT4ge1xuICAgIGlmIChpc05vdEF2YWlsYWJsZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIG9uQ2xpY2s/LihlKTtcbiAgfTtcblxuICBjb25zdCBidXR0b25FbGVtZW50ID1cbiAgICBjdXJyZW50VmFyaWFudCA9PT0gXCJsaW5rXCIgPyAoXG4gICAgICA8YVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbYnV0dG9uRGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIHJlZj17cmVmIGFzIEZvcndhcmRlZFJlZjxIVE1MQW5jaG9yRWxlbWVudD59XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17aXNOb3RBdmFpbGFibGV9XG4gICAgICAgIHRlc3QtaWQ9e3Rlc3RJZCA/PyBkZWZhdWx0QnV0dG9uVGVzdElkfVxuICAgICAgICByZWY9e3JlZiBhcyBGb3J3YXJkZWRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+fVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvYnV0dG9uPlxuICAgICk7XG5cbiAgaWYgKHRvb2x0aXAgJiYgdG9vbHRpcC50aXRsZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB3aXRob3V0V3JhcHBlcj17dHJ1ZX0gbW91c2VFbnRlckRlbGF5PXsxLjV9IHsuLi50b29sdGlwfT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufSk7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSB3aXRoVGhlbWVQcm92aWRlcjxCdXR0b25Qcm9wcz4oQnV0dG9uQ29tcG9uZW50KTtcbiJdfQ== */"], onClick: handleClick, disabled: isNotAvailable, "test-id": testId ?? defaultButtonTestId, ref, children: content });
|
|
53
60
|
if (tooltip && tooltip.title) {
|
|
54
|
-
return /* @__PURE__ */ jsx(Tooltip, { withoutWrapper: true, ...tooltip, children: buttonElement });
|
|
61
|
+
return /* @__PURE__ */ jsx(Tooltip, { withoutWrapper: true, mouseEnterDelay: 1.5, ...tooltip, children: buttonElement });
|
|
55
62
|
}
|
|
56
63
|
return buttonElement;
|
|
57
64
|
});
|
|
@@ -76,7 +76,6 @@ const getWrapperOutlinedStyle = (theme, color, disabled, borderStyle = "solid")
|
|
|
76
76
|
border: `1px ${borderStyle} ${buttonTokens.buttonDefaultBorder}`,
|
|
77
77
|
background: buttonTokens.buttonDisabledBg,
|
|
78
78
|
color: buttonTokens.buttonDisabledText,
|
|
79
|
-
pointerEvents: "none",
|
|
80
79
|
":hover": {},
|
|
81
80
|
":active": {}
|
|
82
81
|
};
|
|
@@ -200,7 +199,7 @@ const getButtonDefaultStyle = ({
|
|
|
200
199
|
height: theme.controlHeightM,
|
|
201
200
|
boxSizing: "border-box",
|
|
202
201
|
opacity: loading ? theme.opacityLoading : 1,
|
|
203
|
-
cursor: disabled || loading ? "
|
|
202
|
+
cursor: disabled || loading ? "not-allowed" : "pointer",
|
|
204
203
|
...getHasIconOnlyStyle(theme, hasIconOnly),
|
|
205
204
|
...theme.typography.body2
|
|
206
205
|
};
|
|
@@ -48,7 +48,7 @@ const SubMenu = memo(({
|
|
|
48
48
|
const closeSubMenu = useCallback(() => {
|
|
49
49
|
context.closeSubMenu(itemKey);
|
|
50
50
|
}, [context, itemKey]);
|
|
51
|
-
const
|
|
51
|
+
const handlePointerEnter = useMemo(() => {
|
|
52
52
|
if (triggerSubMenuAction !== "hover") {
|
|
53
53
|
return;
|
|
54
54
|
}
|
|
@@ -63,7 +63,7 @@ const SubMenu = memo(({
|
|
|
63
63
|
timerId.current = setTimeout(showSubMenu, convertSecondsToMilliseconds(context.subMenuOpenDelay ?? 0));
|
|
64
64
|
};
|
|
65
65
|
}, [context.subMenuOpenDelay, disabled, showSubMenu, triggerSubMenuAction]);
|
|
66
|
-
const
|
|
66
|
+
const handlePointerLeave = useMemo(() => {
|
|
67
67
|
if (triggerSubMenuAction !== "hover") {
|
|
68
68
|
return;
|
|
69
69
|
}
|
|
@@ -118,7 +118,7 @@ const SubMenu = memo(({
|
|
|
118
118
|
document.body.addEventListener("mouseup", handleMouseUp);
|
|
119
119
|
return () => document.body.removeEventListener("mouseup", handleMouseUp);
|
|
120
120
|
}, [handleMouseUp]);
|
|
121
|
-
return /* @__PURE__ */ jsxs("div", { ref: refs.setReference, ...getReferenceProps,
|
|
121
|
+
return /* @__PURE__ */ jsxs("div", { ref: refs.setReference, ...getReferenceProps, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onClick: handleClick, children: [
|
|
122
122
|
/* @__PURE__ */ jsx(Item, { label, icon, selected, isSubMenuItem: true, disabled }, itemKey),
|
|
123
123
|
!isStepMode && (isOpen || !!context.forceSubMenuRender) && /* @__PURE__ */ jsx("div", { ref: refs.setFloating, style: {
|
|
124
124
|
...floatingStyles,
|
|
@@ -16,7 +16,7 @@ export declare const getPickerDatePanelStyle: (pickerTokens: PickerTokens, theme
|
|
|
16
16
|
animationIterationCount?: import("csstype").Property.AnimationIterationCount | readonly NonNullable<import("csstype").Property.AnimationIterationCount | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "infinite")[] | undefined;
|
|
17
17
|
animationName?: readonly string[] | import("csstype").Property.AnimationName | readonly import("csstype").Property.AnimationName[] | undefined;
|
|
18
18
|
animationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
|
|
19
|
-
animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | readonly NonNullable<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>[] |
|
|
19
|
+
animationRangeEnd?: readonly (string | (string & {}))[] | import("csstype").Property.AnimationRangeEnd<string | number> | readonly NonNullable<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>[] | undefined;
|
|
20
20
|
animationRangeStart?: readonly (string | (string & {}))[] | import("csstype").Property.AnimationRangeStart<string | number> | readonly NonNullable<import("csstype").Property.AnimationRangeStart<string | number> | undefined>[] | undefined;
|
|
21
21
|
animationTimeline?: readonly string[] | import("csstype").Property.AnimationTimeline | readonly import("csstype").Property.AnimationTimeline[] | undefined;
|
|
22
22
|
animationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
|
|
@@ -263,7 +263,7 @@ export declare const getPickerDatePanelStyle: (pickerTokens: PickerTokens, theme
|
|
|
263
263
|
overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | readonly NonNullable<import("csstype").Property.OverscrollBehaviorY | undefined>[] | readonly import("csstype").Property.OverscrollBehaviorY[] | undefined;
|
|
264
264
|
paddingBlockEnd?: readonly (string | (string & {}))[] | import("csstype").Property.PaddingBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.PaddingBlockEnd<string | number> | undefined>[] | undefined;
|
|
265
265
|
paddingBlockStart?: readonly (string | (string & {}))[] | import("csstype").Property.PaddingBlockStart<string | number> | readonly NonNullable<import("csstype").Property.PaddingBlockStart<string | number> | undefined>[] | undefined;
|
|
266
|
-
paddingBottom?:
|
|
266
|
+
paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | readonly NonNullable<import("csstype").Property.PaddingBottom<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
|
|
267
267
|
paddingInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.PaddingInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>[] | undefined;
|
|
268
268
|
paddingInlineStart?: readonly (string | (string & {}))[] | import("csstype").Property.PaddingInlineStart<string | number> | readonly NonNullable<import("csstype").Property.PaddingInlineStart<string | number> | undefined>[] | undefined;
|
|
269
269
|
paddingLeft?: readonly (string | (string & {}))[] | import("csstype").Property.PaddingLeft<string | number> | readonly NonNullable<import("csstype").Property.PaddingLeft<string | number> | undefined>[] | undefined;
|
|
@@ -35,7 +35,7 @@ export declare const getPopupStyle: (pickerTokens: PickerTokens) => (theme: Them
|
|
|
35
35
|
animationIterationCount?: import("csstype").Property.AnimationIterationCount | readonly NonNullable<import("csstype").Property.AnimationIterationCount | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "infinite")[] | undefined;
|
|
36
36
|
animationName?: readonly string[] | import("csstype").Property.AnimationName | readonly import("csstype").Property.AnimationName[] | undefined;
|
|
37
37
|
animationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
|
|
38
|
-
animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | readonly NonNullable<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>[] |
|
|
38
|
+
animationRangeEnd?: readonly (string | (string & {}))[] | import("csstype").Property.AnimationRangeEnd<string | number> | readonly NonNullable<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>[] | undefined;
|
|
39
39
|
animationRangeStart?: readonly (string | (string & {}))[] | import("csstype").Property.AnimationRangeStart<string | number> | readonly NonNullable<import("csstype").Property.AnimationRangeStart<string | number> | undefined>[] | undefined;
|
|
40
40
|
animationTimeline?: readonly string[] | import("csstype").Property.AnimationTimeline | readonly import("csstype").Property.AnimationTimeline[] | undefined;
|
|
41
41
|
animationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
|
|
@@ -282,7 +282,7 @@ export declare const getPopupStyle: (pickerTokens: PickerTokens) => (theme: Them
|
|
|
282
282
|
overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | readonly NonNullable<import("csstype").Property.OverscrollBehaviorY | undefined>[] | readonly import("csstype").Property.OverscrollBehaviorY[] | undefined;
|
|
283
283
|
paddingBlockEnd?: readonly (string | (string & {}))[] | import("csstype").Property.PaddingBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.PaddingBlockEnd<string | number> | undefined>[] | undefined;
|
|
284
284
|
paddingBlockStart?: readonly (string | (string & {}))[] | import("csstype").Property.PaddingBlockStart<string | number> | readonly NonNullable<import("csstype").Property.PaddingBlockStart<string | number> | undefined>[] | undefined;
|
|
285
|
-
paddingBottom?:
|
|
285
|
+
paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | readonly NonNullable<import("csstype").Property.PaddingBottom<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
|
|
286
286
|
paddingInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.PaddingInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>[] | undefined;
|
|
287
287
|
paddingInlineStart?: readonly (string | (string & {}))[] | import("csstype").Property.PaddingInlineStart<string | number> | readonly NonNullable<import("csstype").Property.PaddingInlineStart<string | number> | undefined>[] | undefined;
|
|
288
288
|
paddingLeft?: readonly (string | (string & {}))[] | import("csstype").Property.PaddingLeft<string | number> | readonly NonNullable<import("csstype").Property.PaddingLeft<string | number> | undefined>[] | undefined;
|
|
@@ -4,6 +4,7 @@ import { BaseTooltip } from "../BaseTooltip/BaseTooltip.js";
|
|
|
4
4
|
import { withThemeProvider } from "../../hocs/withThemeProvider.js";
|
|
5
5
|
import { PopconfirmFloatingElement } from "./components/PopconfirmFloatingElement/PopconfirmFloatingElement.js";
|
|
6
6
|
import { getPopconfirmTokens } from "./Popconfirm.tokens.js";
|
|
7
|
+
import { isEmpty } from "../BaseTooltip/BaseTooltip.utils.js";
|
|
7
8
|
import { useTheme } from "../../hooks/useTheme/useTheme.js";
|
|
8
9
|
const PopconfirmComponent = memo(({
|
|
9
10
|
title,
|
|
@@ -31,6 +32,9 @@ const PopconfirmComponent = memo(({
|
|
|
31
32
|
const theme = useTheme();
|
|
32
33
|
const tokens = getPopconfirmTokens(theme);
|
|
33
34
|
const isOpen = open ?? (disabled ? false : void 0);
|
|
35
|
+
if (isEmpty(title) && isEmpty(description)) {
|
|
36
|
+
return children;
|
|
37
|
+
}
|
|
34
38
|
return /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, open: isOpen, trigger, floatingElement: /* @__PURE__ */ jsx(PopconfirmFloatingElement, { title, description, styles: styles == null ? void 0 : styles.content, icon, showCancel, cancelButtonProps, cancelText, okButtonProps, okText, onCancel, onConfirm, onPopupClick }), arrowColor: tokens.popconfirmBg, styles: styles == null ? void 0 : styles.tooltip, children });
|
|
35
39
|
});
|
|
36
40
|
const Popconfirm = withThemeProvider(PopconfirmComponent);
|
|
@@ -34,17 +34,19 @@ export declare const popconfirmFloatingElementStyle: {
|
|
|
34
34
|
readonly flexDirection: "column";
|
|
35
35
|
};
|
|
36
36
|
titleWrapper: (theme: Theme) => {
|
|
37
|
-
fontFamily: "Roboto";
|
|
38
|
-
fontWeight: 500;
|
|
39
|
-
fontSize: 14;
|
|
40
|
-
lineHeight: "20px";
|
|
41
|
-
color: "#262626";
|
|
37
|
+
readonly fontFamily: "Roboto";
|
|
38
|
+
readonly fontWeight: 500;
|
|
39
|
+
readonly fontSize: 14;
|
|
40
|
+
readonly lineHeight: "20px";
|
|
41
|
+
readonly color: "#262626";
|
|
42
|
+
readonly wordBreak: "break-all";
|
|
42
43
|
};
|
|
43
44
|
descriptionWrapper: (theme: Theme) => {
|
|
44
|
-
fontFamily: "Roboto";
|
|
45
|
-
fontSize: 14;
|
|
46
|
-
lineHeight: "20px";
|
|
47
|
-
color: "#262626";
|
|
45
|
+
readonly fontFamily: "Roboto";
|
|
46
|
+
readonly fontSize: 14;
|
|
47
|
+
readonly lineHeight: "20px";
|
|
48
|
+
readonly color: "#262626";
|
|
49
|
+
readonly wordBreak: "break-all";
|
|
48
50
|
};
|
|
49
51
|
buttonsWrapper: (theme: Theme) => {
|
|
50
52
|
display: string;
|
|
@@ -41,6 +41,7 @@ const popconfirmFloatingElementStyle = {
|
|
|
41
41
|
const tokens = getPopconfirmTokens(theme);
|
|
42
42
|
return {
|
|
43
43
|
color: tokens.popconfirmText,
|
|
44
|
+
wordBreak: "break-all",
|
|
44
45
|
...theme.typography.subheader1
|
|
45
46
|
};
|
|
46
47
|
},
|
|
@@ -48,6 +49,7 @@ const popconfirmFloatingElementStyle = {
|
|
|
48
49
|
const tokens = getPopconfirmTokens(theme);
|
|
49
50
|
return {
|
|
50
51
|
color: tokens.popconfirmText,
|
|
52
|
+
wordBreak: "break-all",
|
|
51
53
|
...theme.typography.body2
|
|
52
54
|
};
|
|
53
55
|
},
|
|
@@ -4,6 +4,7 @@ import { getPopoverTokens } from "./Popover.tokens.js";
|
|
|
4
4
|
import { BaseTooltip } from "../BaseTooltip/BaseTooltip.js";
|
|
5
5
|
import { PopoverFloatingElement } from "./component/PopoverFloatingElement/PopoverFloatingElement.js";
|
|
6
6
|
import { withThemeProvider } from "../../hocs/withThemeProvider.js";
|
|
7
|
+
import { isEmpty } from "../BaseTooltip/BaseTooltip.utils.js";
|
|
7
8
|
import { useTheme } from "../../hooks/useTheme/useTheme.js";
|
|
8
9
|
const PopoverComponent = memo(({
|
|
9
10
|
title,
|
|
@@ -15,6 +16,9 @@ const PopoverComponent = memo(({
|
|
|
15
16
|
}) => {
|
|
16
17
|
const theme = useTheme();
|
|
17
18
|
const popoverTokens = getPopoverTokens(theme);
|
|
19
|
+
if (isEmpty(title) && isEmpty(content)) {
|
|
20
|
+
return children;
|
|
21
|
+
}
|
|
18
22
|
return /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, floatingElement: /* @__PURE__ */ jsx(PopoverFloatingElement, { title, content, styles: styles == null ? void 0 : styles.content }), arrowColor: popoverTokens.popoverBg, trigger: [trigger], styles: styles == null ? void 0 : styles.tooltip, children });
|
|
19
23
|
});
|
|
20
24
|
const Popover = withThemeProvider(PopoverComponent);
|
package/dist/components/Popover/component/PopoverFloatingElement/PopoverFloatingElement.styles.d.ts
CHANGED
|
@@ -17,16 +17,18 @@ export declare const popoverFloatingElementDefaultStyle: {
|
|
|
17
17
|
readonly color: "#262626";
|
|
18
18
|
};
|
|
19
19
|
titleWrapper: (theme: Theme) => {
|
|
20
|
-
fontFamily: "Roboto";
|
|
21
|
-
fontWeight: 500;
|
|
22
|
-
fontSize: 14;
|
|
23
|
-
lineHeight: "20px";
|
|
24
|
-
color: "#262626";
|
|
20
|
+
readonly fontFamily: "Roboto";
|
|
21
|
+
readonly fontWeight: 500;
|
|
22
|
+
readonly fontSize: 14;
|
|
23
|
+
readonly lineHeight: "20px";
|
|
24
|
+
readonly color: "#262626";
|
|
25
|
+
readonly wordBreak: "break-all";
|
|
25
26
|
};
|
|
26
27
|
contentWrapper: (theme: Theme) => {
|
|
27
|
-
fontFamily: "Roboto";
|
|
28
|
-
fontSize: 14;
|
|
29
|
-
lineHeight: "20px";
|
|
30
|
-
color: "#262626";
|
|
28
|
+
readonly fontFamily: "Roboto";
|
|
29
|
+
readonly fontSize: 14;
|
|
30
|
+
readonly lineHeight: "20px";
|
|
31
|
+
readonly color: "#262626";
|
|
32
|
+
readonly wordBreak: "break-all";
|
|
31
33
|
};
|
|
32
34
|
};
|
package/dist/components/Popover/component/PopoverFloatingElement/PopoverFloatingElement.styles.js
CHANGED
|
@@ -21,6 +21,7 @@ const popoverFloatingElementDefaultStyle = {
|
|
|
21
21
|
const popoverTokens = getPopoverTokens(theme);
|
|
22
22
|
return {
|
|
23
23
|
color: popoverTokens.popoverText,
|
|
24
|
+
wordBreak: "break-all",
|
|
24
25
|
...theme.typography.subheader1
|
|
25
26
|
};
|
|
26
27
|
},
|
|
@@ -28,6 +29,7 @@ const popoverFloatingElementDefaultStyle = {
|
|
|
28
29
|
const popoverTokens = getPopoverTokens(theme);
|
|
29
30
|
return {
|
|
30
31
|
color: popoverTokens.popoverText,
|
|
32
|
+
wordBreak: "break-all",
|
|
31
33
|
...theme.typography.body2
|
|
32
34
|
};
|
|
33
35
|
}
|
|
@@ -33,7 +33,7 @@ export declare const getTabItemStyle: (iconOnly: boolean, disabled: boolean, sel
|
|
|
33
33
|
childrenWrapper: (theme: Theme) => {
|
|
34
34
|
readonly color: "#262626";
|
|
35
35
|
readonly padding: "12px 0";
|
|
36
|
-
readonly visibility: "
|
|
36
|
+
readonly visibility: "visible" | "hidden";
|
|
37
37
|
readonly position: "absolute" | "relative";
|
|
38
38
|
readonly fontFamily: "Roboto";
|
|
39
39
|
readonly fontSize: 14;
|
|
@@ -4,6 +4,7 @@ import { BaseTooltip } from "../BaseTooltip/BaseTooltip.js";
|
|
|
4
4
|
import { TooltipFloatingElement } from "./components/TooltipFloatingElement/TooltipFloatingElement.js";
|
|
5
5
|
import { getTooltipTokens } from "./Tooltip.tokens.js";
|
|
6
6
|
import { withThemeProvider } from "../../hocs/withThemeProvider.js";
|
|
7
|
+
import { isNil } from "lodash-es";
|
|
7
8
|
import { useTheme } from "../../hooks/useTheme/useTheme.js";
|
|
8
9
|
const TooltipComponent = memo(({
|
|
9
10
|
title,
|
|
@@ -14,6 +15,9 @@ const TooltipComponent = memo(({
|
|
|
14
15
|
}) => {
|
|
15
16
|
const theme = useTheme();
|
|
16
17
|
const tooltipTokens = getTooltipTokens(theme);
|
|
18
|
+
if (isNil(title) || title === "") {
|
|
19
|
+
return children;
|
|
20
|
+
}
|
|
17
21
|
return /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, trigger: [trigger], floatingElement: /* @__PURE__ */ jsx(TooltipFloatingElement, { title, styles: styles == null ? void 0 : styles.content }), arrowColor: tooltipTokens.tooltipBg, styles: styles == null ? void 0 : styles.tooltip, children });
|
|
18
22
|
});
|
|
19
23
|
const Tooltip = withThemeProvider(TooltipComponent);
|
package/dist/components/Tooltip/components/TooltipFloatingElement/TooltipFloatingElement.styles.d.ts
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { Theme } from 'themes';
|
|
2
2
|
export declare const tooltipFloatingElementStyle: (theme: Theme) => {
|
|
3
|
-
fontFamily: "Roboto";
|
|
4
|
-
fontSize: 12;
|
|
5
|
-
lineHeight: "20px";
|
|
6
|
-
display:
|
|
7
|
-
padding:
|
|
8
|
-
minWidth: 32;
|
|
9
|
-
maxWidth: number;
|
|
10
|
-
borderRadius: 4;
|
|
11
|
-
alignItems:
|
|
12
|
-
background: "#262626";
|
|
13
|
-
color: "#FFFFFF";
|
|
14
|
-
boxShadow: `0 3px 6px -4px rgba(${number}, ${number}, ${number}, 0.12), 0 6px 16px 0 rgba(${number}, ${number}, ${number}, 0.08), 0 9px 28px 8px rgba(${number}, ${number}, ${number}, 0.05)`;
|
|
3
|
+
readonly fontFamily: "Roboto";
|
|
4
|
+
readonly fontSize: 12;
|
|
5
|
+
readonly lineHeight: "20px";
|
|
6
|
+
readonly display: "flex";
|
|
7
|
+
readonly padding: "2px 6px";
|
|
8
|
+
readonly minWidth: 32;
|
|
9
|
+
readonly maxWidth: number;
|
|
10
|
+
readonly borderRadius: 4;
|
|
11
|
+
readonly alignItems: "center";
|
|
12
|
+
readonly background: "#262626";
|
|
13
|
+
readonly color: "#FFFFFF";
|
|
14
|
+
readonly boxShadow: `0 3px 6px -4px rgba(${number}, ${number}, ${number}, 0.12), 0 6px 16px 0 rgba(${number}, ${number}, ${number}, 0.08), 0 9px 28px 8px rgba(${number}, ${number}, ${number}, 0.05)`;
|
|
15
|
+
readonly wordBreak: "break-all";
|
|
15
16
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { isObject } from "lodash-es";
|
|
2
2
|
import { useState, useRef, useEffect } from "react";
|
|
3
|
+
import { loaderDelay } from "../utils/const/index.js";
|
|
3
4
|
const useLoadingDelay = (loading) => {
|
|
4
5
|
const [currentLoading, setCurrentLoading] = useState(false);
|
|
5
6
|
const [isDelay, setIsDelay] = useState(false);
|
|
@@ -13,16 +14,18 @@ const useLoadingDelay = (loading) => {
|
|
|
13
14
|
}
|
|
14
15
|
return;
|
|
15
16
|
}
|
|
16
|
-
|
|
17
|
+
const delay = isObject(loading) && loading.delay ? loading.delay : loaderDelay;
|
|
18
|
+
if (delay > 0) {
|
|
17
19
|
setIsDelay(true);
|
|
18
20
|
timer.current = setTimeout(() => {
|
|
19
21
|
setCurrentLoading(true);
|
|
20
22
|
setIsDelay(false);
|
|
21
23
|
timer.current = void 0;
|
|
22
|
-
},
|
|
23
|
-
|
|
24
|
+
}, delay);
|
|
25
|
+
} else {
|
|
26
|
+
setCurrentLoading(true);
|
|
24
27
|
}
|
|
25
|
-
|
|
28
|
+
return () => clearTimeout(timer.current);
|
|
26
29
|
}, [loading]);
|
|
27
30
|
return {
|
|
28
31
|
currentLoading,
|