@luminati-io/uikit 6.2.8-beta.2 → 6.2.8-beta.4

package/dist/umd/uikit.development.js

@@ -42586,15 +42586,20 @@ __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 rc_util_lib_React_render__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-util/lib/React/render */ "./node_modules/rc-util/lib/React/render.js");
 /* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../themes */ "./src/themes/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../global_config */ "./src/global_config.js");
-/* harmony import */ var _modal2__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modal2 */ "./src/modal/modal2.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../global_config */ "./src/global_config.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _modal2__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modal2 */ "./src/modal/modal2.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
+var _excluded = ["className", "classNamePrefix", "closeOnOutsideClick", "zIndex", "show", "afterClose", "closable", "onClose", "onConfirm", "okLabel", "cancelLabel", "okProps", "cancelProps", "size", "content", "type"];
 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); }
+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 _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; } }
@@ -42613,6 +42618,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
+
+
 var destroyFns = [];
 var withWarn = function withWarn(props) {
   return _objectSpread(_objectSpread({}, props), {}, {
@@ -42667,7 +42674,7 @@ var confirm = function confirm(config) {
   var render = function render(props) {
     clearTimeout(timeoutId);
     timeoutId = setTimeout(function () {
-      var _globalConfig = (0,_global_config__WEBPACK_IMPORTED_MODULE_5__.globalConfig)(),
+      var _globalConfig = (0,_global_config__WEBPACK_IMPORTED_MODULE_4__.globalConfig)(),
         themeName = _globalConfig.themeName;
       (0,rc_util_lib_React_render__WEBPACK_IMPORTED_MODULE_1__.render)(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_themes__WEBPACK_IMPORTED_MODULE_2__.ThemeProvider, {
         theme: themeName
@@ -42715,10 +42722,19 @@ var ConfirmModal = function ConfirmModal(_ref) {
     onConfirm = _ref.onConfirm,
     okLabel = _ref.okLabel,
     cancelLabel = _ref.cancelLabel,
+    okProps = _ref.okProps,
+    cancelProps = _ref.cancelProps,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'sm' : _ref$size,
-    content = _ref.content;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2, {
+    content = _ref.content,
+    type = _ref.type,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var icon = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(rest.icon, getIconByType(type));
+  var title = rest.title && icon ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_7__.Flex, {
+    gap: "03",
+    align_items: "center"
+  }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, rest.title)) : rest.title;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_8__.Modal2, {
     className: className,
     classNamePrefix: classNamePrefix,
     onClose: function onClose() {
@@ -42728,20 +42744,12 @@ var ConfirmModal = function ConfirmModal(_ref) {
       onConfirm === null || onConfirm === void 0 || onConfirm(false);
     },
     show: show,
-    title: "",
+    title: title,
     closeOnOutsideClick: closeOnOutsideClick,
     size: size,
     zIndex: zIndex,
     closable: closable,
     afterClose: afterClose,
-    footer: null
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, {
-    flex_direction: "column",
-    gap: "07"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
-    variant: "lg",
-    color: "text"
-  }, content), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_6__.ModalFooter, {
     okLabel: okLabel,
     cancelLabel: cancelLabel,
     onOk: function onOk() {
@@ -42753,8 +42761,39 @@ var ConfirmModal = function ConfirmModal(_ref) {
     onCancel: function onCancel() {
       _onClose === null || _onClose === void 0 || _onClose();
       onConfirm === null || onConfirm === void 0 || onConfirm(false);
-    }
-  })));
+    },
+    okProps: okProps,
+    cancelProps: cancelProps
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Paragraph, {
+    variant: "sm"
+  }, content));
+};
+var getIconByType = function getIconByType(type) {
+  if (type == 'warning') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    size: "sm",
+    name: "Warning",
+    color: "icon_warning"
+  });
+  if (type == 'info') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    size: "sm",
+    name: "Info",
+    color: "icon_primary"
+  });
+  if (type == 'success') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    size: "sm",
+    name: "CheckCircle",
+    color: "icon_success"
+  });
+  if (type == 'error') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    size: "sm",
+    name: "Warning",
+    color: "icon_error"
+  });
+  if (type == 'confirm') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    size: "sm",
+    name: "Question",
+    color: "icon_primary"
+  });
 };
 
 /***/ }),
@@ -42798,6 +42837,18 @@ __webpack_require__.r(__webpack_exports__);
 
 
 _modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.Button = _modal_button__WEBPACK_IMPORTED_MODULE_2__.ModalButton;
+_modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.warn = function warnFn(props) {
+  return (0,_confirm__WEBPACK_IMPORTED_MODULE_1__.confirm)((0,_confirm__WEBPACK_IMPORTED_MODULE_1__.withWarn)(props));
+};
+_modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.info = function infoFn(props) {
+  return (0,_confirm__WEBPACK_IMPORTED_MODULE_1__.confirm)((0,_confirm__WEBPACK_IMPORTED_MODULE_1__.withInfo)(props));
+};
+_modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.success = function successFn(props) {
+  return (0,_confirm__WEBPACK_IMPORTED_MODULE_1__.confirm)((0,_confirm__WEBPACK_IMPORTED_MODULE_1__.withSuccess)(props));
+};
+_modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.error = function errorFn(props) {
+  return (0,_confirm__WEBPACK_IMPORTED_MODULE_1__.confirm)((0,_confirm__WEBPACK_IMPORTED_MODULE_1__.withError)(props));
+};
 _modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.confirm = function confirmFn(props) {
   return (0,_confirm__WEBPACK_IMPORTED_MODULE_1__.confirm)((0,_confirm__WEBPACK_IMPORTED_MODULE_1__.withConfirm)(props));
 };
@@ -42949,7 +43000,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 var Modal2 = function Modal2(_ref) {
   var className = _ref.className,
     _ref$classNamePrefix = _ref.classNamePrefix,
-    classNamePrefix = _ref$classNamePrefix === void 0 ? 'uikit_dialog' : _ref$classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'uikit_modal' : _ref$classNamePrefix,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'md' : _ref$size,
     _ref$footerVariant = _ref.footerVariant,
@@ -42983,7 +43034,8 @@ var Modal2 = function Modal2(_ref) {
   var dialogTitle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Header, {
     color: "text"
   }, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
-    padding_right: "04"
+    padding_right: "04",
+    color: "text_tertiary"
   }, subtitle));
   var dialogFooter = footer !== null ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ModalFooter, {
     onOk: onOk,
@@ -42995,12 +43047,6 @@ var Modal2 = function Modal2(_ref) {
     variant: footerVariant,
     footer: footer
   }) : null;
-  var closeIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_js__WEBPACK_IMPORTED_MODULE_5__.Icon, {
-    name: "CloseSmall",
-    size: "xs",
-    color: "icon",
-    "data-testid": "modal_header_close_button"
-  });
   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(Modal2Style, {
     $prefixCls: classNamePrefix,
     $theme: theme
@@ -43011,7 +43057,7 @@ var Modal2 = function Modal2(_ref) {
     className: className,
     prefixCls: classNamePrefix,
     closable: closable,
-    closeIcon: closeIcon,
+    closeIcon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CloseIcon, null),
     size: size,
     maskClosable: closeOnOutsideClick && onClose,
     title: dialogTitle,
@@ -43051,7 +43097,7 @@ Modal2.propTypes = {
   minHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   afterClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
 };
-var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{&-root{div[role=\"dialog\"]{margin:10vh auto 0;}}&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade-enter,&-fade-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active{animation-name:rcDialogFadeIn;animation-play-state:running;}&-fade-leave&-fade-leave-active{animation-name:rcDialogFadeOut;animation-play-state:running;}@keyframes rcDialogFadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes rcDialogFadeOut{0%{opacity:1;}100%{opacity:0;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}&-content{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding-top:", ";background-color:", ";border-radius:", ";font-family:", ";box-shadow:", ";pointer-events:auto;}&-close{position:absolute;top:", ";inset-inline-end:", ";z-index:1;padding:0;text-decoration:none;background:transparent;border-radius:4px;width:32px;height:32px;border:0;outline:0;cursor:pointer;}&-header{display:flex;flex-direction:column;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";gap:", ";}&-body{overflow-y:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcDialogZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcDialogZoomOut;animation-play-state:running;}@keyframes rcDialogZoomIn{0%{opacity:0;transform:scale(0,0);}100%{opacity:1;transform:scale(1,1);}}@keyframes rcDialogZoomOut{0%{transform:scale(1,1);}100%{opacity:0;transform:scale(0,0);}}}"], function (_ref2) {
+var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{&-root{div[role=\"dialog\"]{margin:10vh auto 0;}}&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade-enter,&-fade-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active{animation-name:rcDialogFadeIn;animation-play-state:running;}&-fade-leave&-fade-leave-active{animation-name:rcDialogFadeOut;animation-play-state:running;}@keyframes rcDialogFadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes rcDialogFadeOut{0%{opacity:1;}100%{opacity:0;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}&-content{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding-top:", ";background-color:", ";border-radius:", ";font-family:", ";box-shadow:", ";pointer-events:auto;}&-close{position:absolute;top:", ";inset-inline-end:", ";z-index:1;padding:0;text-decoration:none;background:transparent;border-radius:4px;width:32px;height:32px;border:0;outline:0;cursor:pointer;}&-header{display:flex;flex-direction:column;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";gap:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-body{overflow-y:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcDialogZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcDialogZoomOut;animation-play-state:running;}@keyframes rcDialogZoomIn{0%{opacity:0;transform:scale(0,0);}100%{opacity:1;transform:scale(1,1);}}@keyframes rcDialogZoomOut{0%{transform:scale(1,1);}100%{opacity:0;transform:scale(0,0);}}}"], function (_ref2) {
   var $prefixCls = _ref2.$prefixCls;
   return $prefixCls;
 }, function (_ref3) {
@@ -43098,25 +43144,25 @@ var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobal
   return $theme.spacing['03'];
 }, function (_ref17) {
   var $theme = _ref17.$theme;
-  return $theme.spacing['06'];
+  return $theme.spacing['03'];
 }, function (_ref18) {
   var $theme = _ref18.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['06'];
 }, function (_ref19) {
   var $theme = _ref19.$theme;
-  return $theme.spacing['08'];
+  return $theme.spacing['07'];
 }, function (_ref20) {
   var $theme = _ref20.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['08'];
 }, function (_ref21) {
   var $theme = _ref21.$theme;
-  return $theme.scrollbars.thin;
+  return $theme.spacing['07'];
 }, function (_ref22) {
   var $theme = _ref22.$theme;
-  return $theme.spacing['04'];
+  return $theme.color.text_secondary;
 }, function (_ref23) {
   var $theme = _ref23.$theme;
-  return $theme.spacing['07'];
+  return $theme.scrollbars.thin;
 }, function (_ref24) {
   var $theme = _ref24.$theme;
   return $theme.spacing['04'];
@@ -43125,17 +43171,23 @@ var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobal
   return $theme.spacing['07'];
 }, function (_ref26) {
   var $theme = _ref26.$theme;
+  return $theme.spacing['04'];
+}, function (_ref27) {
+  var $theme = _ref27.$theme;
+  return $theme.spacing['07'];
+}, function (_ref28) {
+  var $theme = _ref28.$theme;
   return $theme.color.border_secondary;
 });
-var ModalFooter = function ModalFooter(_ref27) {
-  var onOk = _ref27.onOk,
-    onCancel = _ref27.onCancel,
-    okLabel = _ref27.okLabel,
-    cancelLabel = _ref27.cancelLabel,
-    okProps = _ref27.okProps,
-    cancelProps = _ref27.cancelProps,
-    variant = _ref27.variant,
-    footer = _ref27.footer;
+var ModalFooter = function ModalFooter(_ref29) {
+  var onOk = _ref29.onOk,
+    onCancel = _ref29.onCancel,
+    okLabel = _ref29.okLabel,
+    cancelLabel = _ref29.cancelLabel,
+    okProps = _ref29.okProps,
+    cancelProps = _ref29.cancelProps,
+    variant = _ref29.variant,
+    footer = _ref29.footer;
   var renderCancel = !footer && !!(onCancel && cancelLabel);
   var renderOk = !footer && !!(onOk && okLabel);
   var renderFooter = !!footer || renderOk || renderCancel;
@@ -43190,6 +43242,26 @@ var footerLayout = {
   horizontal_full: FooterFullHorizontal,
   vertical: FooterVertical
 };
+var CloseIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon_js__WEBPACK_IMPORTED_MODULE_5__.Icon).attrs({
+  name: 'CloseSmall',
+  size: 'xs',
+  'data-testid': 'modal_header_close_button'
+}).withConfig({
+  displayName: "CloseIcon",
+  componentId: "sc-1p3wums-3"
+})(["background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}"], function (_ref30) {
+  var color = _ref30.theme.color;
+  return color.icon_button_bg;
+}, function (_ref31) {
+  var color = _ref31.theme.color;
+  return color.icon_button_icon_default;
+}, function (_ref32) {
+  var color = _ref32.theme.color;
+  return color.icon_button_bg_hover;
+}, function (_ref33) {
+  var color = _ref33.theme.color;
+  return color.icon_button_icon_hover;
+});
 
 /***/ }),
 
@@ -44783,14 +44855,10 @@ var DroppableBody = function DroppableBody(props) {
   var _useRowHoverActions = (0,_row_hover_actions__WEBPACK_IMPORTED_MODULE_2__.useRowHoverActions)(),
     renderHoverActions = _useRowHoverActions.renderHoverActions,
     rowHoverEvents = _useRowHoverActions.rowHoverEvents;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_3__.Droppable, droppableProps, function (provided) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
-      ref: provided.innerRef
-    }, provided.droppableProps), rows.map(function (row, index) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DraggableWrapper, {
-        key: row.id,
-        row: row,
-        index: index,
+  var prepared_rows = react__WEBPACK_IMPORTED_MODULE_0___default().useMemo(function () {
+    return rows.map(function (row, index) {
+      return {
+        original: row,
         render: function render(wrapperProps, dragHandleProps) {
           return renderRow({
             row: row,
@@ -44802,6 +44870,20 @@ var DroppableBody = function DroppableBody(props) {
             })
           });
         }
+      };
+    });
+  }, [rows]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_3__.Droppable, droppableProps, function (provided) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+      ref: provided.innerRef
+    }, provided.droppableProps), prepared_rows.map(function (_ref, index) {
+      var row = _ref.original,
+        render = _ref.render;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DraggableWrapper, {
+        key: row.id,
+        row: row,
+        index: index,
+        render: render
       });
     }), provided.placeholder), renderHoverActions());
   });
@@ -49585,7 +49667,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-var PT_TRIGGER = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'click', 'focus']);
+var PT_TRIGGER = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'click', 'focus', 'contextMenu']);
 var _Tooltip = function Tooltip2(_ref) {
   var id = _ref.id,
     className = _ref.className,
@@ -49645,9 +49727,9 @@ _Tooltip.propTypes = {
   onVisibleChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   afterVisibleChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
 };
-_Tooltip.showDelay = 0;
+_Tooltip.showDelay = 0.1;
 _Tooltip.hideDelay = 0.1;
-var Tooltip2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.createGlobalStyle)([".", "{&_white,&_black{position:absolute;display:block;visibility:visible;font-family:", ";font-size:", ";font-weight:", ";line-height:", ";padding:1px;width:fit-content;max-width:min(500px,80vw);background-color:transparent;&-hidden{display:none;}&-inner{padding:8px 10px;text-align:left;text-decoration:none;border-radius:", ";box-shadow:", ";min-height:", ";}&-arrow,&-arrow-inner{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{transform:translate(-50%,5px);margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{bottom:1px;margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow{left:50%;}&-placement-topLeft &-arrow{left:15%;}&-placement-topRight &-arrow{right:15%;}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0;transform:translateX(calc(-100% + 1px));}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{left:1px;margin-top:-6px;border-width:6px 6px 6px 0;}&-placement-right &-arrow{top:50%;}&-placement-rightTop &-arrow{top:15%;margin-top:0;}&-placement-rightBottom &-arrow{bottom:15%;}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{right:-5px;margin-top:-6px;border-width:6px 0 6px 6px;transform:translateX(calc(100% - 1px));}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{right:1px;margin-top:-6px;border-width:6px 0 6px 6px;}&-placement-left &-arrow{top:50%;}&-placement-leftTop &-arrow{top:15%;margin-top:0;}&-placement-leftBottom &-arrow{bottom:15%;}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{transform:translate(-50%,-5px);margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{top:1px;margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow{left:50%;}&-placement-bottomLeft &-arrow{left:15%;}&-placement-bottomRight &-arrow{right:15%;}&&-zoom-appear,&&-zoom-enter{opacity:0;}&&-zoom-enter,&&-zoom-leave{display:block;}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.18,0.89,0.32,1.28);animation-play-state:paused;}&-zoom-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,-0.3,0.74,0.05);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running;}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}}}&_white{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{border-bottom-color:", ";}}&_black{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{border-bottom-color:", ";}}}"], function (_ref2) {
+var Tooltip2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.createGlobalStyle)([".", "{&_white,&_black{position:absolute;display:block;visibility:visible;font-family:", ";font-size:", ";font-weight:", ";line-height:", ";padding:1px;width:fit-content;max-width:min(500px,80vw);background-color:transparent;&-hidden{display:none;}&-inner{padding:8px 10px;text-align:left;text-decoration:none;border-radius:", ";box-shadow:", ";min-height:", ";}&-arrow,&-arrow-inner{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{transform:translate(-50%,5px);margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{bottom:1px;margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow{left:50%;}&-placement-topLeft &-arrow{left:15%;}&-placement-topRight &-arrow{right:15%;}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0;transform:translateX(calc(-100% + 1px));}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{left:1px;margin-top:-6px;border-width:6px 6px 6px 0;}&-placement-right &-arrow{top:50%;}&-placement-rightTop &-arrow{top:15%;margin-top:0;}&-placement-rightBottom &-arrow{bottom:15%;}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{right:-5px;margin-top:-6px;border-width:6px 0 6px 6px;transform:translateX(calc(100% - 1px));}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{right:1px;margin-top:-6px;border-width:6px 0 6px 6px;}&-placement-left &-arrow{top:50%;}&-placement-leftTop &-arrow{top:15%;margin-top:0;}&-placement-leftBottom &-arrow{bottom:15%;}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{transform:translate(-50%,-5px);margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{top:1px;margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow{left:50%;}&-placement-bottomLeft &-arrow{left:15%;}&-placement-bottomRight &-arrow{right:15%;}&&-zoom-appear,&&-zoom-enter{opacity:0;}&&-zoom-enter,&&-zoom-leave{display:block;}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.78,0.14,0.15,0.86);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running;}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}}}&_white{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{border-bottom-color:", ";}}&_black{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{border-bottom-color:", ";}}}"], function (_ref2) {
   var $prefixCls = _ref2.$prefixCls;
   return $prefixCls;
 }, function (_ref3) {
@@ -49658,7 +49740,7 @@ var Tooltip2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.createGlob
   return $theme.font_size.sm;
 }, function (_ref5) {
   var $theme = _ref5.$theme;
-  return $theme.font_weight.medium;
+  return $theme.font_weight.regular;
 }, function (_ref6) {
   var $theme = _ref6.$theme;
   return $theme.line_height.none;