@luminati-io/uikit 6.3.16 → 6.3.18-beta.0

package/dist/umd/uikit.development.js

@@ -36910,24 +36910,24 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$classNamePrefix = _ref.classNamePrefix,
-    classNamePrefix = _ref$classNamePrefix === void 0 ? 'uikit_button' : _ref$classNamePrefix,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'md' : _ref$size,
-    disabled = _ref.disabled,
-    loading = _ref.loading,
-    _ref$loadingText = _ref.loadingText,
-    loadingText = _ref$loadingText === void 0 ? 'Loading...' : _ref$loadingText,
-    icon = _ref.icon,
-    _ref$iconPlacement = _ref.iconPlacement,
-    iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
-    text = _ref.text,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
+var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
+  var className = props.className,
+    _props$classNamePrefi = props.classNamePrefix,
+    classNamePrefix = _props$classNamePrefi === void 0 ? 'uikit_button' : _props$classNamePrefi,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'primary' : _props$variant,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    disabled = props.disabled,
+    loading = props.loading,
+    _props$loadingText = props.loadingText,
+    loadingText = _props$loadingText === void 0 ? 'Loading...' : _props$loadingText,
+    icon = props.icon,
+    _props$iconPlacement = props.iconPlacement,
+    iconPlacement = _props$iconPlacement === void 0 ? 'left' : _props$iconPlacement,
+    text = props.text,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded);
   var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getIconProps)('Button', {
       size: size,
       icon: icon,
@@ -39190,10 +39190,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_17__);
 /* harmony import */ var prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! prismjs/plugins/line-numbers/prism-line-numbers */ "./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.js");
 /* harmony import */ var prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_18__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
@@ -39223,55 +39222,60 @@ __webpack_require__.r(__webpack_exports__);
 
 // import 'prismjs/plugins/line-numbers/prism-line-numbers';
 
-var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_ref, ref) {
-  var className = _ref.className,
-    code = _ref.code,
-    lang = _ref.lang,
-    lineNumbers = _ref.lineNumbers,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'white' : _ref$variant,
-    wrap = _ref.wrap;
+var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var className = props.className,
+    _props$classNamePrefi = props.classNamePrefix,
+    classNamePrefix = _props$classNamePrefi === void 0 ? 'uikit_code' : _props$classNamePrefi,
+    code = props.code,
+    lang = props.lang,
+    lineNumbers = props.lineNumbers,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'white' : _props$variant,
+    wrap = props.wrap;
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_2___default().highlightAll();
   }, [code, lang, lineNumbers]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CodeWrapper, {
     ref: ref,
-    className: classnames__WEBPACK_IMPORTED_MODULE_19___default()(className, variant, {
-      wrap: wrap,
-      'line-numbers': lineNumbers
-    })
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_20__.classNames)(null, null, className, classNamePrefix, "".concat(classNamePrefix, "-").concat(variant), wrap && "".concat(classNamePrefix, "-wrap"), lineNumbers && 'line-numbers'),
+    $prefixCls: classNamePrefix
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("code", {
     className: "language-".concat(lang, " content")
   }, code));
 });
 Code.displayName = 'Code';
 Code.propTypes = {
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   code: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   lang: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['js', 'javascript', 'css', 'markup', 'shell', 'java', 'csharp', 'vbnet', 'php', 'ruby', 'perl', 'python', 'json']),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['black', 'white']),
   lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   wrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_20___default().pre.withConfig({
+var prefixCls = function prefixCls(p) {
+  return p.$prefixCls;
+};
+var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_19___default().pre.withConfig({
   displayName: "CodeWrapper",
   componentId: "sc-1kleg7y-0"
-})(["&&&{margin:0;border:none;background-color:transparent;width:100%;white-space:pre;tab-size:4;text-align:left;word-spacing:normal;word-break:break-word;word-wrap:normal;hyphens:none;max-height:none !important;&.wrap{white-space:pre-wrap !important;}code.content{all:inherit;margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}&.line-numbers{position:relative;padding-left:3.8rem;counter-reset:linenumber;& > code{position:relative;white-space:inherit;}.line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8rem;width:3rem;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;& > span{display:block;counter-increment:linenumber;&:before{content:counter(linenumber);display:block;padding-right:0.8rem;text-align:right;}}}}&.black .line-numbers{color:", ";}&.white .line-numbers{color:", ";}&.black{code[class*=\"language-\"],pre[class*=\"language-\"]{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}pre[class*=\"language-\"]{padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em;}:not(pre) > code[class*=\"language-\"],pre[class*=\"language-\"]{background:#272822;}:not(pre) > code[class*=\"language-\"]{padding:.1em;border-radius:.3em;white-space:normal;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2;}.token.punctuation{color:#f8f8f2;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672;}.token.boolean,.token.number{color:#ae81ff;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2;}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74;}.token.keyword{color:#66d9ef;}.token.regex,.token.important{color:#fd971f;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}&.white{code[class*=\"language-\"],pre[class*=\"language-\"]{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}pre[class*=\"language-\"]::-moz-selection,pre[class*=\"language-\"] ::-moz-selection,code[class*=\"language-\"]::-moz-selection,code[class*=\"language-\"] ::-moz-selection{text-shadow:none;background:#b3d4fc;}pre[class*=\"language-\"]::selection,pre[class*=\"language-\"] ::selection,code[class*=\"language-\"]::selection,code[class*=\"language-\"] ::selection{text-shadow:none;background:#b3d4fc;}@media print{code[class*=\"language-\"],pre[class*=\"language-\"]{text-shadow:none;}}pre[class*=\"language-\"]{padding:1em;margin:.5em 0;overflow:auto;}:not(pre) > code[class*=\"language-\"],pre[class*=\"language-\"]{background:#f5f2f0;}:not(pre) > code[class*=\"language-\"]{padding:.1em;border-radius:.3em;white-space:normal;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:hsla(0,0%,100%,.5);}.token.atrule,.token.attr-value,.token.keyword{color:#07a;}.token.function,.token.class-name{color:#DD4A68;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}}"], function (_ref2) {
-  var color = _ref2.theme.color;
+})(["&&&{margin:0;border:none;background-color:transparent;width:100%;white-space:pre;tab-size:4;text-align:left;word-spacing:normal;word-break:break-word;word-wrap:normal;hyphens:none;max-height:none !important;&.", "-wrap{white-space:pre-wrap !important;}code.content{all:inherit;margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}&.line-numbers{position:relative;padding-left:3.8rem;counter-reset:linenumber;& > code{position:relative;white-space:inherit;}.line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8rem;width:3rem;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;& > span{display:block;counter-increment:linenumber;&:before{content:counter(linenumber);display:block;padding-right:0.8rem;text-align:right;}}}}&.", "-black .line-numbers{color:", ";}&.", "-white .line-numbers{color:", ";}&.", "-black{code[class*='language-'],pre[class*='language-']{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}pre[class*='language-']{padding:1em;margin:0.5em 0;overflow:auto;border-radius:0.3em;}:not(pre) > code[class*='language-'],pre[class*='language-']{background:#272822;}:not(pre) > code[class*='language-']{padding:0.1em;border-radius:0.3em;white-space:normal;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2;}.token.punctuation{color:#f8f8f2;}.token.namespace{opacity:0.7;}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672;}.token.boolean,.token.number{color:#ae81ff;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2;}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74;}.token.keyword{color:#66d9ef;}.token.regex,.token.important{color:#fd971f;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}&.", "-white{code[class*='language-'],pre[class*='language-']{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}pre[class*='language-']::-moz-selection,pre[class*='language-'] ::-moz-selection,code[class*='language-']::-moz-selection,code[class*='language-'] ::-moz-selection{text-shadow:none;background:#b3d4fc;}pre[class*='language-']::selection,pre[class*='language-'] ::selection,code[class*='language-']::selection,code[class*='language-'] ::selection{text-shadow:none;background:#b3d4fc;}@media print{code[class*='language-'],pre[class*='language-']{text-shadow:none;}}pre[class*='language-']{padding:1em;margin:0.5em 0;overflow:auto;}:not(pre) > code[class*='language-'],pre[class*='language-']{background:#f5f2f0;}:not(pre) > code[class*='language-']{padding:0.1em;border-radius:0.3em;white-space:normal;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:0.7;}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:hsla(0,0%,100%,0.5);}.token.atrule,.token.attr-value,.token.keyword{color:#07a;}.token.function,.token.class-name{color:#dd4a68;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}}"], prefixCls, prefixCls, function (_ref) {
+  var color = _ref.theme.color;
   return color.text_white;
-}, function (_ref3) {
-  var color = _ref3.theme.color;
+}, prefixCls, function (_ref2) {
+  var color = _ref2.theme.color;
   return color.text_disabled;
+}, prefixCls, function (_ref3) {
+  var color = _ref3.theme.color;
+  return color.code_text_black;
 }, function (_ref4) {
   var color = _ref4.theme.color;
-  return color.code_text_black;
-}, function (_ref5) {
-  var color = _ref5.theme.color;
   return color.code_text_shadow_black;
+}, prefixCls, function (_ref5) {
+  var color = _ref5.theme.color;
+  return color.code_text_white;
 }, function (_ref6) {
   var color = _ref6.theme.color;
-  return color.code_text_white;
-}, function (_ref7) {
-  var color = _ref7.theme.color;
   return color.code_text_shadow_white;
 });
 
@@ -39776,7 +39780,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../popover */ "./src/popover/index.js");
 /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
 /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
@@ -39786,8 +39790,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["text", "variant", "size", "items", "disabled", "onClick", "icon", "iconPlacement"],
+var _excluded = ["className", "classNamePrefix", "variant", "size", "items", "disabled", "onClick", "icon", "iconPlacement", "text", "children"],
   _excluded2 = ["isLeft"];
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -39801,18 +39811,22 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
-  var text = _ref.text,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'sm' : _ref$size,
-    items = _ref.items,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    icon = _ref.icon,
-    iconPlacement = _ref.iconPlacement,
-    rest = _objectWithoutProperties(_ref, _excluded);
+var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
+  var className = props.className,
+    _props$classNamePrefi = props.classNamePrefix,
+    classNamePrefix = _props$classNamePrefi === void 0 ? 'uikit_combo_button' : _props$classNamePrefi,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'primary' : _props$variant,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'sm' : _props$size,
+    items = props.items,
+    disabled = props.disabled,
+    onClick = props.onClick,
+    icon = props.icon,
+    iconPlacement = props.iconPlacement,
+    text = props.text,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded);
   var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.getIconProps)('Button', {
       size: size,
       icon: icon,
@@ -39820,67 +39834,90 @@ var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
     }),
     isLeft = _getIconProps.isLeft,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
-  var menuProps = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
-    return {
-      size: size == 'xs' ? 'sm' : 'md',
-      items: items
-    };
-  }, [size, items]);
+  var buttonText = text || children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButtonWrapper, _extends({
     ref: ref
   }, rest, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(null, null, className, classNamePrefix),
     disabled: disabled,
     $variant: variant,
     $size: size,
     $iconPlacement: isLeft ? 'left' : ''
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButton, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
+      '-primary_button': true,
+      '-primary_button-disabled': disabled
+    }),
     disabled: disabled,
     onClick: onClick,
     "data-testid": "combo_button_main"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, _extends({
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
+      '-icon': true,
+      '-icon-left': isLeft
+    })
+  }, iconProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
     variant: size == 'xs' ? 'sm' : 'lg',
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
+      '-text': true
+    }),
     no_wrap: true,
     "data-label": true
-  }, text))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonMenuTrigger, {
+  }, buttonText))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonMenu, {
+    classNamePrefix: classNamePrefix,
     disabled: disabled,
-    popoverProps: menuProps
+    size: size == 'xs' ? 'sm' : 'md',
+    items: items
   }));
 });
 ComboButton.displayName = 'ComboButton';
 ComboButton.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string).isRequired,
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['xs', 'sm', 'md', 'lg']),
   icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_9__.iconNames),
   items: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired,
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-var ComboButtonMenu = function ComboButtonMenu(_ref2) {
-  var size = _ref2.size,
-    items = _ref2.items,
-    popover = _ref2.popover;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.Menu, {
-    size: size,
-    items: items,
-    onClick: popover.hide
-  });
-};
-var ArrowIcon = function ArrowIcon(_ref3) {
-  var popover = _ref3.popover,
-    disabled = _ref3.disabled;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonArrow, {
-    onClick: popover.toggle,
+var ComboButtonMenu = function ComboButtonMenu(_ref) {
+  var classNamePrefix = _ref.classNamePrefix,
+    disabled = _ref.disabled,
+    size = _ref.size,
+    items = _ref.items;
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_popover__WEBPACK_IMPORTED_MODULE_4__.Popover, {
+    trigger: "click",
+    placement: "bottomRight",
+    visible: visible,
+    onVisibleChange: setVisible,
+    zIndex: _constants__WEBPACK_IMPORTED_MODULE_3__.Z_INDEX.combobutton,
+    popover: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.Menu, {
+      className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
+        '-menu': true
+      }),
+      size: size,
+      items: items,
+      onClick: function onClick() {
+        return setVisible(false);
+      },
+      unstyled: true
+    })
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonArrow, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
+      '-menu_button': true,
+      '-menu_button-disabled': disabled
+    }),
     disabled: disabled,
     "data-testid": "combo_button_menu_button"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, {
     name: "ChevronDown",
     size: "xs"
-  }));
+  })));
 };
-var ComboButtonMenuTrigger = (0,_hoc__WEBPACK_IMPORTED_MODULE_4__.withPopover)(ArrowIcon, ComboButtonMenu, {
-  placement: 'bottom-end',
-  zIndex: _constants__WEBPACK_IMPORTED_MODULE_3__.Z_INDEX.combobutton
-});
 var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledButtonWrapper",
   componentId: "sc-s9elw5-0"
@@ -49000,7 +49037,6 @@ var Modal2 = function Modal2(_ref) {
     prefixCls: classNamePrefix,
     closable: closable,
     closeIcon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CloseIcon, null),
-    size: size,
     maskClosable: closeOnOutsideClick && onClose,
     title: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DialogHeader, {
       icon: icon,
@@ -52160,7 +52196,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _popover__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../popover */ "./src/popover/index.js");
 /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
 /* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
@@ -52171,6 +52207,12 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 
 
@@ -52181,13 +52223,13 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 
 
-var HeaderFunctions = function HeaderFunctions(props) {
-  var header = props.header,
-    visible = props.visible,
-    onItemClick = props.onItemClick,
-    orderLogic = props.orderLogic,
-    canSort = props.canSort,
-    onSortChanged = props.onSortChanged;
+var HeaderFunctions = function HeaderFunctions(_ref) {
+  var header = _ref.header,
+    visible = _ref.visible,
+    onItemClick = _ref.onItemClick,
+    orderLogic = _ref.orderLogic,
+    canSort = _ref.canSort,
+    onSortChanged = _ref.onSortChanged;
   if ((0,_sys_columns__WEBPACK_IMPORTED_MODULE_8__.isSysColumn)(header)) return null;
   var id = header.id,
     canHide = header.canHide,
@@ -52262,60 +52304,56 @@ var HeaderFunctions = function HeaderFunctions(props) {
     });
   }
   if (!items.length) return null;
-  var menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Menu, null, items.map(function (item) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuItem, _extends({
-      key: item.id
-    }, item));
-  }));
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuPopover, {
     visible: visible,
-    popoverProps: {
-      menu: menu
-    }
+    items: items
   });
 };
-var MenuButton = function MenuButton(props) {
-  var popover = props.popover,
-    visible = props.visible;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledButton, {
+var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_icon_button__WEBPACK_IMPORTED_MODULE_4__.IconButton).withConfig({
+  displayName: "StyledButton",
+  componentId: "sc-1oo76mu-0"
+})(["cursor:pointer;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:", ";width:16px;height:16px;border-radius:4px;width:16px;height:16px;"], _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.headerButton);
+var MenuPopover = function MenuPopover(_ref2) {
+  var visible = _ref2.visible,
+    items = _ref2.items;
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    popoverVisible = _useState2[0],
+    setPopoverVisible = _useState2[1];
+  var onVisibleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {
+    setPopoverVisible(!visible ? false : value);
+  }, [visible]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_popover__WEBPACK_IMPORTED_MODULE_2__.Popover, {
+    trigger: "click",
+    placement: "bottom",
+    visible: popoverVisible,
+    onVisibleChange: onVisibleChange,
+    popover: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Menu, {
+      onClick: function onClick() {
+        return setPopoverVisible(false);
+      }
+    }, items.map(function (item) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuItem, _extends({
+        key: item.id
+      }, item));
+    }))
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledButton, {
     size: "xs",
     icon: "DotsHorizontal",
     tooltip: "Functions",
     tooltipPlacement: "top",
-    onClick: popover.toggle,
     style: {
       visibility: visible ? 'visible' : 'hidden'
     }
-  });
+  }));
 };
-var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_icon_button__WEBPACK_IMPORTED_MODULE_4__.IconButton).withConfig({
-  displayName: "StyledButton",
-  componentId: "sc-1oo76mu-0"
-})(["cursor:pointer;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:", ";width:16px;height:16px;border-radius:4px;width:16px;height:16px;"], _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.headerButton);
-var MenuWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
-  displayName: "MenuWrapper",
-  componentId: "sc-1oo76mu-1"
-})(["border-radius:4px;box-shadow:", ";background:", ";"], function (_ref) {
-  var shadow = _ref.theme.shadow;
-  return shadow.medium;
-}, function (_ref2) {
-  var color = _ref2.theme.color;
-  return color.bg_elevated;
-});
-var MenuPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_2__.withPopover)(MenuButton, function (p) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuWrapper, {
-    onClick: p.popover.hide
-  }, p.menu);
-}, {
-  placement: 'bottom'
-});
 var Menu = styled_components__WEBPACK_IMPORTED_MODULE_1___default().ul.withConfig({
   displayName: "Menu",
-  componentId: "sc-1oo76mu-2"
+  componentId: "sc-1oo76mu-1"
 })(["margin:0;padding:4px 0;"]);
 var MenuItem = styled_components__WEBPACK_IMPORTED_MODULE_1___default().li.withConfig({
   displayName: "MenuItem",
-  componentId: "sc-1oo76mu-3"
+  componentId: "sc-1oo76mu-2"
 })(["list-style:none;&:hover{background-color:", ";}", ""], function (_ref3) {
   var color = _ref3.theme.color;
   return color.bg_fill_secondary;
@@ -52404,8 +52442,8 @@ var HideColumn = function HideColumn(props) {
 };
 var FunctionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "FunctionWrapper",
-  componentId: "sc-1oo76mu-4"
-})(["cursor:pointer;margin:0;padding:7px 12px;display:flex;align-items:center;gap:10px;min-width:180px;input[type=\"checkbox\"]{display:none;}"]);
+  componentId: "sc-1oo76mu-3"
+})(["cursor:pointer;margin:0;padding:7px 12px;display:flex;align-items:center;gap:10px;min-width:180px;input[type='checkbox']{display:none;}"]);
 
 /***/ }),
 
@@ -53414,19 +53452,17 @@ __webpack_require__.r(__webpack_exports__);
 /* 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__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
-/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
+/* harmony import */ var _popover__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../popover */ "./src/popover/index.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["onClick", "keepPopover"];
+var _excluded = ["onClick"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -53434,6 +53470,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -53446,82 +53486,78 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 
 
 
-
 var RowMenuCell = function RowMenuCell(_ref) {
   var row = _ref.row,
     column = _ref.column;
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useTableContext)(),
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useTableContext)(),
     rowActions = _useTableContext.rowActions;
   var allActions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return [].concat(_toConsumableArray(rowActions || []), _toConsumableArray(Object.values(column.internalActions))).map(function (item) {
       return typeof item == 'function' ? item(row) : item;
     }).filter(function (item) {
-      return item && !item.hidden && item.key;
+      return item && item.key;
     });
   }, [rowActions, column, row]);
-  var popoverProps = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return {
-      allActions: allActions,
-      row: row,
-      portalTarget: document.body
-    };
-  }, [allActions, row]);
   if (!allActions.length) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RowMenuCellPopover, {
-    popoverProps: popoverProps
+    row: row,
+    allActions: allActions
   });
 };
-RowMenuCell.displayName = 'RowMenuCell';
-var RowMenuCellPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_2__.withPopover)(function (p) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_3__.IconButton, {
+var RowMenuCellPopover = function RowMenuCellPopover(_ref2) {
+  var row = _ref2.row,
+    allActions = _ref2.allActions;
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_popover__WEBPACK_IMPORTED_MODULE_1__.Popover, {
+    placement: "left",
+    visible: visible,
+    onVisibleChange: setVisible,
+    trigger: ['click', 'contextMenu'],
+    popover: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverMenu, {
+      allActions: allActions,
+      row: row,
+      hidePopover: function hidePopover() {
+        return setVisible(false);
+      }
+    })
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_2__.IconButton, {
     "data-testid": "row-actions-toggle",
-    onClick: p.popover.toggle,
     icon: "DotsHorizontal",
     size: "xs",
-    className: _render_row__WEBPACK_IMPORTED_MODULE_6__.preventOnClickClass
-  });
-}, function (p) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverMenu, {
-    allActions: p.allActions,
-    row: p.row,
-    togglePopover: p.popover.toggle
-  });
-}, {
-  placement: 'left'
-});
-var PopoverMenu = function PopoverMenu(props) {
-  var allActions = props.allActions,
-    row = props.row,
-    togglePopover = props.togglePopover;
+    className: _render_row__WEBPACK_IMPORTED_MODULE_5__.preventOnClickClass
+  }));
+};
+var PopoverMenu = function PopoverMenu(_ref3) {
+  var allActions = _ref3.allActions,
+    row = _ref3.row,
+    hidePopover = _ref3.hidePopover;
   var items = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return allActions.map(function (_ref2) {
-      var onClick = _ref2.onClick,
-        keepPopover = _ref2.keepPopover,
-        item = _objectWithoutProperties(_ref2, _excluded);
+    return allActions.map(function (_ref4) {
+      var onClick = _ref4.onClick,
+        item = _objectWithoutProperties(_ref4, _excluded);
       var onItemClick = function onItemClick(evt) {
         if (item.disabled) return;
-        if (!keepPopover) togglePopover();
         onClick === null || onClick === void 0 || onClick(row, evt);
+        if (!evt.defaultPrevented) hidePopover();
       };
       return _objectSpread(_objectSpread({}, item), {}, {
         onClick: onItemClick
       });
     });
   }, [allActions]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_4__.Menu, {
-    className: _render_row__WEBPACK_IMPORTED_MODULE_6__.preventOnClickClass,
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_3__.Menu, {
+    className: _render_row__WEBPACK_IMPORTED_MODULE_5__.preventOnClickClass,
     items: items,
-    size: "sm"
+    size: "sm",
+    unstyled: true
   });
 };
-var RowMenuButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
-  displayName: "RowMenuButton",
-  componentId: "sc-q7kjip-0"
-})(["box-sizing:border-box;min-width:180px;display:flex;align-items:center;padding:7px 12px;gap:10px;border:0 none;background-color:unset;white-space:nowrap;"]);
-RowMenuButton.displayName = 'RowMenuButton';
-var getRowMenuCellProps = function getRowMenuCellProps(props, _ref3) {
-  var cell = _ref3.cell,
-    instance = _ref3.instance;
+var getRowMenuCellProps = function getRowMenuCellProps(props, _ref5) {
+  var cell = _ref5.cell,
+    instance = _ref5.instance;
   if (cell.column.id == 'row_menu') {
     var _instance$theme;
     return [props, {