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

package/dist/umd/uikit.development.js

@@ -42586,15 +42586,19 @@ __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 _modal2__WEBPACK_IMPORTED_MODULE_7__ = __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", "title"];
 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 +42617,7 @@ 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 +42672,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 +42720,15 @@ 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,
+    title = _ref.title,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var icon = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(rest.icon, getIconByType(rest.type));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_7__.Modal2, {
     className: className,
     classNamePrefix: classNamePrefix,
     onClose: function onClose() {
@@ -42728,20 +42738,13 @@ var ConfirmModal = function ConfirmModal(_ref) {
       onConfirm === null || onConfirm === void 0 || onConfirm(false);
     },
     show: show,
-    title: "",
+    title: title,
+    icon: icon,
     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 +42756,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 +42832,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));
 };
@@ -42908,8 +42954,7 @@ var Popup = (0,_with_backdrop__WEBPACK_IMPORTED_MODULE_4__.withBackdrop)(General
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Modal2: () => (/* binding */ Modal2),
-/* harmony export */   ModalFooter: () => (/* binding */ ModalFooter)
+/* harmony export */   Modal2: () => (/* binding */ Modal2)
 /* 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__);
@@ -42930,7 +42975,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["className", "classNamePrefix", "size", "footerVariant", "show", "closable", "closeOnOutsideClick", "title", "subtitle", "footer", "onClose", "okLabel", "onOk", "okProps", "cancelLabel", "onCancel", "cancelProps", "zIndex", "children", "minHeight", "afterClose"];
+var _excluded = ["className", "classNamePrefix", "size", "footerVariant", "show", "closable", "closeOnOutsideClick", "title", "subtitle", "footer", "onClose", "okLabel", "onOk", "okProps", "cancelLabel", "onCancel", "cancelProps", "icon", "zIndex", "children", "minHeight", "afterClose"];
 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; }
@@ -42949,7 +42994,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,
@@ -42968,6 +43013,7 @@ var Modal2 = function Modal2(_ref) {
     cancelLabel = _ref.cancelLabel,
     onCancel = _ref.onCancel,
     cancelProps = _ref.cancelProps,
+    icon = _ref.icon,
     _ref$zIndex = _ref.zIndex,
     zIndex = _ref$zIndex === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.popover : _ref$zIndex,
     children = _ref.children,
@@ -42980,12 +43026,7 @@ var Modal2 = function Modal2(_ref) {
   var _useWindowSize = (0,_hooks__WEBPACK_IMPORTED_MODULE_8__.useWindowSize)(),
     windowHeight = _useWindowSize.height;
   var maxHeight = "".concat(Math.max(windowHeight * 0.8, minHeight), "px");
-  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"
-  }, subtitle));
-  var dialogFooter = footer !== null ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ModalFooter, {
+  var dialogFooter = footer !== null ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DialogFooter, {
     onOk: onOk,
     onCancel: onCancel,
     okLabel: okLabel,
@@ -42995,12 +43036,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,10 +43046,15 @@ 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,
+    title: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DialogHeader, {
+      icon: icon,
+      title: title,
+      subtitle: subtitle,
+      prefixCls: classNamePrefix
+    }),
     footer: dialogFooter,
     zIndex: zIndex,
     width: width,
@@ -43026,7 +43066,8 @@ var Modal2 = function Modal2(_ref) {
     afterClose: afterClose,
     keyboard: false,
     animation: "zoom",
-    maskAnimation: "fade"
+    maskAnimation: "fade",
+    rootClassName: "test"
   }, (0,_util__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(rest)), children));
 };
 Modal2.propTypes = {
@@ -43049,9 +43090,10 @@ Modal2.propTypes = {
   cancelProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
   zIndex: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   minHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
-  afterClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+  afterClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  icon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node)
 };
-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;margin-top:8px;inset-inline-end:16px;z-index:1;padding:4px;text-decoration:none;background:transparent;border-radius:4px;width:24px;height:24px;border:0;outline:0;cursor:pointer;background-color:", ";svg{color:", ";}&:hover{background-color:", ";svg{color:", ";}}}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-title-wrap{display:flex;flex-direction:row;align-items:center;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) {
@@ -43076,17 +43118,17 @@ var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobal
   var $theme = _ref9.$theme;
   return $theme.shadow.large;
 }, function (_ref10) {
-  var $theme = _ref10.$theme;
-  return $theme.spacing['05'];
+  var color = _ref10.theme.color;
+  return color.icon_button_bg;
 }, function (_ref11) {
-  var $theme = _ref11.$theme;
-  return $theme.spacing['02'];
+  var color = _ref11.theme.color;
+  return color.icon_button_icon_default;
 }, function (_ref12) {
-  var $theme = _ref12.$theme;
-  return $theme.spacing['03'];
+  var color = _ref12.theme.color;
+  return color.icon_button_bg_hover;
 }, function (_ref13) {
-  var $theme = _ref13.$theme;
-  return $theme.spacing['07'];
+  var color = _ref13.theme.color;
+  return color.icon_button_icon_hover;
 }, function (_ref14) {
   var $theme = _ref14.$theme;
   return $theme.spacing['03'];
@@ -43098,44 +43140,70 @@ 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['07'];
 }, function (_ref18) {
   var $theme = _ref18.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['03'];
 }, function (_ref19) {
   var $theme = _ref19.$theme;
-  return $theme.spacing['08'];
+  return $theme.spacing['03'];
 }, function (_ref20) {
   var $theme = _ref20.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['06'];
 }, 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.spacing['08'];
 }, function (_ref23) {
   var $theme = _ref23.$theme;
   return $theme.spacing['07'];
 }, function (_ref24) {
   var $theme = _ref24.$theme;
-  return $theme.spacing['04'];
+  return $theme.color.text_secondary;
 }, function (_ref25) {
   var $theme = _ref25.$theme;
-  return $theme.spacing['07'];
+  return $theme.scrollbars.thin;
 }, 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.spacing['04'];
+}, function (_ref29) {
+  var $theme = _ref29.$theme;
+  return $theme.spacing['07'];
+}, function (_ref30) {
+  var $theme = _ref30.$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 DialogHeader = function DialogHeader(_ref31) {
+  var icon = _ref31.icon,
+    title = _ref31.title,
+    subtitle = _ref31.subtitle,
+    prefixCls = _ref31.prefixCls;
+  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("div", {
+    className: "".concat(prefixCls, "-title-wrap")
+  }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Header, {
+    color: "text"
+  }, title)), !!subtitle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
+    padding_right: "04",
+    color: "text_tertiary"
+  }, subtitle));
+};
+var DialogFooter = function DialogFooter(_ref32) {
+  var onOk = _ref32.onOk,
+    onCancel = _ref32.onCancel,
+    okLabel = _ref32.okLabel,
+    cancelLabel = _ref32.cancelLabel,
+    okProps = _ref32.okProps,
+    cancelProps = _ref32.cancelProps,
+    variant = _ref32.variant,
+    footer = _ref32.footer;
   var renderCancel = !footer && !!(onCancel && cancelLabel);
   var renderOk = !footer && !!(onOk && okLabel);
   var renderFooter = !!footer || renderOk || renderCancel;
@@ -43190,6 +43258,13 @@ var footerLayout = {
   horizontal_full: FooterFullHorizontal,
   vertical: FooterVertical
 };
+var CloseIcon = function CloseIcon() {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_js__WEBPACK_IMPORTED_MODULE_5__.Icon, {
+    name: "Close",
+    size: "xs",
+    "data-testid": "modal_header_close_button"
+  });
+};
 
 /***/ }),
 
@@ -44783,14 +44858,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 +44873,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 +49670,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 +49730,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::before{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::before,&-placement-topLeft &-arrow::before,&-placement-topRight &-arrow::before{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::before,&-placement-rightTop &-arrow::before,&-placement-rightBottom &-arrow::before{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::before,&-placement-leftTop &-arrow::before,&-placement-leftBottom &-arrow::before{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::before,&-placement-bottomLeft &-arrow::before,&-placement-bottomRight &-arrow::before{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::before,&-placement-topLeft &-arrow::before,&-placement-topRight &-arrow::before{content:'';border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow::before,&-placement-rightTop &-arrow::before,&-placement-rightBottom &-arrow::before{content:'';border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow::before,&-placement-leftTop &-arrow::before,&-placement-leftBottom &-arrow::before{content:'';border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow::before,&-placement-bottomLeft &-arrow::before,&-placement-bottomRight &-arrow::before{content:'';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::before,&-placement-topLeft &-arrow::before,&-placement-topRight &-arrow::before{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow::before,&-placement-rightTop &-arrow::before,&-placement-rightBottom &-arrow::before{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow::before,&-placement-leftTop &-arrow::before,&-placement-leftBottom &-arrow::before{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow::before,&-placement-bottomLeft &-arrow::before,&-placement-bottomRight &-arrow::before{border-bottom-color:", ";}}}"], function (_ref2) {
   var $prefixCls = _ref2.$prefixCls;
   return $prefixCls;
 }, function (_ref3) {
@@ -49658,10 +49743,10 @@ 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;
+  return $theme.line_height.snug;
 }, function (_ref7) {
   var $theme = _ref7.$theme;
   return $theme.spacing['02'];