@infomaximum/ui-kit 0.17.0 → 0.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BaseTooltip/BaseTooltip.js +7 -3
- package/dist/components/BaseTooltip/BaseTooltip.types.d.ts +1 -0
- package/dist/components/BaseTooltip/BaseTooltip.utils.d.ts +1 -0
- package/dist/components/BaseTooltip/BaseTooltip.utils.js +17 -0
- package/dist/components/BaseTooltip/hooks/useCustomFloating.js +5 -4
- package/dist/components/BaseTooltip/hooks/useShowTooltipController.d.ts +2 -1
- package/dist/components/BaseTooltip/hooks/useShowTooltipController.js +56 -42
- package/dist/components/Dropdown/Dropdown.js +12 -7
- package/dist/components/Dropdown/Dropdown.types.d.ts +56 -19
- package/dist/components/Dropdown/Dropdown.utils.js +6 -2
- package/dist/components/Dropdown/components/Divider/Divider.d.ts +2 -1
- package/dist/components/Dropdown/components/Divider/Divider.js +5 -2
- package/dist/components/Dropdown/components/Divider/Divider.types.d.ts +3 -0
- package/dist/components/Dropdown/components/Group/Group.js +9 -6
- package/dist/components/Dropdown/components/Group/Group.types.d.ts +7 -3
- package/dist/components/Dropdown/components/Item/Item.js +17 -11
- package/dist/components/Dropdown/components/Item/Item.types.d.ts +1 -1
- package/dist/components/Dropdown/components/Menu/Menu.js +33 -12
- package/dist/components/Dropdown/components/Menu/Menu.styles.d.ts +1 -0
- package/dist/components/Dropdown/components/Menu/Menu.styles.js +2 -1
- package/dist/components/Dropdown/components/Menu/Menu.types.d.ts +0 -1
- package/dist/components/Dropdown/components/SubMenu/SubMenu.js +13 -6
- package/dist/components/Dropdown/components/SubMenu/SubMenu.types.d.ts +2 -2
- package/dist/components/Dropdown/components/SubMenu/SubMenu.utils.d.ts +2 -2
- package/dist/components/Dropdown/contexts/dropdownContext.d.ts +13 -9
- package/dist/components/Dropdown/hooks/useSelectedKeysController.d.ts +20 -16
- package/dist/components/Dropdown/hooks/useSelectedKeysController.js +7 -2
- package/dist/components/Dropdown/hooks/useSubMenusController.d.ts +5 -4
- package/dist/components/Dropdown/index.d.ts +2 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/Tabs.types.d.ts +5 -4
- package/dist/components/Tabs/Tabs.utils.d.ts +3 -2
- package/dist/components/Tabs/components/TabBar/TabBar.types.d.ts +3 -2
- package/dist/components/Tabs/components/TabItem/TabItem.types.d.ts +8 -7
- package/dist/components/Tabs/hooks/useMoreTabsController.d.ts +5 -5
- package/dist/components/Tabs/hooks/useTabsDndController.d.ts +2 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +5 -0
- package/package.json +1 -1
|
@@ -24,12 +24,13 @@ const BaseTooltip = memo(({
|
|
|
24
24
|
align,
|
|
25
25
|
transform = true,
|
|
26
26
|
className,
|
|
27
|
+
withoutWrapper,
|
|
27
28
|
onOpenChange,
|
|
28
29
|
children,
|
|
29
30
|
styles,
|
|
30
|
-
withoutWrapper,
|
|
31
31
|
showInCursorPosition = false,
|
|
32
32
|
getPopupContainer = () => document.body,
|
|
33
|
+
onContextMenu,
|
|
33
34
|
getTargetDOMNode
|
|
34
35
|
}) => {
|
|
35
36
|
var _a;
|
|
@@ -68,6 +69,7 @@ const BaseTooltip = memo(({
|
|
|
68
69
|
placement: floatingPlacement,
|
|
69
70
|
refs,
|
|
70
71
|
onOpenChange,
|
|
72
|
+
onContextMenu,
|
|
71
73
|
arrowRef
|
|
72
74
|
});
|
|
73
75
|
const {
|
|
@@ -86,7 +88,7 @@ const BaseTooltip = memo(({
|
|
|
86
88
|
const arrowPlacementCorrection = getArrowPlacementCorrection(floatingPlacement, refs, align);
|
|
87
89
|
const renderFloatingElement = () => {
|
|
88
90
|
var _a2;
|
|
89
|
-
return /* @__PURE__ */ jsxs("div", { ref: refs.setFloating, css: [getBaseTooltipFloatingWrapperStyle(floatingPlacement, withArrow, isOpen), (_a2 = styles == null ? void 0 : styles.floatingWrapper) == null ? void 0 : _a2.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:renderFloatingElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
91
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VUb29sdGlwUHJvcHMsIEJhc2VUb29sdGlwVHJpZ2dlclR5cGUgfSBmcm9tIFwiLi9CYXNlVG9vbHRpcC50eXBlc1wiO1xuaW1wb3J0IHsgRmxvYXRpbmdBcnJvdyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfV0lEVEgsXG4gIGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgTWF4X1pJbmRleCxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudXRpbHNcIjtcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCB7IHVzZVNob3dUb29sdGlwQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVNob3dUb29sdGlwQ29udHJvbGxlclwiO1xuaW1wb3J0IHtcbiAgYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsXG4gIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHVzZUN1c3RvbUZsb2F0aW5nIH0gZnJvbSBcIi4vaG9va3MvdXNlQ3VzdG9tRmxvYXRpbmdcIjtcbmltcG9ydCB7IHVzZVRhcmdldFJlZkNvbnRyb2xsZXIgfSBmcm9tIFwiLi9ob29rcy91c2VUYXJnZXRSZWZDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uLCBpc05pbCwgaXNOdWxsLCBpc1VuZGVmaW5lZCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcblxuZXhwb3J0IGNvbnN0IEJhc2VUb29sdGlwOiBGQzxQcm9wc1dpdGhDaGlsZHJlbjxCYXNlVG9vbHRpcFByb3BzPj4gPSBtZW1vKFxuICAoe1xuICAgIGZsb2F0aW5nRWxlbWVudCxcbiAgICBhcnJvd0NvbG9yLFxuICAgIHdpdGhBcnJvdyA9IHRydWUsXG4gICAgcGxhY2VtZW50ID0gXCJ0b3BcIixcbiAgICBhdXRvQWRqdXN0T3ZlcmZsb3cgPSB0cnVlLFxuICAgIGRlZmF1bHRPcGVuID0gZmFsc2UsXG4gICAgb3BlbixcbiAgICB6SW5kZXggPSBNYXhfWkluZGV4LFxuICAgIHRyaWdnZXIgPSBbXCJjbGlja1wiIGFzIEJhc2VUb29sdGlwVHJpZ2dlclR5cGVdLFxuICAgIG1vdXNlRW50ZXJEZWxheSA9IDAuMSxcbiAgICBtb3VzZUxlYXZlRGVsYXkgPSAwLjEsXG4gICAgYWxpZ24sXG4gICAgdHJhbnNmb3JtID0gdHJ1ZSxcbiAgICBjbGFzc05hbWUsXG4gICAgd2l0aG91dFdyYXBwZXIsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICBzaG93SW5DdXJzb3JQb3NpdGlvbiA9IGZhbHNlLFxuICAgIGdldFBvcHVwQ29udGFpbmVyID0gKCkgPT4gZG9jdW1lbnQuYm9keSxcbiAgICBvbkNvbnRleHRNZW51LFxuICAgIGdldFRhcmdldERPTU5vZGUsXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgY3VycmVudFRyYW5zZm9ybSA9IHRyYW5zZm9ybSAmJiAhc2hvd0luQ3Vyc29yUG9zaXRpb247XG5cbiAgICBjb25zdCB7IHJlZnMsIGZsb2F0aW5nU3R5bGVzLCBjb250ZXh0LCBmbG9hdGluZ1BsYWNlbWVudCwgc2V0QXJyb3dSZWYsIGFycm93UmVmIH0gPVxuICAgICAgdXNlQ3VzdG9tRmxvYXRpbmcoe1xuICAgICAgICBwbGFjZW1lbnQsXG4gICAgICAgIGF1dG9BZGp1c3RPdmVyZmxvdyxcbiAgICAgICAgd2l0aEFycm93LFxuICAgICAgICBhbGlnbixcbiAgICAgICAgdHJhbnNmb3JtOiBjdXJyZW50VHJhbnNmb3JtLFxuICAgICAgfSk7XG5cbiAgICBjb25zdCB7XG4gICAgICBpc09wZW4sXG4gICAgICBoYW5kbGVQb2ludGVyRW50ZXIsXG4gICAgICBoYW5kbGVQb2ludGVyTGVhdmUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZUJsdXIsXG4gICAgICBoYW5kbGVDbGljayxcbiAgICAgIGhhbmRsZUNvbnRleHRNZW51LFxuICAgICAgaGFuZGxlUG9pbnRlclVwLFxuICAgIH0gPSB1c2VTaG93VG9vbHRpcENvbnRyb2xsZXIoe1xuICAgICAgdHJpZ2dlcixcbiAgICAgIGRlZmF1bHRPcGVuLFxuICAgICAgb3BlbixcbiAgICAgIG1vdXNlRW50ZXJEZWxheSxcbiAgICAgIG1vdXNlTGVhdmVEZWxheSxcbiAgICAgIHNob3dJbkN1cnNvclBvc2l0aW9uLFxuICAgICAgcGxhY2VtZW50OiBmbG9hdGluZ1BsYWNlbWVudCxcbiAgICAgIHJlZnMsXG4gICAgICBvbk9wZW5DaGFuZ2UsXG4gICAgICBvbkNvbnRleHRNZW51LFxuICAgICAgYXJyb3dSZWYsXG4gICAgfSk7XG5cbiAgICBjb25zdCB7IHNldFRhcmdldFJlZiB9ID0gdXNlVGFyZ2V0UmVmQ29udHJvbGxlcih7XG4gICAgICBnZXRUYXJnZXRET01Ob2RlLFxuICAgICAgcmVmcyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgfSk7XG5cbiAgICBjb25zdCBhcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gPSBnZXRBcnJvd1BsYWNlbWVudENvcnJlY3Rpb24oZmxvYXRpbmdQbGFjZW1lbnQsIHJlZnMsIGFsaWduKTtcblxuICAgIGNvbnN0IHJlbmRlckZsb2F0aW5nRWxlbWVudCA9ICgpID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICByZWY9e3JlZnMuc2V0RmxvYXRpbmd9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBnZXRCYXNlVG9vbHRpcEZsb2F0aW5nV3JhcHBlclN0eWxlKGZsb2F0aW5nUGxhY2VtZW50LCB3aXRoQXJyb3csIGlzT3BlbiksXG4gICAgICAgICAgICBzdHlsZXM/LmZsb2F0aW5nV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAuLi5mbG9hdGluZ1N0eWxlcyxcbiAgICAgICAgICAgIHdpZHRoOiAhY3VycmVudFRyYW5zZm9ybSA/IFwibWF4LWNvbnRlbnRcIiA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIHpJbmRleCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2Zsb2F0aW5nRWxlbWVudH1cbiAgICAgICAgICB7d2l0aEFycm93ICYmIChcbiAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgIHJlZj17c2V0QXJyb3dSZWZ9XG4gICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgIGZpbGw9e2Fycm93Q29sb3J9XG4gICAgICAgICAgICAgIHN0eWxlPXthcnJvd1BsYWNlbWVudENvcnJlY3Rpb259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgY29uc3QgY2hpbGRyZW5XaXRoUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghd2l0aG91dFdyYXBwZXIpIHtcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgICAgfVxuXG4gICAgICBsZXQgYWRkZWRQcm9wc0NvdW50ZXIgPSAwO1xuXG4gICAgICByZXR1cm4gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgaWYgKGFkZGVkUHJvcHNDb3VudGVyID4gMCB8fCAhUmVhY3QuaXNWYWxpZEVsZW1lbnQoY2hpbGQpKSB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgYWRkZWRQcm9wc0NvdW50ZXIgKz0gMTtcblxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgLi4uY2hpbGQucHJvcHMsXG4gICAgICAgICAgcmVmOiBzZXRUYXJnZXRSZWYsXG4gICAgICAgICAgb25Qb2ludGVyRW50ZXI6IGhhbmRsZVBvaW50ZXJFbnRlciA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckVudGVyLFxuICAgICAgICAgIG9uUG9pbnRlckxlYXZlOiBoYW5kbGVQb2ludGVyTGVhdmUgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJMZWF2ZSxcbiAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyA/PyBjaGlsZD8ucHJvcHM/Lm9uRm9jdXMsXG4gICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyID8/IGNoaWxkPy5wcm9wcz8ub25CbHVyLFxuICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrID8/IGNoaWxkPy5wcm9wcz8ub25DbGljayxcbiAgICAgICAgICBvbkNvbnRleHRNZW51OiBoYW5kbGVDb250ZXh0TWVudSA/PyBjaGlsZD8ucHJvcHM/Lm9uQ29udGV4dE1lbnUsXG4gICAgICAgICAgb25Qb2ludGVyVXA6IGhhbmRsZVBvaW50ZXJVcCA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlclVwLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sIFtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICAgIHNldFRhcmdldFJlZixcbiAgICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIF0pO1xuXG4gICAgY29uc3QgZ2V0RmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgZ2V0UG9wdXBDb250YWluZXIocmVmcy5kb21SZWZlcmVuY2UuY3VycmVudCA/PyBkb2N1bWVudC5ib2R5KVxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgaWYgKGlzTmlsKGdldFRhcmdldERPTU5vZGUpICYmIGlzTmlsKGNoaWxkcmVuKSAmJiBpc1VuZGVmaW5lZChvcGVuKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgaWYgKGlzRnVuY3Rpb24oZ2V0VGFyZ2V0RE9NTm9kZSkpIHtcbiAgICAgIGlmIChpc051bGwoZ2V0VGFyZ2V0RE9NTm9kZSgpKSkge1xuICAgICAgICByZXR1cm4gY2hpbGRyZW47XG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtnZXRGbG9hdGluZ0VsZW1lbnQoKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICh3aXRob3V0V3JhcHBlcikge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7Y2hpbGRyZW5XaXRoUHJvcHN9XG4gICAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtzZXRUYXJnZXRSZWZ9XG4gICAgICAgIGNzcz17W2Jhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLCBzdHlsZXM/LnJlZmVyZW5jZVdyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgICBvblBvaW50ZXJMZWF2ZT17aGFuZGxlUG9pbnRlckxlYXZlfVxuICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Db250ZXh0TWVudT17aGFuZGxlQ29udGV4dE1lbnV9XG4gICAgICAgIG9uUG9pbnRlclVwPXtoYW5kbGVQb2ludGVyVXB9XG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4ge1xuICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], style: {
|
|
90
92
|
...floatingStyles,
|
|
91
93
|
width: !currentTransform ? "max-content" : void 0,
|
|
92
94
|
zIndex
|
|
@@ -143,7 +145,9 @@ const BaseTooltip = memo(({
|
|
|
143
145
|
getFloatingElement()
|
|
144
146
|
] });
|
|
145
147
|
}
|
|
146
|
-
return /* @__PURE__ */ jsxs("div", { ref: setTargetRef, css: [baseTooltipReferenceWrapperStyle, (_a = styles == null ? void 0 : styles.referenceWrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:BaseTooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
148
|
+
return /* @__PURE__ */ jsxs("div", { ref: setTargetRef, css: [baseTooltipReferenceWrapperStyle, (_a = styles == null ? void 0 : styles.referenceWrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:BaseTooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQmFzZVRvb2x0aXAvQmFzZVRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJNUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Jhc2VUb29sdGlwL0Jhc2VUb29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIFByb3BzV2l0aENoaWxkcmVuLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VUb29sdGlwUHJvcHMsIEJhc2VUb29sdGlwVHJpZ2dlclR5cGUgfSBmcm9tIFwiLi9CYXNlVG9vbHRpcC50eXBlc1wiO1xuaW1wb3J0IHsgRmxvYXRpbmdBcnJvdyB9IGZyb20gXCJAZmxvYXRpbmctdWkvcmVhY3RcIjtcbmltcG9ydCB7XG4gIEFSUk9XX0hFSUdIVCxcbiAgQVJST1dfV0lEVEgsXG4gIGdldEFycm93UGxhY2VtZW50Q29ycmVjdGlvbixcbiAgTWF4X1pJbmRleCxcbn0gZnJvbSBcIi4vQmFzZVRvb2x0aXAudXRpbHNcIjtcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCB7IHVzZVNob3dUb29sdGlwQ29udHJvbGxlciB9IGZyb20gXCIuL2hvb2tzL3VzZVNob3dUb29sdGlwQ29udHJvbGxlclwiO1xuaW1wb3J0IHtcbiAgYmFzZVRvb2x0aXBSZWZlcmVuY2VXcmFwcGVyU3R5bGUsXG4gIGdldEJhc2VUb29sdGlwRmxvYXRpbmdXcmFwcGVyU3R5bGUsXG59IGZyb20gXCIuL0Jhc2VUb29sdGlwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHVzZUN1c3RvbUZsb2F0aW5nIH0gZnJvbSBcIi4vaG9va3MvdXNlQ3VzdG9tRmxvYXRpbmdcIjtcbmltcG9ydCB7IHVzZVRhcmdldFJlZkNvbnRyb2xsZXIgfSBmcm9tIFwiLi9ob29rcy91c2VUYXJnZXRSZWZDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uLCBpc05pbCwgaXNOdWxsLCBpc1VuZGVmaW5lZCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcblxuZXhwb3J0IGNvbnN0IEJhc2VUb29sdGlwOiBGQzxQcm9wc1dpdGhDaGlsZHJlbjxCYXNlVG9vbHRpcFByb3BzPj4gPSBtZW1vKFxuICAoe1xuICAgIGZsb2F0aW5nRWxlbWVudCxcbiAgICBhcnJvd0NvbG9yLFxuICAgIHdpdGhBcnJvdyA9IHRydWUsXG4gICAgcGxhY2VtZW50ID0gXCJ0b3BcIixcbiAgICBhdXRvQWRqdXN0T3ZlcmZsb3cgPSB0cnVlLFxuICAgIGRlZmF1bHRPcGVuID0gZmFsc2UsXG4gICAgb3BlbixcbiAgICB6SW5kZXggPSBNYXhfWkluZGV4LFxuICAgIHRyaWdnZXIgPSBbXCJjbGlja1wiIGFzIEJhc2VUb29sdGlwVHJpZ2dlclR5cGVdLFxuICAgIG1vdXNlRW50ZXJEZWxheSA9IDAuMSxcbiAgICBtb3VzZUxlYXZlRGVsYXkgPSAwLjEsXG4gICAgYWxpZ24sXG4gICAgdHJhbnNmb3JtID0gdHJ1ZSxcbiAgICBjbGFzc05hbWUsXG4gICAgd2l0aG91dFdyYXBwZXIsXG4gICAgb25PcGVuQ2hhbmdlLFxuICAgIGNoaWxkcmVuLFxuICAgIHN0eWxlcyxcbiAgICBzaG93SW5DdXJzb3JQb3NpdGlvbiA9IGZhbHNlLFxuICAgIGdldFBvcHVwQ29udGFpbmVyID0gKCkgPT4gZG9jdW1lbnQuYm9keSxcbiAgICBvbkNvbnRleHRNZW51LFxuICAgIGdldFRhcmdldERPTU5vZGUsXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgY3VycmVudFRyYW5zZm9ybSA9IHRyYW5zZm9ybSAmJiAhc2hvd0luQ3Vyc29yUG9zaXRpb247XG5cbiAgICBjb25zdCB7IHJlZnMsIGZsb2F0aW5nU3R5bGVzLCBjb250ZXh0LCBmbG9hdGluZ1BsYWNlbWVudCwgc2V0QXJyb3dSZWYsIGFycm93UmVmIH0gPVxuICAgICAgdXNlQ3VzdG9tRmxvYXRpbmcoe1xuICAgICAgICBwbGFjZW1lbnQsXG4gICAgICAgIGF1dG9BZGp1c3RPdmVyZmxvdyxcbiAgICAgICAgd2l0aEFycm93LFxuICAgICAgICBhbGlnbixcbiAgICAgICAgdHJhbnNmb3JtOiBjdXJyZW50VHJhbnNmb3JtLFxuICAgICAgfSk7XG5cbiAgICBjb25zdCB7XG4gICAgICBpc09wZW4sXG4gICAgICBoYW5kbGVQb2ludGVyRW50ZXIsXG4gICAgICBoYW5kbGVQb2ludGVyTGVhdmUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZUJsdXIsXG4gICAgICBoYW5kbGVDbGljayxcbiAgICAgIGhhbmRsZUNvbnRleHRNZW51LFxuICAgICAgaGFuZGxlUG9pbnRlclVwLFxuICAgIH0gPSB1c2VTaG93VG9vbHRpcENvbnRyb2xsZXIoe1xuICAgICAgdHJpZ2dlcixcbiAgICAgIGRlZmF1bHRPcGVuLFxuICAgICAgb3BlbixcbiAgICAgIG1vdXNlRW50ZXJEZWxheSxcbiAgICAgIG1vdXNlTGVhdmVEZWxheSxcbiAgICAgIHNob3dJbkN1cnNvclBvc2l0aW9uLFxuICAgICAgcGxhY2VtZW50OiBmbG9hdGluZ1BsYWNlbWVudCxcbiAgICAgIHJlZnMsXG4gICAgICBvbk9wZW5DaGFuZ2UsXG4gICAgICBvbkNvbnRleHRNZW51LFxuICAgICAgYXJyb3dSZWYsXG4gICAgfSk7XG5cbiAgICBjb25zdCB7IHNldFRhcmdldFJlZiB9ID0gdXNlVGFyZ2V0UmVmQ29udHJvbGxlcih7XG4gICAgICBnZXRUYXJnZXRET01Ob2RlLFxuICAgICAgcmVmcyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZUZvY3VzLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVQb2ludGVyVXAsXG4gICAgfSk7XG5cbiAgICBjb25zdCBhcnJvd1BsYWNlbWVudENvcnJlY3Rpb24gPSBnZXRBcnJvd1BsYWNlbWVudENvcnJlY3Rpb24oZmxvYXRpbmdQbGFjZW1lbnQsIHJlZnMsIGFsaWduKTtcblxuICAgIGNvbnN0IHJlbmRlckZsb2F0aW5nRWxlbWVudCA9ICgpID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICByZWY9e3JlZnMuc2V0RmxvYXRpbmd9XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBnZXRCYXNlVG9vbHRpcEZsb2F0aW5nV3JhcHBlclN0eWxlKGZsb2F0aW5nUGxhY2VtZW50LCB3aXRoQXJyb3csIGlzT3BlbiksXG4gICAgICAgICAgICBzdHlsZXM/LmZsb2F0aW5nV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAuLi5mbG9hdGluZ1N0eWxlcyxcbiAgICAgICAgICAgIHdpZHRoOiAhY3VycmVudFRyYW5zZm9ybSA/IFwibWF4LWNvbnRlbnRcIiA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIHpJbmRleCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2Zsb2F0aW5nRWxlbWVudH1cbiAgICAgICAgICB7d2l0aEFycm93ICYmIChcbiAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgIHJlZj17c2V0QXJyb3dSZWZ9XG4gICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgIGZpbGw9e2Fycm93Q29sb3J9XG4gICAgICAgICAgICAgIHN0eWxlPXthcnJvd1BsYWNlbWVudENvcnJlY3Rpb259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgY29uc3QgY2hpbGRyZW5XaXRoUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghd2l0aG91dFdyYXBwZXIpIHtcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgICAgfVxuXG4gICAgICBsZXQgYWRkZWRQcm9wc0NvdW50ZXIgPSAwO1xuXG4gICAgICByZXR1cm4gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgaWYgKGFkZGVkUHJvcHNDb3VudGVyID4gMCB8fCAhUmVhY3QuaXNWYWxpZEVsZW1lbnQoY2hpbGQpKSB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgYWRkZWRQcm9wc0NvdW50ZXIgKz0gMTtcblxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgLi4uY2hpbGQucHJvcHMsXG4gICAgICAgICAgcmVmOiBzZXRUYXJnZXRSZWYsXG4gICAgICAgICAgb25Qb2ludGVyRW50ZXI6IGhhbmRsZVBvaW50ZXJFbnRlciA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlckVudGVyLFxuICAgICAgICAgIG9uUG9pbnRlckxlYXZlOiBoYW5kbGVQb2ludGVyTGVhdmUgPz8gY2hpbGQ/LnByb3BzPy5vblBvaW50ZXJMZWF2ZSxcbiAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyA/PyBjaGlsZD8ucHJvcHM/Lm9uRm9jdXMsXG4gICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyID8/IGNoaWxkPy5wcm9wcz8ub25CbHVyLFxuICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrID8/IGNoaWxkPy5wcm9wcz8ub25DbGljayxcbiAgICAgICAgICBvbkNvbnRleHRNZW51OiBoYW5kbGVDb250ZXh0TWVudSA/PyBjaGlsZD8ucHJvcHM/Lm9uQ29udGV4dE1lbnUsXG4gICAgICAgICAgb25Qb2ludGVyVXA6IGhhbmRsZVBvaW50ZXJVcCA/PyBjaGlsZD8ucHJvcHM/Lm9uUG9pbnRlclVwLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sIFtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGFuZGxlQmx1cixcbiAgICAgIGhhbmRsZUNsaWNrLFxuICAgICAgaGFuZGxlQ29udGV4dE1lbnUsXG4gICAgICBoYW5kbGVGb2N1cyxcbiAgICAgIGhhbmRsZVBvaW50ZXJFbnRlcixcbiAgICAgIGhhbmRsZVBvaW50ZXJMZWF2ZSxcbiAgICAgIGhhbmRsZVBvaW50ZXJVcCxcbiAgICAgIHNldFRhcmdldFJlZixcbiAgICAgIHdpdGhvdXRXcmFwcGVyLFxuICAgIF0pO1xuXG4gICAgY29uc3QgZ2V0RmxvYXRpbmdFbGVtZW50ID0gKCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4gJiYgIXNob3dJbkN1cnNvclBvc2l0aW9uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY3JlYXRlUG9ydGFsKFxuICAgICAgICByZW5kZXJGbG9hdGluZ0VsZW1lbnQoKSxcbiAgICAgICAgZ2V0UG9wdXBDb250YWluZXIocmVmcy5kb21SZWZlcmVuY2UuY3VycmVudCA/PyBkb2N1bWVudC5ib2R5KVxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgaWYgKGlzTmlsKGdldFRhcmdldERPTU5vZGUpICYmIGlzTmlsKGNoaWxkcmVuKSAmJiBpc1VuZGVmaW5lZChvcGVuKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgaWYgKGlzRnVuY3Rpb24oZ2V0VGFyZ2V0RE9NTm9kZSkpIHtcbiAgICAgIGlmIChpc051bGwoZ2V0VGFyZ2V0RE9NTm9kZSgpKSkge1xuICAgICAgICByZXR1cm4gY2hpbGRyZW47XG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIHtnZXRGbG9hdGluZ0VsZW1lbnQoKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICh3aXRob3V0V3JhcHBlcikge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICB7Y2hpbGRyZW5XaXRoUHJvcHN9XG4gICAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgICA8Lz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtzZXRUYXJnZXRSZWZ9XG4gICAgICAgIGNzcz17W2Jhc2VUb29sdGlwUmVmZXJlbmNlV3JhcHBlclN0eWxlLCBzdHlsZXM/LnJlZmVyZW5jZVdyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvblBvaW50ZXJFbnRlcj17aGFuZGxlUG9pbnRlckVudGVyfVxuICAgICAgICBvblBvaW50ZXJMZWF2ZT17aGFuZGxlUG9pbnRlckxlYXZlfVxuICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Db250ZXh0TWVudT17aGFuZGxlQ29udGV4dE1lbnV9XG4gICAgICAgIG9uUG9pbnRlclVwPXtoYW5kbGVQb2ludGVyVXB9XG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4ge1xuICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2dldEZsb2F0aW5nRWxlbWVudCgpfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick, onContextMenu: handleContextMenu, onPointerUp: handlePointerUp, onMouseDown: (e) => {
|
|
149
|
+
e.stopPropagation();
|
|
150
|
+
}, children: [
|
|
147
151
|
children,
|
|
148
152
|
getFloatingElement()
|
|
149
153
|
] });
|
|
@@ -37,6 +37,7 @@ export interface BaseTooltipProps {
|
|
|
37
37
|
};
|
|
38
38
|
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
|
|
39
39
|
onOpenChange?: (open: boolean) => void;
|
|
40
|
+
onContextMenu?: (event: MouseEventType) => void;
|
|
40
41
|
}
|
|
41
42
|
export type AutoUpdateType = (reference: ReferenceElement, floating: FloatingElement, update: () => void) => () => void;
|
|
42
43
|
export type PointerEventType = PointerEvent<HTMLDivElement> | globalThis.PointerEvent;
|
|
@@ -15,6 +15,7 @@ export declare const isLeftSide: (placement: Placement) => boolean;
|
|
|
15
15
|
export declare const isRightSide: (placement: Placement) => boolean;
|
|
16
16
|
export declare const convertBaseTooltipPlacement: (placement: BaseTooltipPlacementType) => Placement;
|
|
17
17
|
export declare const convertOffsetValues: (rect: Rect) => (element: OffsetType, index: number) => number;
|
|
18
|
+
export declare const setContextMenuPosition: (refs: ExtendedRefs<ReferenceType>, e: MouseEventType) => void;
|
|
18
19
|
export declare const getChangedProperties: (e: PointerEventType | MouseEventType, placement: Placement) => {
|
|
19
20
|
width: number;
|
|
20
21
|
x: number;
|
|
@@ -110,6 +110,22 @@ const convertOffsetValues = (rect) => (element, index) => {
|
|
|
110
110
|
const elementSize = index === 0 ? rect.width : rect.height;
|
|
111
111
|
return elementSize / 100 * percentValue;
|
|
112
112
|
};
|
|
113
|
+
const setContextMenuPosition = (refs, e) => {
|
|
114
|
+
refs.setPositionReference({
|
|
115
|
+
getBoundingClientRect() {
|
|
116
|
+
return {
|
|
117
|
+
width: 0,
|
|
118
|
+
height: 0,
|
|
119
|
+
x: e.clientX,
|
|
120
|
+
y: e.clientY,
|
|
121
|
+
top: e.clientY,
|
|
122
|
+
right: e.clientX,
|
|
123
|
+
bottom: e.clientY,
|
|
124
|
+
left: e.clientX
|
|
125
|
+
};
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
};
|
|
113
129
|
const getChangedProperties = (e, placement) => {
|
|
114
130
|
if (isLeftCorrection(placement)) {
|
|
115
131
|
return {
|
|
@@ -196,6 +212,7 @@ export {
|
|
|
196
212
|
isLeftSide,
|
|
197
213
|
isRightSide,
|
|
198
214
|
isTopSide,
|
|
215
|
+
setContextMenuPosition,
|
|
199
216
|
setNewReferencePosition,
|
|
200
217
|
setTargetCallbacks,
|
|
201
218
|
singleSides
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState, useEffect } from "react";
|
|
2
|
-
import { singleSides,
|
|
2
|
+
import { singleSides, ARROW_PADDING, convertBaseTooltipPlacement, isLeftSide, isRightSide, convertOffsetValues } from "../BaseTooltip.utils.js";
|
|
3
3
|
import { flip, shift, offset, arrow, useFloating, autoUpdate } from "@floating-ui/react";
|
|
4
4
|
import { isUndefined } from "lodash-es";
|
|
5
5
|
const floatingMiddleware = [];
|
|
@@ -31,7 +31,7 @@ const useCustomFloating = ({
|
|
|
31
31
|
mainAxis: singleSides.includes(convertedPlacement)
|
|
32
32
|
});
|
|
33
33
|
}, [convertedPlacement]);
|
|
34
|
-
const
|
|
34
|
+
const offsetCallback = ({
|
|
35
35
|
rects
|
|
36
36
|
}) => {
|
|
37
37
|
var _a2, _b2;
|
|
@@ -46,7 +46,8 @@ const useCustomFloating = ({
|
|
|
46
46
|
mainAxis,
|
|
47
47
|
crossAxis
|
|
48
48
|
};
|
|
49
|
-
}
|
|
49
|
+
};
|
|
50
|
+
const offsetResult = offset(offsetCallback, [offsetCallback]);
|
|
50
51
|
floatingMiddleware[0] = offsetResult;
|
|
51
52
|
useEffect(() => {
|
|
52
53
|
if (arrowRef && withArrow) {
|
|
@@ -64,7 +65,7 @@ const useCustomFloating = ({
|
|
|
64
65
|
} = useFloating({
|
|
65
66
|
whileElementsMounted: autoUpdate,
|
|
66
67
|
placement: convertBaseTooltipPlacement(placement),
|
|
67
|
-
middleware: floatingMiddleware,
|
|
68
|
+
middleware: [...floatingMiddleware],
|
|
68
69
|
transform
|
|
69
70
|
});
|
|
70
71
|
return {
|
|
@@ -10,9 +10,10 @@ export interface UseShowTooltipControllerProp {
|
|
|
10
10
|
placement: Placement;
|
|
11
11
|
refs: ExtendedRefs<ReferenceType>;
|
|
12
12
|
onOpenChange: ((open: boolean) => void) | undefined;
|
|
13
|
+
onContextMenu: ((event: MouseEventType) => void) | undefined;
|
|
13
14
|
arrowRef: SVGSVGElement | null;
|
|
14
15
|
}
|
|
15
|
-
export declare const useShowTooltipController: ({ trigger, defaultOpen, open, mouseEnterDelay, mouseLeaveDelay, showInCursorPosition, refs, placement, onOpenChange, arrowRef, }: UseShowTooltipControllerProp) => {
|
|
16
|
+
export declare const useShowTooltipController: ({ trigger, defaultOpen, open, mouseEnterDelay, mouseLeaveDelay, showInCursorPosition, refs, placement, onOpenChange, onContextMenu, arrowRef, }: UseShowTooltipControllerProp) => {
|
|
16
17
|
isOpen: boolean;
|
|
17
18
|
handlePointerEnter: ((e: PointerEventType) => void) | undefined;
|
|
18
19
|
handlePointerLeave: (() => void) | undefined;
|
|
@@ -2,7 +2,7 @@ import { useState, useRef, useEffect, useCallback, useMemo } from "react";
|
|
|
2
2
|
import { isUndefined } from "lodash-es";
|
|
3
3
|
import { convertSecondsToMilliseconds } from "../../../utils/converters.js";
|
|
4
4
|
import "@floating-ui/react";
|
|
5
|
-
import { setNewReferencePosition } from "../BaseTooltip.utils.js";
|
|
5
|
+
import { setNewReferencePosition, setContextMenuPosition } from "../BaseTooltip.utils.js";
|
|
6
6
|
const useShowTooltipController = ({
|
|
7
7
|
trigger,
|
|
8
8
|
defaultOpen,
|
|
@@ -13,6 +13,7 @@ const useShowTooltipController = ({
|
|
|
13
13
|
refs,
|
|
14
14
|
placement,
|
|
15
15
|
onOpenChange,
|
|
16
|
+
onContextMenu,
|
|
16
17
|
arrowRef
|
|
17
18
|
}) => {
|
|
18
19
|
const [isOpen, setIsOpen] = useState(defaultOpen);
|
|
@@ -20,20 +21,37 @@ const useShowTooltipController = ({
|
|
|
20
21
|
useEffect(() => {
|
|
21
22
|
setIsOpen(defaultOpen);
|
|
22
23
|
}, [defaultOpen, open]);
|
|
24
|
+
const isOpenResult = open ?? isOpen;
|
|
25
|
+
const closeTooltip = useCallback(() => {
|
|
26
|
+
setIsOpen(false);
|
|
27
|
+
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
28
|
+
}, [onOpenChange]);
|
|
29
|
+
const handleMouseUp = useCallback((e) => {
|
|
30
|
+
var _a, _b;
|
|
31
|
+
if (!e.target) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
const isFloatingElement = (_a = refs.floating.current) == null ? void 0 : _a.contains(e.target);
|
|
35
|
+
const isReferenceElement = (_b = refs.domReference.current) == null ? void 0 : _b.contains(e.target);
|
|
36
|
+
if (isFloatingElement || isReferenceElement) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
closeTooltip();
|
|
40
|
+
document.body.removeEventListener("mouseup", handleMouseUp);
|
|
41
|
+
}, [closeTooltip, refs.domReference, refs.floating]);
|
|
23
42
|
const showTooltip = useCallback(() => {
|
|
24
43
|
if (isUndefined(open)) {
|
|
44
|
+
document.body.addEventListener("mouseup", handleMouseUp);
|
|
25
45
|
setIsOpen(true);
|
|
26
46
|
}
|
|
27
47
|
if (open !== true && isOpen !== true) {
|
|
28
48
|
onOpenChange == null ? void 0 : onOpenChange(true);
|
|
29
49
|
}
|
|
30
|
-
}, [isOpen, onOpenChange, open]);
|
|
50
|
+
}, [handleMouseUp, isOpen, onOpenChange, open]);
|
|
31
51
|
const hideTooltip = useCallback(() => {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
36
|
-
}, [onOpenChange, open]);
|
|
52
|
+
closeTooltip();
|
|
53
|
+
document.body.removeEventListener("mouseup", handleMouseUp);
|
|
54
|
+
}, [closeTooltip, handleMouseUp, open]);
|
|
37
55
|
const handlePointerEnter = useMemo(() => {
|
|
38
56
|
if (!trigger.includes("hover")) {
|
|
39
57
|
return;
|
|
@@ -82,6 +100,9 @@ const useShowTooltipController = ({
|
|
|
82
100
|
return (e) => {
|
|
83
101
|
var _a;
|
|
84
102
|
e.stopPropagation();
|
|
103
|
+
if (trigger.includes("contextMenu")) {
|
|
104
|
+
setContextMenuPosition(refs, e);
|
|
105
|
+
}
|
|
85
106
|
const isReferenceElement = (_a = refs.domReference.current) == null ? void 0 : _a.contains(e.target);
|
|
86
107
|
if (!isReferenceElement) {
|
|
87
108
|
return;
|
|
@@ -90,62 +111,55 @@ const useShowTooltipController = ({
|
|
|
90
111
|
setNewReferencePosition(refs, e, placement, arrowRef);
|
|
91
112
|
}
|
|
92
113
|
if (isUndefined(open)) {
|
|
93
|
-
|
|
94
|
-
|
|
114
|
+
if (isOpen) {
|
|
115
|
+
hideTooltip();
|
|
116
|
+
} else {
|
|
117
|
+
showTooltip();
|
|
118
|
+
}
|
|
95
119
|
} else {
|
|
96
120
|
onOpenChange == null ? void 0 : onOpenChange(!open);
|
|
97
121
|
}
|
|
98
122
|
};
|
|
99
|
-
}, [arrowRef, isOpen, onOpenChange, open, placement, refs, showInCursorPosition, trigger]);
|
|
123
|
+
}, [arrowRef, hideTooltip, isOpen, onOpenChange, open, placement, refs, showInCursorPosition, showTooltip, trigger]);
|
|
100
124
|
const handleContextMenu = useMemo(() => {
|
|
101
125
|
if (!trigger.includes("contextMenu")) {
|
|
102
126
|
return void 0;
|
|
103
127
|
}
|
|
104
128
|
return (e) => {
|
|
129
|
+
setContextMenuPosition(refs, e);
|
|
130
|
+
if (onContextMenu) {
|
|
131
|
+
onContextMenu(e);
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
105
134
|
e.preventDefault();
|
|
106
|
-
refs.setPositionReference({
|
|
107
|
-
getBoundingClientRect() {
|
|
108
|
-
return {
|
|
109
|
-
width: 0,
|
|
110
|
-
height: 0,
|
|
111
|
-
x: e.clientX,
|
|
112
|
-
y: e.clientY,
|
|
113
|
-
top: e.clientY,
|
|
114
|
-
right: e.clientX,
|
|
115
|
-
bottom: e.clientY,
|
|
116
|
-
left: e.clientX
|
|
117
|
-
};
|
|
118
|
-
}
|
|
119
|
-
});
|
|
120
135
|
showTooltip();
|
|
121
136
|
};
|
|
122
|
-
}, [refs, showTooltip, trigger]);
|
|
123
|
-
const handleMouseUp = useCallback((e) => {
|
|
124
|
-
var _a, _b;
|
|
125
|
-
if (!e.target) {
|
|
126
|
-
return;
|
|
127
|
-
}
|
|
128
|
-
const isFloatingElement = (_a = refs.floating.current) == null ? void 0 : _a.contains(e.target);
|
|
129
|
-
const isReferenceElement = (_b = refs.domReference.current) == null ? void 0 : _b.contains(e.target);
|
|
130
|
-
if (!isOpen || isFloatingElement || isReferenceElement) {
|
|
131
|
-
return;
|
|
132
|
-
}
|
|
133
|
-
hideTooltip();
|
|
134
|
-
}, [hideTooltip, isOpen, refs.domReference, refs.floating]);
|
|
137
|
+
}, [onContextMenu, refs, showTooltip, trigger]);
|
|
135
138
|
useEffect(() => {
|
|
136
|
-
|
|
137
|
-
|
|
139
|
+
return () => {
|
|
140
|
+
document.body.removeEventListener("mouseup", handleMouseUp);
|
|
141
|
+
};
|
|
138
142
|
}, [handleMouseUp]);
|
|
143
|
+
useEffect(() => {
|
|
144
|
+
if (open) {
|
|
145
|
+
document.body.addEventListener("mouseup", handleMouseUp);
|
|
146
|
+
}
|
|
147
|
+
if (open === false) {
|
|
148
|
+
document.body.removeEventListener("mouseup", handleMouseUp);
|
|
149
|
+
}
|
|
150
|
+
}, [handleMouseUp, open]);
|
|
139
151
|
const handlePointerUp = useMemo(() => {
|
|
140
152
|
if (!trigger.includes("click")) {
|
|
141
153
|
return void 0;
|
|
142
154
|
}
|
|
143
155
|
return (e) => {
|
|
144
|
-
|
|
156
|
+
if (isOpenResult) {
|
|
157
|
+
e.stopPropagation();
|
|
158
|
+
}
|
|
145
159
|
};
|
|
146
|
-
}, [trigger]);
|
|
160
|
+
}, [isOpenResult, trigger]);
|
|
147
161
|
return {
|
|
148
|
-
isOpen:
|
|
162
|
+
isOpen: isOpenResult,
|
|
149
163
|
handlePointerEnter,
|
|
150
164
|
handlePointerLeave,
|
|
151
165
|
handleFocus,
|
|
@@ -18,6 +18,8 @@ const DropdownComponent = memo(({
|
|
|
18
18
|
menuPlaceholder,
|
|
19
19
|
emptySearchPlaceholder,
|
|
20
20
|
open,
|
|
21
|
+
styles,
|
|
22
|
+
className,
|
|
21
23
|
placement = "bottomLeft",
|
|
22
24
|
trigger = ["click"],
|
|
23
25
|
dropdownRender,
|
|
@@ -37,8 +39,8 @@ const DropdownComponent = memo(({
|
|
|
37
39
|
multiple: (menu == null ? void 0 : menu.multiple) ?? true,
|
|
38
40
|
selectable: (menu == null ? void 0 : menu.selectable) ?? false,
|
|
39
41
|
onClick: menu == null ? void 0 : menu.onClick,
|
|
40
|
-
onDeselect: menu == null ? void 0 : menu.
|
|
41
|
-
onSelect: menu == null ? void 0 : menu.
|
|
42
|
+
onDeselect: menu == null ? void 0 : menu.onDeselect,
|
|
43
|
+
onSelect: menu == null ? void 0 : menu.onSelect
|
|
42
44
|
});
|
|
43
45
|
const {
|
|
44
46
|
currentStep,
|
|
@@ -46,12 +48,15 @@ const DropdownComponent = memo(({
|
|
|
46
48
|
returnToPrevStep,
|
|
47
49
|
resetSteps
|
|
48
50
|
} = useStepSubMenus();
|
|
49
|
-
const
|
|
51
|
+
const {
|
|
52
|
+
closeAllSubMenus
|
|
53
|
+
} = subMenusController;
|
|
54
|
+
const handleOpenChange = useCallback((open2) => {
|
|
50
55
|
resetSteps();
|
|
51
|
-
subMenusController.closeAllSubMenus();
|
|
52
56
|
onOpenChange == null ? void 0 : onOpenChange(open2);
|
|
53
|
-
|
|
54
|
-
|
|
57
|
+
closeAllSubMenus();
|
|
58
|
+
}, [closeAllSubMenus, onOpenChange, resetSteps]);
|
|
59
|
+
const menuElement = (menu == null ? void 0 : menu.subMenuOpen) === "overflow" ? /* @__PURE__ */ jsx(Menu, { ...menu, items, search: !!(menu == null ? void 0 : menu.search), menuPlaceholder, emptySearchPlaceholder }) : /* @__PURE__ */ jsx(Menu, { ...menu, items: (currentStep == null ? void 0 : currentStep.children) ?? items, title: currentStep == null ? void 0 : currentStep.label, search: !!(menu == null ? void 0 : menu.search), menuPlaceholder, emptySearchPlaceholder });
|
|
55
60
|
const floatingElement = isFunction(dropdownRender) ? dropdownRender(menuElement) : menuElement;
|
|
56
61
|
const providerValue = {
|
|
57
62
|
...menu,
|
|
@@ -71,7 +76,7 @@ const DropdownComponent = memo(({
|
|
|
71
76
|
returnToPrevStep,
|
|
72
77
|
closeDropdown
|
|
73
78
|
};
|
|
74
|
-
return /* @__PURE__ */ jsx(dropdownContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, open: isOpen, placement, trigger, floatingElement, withArrow: false, onOpenChange: handleOpenChange, children }) });
|
|
79
|
+
return /* @__PURE__ */ jsx(dropdownContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, open: open ?? isOpen, placement, trigger, floatingElement, withArrow: false, onOpenChange: handleOpenChange, styles, className: `ui-kit-dropdown ${className}`, children }) });
|
|
75
80
|
});
|
|
76
81
|
const Dropdown = withThemeProvider(DropdownComponent);
|
|
77
82
|
export {
|
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
import { BaseTooltipProps } from '../BaseTooltip/BaseTooltip.types';
|
|
2
|
-
import { MouseEvent, ReactNode } from 'react';
|
|
3
|
-
import { Theme } from '../../themes';
|
|
2
|
+
import { MouseEvent, PropsWithChildren, ReactNode } from 'react';
|
|
4
3
|
import { DropdownSubMenuTrigger } from './components/SubMenu/SubMenu.types';
|
|
4
|
+
import { Theme } from 'themes';
|
|
5
5
|
import { Interpolation } from '@emotion/react';
|
|
6
6
|
type ExcludedFields = "floatingElement" | "arrowColor" | "withArrow" | "defaultOpen" | "mouseEnterDelay" | "mouseLeaveDelay" | "trigger" | "placement";
|
|
7
7
|
export type DropdownPlacement = "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
|
|
8
8
|
export type DropdownTrigger = "click" | "hover" | "contextMenu";
|
|
9
|
-
export type ItemType = MenuItem | GroupType |
|
|
9
|
+
export type ItemType = MenuItem | GroupType | DividerType | SubMenuType;
|
|
10
|
+
export type DropdownItemKeyType = string | number;
|
|
10
11
|
export interface DropdownMenu {
|
|
11
12
|
items: ItemType[];
|
|
12
13
|
inlineIndent?: number;
|
|
13
14
|
selectable?: boolean;
|
|
14
15
|
multiple?: boolean;
|
|
15
|
-
defaultSelectedKeys?:
|
|
16
|
-
selectedKeys?:
|
|
16
|
+
defaultSelectedKeys?: DropdownItemKeyType[];
|
|
17
|
+
selectedKeys?: DropdownItemKeyType[];
|
|
17
18
|
menuPlaceholder?: ReactNode;
|
|
18
19
|
emptySearchPlaceholder?: ReactNode;
|
|
19
20
|
search?: boolean;
|
|
@@ -22,27 +23,33 @@ export interface DropdownMenu {
|
|
|
22
23
|
subMenuOpenDelay?: number;
|
|
23
24
|
forceSubMenuRender?: boolean;
|
|
24
25
|
triggerSubMenuAction?: DropdownSubMenuTrigger;
|
|
26
|
+
"test-id"?: string;
|
|
25
27
|
styles?: {
|
|
26
|
-
wrapper
|
|
28
|
+
wrapper?: (theme: Theme) => Interpolation;
|
|
29
|
+
titleBlock?: (theme: Theme) => Interpolation;
|
|
30
|
+
backIcon?: (theme: Theme) => Interpolation;
|
|
31
|
+
titleText?: (theme: Theme) => Interpolation;
|
|
32
|
+
searchBlock?: (theme?: Theme) => Interpolation;
|
|
33
|
+
emptyContentStyle?: (theme?: Theme) => Interpolation;
|
|
27
34
|
};
|
|
28
35
|
onClick?: (props: {
|
|
29
36
|
item: ItemType;
|
|
30
|
-
key:
|
|
37
|
+
key: DropdownItemKeyType;
|
|
31
38
|
e: MouseEvent;
|
|
32
39
|
}) => void;
|
|
33
40
|
onSelect?: (props: {
|
|
34
41
|
item: ItemType;
|
|
35
|
-
key:
|
|
42
|
+
key: DropdownItemKeyType;
|
|
36
43
|
e: MouseEvent;
|
|
37
44
|
}) => void;
|
|
38
45
|
onDeselect?: (props: {
|
|
39
46
|
item: ItemType;
|
|
40
|
-
key:
|
|
47
|
+
key: DropdownItemKeyType;
|
|
41
48
|
e: MouseEvent;
|
|
42
49
|
}) => void;
|
|
43
|
-
onOpenChange?: (openKeys:
|
|
50
|
+
onOpenChange?: (openKeys: DropdownItemKeyType[]) => void;
|
|
44
51
|
}
|
|
45
|
-
export interface DropdownProps extends Omit<BaseTooltipProps, ExcludedFields
|
|
52
|
+
export interface DropdownProps extends PropsWithChildren<Omit<BaseTooltipProps, ExcludedFields>> {
|
|
46
53
|
menu?: DropdownMenu;
|
|
47
54
|
autoFocus?: boolean;
|
|
48
55
|
disabled?: boolean;
|
|
@@ -61,38 +68,68 @@ export interface MenuItem {
|
|
|
61
68
|
disabled?: boolean;
|
|
62
69
|
extra?: ReactNode;
|
|
63
70
|
icon?: ReactNode;
|
|
64
|
-
key:
|
|
71
|
+
key: DropdownItemKeyType;
|
|
65
72
|
label?: ReactNode;
|
|
73
|
+
"test-id"?: string;
|
|
74
|
+
styles?: {
|
|
75
|
+
wrapper?: (theme: Theme) => Interpolation;
|
|
76
|
+
content?: (theme: Theme) => Interpolation;
|
|
77
|
+
iconWrapper?: (theme: Theme) => Interpolation;
|
|
78
|
+
itemLabel?: (theme: Theme) => Interpolation;
|
|
79
|
+
arrowIconWrapper?: (theme: Theme) => Interpolation;
|
|
80
|
+
extraText?: (theme: Theme) => Interpolation;
|
|
81
|
+
};
|
|
82
|
+
onClick?: (e: MouseEvent) => void | Promise<void>;
|
|
66
83
|
}
|
|
67
84
|
export interface GroupType {
|
|
68
85
|
type: "group";
|
|
69
86
|
children: ItemType[];
|
|
70
87
|
label?: ReactNode;
|
|
71
88
|
icon?: ReactNode;
|
|
72
|
-
key
|
|
89
|
+
key: DropdownItemKeyType;
|
|
90
|
+
"test-id"?: string;
|
|
91
|
+
styles?: {
|
|
92
|
+
wrapper?: (theme: Theme) => Interpolation;
|
|
93
|
+
labelWrapper?: (theme: Theme) => Interpolation;
|
|
94
|
+
iconWrapper?: (theme: Theme) => Interpolation;
|
|
95
|
+
itemLabel?: (theme: Theme) => Interpolation;
|
|
96
|
+
items?: (theme: Theme) => Interpolation;
|
|
97
|
+
};
|
|
73
98
|
}
|
|
74
|
-
export interface
|
|
99
|
+
export interface DividerType {
|
|
75
100
|
type: "divider";
|
|
101
|
+
"test-id"?: string;
|
|
102
|
+
key?: DropdownItemKeyType;
|
|
103
|
+
styles?: {
|
|
104
|
+
wrapper?: (theme: Theme) => Interpolation;
|
|
105
|
+
};
|
|
76
106
|
}
|
|
77
107
|
export interface GetMenuBySchemaParams {
|
|
78
108
|
schema: ItemType[];
|
|
79
|
-
selectedKeys:
|
|
80
|
-
onClick: (
|
|
109
|
+
selectedKeys: DropdownItemKeyType[];
|
|
110
|
+
onClick: (props: {
|
|
111
|
+
item: ItemType;
|
|
112
|
+
itemKey: DropdownItemKeyType;
|
|
113
|
+
e: MouseEvent;
|
|
114
|
+
}) => void;
|
|
81
115
|
clearSearchValue: () => void;
|
|
82
116
|
}
|
|
83
117
|
export interface SubMenuType {
|
|
84
118
|
children: ItemType[];
|
|
85
119
|
disabled?: boolean;
|
|
86
120
|
icon?: ReactNode;
|
|
87
|
-
key:
|
|
121
|
+
key: DropdownItemKeyType;
|
|
88
122
|
label?: ReactNode;
|
|
123
|
+
"test-id"?: string;
|
|
124
|
+
search?: boolean;
|
|
125
|
+
styles?: DropdownMenu["styles"];
|
|
89
126
|
onClick?: ({ key, e }: {
|
|
90
|
-
key:
|
|
127
|
+
key: DropdownItemKeyType;
|
|
91
128
|
e: MouseEvent;
|
|
92
129
|
}) => void;
|
|
93
130
|
}
|
|
94
131
|
export declare const isSubMenu: (item: ItemType) => item is SubMenuType;
|
|
95
132
|
export declare const isMenuItem: (item: ItemType) => item is MenuItem;
|
|
96
133
|
export declare const isGroupType: (item: ItemType) => item is GroupType;
|
|
97
|
-
export declare const isDivider: (item: ItemType) => item is
|
|
134
|
+
export declare const isDivider: (item: ItemType) => item is DividerType;
|
|
98
135
|
export {};
|
|
@@ -28,9 +28,13 @@ const getMenuBySchema = ({
|
|
|
28
28
|
if (item.disabled) {
|
|
29
29
|
return;
|
|
30
30
|
}
|
|
31
|
-
onClick(
|
|
31
|
+
onClick({
|
|
32
|
+
item,
|
|
33
|
+
itemKey: item.key,
|
|
34
|
+
e
|
|
35
|
+
});
|
|
32
36
|
};
|
|
33
|
-
return /* @__PURE__ */ createElement(Item, { ...item, selected,
|
|
37
|
+
return /* @__PURE__ */ createElement(Item, { ...item, selected, onDefaultClick: handleClick, key: item.key });
|
|
34
38
|
});
|
|
35
39
|
return content;
|
|
36
40
|
};
|
|
@@ -2,9 +2,12 @@ import { jsx } from "@emotion/react/jsx-runtime";
|
|
|
2
2
|
import { memo } from "react";
|
|
3
3
|
import { dividerDefaultStyle } from "./Divider.styles.js";
|
|
4
4
|
import { useTheme } from "../../../../hooks/useTheme/useTheme.js";
|
|
5
|
-
const Divider = memo((
|
|
5
|
+
const Divider = memo(({
|
|
6
|
+
styles
|
|
7
|
+
}) => {
|
|
8
|
+
var _a;
|
|
6
9
|
const theme = useTheme();
|
|
7
|
-
return /* @__PURE__ */ jsx("li", { css: [dividerDefaultStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:Divider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
return /* @__PURE__ */ jsx("li", { css: [dividerDefaultStyle(theme), (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Divider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9EaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFhIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9EaXZpZGVyL0RpdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdHlwZSBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgZGl2aWRlckRlZmF1bHRTdHlsZSB9IGZyb20gXCIuL0RpdmlkZXIuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEaXZpZGVyUHJvcHMgfSBmcm9tIFwiLi9EaXZpZGVyLnR5cGVzXCI7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBGQzxEaXZpZGVyUHJvcHM+ID0gbWVtbygoeyBzdHlsZXMgfSkgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIDxsaSBjc3M9e1tkaXZpZGVyRGVmYXVsdFN0eWxlKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX0gLz47XG59KTtcbiJdfQ== */"] });
|
|
8
11
|
});
|
|
9
12
|
export {
|
|
10
13
|
Divider
|