@luminati-io/uikit 6.2.11-beta.0 → 6.2.12

package/dist/umd/uikit.development.js

@@ -31473,7 +31473,7 @@ var BreadcrumbsItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forward
   }, [item.text, maxItemWidth]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
     ref: ref
-  }, isLastItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
+  }, isLastItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__.Tooltip2, {
     tooltip: isOverflown ? item.text : undefined
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledLabel, {
     ref: labelRef,
@@ -34109,7 +34109,7 @@ CodeBlock.propTypes = {
 var CodeBlockWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CodeBlockWrapper",
   componentId: "sc-dgi5hi-0"
-})(["border-radius:4px;overflow:hidden;"]);
+})(["border-radius:4px;overflow:hidden;", "{border-top-left-radius:0;border-top-right-radius:0;}"], _code_snippet__WEBPACK_IMPORTED_MODULE_4__.CodeSnipperWrapper);
 var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CodeBlockHeader",
   componentId: "sc-dgi5hi-1"
@@ -34144,6 +34144,7 @@ var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_2___default().d
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CodeSnipperWrapper: () => (/* binding */ CodeSnipperWrapper),
 /* harmony export */   CodeSnippet: () => (/* binding */ CodeSnippet)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
@@ -34181,26 +34182,26 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     maxHeight = _ref.maxHeight,
     wrap = _ref.wrap;
   var codeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockBody, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeSnipperWrapper, {
     ref: ref,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, {}, className, variant),
     style: maxHeight ? {
       maxHeight: maxHeight
     } : undefined
-  }, !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_4__.Code, {
+  }, !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !!copyButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_copy_button__WEBPACK_IMPORTED_MODULE_5__.CopyButton, {
+    className: copyButtonClassName,
+    code: code,
+    variant: variant,
+    codeRef: codeRef,
+    onCopy: onCopy
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_4__.Code, {
     ref: codeRef,
     lang: lang,
     code: code,
     variant: variant,
     lineNumbers: lineNumbers,
     wrap: wrap
-  }), !!copyButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_copy_button__WEBPACK_IMPORTED_MODULE_5__.CopyButton, {
-    className: copyButtonClassName,
-    code: code,
-    variant: variant,
-    codeRef: codeRef,
-    onCopy: onCopy
-  })), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_6__.Skeleton, {
+  }))), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_6__.Skeleton, {
     variant: variant
   }));
 });
@@ -34218,33 +34219,34 @@ CodeSnippet.propTypes = {
   onCopy: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
   wrap: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
 };
-var CodeBlockBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
-  displayName: "CodeBlockBody",
+var CodeSnipperWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "CodeSnipperWrapper",
   componentId: "sc-13u859f-0"
-})(["position:relative;overflow-y:auto;min-height:60px;gap:", ";padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";", " &.black{background-color:", ";}&.white{background-color:", ";}"], function (_ref2) {
-  var spacing = _ref2.theme.spacing;
-  return spacing['03'];
+})(["position:relative;min-height:48px;display:flex;border-radius:4px;&.black{background-color:", ";}&.white{background-color:", ";}"], function (_ref2) {
+  var color = _ref2.theme.color;
+  return color.code_bg_black;
 }, function (_ref3) {
-  var spacing = _ref3.theme.spacing;
-  return spacing['04'];
-}, function (_ref4) {
+  var color = _ref3.theme.color;
+  return color.code_bg_white;
+});
+var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "CodeWrapper",
+  componentId: "sc-13u859f-1"
+})(["flex:1;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";overflow:auto;", ""], function (_ref4) {
   var spacing = _ref4.theme.spacing;
   return spacing['04'];
 }, function (_ref5) {
   var spacing = _ref5.theme.spacing;
-  return spacing['05'];
+  return spacing['04'];
 }, function (_ref6) {
   var spacing = _ref6.theme.spacing;
-  return spacing['04'];
+  return spacing['05'];
 }, function (_ref7) {
-  var scrollbars = _ref7.theme.scrollbars;
-  return scrollbars.auto;
+  var spacing = _ref7.theme.spacing;
+  return spacing['04'];
 }, function (_ref8) {
-  var color = _ref8.theme.color;
-  return color.code_bg_black;
-}, function (_ref9) {
-  var color = _ref9.theme.color;
-  return color.code_bg_white;
+  var scrollbars = _ref8.theme.scrollbars;
+  return scrollbars.auto;
 });
 
 /***/ }),
@@ -34323,7 +34325,7 @@ var CopyButton = function CopyButton(_ref) {
       resetText();
     });
   }, [code]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_3__.Tooltip2, {
     tooltip: tooltips[state],
     placement: "right"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledButton, {
@@ -34340,7 +34342,7 @@ var CopyButton = function CopyButton(_ref) {
 var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
   displayName: "StyledButton",
   componentId: "sc-kvxvoe-0"
-})(["position:absolute;right:16px;display:flex;padding:8px;align-items:flex-start;border:0 none;border-radius:32px;background:", ";svg{width:16px;height:16px;color:", ";}&:hover,&:active{background:", ";}"], function (_ref2) {
+})(["position:absolute;inset-inline-end:16px;bottom:8px;z-index:1;display:flex;padding:8px;align-items:flex-start;border:0 none;border-radius:32px;background:", ";svg{width:16px;height:16px;color:", ";}&:hover,&:active{background:", ";}"], function (_ref2) {
   var $variant = _ref2.$variant,
     color = _ref2.theme.color;
   return $variant == 'white' ? color.code_bg_icon_white : color.code_bg_icon_black;
@@ -34669,6 +34671,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   INPUT_HORIZONTAL_PADDING: () => (/* binding */ INPUT_HORIZONTAL_PADDING),
 /* harmony export */   INPUT_VERTICAL_PADDING: () => (/* binding */ INPUT_VERTICAL_PADDING),
 /* harmony export */   PT_NECESSITY_INDICATOR: () => (/* binding */ PT_NECESSITY_INDICATOR),
+/* harmony export */   PT_TOOLTIP_PLACEMENT: () => (/* binding */ PT_TOOLTIP_PLACEMENT),
 /* harmony export */   TOOLTIP_PLACEMENT: () => (/* binding */ TOOLTIP_PLACEMENT),
 /* harmony export */   Z_INDEX: () => (/* binding */ Z_INDEX)
 /* harmony export */ });
@@ -34679,6 +34682,7 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 
 var PT_NECESSITY_INDICATOR = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['none', 'asterisk', 'text']);
+var PT_TOOLTIP_PLACEMENT = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['right', 'top', 'left', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom']);
 var Z_INDEX = {
   editingCell: 1,
   cellResizer: 1,
@@ -34754,8 +34758,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_4__["default"]),
 /* harmony export */   useTheme: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_25__.useTheme),
 /* harmony export */   useToaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_20__.useToaster),
-/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_13__.withPopover),
-/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_24__.withTooltip)
+/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_13__.withPopover)
 /* harmony export */ });
 /* harmony import */ var _chart__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./chart */ "./src/chart/index.js");
 /* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./input */ "./src/input/index.js");
@@ -35257,7 +35260,9 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       popoverClassName = popoverOptions.popoverClassName,
       popoverStyle = popoverOptions.popoverStyle,
       interactive = popoverOptions.interactive,
-      delay = popoverOptions.delay;
+      delay = popoverOptions.delay,
+      _popoverOptions$swall = popoverOptions.swallowOutsideClick,
+      swallowOutsideClick = _popoverOptions$swall === void 0 ? true : _popoverOptions$swall;
     var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
       _useState4 = _slicedToArray(_useState3, 2),
       referenceElement = _useState4[0],
@@ -35315,10 +35320,12 @@ var withPopover = function withPopover(Comp, PopoverComp) {
     }, [showPopover, hidePopover, togglePopover, update, forceUpdate]);
     var hideAndStopEvt = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
       if (!isOpen) return;
-      evt.stopPropagation();
-      evt.preventDefault();
       hidePopover();
-    }, [isOpen, hidePopover]);
+      if (swallowOutsideClick) {
+        evt.stopPropagation();
+        evt.preventDefault();
+      }
+    }, [isOpen, swallowOutsideClick, hidePopover]);
     var onPointerEnter = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
       var _compProps$onPointerE;
       if (interactive) showPopover();
@@ -35958,7 +35965,7 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
   var ic = _icons__WEBPACK_IMPORTED_MODULE_3__["default"][icon];
   if (!ic) return null;
   var iconSize = size == 'lg' || size == 'md' ? 18 : 16;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip2, {
     tooltip: tooltip,
     placement: tooltipPlacement
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledIconButton, _extends({
@@ -35981,7 +35988,7 @@ IconButton.propTypes = {
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   active: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
-  tooltipPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_constants__WEBPACK_IMPORTED_MODULE_4__.TOOLTIP_PLACEMENT),
+  tooltipPlacement: _constants__WEBPACK_IMPORTED_MODULE_4__.PT_TOOLTIP_PLACEMENT,
   size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['xs', 'sm', 'md', 'lg'])
 };
 var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
@@ -36204,7 +36211,7 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     var newValue = !checked;
     onChange === null || onChange === void 0 || onChange(newValue, evt);
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__.Tooltip2, {
     tooltip: tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CheckboxWrapper, _extends({
     ref: ref
@@ -36248,7 +36255,8 @@ Checkbox.propTypes = {
   verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'middle', 'bottom']),
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   tabIndex: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
-  readOnly: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  readOnly: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node)
 };
 var CheckboxWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CheckboxWrapper",
@@ -40801,7 +40809,7 @@ var InputLabel = function InputLabel(_ref7) {
   }, t(label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(NecessityIndicator, {
     required: required,
     indicator: necessityIndicator
-  })), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
+  })), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip2, {
     tooltip: labelTooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
@@ -42394,7 +42402,7 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(fu
     ref: ref,
     as: tag,
     role: "menuitem"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip2, {
     tooltip: tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemComp, _extends({}, rest, {
     "aria-disabled": disabled ? true : undefined,
@@ -42488,7 +42496,8 @@ var MenuItemPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_4__.withPopover)(MenuItem
   placement: 'right-start',
   wrapperStyle: {
     width: '100%'
-  }
+  },
+  swallowOutsideClick: false
 });
 var MenuItemLeft = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "MenuItemLeft",
@@ -42676,7 +42685,7 @@ __webpack_require__.r(__webpack_exports__);
 var MenuContainer = styled_components__WEBPACK_IMPORTED_MODULE_0___default().ul.withConfig({
   displayName: "MenuContainer",
   componentId: "sc-laozu6-0"
-})(["margin:0;padding:4px 0;box-sizing:border-box;min-width:168px;max-width:540px;background:", ";border:", ";border-radius:4px;display:flex;flex-direction:column;gap:2px;box-shadow:", ";"], function (_ref) {
+})(["margin:0;padding:4px 0;box-sizing:border-box;min-width:168px;max-width:540px;background:", ";border:", ";border-radius:4px;display:flex;flex-direction:column;gap:2px;box-shadow:", ";max-height:80vh;overflow-y:auto;", ";"], function (_ref) {
   var color = _ref.theme.color;
   return color.bg_elevated;
 }, function (_ref2) {
@@ -42687,6 +42696,9 @@ var MenuContainer = styled_components__WEBPACK_IMPORTED_MODULE_0___default().ul.
   var $noBorder = _ref3.$noBorder,
     shadow = _ref3.theme.shadow;
   return $noBorder ? 'none' : shadow.medium;
+}, function (_ref4) {
+  var scrollbars = _ref4.theme.scrollbars;
+  return scrollbars.thin;
 });
 var MenuItemContainer = styled_components__WEBPACK_IMPORTED_MODULE_0___default().li.withConfig({
   displayName: "MenuItemContainer",
@@ -43379,7 +43391,7 @@ Modal2.propTypes = {
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg', 'full']),
   footerVariant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['vertical', 'horizontal', 'horizontal_full']),
-  show: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool).isRequired,
+  show: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   closable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   closeOnOutsideClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   title: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
@@ -45068,7 +45080,7 @@ var CustomizeButtonItemAction = function CustomizeButtonItemAction(_ref12) {
     icon = _ref12.icon;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItemActionWrapper, {
     onClick: onClick
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__.Tooltip, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__.Tooltip2, {
     tooltip: tooltip,
     tooltipPlacement: "top"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
@@ -49597,8 +49609,7 @@ var useToaster = function useToaster() {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_0__.Tooltip),
-/* harmony export */   Tooltip2: () => (/* reexport safe */ _tooltip2__WEBPACK_IMPORTED_MODULE_1__.Tooltip2),
-/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_0__.withTooltip)
+/* harmony export */   Tooltip2: () => (/* reexport safe */ _tooltip2__WEBPACK_IMPORTED_MODULE_1__.Tooltip2)
 /* harmony export */ });
 /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip/tooltip.js");
 /* harmony import */ var _tooltip2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tooltip2 */ "./src/tooltip/tooltip2.js");
@@ -49636,76 +49647,76 @@ var autoAdjustOverflowLeftRight = {
 };
 var targetOffset = [0, 0];
 var placements = {
-  left: {
-    points: ['cr', 'cl'],
-    overflow: autoAdjustOverflowLeftRight,
-    offset: [-6, 0],
-    targetOffset: targetOffset
-  },
-  right: {
-    points: ['cl', 'cr'],
-    overflow: autoAdjustOverflowLeftRight,
-    offset: [6, 0],
-    targetOffset: targetOffset
-  },
   top: {
     points: ['bc', 'tc'],
     overflow: autoAdjustOverflowTopBottom,
     offset: [0, -6],
-    targetOffset: targetOffset
+    targetOffset: [-6, 0]
+  },
+  topLeft: {
+    points: ['bl', 'tl'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [-12, -6],
+    targetOffset: [-6, 0]
+  },
+  topRight: {
+    points: ['br', 'tr'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [12, -6],
+    targetOffset: [-6, 0]
   },
   bottom: {
     points: ['tc', 'bc'],
     overflow: autoAdjustOverflowTopBottom,
     offset: [0, 6],
-    targetOffset: targetOffset
+    targetOffset: [-6, 0]
   },
-  topLeft: {
-    points: ['bl', 'tl'],
+  bottomLeft: {
+    points: ['tl', 'bl'],
     overflow: autoAdjustOverflowTopBottom,
-    offset: [0, -6],
+    offset: [-12, 6],
+    targetOffset: [-6, 0]
+  },
+  bottomRight: {
+    points: ['tr', 'br'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [12, 6],
+    targetOffset: [-6, 0]
+  },
+  left: {
+    points: ['cr', 'cl'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [-6, 0],
     targetOffset: targetOffset
   },
   leftTop: {
     points: ['tr', 'tl'],
     overflow: autoAdjustOverflowLeftRight,
     offset: [-6, 0],
+    targetOffset: [0, 6]
+  },
+  leftBottom: {
+    points: ['br', 'bl'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [-6, 6],
     targetOffset: targetOffset
   },
-  topRight: {
-    points: ['br', 'tr'],
-    overflow: autoAdjustOverflowTopBottom,
-    offset: [0, -6],
+  right: {
+    points: ['cl', 'cr'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [6, 0],
     targetOffset: targetOffset
   },
   rightTop: {
     points: ['tl', 'tr'],
     overflow: autoAdjustOverflowLeftRight,
     offset: [6, 0],
-    targetOffset: targetOffset
-  },
-  bottomRight: {
-    points: ['tr', 'br'],
-    overflow: autoAdjustOverflowTopBottom,
-    offset: [0, 6],
-    targetOffset: targetOffset
+    targetOffset: [0, 6]
   },
   rightBottom: {
     points: ['bl', 'br'],
     overflow: autoAdjustOverflowLeftRight,
-    offset: [6, 0],
-    targetOffset: targetOffset
-  },
-  bottomLeft: {
-    points: ['tl', 'bl'],
-    overflow: autoAdjustOverflowTopBottom,
-    offset: [0, 6],
-    targetOffset: targetOffset
-  },
-  leftBottom: {
-    points: ['br', 'bl'],
-    overflow: autoAdjustOverflowLeftRight,
-    offset: [-6, 0],
+    offset: [6, 6],
     targetOffset: targetOffset
   }
 };
@@ -49721,8 +49732,7 @@ var placements = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Tooltip: () => (/* binding */ _Tooltip),
-/* harmony export */   withTooltip: () => (/* binding */ withTooltip)
+/* harmony export */   Tooltip: () => (/* binding */ _Tooltip)
 /* harmony export */ });
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
@@ -49890,11 +49900,6 @@ _Tooltip.propTypes = {
 _Tooltip.showDelay = 0;
 _Tooltip.hideDelay = 0;
 _Tooltip.interactiveHideDelay = 200;
-var withTooltip = function withTooltip(Comp, tooltipProps) {
-  return function WithTooltip(props) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Tooltip, tooltipProps, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Comp, props));
-  };
-};
 var StyledTooltipBody = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledTooltipBody",
   componentId: "sc-1d5rwbm-0"
@@ -50009,6 +50014,7 @@ var _Tooltip = function Tooltip2(_ref) {
   var mouseEnterDelay = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(rest.showDelay, _Tooltip.showDelay);
   var mouseLeaveDelay = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(rest.hideDelay, _Tooltip.hideDelay);
   var align = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(rest.align, _placements__WEBPACK_IMPORTED_MODULE_6__.placements[placement]);
+  if (!tooltip) return children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Tooltip2Style, {
     $prefixCls: classNamePrefix,
     $theme: theme
@@ -50038,7 +50044,7 @@ _Tooltip.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['black', 'white']),
   trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([PT_TRIGGER, prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(PT_TRIGGER)]),
   visible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  placement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['right', 'top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom']),
+  placement: _constants__WEBPACK_IMPORTED_MODULE_5__.PT_TOOLTIP_PLACEMENT,
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   showDelay: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   hideDelay: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
@@ -132596,8 +132602,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   translation: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.translation),
 /* harmony export */   useTheme: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.useTheme),
 /* harmony export */   useToaster: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.useToaster),
-/* harmony export */   withPopover: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.withPopover),
-/* harmony export */   withTooltip: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.withTooltip)
+/* harmony export */   withPopover: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.withPopover)
 /* harmony export */ });
 /* harmony import */ var _core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./core */ "./src/core.js");
 // LICENSE_CODE ZON