@cloudtower/eagle 0.0.0-config-rc-9 → 0.0.0-data-testid

package/dist/esm/core/Fields/FieldsTimePicker/index.js

@@ -1,3 +1,4 @@
+import { ConfigProvider } from '../../ConfigProvider/index.js';
 import React__default from 'react';
 import TimePicker from '../../TimePicker/index.js';
 
@@ -35,14 +36,17 @@ var __objRest = (source, exclude) => {
 const FieldsTimePicker = (_a) => {
   var _b = _a, {
     input,
-    meta
+    meta,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
-    "meta"
+    "meta",
+    "data-testid"
   ]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
+  return /* @__PURE__ */ React__default.createElement(ConfigProvider, null, /* @__PURE__ */ React__default.createElement(
     TimePicker,
-    __spreadValues(__spreadProps(__spreadValues({}, input), {
+    __spreadValues(__spreadProps(__spreadValues({}, inputWithTestId), {
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)
     }), props)
   ));

package/dist/esm/core/FormItem/index.js

@@ -22,12 +22,26 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
 const {
   Item: AntdFormItem
 } = Form;
 const FormItemStyle = "E_f7pxqmh";
-const FormItem = props => {
+const FormItem = _a => {
+  var _b = _a,
+    {
+      "data-testid": dataTestId
+    } = _b,
+    props = __objRest(_b, ["data-testid"]);
   return /* @__PURE__ */React__default.createElement(AntdFormItem, __spreadProps(__spreadValues({}, props), {
+    "data-testid": dataTestId,
     className: cs(FormItemStyle, props.className)
   }));
 };

package/dist/esm/core/Frequency/index.js

@@ -3,6 +3,7 @@ import Empty from '../Empty/index.js';
 import isEmpty from '../../utils/isEmpty.js';
 import { formatFrequency } from '../../utils/tower.js';
 import React__default from 'react';
+import { UnitStyle } from '../Styled/index.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -25,13 +26,14 @@ const Frequency = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = formatFrequency(rawValue, decimals);
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Frequency$1 = Frequency;
 

package/dist/esm/core/ImmersiveDialog/index.js

@@ -0,0 +1,223 @@
+import { ExclamationErrorCircleFill16RedIcon, XmarkCloseBold24TertiaryIcon, XmarkCloseBold24SecondaryIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import Button from '../Button/index.js';
+import Icon from '../Icon/index.js';
+import { usePopModal } from '../KitStoreProvider/index.js';
+import { Typo } from '../Typo/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { Modal } from 'antd';
+import cs from 'classnames';
+import React__default, { useCallback, useMemo } from 'react';
+import { ModelTitleSkeleton, ModelContentSkeleton, ModelInitializingError } from '../SmallDialog/SmallDialog.widget.js';
+import { FooterStyle, FooterButtonStyle, ErrorStyle, ErrorIconStyle, ErrorTextStyle, FooterButtonRightStyle, CancelButtonStyle, TitleStyle, ImmersiveDialogStyle, FullContentStyle, MultiAreaStyle, CloseIconStyle, BodyStyle, MultiAreaBodyStyle } from './styles.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function ImmersiveDialog(props) {
+  const _a = props, {
+    className,
+    title,
+    children,
+    footerLeftAction,
+    left,
+    right,
+    leftClassName,
+    rightClassName,
+    closeIcon,
+    footer,
+    showCancel = true,
+    showOk = true,
+    confirmLoading,
+    okButtonProps,
+    cancelButtonProps,
+    okText,
+    cancelText,
+    error,
+    hideFooter = false,
+    showFooterErrorIcon = true,
+    visible = true,
+    isContentFull,
+    onCancel,
+    onOk,
+    initializing,
+    initializingError,
+    "data-testid": dataTestId
+  } = _a, restProps = __objRest(_a, [
+    "className",
+    "title",
+    "children",
+    "footerLeftAction",
+    "left",
+    "right",
+    "leftClassName",
+    "rightClassName",
+    "closeIcon",
+    "footer",
+    "showCancel",
+    "showOk",
+    "confirmLoading",
+    "okButtonProps",
+    "cancelButtonProps",
+    "okText",
+    "cancelText",
+    "error",
+    "hideFooter",
+    "showFooterErrorIcon",
+    "visible",
+    "isContentFull",
+    "onCancel",
+    "onOk",
+    "initializing",
+    "initializingError",
+    "data-testid"
+  ]);
+  const { t } = useParrotTranslation();
+  const popModal = usePopModal();
+  const sub = useCallback(
+    (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0,
+    [dataTestId]
+  );
+  const defaultTitle = initializingError ? t("common.load_failed") : "";
+  const defaultCancelText = showOk ? t("common.cancel") : t("common.close");
+  const defaultOkText = initializingError ? t("common.retry") : t("common.confirm");
+  const _cancelText = useMemo(() => {
+    let text = cancelText || defaultCancelText;
+    return text;
+  }, [cancelText, defaultCancelText]);
+  const _confirmText = useMemo(() => {
+    let text = okText || defaultOkText;
+    return text;
+  }, [okText, defaultOkText]);
+  const finalFooter = useMemo(() => {
+    if (initializing) {
+      return null;
+    }
+    if (hideFooter)
+      return /* @__PURE__ */ React__default.createElement("div", null);
+    return footer || /* @__PURE__ */ React__default.createElement("div", { className: FooterStyle }, /* @__PURE__ */ React__default.createElement("div", { className: FooterButtonStyle }, footerLeftAction, error && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: cx(ErrorStyle, Typo.Label.l2_regular) }, showFooterErrorIcon && /* @__PURE__ */ React__default.createElement(
+      ExclamationErrorCircleFill16RedIcon,
+      {
+        className: ErrorIconStyle
+      }
+    ), /* @__PURE__ */ React__default.createElement(
+      OverflowTooltip,
+      {
+        className: ErrorTextStyle,
+        multiLines: 3,
+        content: error,
+        tooltip: error
+      }
+    )))), /* @__PURE__ */ React__default.createElement("div", { className: FooterButtonRightStyle }, showCancel ? /* @__PURE__ */ React__default.createElement(
+      Button,
+      __spreadValues({
+        size: "large",
+        type: "quiet",
+        className: CancelButtonStyle,
+        "data-testid": sub("cancel"),
+        onMouseDown: (e) => {
+          e.preventDefault();
+        },
+        onClick: (e) => {
+          popModal();
+          onCancel == null ? void 0 : onCancel(e);
+        }
+      }, cancelButtonProps),
+      /* @__PURE__ */ React__default.createElement("span", { className: Typo.Label.l1_bold_title }, _cancelText)
+    ) : null, showOk ? /* @__PURE__ */ React__default.createElement(
+      Button,
+      __spreadValues({
+        size: "large",
+        onClick: (e) => {
+          onOk == null ? void 0 : onOk(e);
+        },
+        type: "primary",
+        loading: confirmLoading,
+        "data-testid": sub("ok")
+      }, okButtonProps),
+      _confirmText
+    ) : null));
+  }, [
+    initializing,
+    hideFooter,
+    footer,
+    footerLeftAction,
+    error,
+    showFooterErrorIcon,
+    showCancel,
+    sub,
+    cancelButtonProps,
+    _cancelText,
+    showOk,
+    confirmLoading,
+    okButtonProps,
+    _confirmText,
+    popModal,
+    onCancel,
+    onOk
+  ]);
+  return /* @__PURE__ */ React__default.createElement(
+    Modal,
+    __spreadValues({
+      "data-testid": dataTestId,
+      width: "calc(100% - 20px)",
+      title: initializing ? /* @__PURE__ */ React__default.createElement(ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.createElement("span", { className: cx(Typo.Display.d1_bold_title, TitleStyle) }, title || defaultTitle),
+      className: cs(
+        ImmersiveDialogStyle,
+        isContentFull ? FullContentStyle : MultiAreaStyle,
+        className,
+        {
+          "initializing-error": initializingError,
+          "no-footer": hideFooter
+        }
+      ),
+      closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          src: XmarkCloseBold24TertiaryIcon,
+          className: CloseIconStyle,
+          iconHeight: 24,
+          iconWidth: 24,
+          hoverSrc: XmarkCloseBold24SecondaryIcon,
+          "data-testid": sub("close")
+        }
+      ),
+      footer: finalFooter,
+      onCancel: (e) => {
+        popModal();
+        onCancel == null ? void 0 : onCancel(e);
+      },
+      visible,
+      destroyOnClose: true
+    }, restProps),
+    /* @__PURE__ */ React__default.createElement("div", { className: cx(BodyStyle, isContentFull ? "" : MultiAreaBodyStyle) }, initializing || initializingError ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, initializing ? /* @__PURE__ */ React__default.createElement(ModelContentSkeleton, { num: 4 }) : /* @__PURE__ */ React__default.createElement(ModelInitializingError, { error: initializingError }))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("right", rightClassName) }, right)))
+  );
+}
+
+export { ImmersiveDialog };

package/dist/esm/core/ImmersiveDialog/styles.js

@@ -0,0 +1,16 @@
+const ImmersiveDialogStyle = "E_icab5o7";
+const MultiAreaStyle = "E_msiso3p";
+const CloseIconStyle = "E_cxvrrew";
+const TitleStyle = "E_tskzd0j";
+const FullContentStyle = "E_f1fbnfp";
+const BodyStyle = "E_b4g2nsx";
+const MultiAreaBodyStyle = "E_myhed70";
+const FooterStyle = "E_fo07jei";
+const FooterButtonStyle = "E_fph3s12";
+const FooterButtonRightStyle = "E_f1f8uj0i";
+const ErrorStyle = "E_ejcjd85";
+const ErrorIconStyle = "E_e1lj3r2s";
+const ErrorTextStyle = "E_eb58k2y";
+const CancelButtonStyle = "E_c1bad0d";
+
+export { BodyStyle, CancelButtonStyle, CloseIconStyle, ErrorIconStyle, ErrorStyle, ErrorTextStyle, FooterButtonRightStyle, FooterButtonStyle, FooterStyle, FullContentStyle, ImmersiveDialogStyle, MultiAreaBodyStyle, MultiAreaStyle, TitleStyle };

package/dist/esm/core/Input/index.js

@@ -44,15 +44,27 @@ const Input = _a => {
     {
       className,
       error,
-      size = "middle"
+      size = "middle",
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["className", "error", "size"]);
+    props = __objRest(_b, ["className", "error", "size", "data-testid"]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.createElement(StyledAntdInput, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.createElement(StyledAntdInput, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     "data-test": props.name,
     className: cs(className, InputStyle, typo, error ? "error" : "")

package/dist/esm/core/InputInteger/index.js

@@ -66,15 +66,27 @@ const InputInteger = _a => {
       prefix,
       max,
       min,
-      controls = false
+      controls = false,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "max", "min", "controls"]);
+    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "max", "min", "controls", "data-testid"]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.createElement(AntdIntStyled, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.createElement(AntdIntStyled, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     formatter: formatterInteger,
     parser: formatterInteger,

package/dist/esm/core/InputNumber/index.js

@@ -63,15 +63,27 @@ const InputNumber = _a => {
       size = "middle",
       suffix,
       prefix,
-      controls = true
+      controls = true,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "controls"]);
+    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "controls", "data-testid"]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.createElement(AntdInputNumberStyled, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.createElement(AntdInputNumberStyled, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     controls,
     "data-test": props.name,

package/dist/esm/core/InputPassword/index.js

@@ -44,15 +44,27 @@ const InputPassword = _a => {
     {
       size = "small",
       error,
-      className
+      className,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["size", "error", "className"]);
+    props = __objRest(_b, ["size", "error", "className", "data-testid"]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.createElement(AntdPasswordInputStyled, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.createElement(AntdPasswordInputStyled, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     className: cs(className, InputStyle, typo, error && "error")
   }));

package/dist/esm/core/KitStoreProvider/index.js

@@ -51,5 +51,14 @@ const usePopModal = () => {
   }, [dispatch]);
   return popModal;
 };
+const useResetModal = () => {
+  const dispatch = useKitDispatch();
+  const resetModal = useCallback(() => {
+    dispatch({
+      type: ModalActions.RESET_MODAL
+    });
+  }, [dispatch]);
+  return resetModal;
+};
 
-export { KitStoreProvider$1 as default, useCloseModal, useKitDispatch, useKitSelector, usePopModal, usePushModal };
+export { KitStoreProvider$1 as default, useCloseModal, useKitDispatch, useKitSelector, usePopModal, usePushModal, useResetModal };

package/dist/esm/core/{Modal → LegacyModal}/index.js

@@ -3,8 +3,9 @@ import Button from '../Button/index.js';
 import { useKitSelector, useKitDispatch } from '../KitStoreProvider/index.js';
 import Steps from '../Steps/index.js';
 import { WizardBody } from '../Styled/index.js';
+import useLegacyComponentWarning from '../../hooks/useLegacyComponentWarning.js';
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
-import { Modal as Modal$2 } from 'antd';
+import { Modal } from 'antd';
 import cs from 'classnames';
 import React__default, { useRef, useMemo } from 'react';
 import { ModalActions } from '../../store/modal.js';
@@ -40,9 +41,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Modal = (props) => {
+const LegacyModal = (props) => {
   var _b;
   const { t } = useParrotTranslation();
+  useLegacyComponentWarning(
+    "Warning: LegacyModal is deprecated and will be removed in future versions. Please use Dialog/MediumDialog/SmallDialog/ImmersiveDialog/WizardDialog instead."
+  );
   const _a = props, {
     error,
     okText = t("common.confirm"),
@@ -62,7 +66,8 @@ const Modal = (props) => {
     showCancel = true,
     showOk = true,
     afterClose,
-    closeIcon
+    closeIcon,
+    hideFooterButtonBorder = true
   } = _a, restProps = __objRest(_a, [
     "error",
     "okText",
@@ -82,7 +87,8 @@ const Modal = (props) => {
     "showCancel",
     "showOk",
     "afterClose",
-    "closeIcon"
+    "closeIcon",
+    "hideFooterButtonBorder"
   ]);
   const stack = useKitSelector(
     (state) => state.modal.stack
@@ -118,7 +124,7 @@ const Modal = (props) => {
     stepsRef.current[wizard.step] = wizard.steps[wizard.step].render;
   }
   return /* @__PURE__ */ React__default.createElement(
-    Modal$2,
+    Modal,
     __spreadProps(__spreadValues({
       maskClosable,
       className: cs(
@@ -142,50 +148,59 @@ const Modal = (props) => {
         dispatch({ type: ModalActions.REMOVE_MODAL, id: idRef.current });
       },
       visible: idRef.current !== id,
-      footer: /* @__PURE__ */ React__default.createElement("div", { className: "footer-content" }, footer === void 0 ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-left" }, wizard && typeof wizard === "object" && !wizard.disablePrevStep && wizard.step !== 0 && /* @__PURE__ */ React__default.createElement(
-        "span",
+      footer: /* @__PURE__ */ React__default.createElement(
+        "div",
         {
-          className: "prev-step",
-          onClick: () => {
-            var _a2, _b2, _c, _d;
-            if (typeof wizard === "object" && ((_a2 = wizard.steps[wizard.step]) == null ? void 0 : _a2.onPrev)) {
-              (_c = (_b2 = wizard.steps[wizard.step]).onPrev) == null ? void 0 : _c.call(_b2);
-              return;
-            }
-            (_d = wizard.onStepChange) == null ? void 0 : _d.call(wizard, wizard.step - 1);
-          }
+          className: cs(
+            "footer-content",
+            hideFooterButtonBorder && "no-button-border"
+          )
         },
-        prevText
-      ), error && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: "modal-error" }, error))), /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-btn-group" }, showCancel && /* @__PURE__ */ React__default.createElement(
-        Button,
-        __spreadValues({
-          type: "quiet",
-          onMouseDown: (e) => {
-            e.preventDefault();
-          },
-          onClick: (e) => {
-            onCancel == null ? void 0 : onCancel(e);
-            transitionClass.current = fullscreen ? "" : "modal-zoom";
-          },
-          className: cs(cancelButtonProps == null ? void 0 : cancelButtonProps.className)
-        }, cancelButtonProps),
-        cancelText
-      ), showOk && /* @__PURE__ */ React__default.createElement(
-        Button,
-        __spreadValues({
-          onClick: (e) => {
-            var _a2, _b2;
-            onOk == null ? void 0 : onOk(e);
-            if (typeof wizard === "object" && wizard.steps[wizard.step]) {
-              (_b2 = (_a2 = wizard.steps[wizard.step]).onOk) == null ? void 0 : _b2.call(_a2, e);
+        footer === void 0 ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-left" }, wizard && typeof wizard === "object" && !wizard.disablePrevStep && wizard.step !== 0 && /* @__PURE__ */ React__default.createElement(
+          "span",
+          {
+            className: "prev-step",
+            onClick: () => {
+              var _a2, _b2, _c, _d;
+              if (typeof wizard === "object" && ((_a2 = wizard.steps[wizard.step]) == null ? void 0 : _a2.onPrev)) {
+                (_c = (_b2 = wizard.steps[wizard.step]).onPrev) == null ? void 0 : _c.call(_b2);
+                return;
+              }
+              (_d = wizard.onStepChange) == null ? void 0 : _d.call(wizard, wizard.step - 1);
             }
-            transitionClass.current = fullscreen ? "" : "modal-send";
           },
-          type: "primary",
-          loading: confirmLoading
-        }, okButtonProps),
-        confirmText
-      ))) : footer)
+          prevText
+        ), error && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: "modal-error" }, error))), /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-btn-group" }, showCancel && /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            type: "quiet",
+            onMouseDown: (e) => {
+              e.preventDefault();
+            },
+            onClick: (e) => {
+              onCancel == null ? void 0 : onCancel(e);
+              transitionClass.current = fullscreen ? "" : "modal-zoom";
+            },
+            className: cs(cancelButtonProps == null ? void 0 : cancelButtonProps.className)
+          }, cancelButtonProps),
+          cancelText
+        ), showOk && /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            onClick: (e) => {
+              var _a2, _b2;
+              onOk == null ? void 0 : onOk(e);
+              if (typeof wizard === "object" && wizard.steps[wizard.step]) {
+                (_b2 = (_a2 = wizard.steps[wizard.step]).onOk) == null ? void 0 : _b2.call(_a2, e);
+              }
+              transitionClass.current = fullscreen ? "" : "modal-send";
+            },
+            type: "primary",
+            loading: confirmLoading
+          }, okButtonProps),
+          confirmText
+        ))) : footer
+      )
     }),
     wizard && typeof wizard === "object" ? /* @__PURE__ */ React__default.createElement(WizardBody, null, /* @__PURE__ */ React__default.createElement("div", { className: "left" }, wizard.hideLeft ? null : /* @__PURE__ */ React__default.createElement(
       Steps,
@@ -213,6 +228,6 @@ const Modal = (props) => {
     ))), wizard.right && /* @__PURE__ */ React__default.createElement("div", { className: "right" }, wizard.right)) : restProps.children
   );
 };
-var Modal$1 = Modal;
+var LegacyModal$1 = LegacyModal;
 
-export { Modal$1 as default };
+export { LegacyModal$1 as default };