@luminati-io/uikit 3.2.11 → 3.2.13

package/dist/umd/uikit.development.js

@@ -35448,7 +35448,7 @@ var CopyButton = function CopyButton(props) {
       }
     });
   }, [code]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
     tooltip: tooltips[state],
     placement: "right",
     noWrap: true
@@ -35832,10 +35832,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Badge: () => (/* reexport safe */ _badge__WEBPACK_IMPORTED_MODULE_0__["default"]),
 /* harmony export */   Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_1__["default"]),
 /* harmony export */   Chart: () => (/* reexport safe */ _chart__WEBPACK_IMPORTED_MODULE_2__["default"]),
-/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.ClickableTag),
-/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_18__.Code),
-/* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_18__.CodeBlock),
-/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_18__.CodeSnippet),
+/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.ClickableTag),
+/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_17__.Code),
+/* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_17__.CodeBlock),
+/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_17__.CodeSnippet),
 /* harmony export */   ComboButton: () => (/* reexport safe */ _combo_button__WEBPACK_IMPORTED_MODULE_3__["default"]),
 /* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_4__["default"]),
 /* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_5__["default"]),
@@ -35845,18 +35845,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_9__["default"]),
 /* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_10__["default"]),
 /* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_11__),
-/* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_20__.Progress),
-/* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_20__.ProgressBar),
-/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.RemovableTag),
-/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_16__["default"]),
+/* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_19__.Progress),
+/* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_19__.ProgressBar),
+/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.RemovableTag),
+/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_15__["default"]),
 /* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_12__["default"]),
-/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.TagGroup),
-/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_14__["default"]),
-/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_17__),
+/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.TagGroup),
+/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_21__.Tooltip),
+/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_16__),
 /* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_13__["default"]),
-/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_15__["default"]),
-/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_19__.withPopover),
-/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_14__.withTooltip)
+/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_14__["default"]),
+/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_18__.withPopover),
+/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_21__.withTooltip)
 /* harmony export */ });
 /* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./badge */ "./src/badge.js");
 /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./button */ "./src/button/index.js");
@@ -35872,14 +35872,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modal */ "./src/modal/index.js");
 /* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
-/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
-/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
-/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
-/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
+/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
+/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
+/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
+/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
 // LICENSE_CODE ZON
 
 
@@ -36537,7 +36537,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_5__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
     tooltip: tooltip,
     placement: tooltipPlacement
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledIconButton, _extends({
@@ -36765,7 +36765,7 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     var newValue = !checked;
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue, evt);
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
     tooltip: tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CheckboxWrapper, _extends({
     ref: ref
@@ -37070,8 +37070,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/index-a301f526.esm.js");
-/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../checkbox */ "./src/input/checkbox.js");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/index-a301f526.esm.js");
+/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../checkbox */ "./src/input/checkbox.js");
 // LICENSE_CODE ZON
 
 
@@ -37090,20 +37092,25 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var Option = function Option(props) {
   var children = props.children,
     innerProps = props.innerProps,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_3__.c.Option, _extends({}, rest, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_4__.c.Option, _extends({}, rest, {
     innerProps: _objectSpread({}, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(innerProps, 'onMouseMove', 'onMouseOver'))
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_checkbox__WEBPACK_IMPORTED_MODULE_2__.Checkbox, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_checkbox__WEBPACK_IMPORTED_MODULE_3__.Checkbox, {
     checked: props.isSelected,
     disabled: props.isDisabled,
     onChange: function onChange() {
       return null;
     }
-  }), children);
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TextOverflow, null, children));
 };
+var TextOverflow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "TextOverflow",
+  componentId: "sc-1fnb51k-0"
+})(["flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
 
 /***/ }),
 
@@ -37203,6 +37210,24 @@ var useStyles = function useStyles(_ref) {
           boxShadow: undefined
         });
       },
+      menuList: function menuList(baseStyles) {
+        return _objectSpread(_objectSpread({}, baseStyles), {}, {
+          overflowX: 'hidden',
+          scrollbarColor: '#FFFFFF #DFE3E6',
+          scrollbarWidth: 'thin',
+          '&::-webkit-scrollbar': {
+            width: '4px',
+            height: '4px'
+          },
+          '&::-webkit-scrollbar-track': {
+            backgroundColor: '#FFFFFF'
+          },
+          '&::-webkit-scrollbar-thumb': {
+            backgroundColor: '#DFE3E6',
+            borderRadius: '2px'
+          }
+        });
+      },
       groupHeading: function groupHeading(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           /* Label/base */
@@ -38628,16 +38653,24 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 var Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var onChange = props.onChange,
+    onBlur = props.onBlur,
+    value = props.value,
     step = props.step,
     minValue = props.minValue,
     maxValue = props.maxValue,
     size = props.size,
-    placeholder = props.placeholder;
+    placeholder = props.placeholder,
+    changeOnBlur = props.changeOnBlur;
   var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
     var v = +e.target.value;
-    if (typeof maxValue == 'number' && v > maxValue) v = maxValue;else if (typeof minValue == 'number' && v < minValue) v = minValue;
     onChange === null || onChange === void 0 ? void 0 : onChange(v, e);
   }, [onChange, minValue, maxValue]);
+  var handleBlur = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    if (!changeOnBlur) return;
+    var v = +value;
+    if (typeof maxValue == 'number' && v > maxValue) onChange === null || onChange === void 0 ? void 0 : onChange(maxValue, e);else if (typeof minValue == 'number' && v < minValue) onChange === null || onChange === void 0 ? void 0 : onChange(minValue, e);
+  }, [onChange, onBlur, value, minValue, maxValue, changeOnBlur]);
   var heightCalculationCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     var sizes = {
       'xs': 28,
@@ -38659,13 +38692,16 @@ var Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
       max: maxValue
     },
     Field: NumberField,
+    value: value,
     onChange: handleChange,
+    onBlur: handleBlur,
     placeholder: t(placeholder)
   }));
 });
 Number.defaultProps = {
   size: 'sm',
-  step: 1
+  step: 1,
+  changeOnBlur: true
 };
 Number.displayName = 'Number';
 Number.propTypes = {
@@ -38687,7 +38723,8 @@ Number.propTypes = {
   label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg'])
+  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
+  changeOnBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
 var NumberField = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input.attrs({
   type: 'number'
@@ -38845,7 +38882,7 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
   var handleClick = function handleClick(evt) {
     if (!disabled) onClick === null || onClick === void 0 ? void 0 : onClick(value, evt);
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
     tooltip: tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioWrapper, _extends({
     ref: ref,
@@ -40050,7 +40087,7 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     ref: ref,
     as: tag,
     role: "menuitem"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__.Tooltip, {
     tooltip: tooltip,
     noWrap: true
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemComp, _extends({}, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement'), {
@@ -40345,7 +40382,7 @@ var MenuItemContainer = styled_components__WEBPACK_IMPORTED_MODULE_0___default()
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   ModalBase: () => (/* binding */ ModalBase)
 /* 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__);
@@ -40379,7 +40416,7 @@ var MODAL_WIDTHS = {
 var StyledWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Box).withConfig({
   displayName: "StyledWrapper",
   componentId: "sc-1nggvo0-0"
-})(["background-color:", ";border-radius:", ";display:grid;grid-template-rows:1fr auto 1fr;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['02'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.full, function (props) {
+})(["background-color:", ";border-radius:", ";display:flex;flex-direction:column;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['02'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.full, function (props) {
   return MODAL_WIDTHS[props.$size];
 });
 var StyledHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex).attrs({
@@ -40395,7 +40432,7 @@ var StyledContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___defaul
 }).withConfig({
   displayName: "StyledContentWrapper",
   componentId: "sc-1nggvo0-2"
-})(["overflow-y:auto;", " ", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].scrollbars.thin, function (props) {
+})(["flex:1;overflow-y:auto;", " ", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].scrollbars.thin, function (props) {
   return props.$borders && props.$borders.top ? "border-top: 1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4, ";") : '';
 }, function (props) {
   return props.$borders && props.$borders.bottom ? "border-bottom: 1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4, ";") : '';
@@ -40451,7 +40488,6 @@ ModalBase.defaultProps = {
   size: 'md',
   shadow: 'md'
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ModalBase);
 
 /***/ }),
 
@@ -40464,7 +40500,7 @@ ModalBase.defaultProps = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Base: () => (/* reexport safe */ _base__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   Base: () => (/* reexport safe */ _base__WEBPACK_IMPORTED_MODULE_0__.ModalBase),
 /* harmony export */   Button: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.ModalButton),
 /* harmony export */   CloseButton: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.CloseButton),
 /* harmony export */   Footer: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.ModalFooter),
@@ -40472,7 +40508,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Header: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.ModalHeader),
 /* harmony export */   Popup: () => (/* reexport safe */ _modal__WEBPACK_IMPORTED_MODULE_1__.Popup),
 /* harmony export */   Title: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.ModalTitle),
-/* harmony export */   withBackdrop: () => (/* reexport safe */ _with_backdrop__WEBPACK_IMPORTED_MODULE_3__["default"])
+/* harmony export */   withBackdrop: () => (/* reexport safe */ _with_backdrop__WEBPACK_IMPORTED_MODULE_3__.withBackdrop)
 /* harmony export */ });
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/modal/base.js");
 /* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal */ "./src/modal/modal.js");
@@ -40487,7 +40523,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 /***/ }),
 
 /***/ "./src/modal/modal.js":
@@ -40547,7 +40582,7 @@ var General = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fun
     okDisabled: okDisabled,
     cancelDisabled: cancelDisabled
   }) : null;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_base__WEBPACK_IMPORTED_MODULE_3__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_base__WEBPACK_IMPORTED_MODULE_3__.ModalBase, {
     id: id,
     className: className,
     "data-testid": "modal_general",
@@ -40573,7 +40608,7 @@ General.propTypes = {
   size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg', 'full']),
   shadow: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['none', 'sm', 'md', 'lg'])
 };
-var Popup = (0,_with_backdrop__WEBPACK_IMPORTED_MODULE_4__["default"])(General);
+var Popup = (0,_with_backdrop__WEBPACK_IMPORTED_MODULE_4__.withBackdrop)(General);
 
 
 /***/ }),
@@ -40716,7 +40751,7 @@ ModalFooter.defaultProps = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   withBackdrop: () => (/* binding */ withBackdrop)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -40834,7 +40869,6 @@ var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_la
 }, function (props) {
   return props.$show ? '0' : '-25%';
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (withBackdrop);
 
 /***/ }),
 
@@ -41820,7 +41854,7 @@ var CustomizeButtonItemWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___
 var CustomizeButtonItemAction = function CustomizeButtonItemAction(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItemActionWrapper, {
     onClick: props.onClick
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_8__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_8__.Tooltip, {
     tooltip: props.tooltip,
     tooltipPlacement: "top"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
@@ -44183,7 +44217,7 @@ var theme = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   Tooltip: () => (/* binding */ Tooltip),
 /* harmony export */   withTooltip: () => (/* binding */ withTooltip)
 /* harmony export */ });
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
@@ -44271,7 +44305,11 @@ var Tooltip = function Tooltip(props) {
       strategy: 'fixed'
     }),
     styles = _usePopper.styles,
-    attributes = _usePopper.attributes;
+    attributes = _usePopper.attributes,
+    update = _usePopper.update;
+  var tooltipRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
+  if (visible && tooltip != tooltipRef.current && typeof update == 'function') update();
+  tooltipRef.current = tooltip;
   if (!tooltip) return children;
   var tooltipNode = visible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipBody, _extends({
     ref: setPopperElement,
@@ -44327,7 +44365,6 @@ var StyledTooltipReference = styled_components__WEBPACK_IMPORTED_MODULE_2___defa
   displayName: "StyledTooltipReference",
   componentId: "sc-146jrck-2"
 })(["width:fit-content;"]);
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tooltip);
 
 /***/ }),
 
@@ -45062,7 +45099,7 @@ var getDataProps = function getDataProps(props) {
   });
 };
 var getCommonProps = function getCommonProps(props) {
-  return Object.assign({}, lodash_pick__WEBPACK_IMPORTED_MODULE_1___default()(props, 'id', 'className', 'style', 'onClick', 'role', 'tabIndex'), getAriaProps(props), getDataProps(props));
+  return Object.assign({}, lodash_pick__WEBPACK_IMPORTED_MODULE_1___default()(props, 'id', 'className', 'style', 'role', 'tabIndex'), lodash_pick__WEBPACK_IMPORTED_MODULE_1___default()(props, 'onClick', 'onContextMenu', 'onDoubleClick', 'onDrag', 'onDragEnd', 'onDragEnter', 'onDragExit', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp'), lodash_pick__WEBPACK_IMPORTED_MODULE_1___default()(props, 'onPointerDown', 'onPointerMove', 'onPointerUp', 'onPointerCancel', 'onGotPointerCapture', 'onLostPointerCapture', 'onPointerEnter', 'onPointerLeave', 'onPointerOver', 'onPointerOut'), getAriaProps(props), getDataProps(props));
 };
 
 /***/ }),