@cloudtower/eagle 0.34.0 → 0.34.1

package/dist/cjs/UIKitProvider/index.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var parrot = require('@cloudtower/parrot');
-var index = require('../core/message/index.js');
+var message = require('../core/message/message.js');
 var legacyAntd = require('../legacy-antd.js');
 var _ = require('lodash');
 var React = require('react');
-var index$2 = require('../core/ConfigProvider/index.js');
-var index$1 = require('../core/message-group/index.js');
+var index$1 = require('../core/ConfigProvider/index.js');
+var index = require('../core/message-group/index.js');
+var useMessage = require('../core/message/useMessage.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -34,29 +35,28 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const kitContext = React.createContext(legacyAntd.antdKit);
-const MessageContext = React.createContext(index.default);
 const UIKitProvider = (props) => {
-  const { children, kit = legacyAntd.antdKit, message, lng = "en-US", config } = props;
+  const { children, kit = legacyAntd.antdKit, message: message$1, lng = "en-US", config } = props;
   const batchMessage = React.useMemo(() => {
-    if ((message == null ? void 0 : message.batch) != null) {
-      return index$1.createBatchMessageMethods(index.default, message.batch);
+    if ((message$1 == null ? void 0 : message$1.batch) != null) {
+      return index.createBatchMessageMethods(message.default, message$1.batch);
     }
-  }, [message == null ? void 0 : message.batch]);
+  }, [message$1 == null ? void 0 : message$1.batch]);
   const _kit = React.useMemo(() => {
     return __spreadProps(__spreadValues({}, kit), {
-      message: batchMessage != null ? batchMessage : index.default
+      message: batchMessage != null ? batchMessage : message.default
     });
   }, [batchMessage, kit]);
   React.useEffect(() => {
-    index.default.config(_.omit(message, "batch"));
-  }, [message]);
+    message.default.config(_.omit(message$1, "batch"));
+  }, [message$1]);
   React.useEffect(() => {
     if (parrot.parrotI18n.language !== lng) {
       parrot.parrotI18n.changeLanguage(lng);
     }
   }, [lng]);
-  return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : index.default }, /* @__PURE__ */ React__default.default.createElement(
-    index$2.ConfigProvider,
+  return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(useMessage.MessageContext.Provider, { value: batchMessage != null ? batchMessage : message.default }, /* @__PURE__ */ React__default.default.createElement(
+    index$1.ConfigProvider,
     {
       antd4Configs: __spreadValues({}, config == null ? void 0 : config.antd4Configs),
       antd5Configs: __spreadValues({}, config == null ? void 0 : config.antd5Configs)
@@ -68,12 +68,7 @@ var UIKitProvider$1 = UIKitProvider;
 const useUIKit = () => {
   return React.useContext(kitContext);
 };
-const useMessage = () => {
-  return React.useContext(MessageContext);
-};
 
-exports.MessageContext = MessageContext;
 exports.default = UIKitProvider$1;
 exports.kitContext = kitContext;
-exports.useMessage = useMessage;
 exports.useUIKit = useUIKit;

package/dist/cjs/core/Banner/banner.style.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const BasicBanner = "E_bpgac8u";
+const ErrorBanner = "E_envn4g3";
+const InfoBanner = "E_i12w18eu";
+const WarningBanner = "E_wujsnt4";
+
+exports.BasicBanner = BasicBanner;
+exports.ErrorBanner = ErrorBanner;
+exports.InfoBanner = InfoBanner;
+exports.WarningBanner = WarningBanner;

package/dist/cjs/core/Banner/index.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var index$1 = require('../Icon/index.js');
+var index = require('../Typo/index.js');
+var cs = require('classnames');
+var React = require('react');
+var banner_style = require('./banner.style.js');
+var index$2 = require('../../coreX/Show/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Banner = ({ message, type, btnProps }) => {
+  return /* @__PURE__ */ React__default.default.createElement("div", { id: "global-banner" }, /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      className: cs__default.default(index.Typo.Label.l3_bold, banner_style.BasicBanner, {
+        [banner_style.ErrorBanner]: type === "error",
+        [banner_style.InfoBanner]: type === "info",
+        [banner_style.WarningBanner]: type === "warning"
+      })
+    },
+    /* @__PURE__ */ React__default.default.createElement(index$1, { src: iconsReact.InfoICircleFill16OntintIcon }),
+    /* @__PURE__ */ React__default.default.createElement("span", null, message),
+    /* @__PURE__ */ React__default.default.createElement(index$2.Show, { condition: !(btnProps == null ? void 0 : btnProps.hide) }, /* @__PURE__ */ React__default.default.createElement("span", { className: "dashed-btn", onClick: btnProps == null ? void 0 : btnProps.onClick }, btnProps == null ? void 0 : btnProps.text))
+  ));
+};
+
+exports.Banner = Banner;

package/dist/cjs/core/BasicCTError/BasicCTError.style.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const BasicCTErrorStyle = "E_b1jaupqb";
+
+exports.BasicCTErrorStyle = BasicCTErrorStyle;

package/dist/cjs/core/BasicCTError/index.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var React = require('react');
+var core = require('@linaria/core');
+var BasicCTError_style = require('./BasicCTError.style.js');
+var index = require('../Typo/index.js');
+var useCTErrorMsg = require('../../hooks/useCTErrorMsg.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const defaultErrorContainerRender = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index.Typo.Label.l3_regular, BasicCTError_style.BasicCTErrorStyle, className) }, children);
+};
+const BasicCTError = (props) => {
+  const {
+    error,
+    className,
+    ErrorItemRender,
+    ErrorContainerRender,
+    errorMsgOptions
+  } = props;
+  const msgs = useCTErrorMsg.useCTErrorMsg(error, errorMsgOptions);
+  const { t } = useParrotTranslation();
+  const ContainerRender = ErrorContainerRender || defaultErrorContainerRender;
+  const child = React.useMemo(() => {
+    if (ErrorItemRender) {
+      return msgs.map((errorMsg, index) => /* @__PURE__ */ React__default.default.createElement(ErrorItemRender, { errorMsg, index, key: index }));
+    }
+    return msgs.join("");
+  }, [msgs, ErrorItemRender, t]);
+  return /* @__PURE__ */ React__default.default.createElement(ContainerRender, { className, errorMsgs: msgs, children: child });
+};
+
+exports.BasicCTError = BasicCTError;

package/dist/cjs/core/ConfigProvider/index.js

@@ -37,9 +37,14 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+const ConfigProviderContext = React.createContext({});
+const useConfig = () => {
+  return React.useContext(ConfigProviderContext);
+};
 const ConfigProvider = ({
   antd5Configs,
   antd4Configs,
+  config = {},
   children
 }) => {
   const { i18n } = useParrotTranslation();
@@ -51,7 +56,7 @@ const ConfigProvider = ({
     i18n.on("languageChanged", adjustDateLocale);
     adjustDateLocale(i18n.language);
   }, [i18n]);
-  return /* @__PURE__ */ React__default.default.createElement(
+  return /* @__PURE__ */ React__default.default.createElement(ConfigProviderContext.Provider, { value: config }, /* @__PURE__ */ React__default.default.createElement(
     antd5.ConfigProvider,
     __spreadValues({
       autoInsertSpaceInButton: false,
@@ -65,7 +70,8 @@ const ConfigProvider = ({
       }, antd4Configs),
       children
     )
-  );
+  ));
 };
 
 exports.ConfigProvider = ConfigProvider;
+exports.useConfig = useConfig;

package/dist/cjs/core/Fields/FieldsDateTimeRange/index.js

@@ -9,9 +9,25 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var moment__default = /*#__PURE__*/_interopDefault(moment);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -33,7 +49,9 @@ const FieldsDateTimeRange = (_a) => {
   var _a2, _b2;
   return /* @__PURE__ */ React__default.default.createElement("div", { className: "datatime-range" }, /* @__PURE__ */ React__default.default.createElement(
     antd.DatePicker.RangePicker,
-    {
+    __spreadProps(__spreadValues({
+      showTime: true
+    }, input), {
       onFocus: () => {
         var _a3;
         return (_a3 = input.onFocus) == null ? void 0 : _a3.call(input);
@@ -42,12 +60,11 @@ const FieldsDateTimeRange = (_a) => {
         var _a3;
         return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
       },
-      showTime: true,
       defaultValue: (_a2 = input.value) == null ? void 0 : _a2.map((v) => v && moment__default.default(v)),
       onChange: input.onChange,
       value: (_b2 = input.value) == null ? void 0 : _b2.map((v) => v && moment__default.default(v)),
       format: props.format
-    }
+    })
   ));
 };
 var FieldsDateTimeRange$1 = FieldsDateTimeRange;

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

@@ -0,0 +1,188 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index$3 = require('../Button/index.js');
+var index = require('../KitStoreProvider/index.js');
+var index$1 = require('../Typo/index.js');
+var index$4 = require('../Icon/index.js');
+var index$2 = require('../../coreX/OverflowTooltip/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var antd = require('antd');
+var React = require('react');
+var styles = require('./styles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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,
+    okLoading,
+    okButtonProps,
+    cancelButtonProps,
+    okText,
+    cancelText,
+    error,
+    visible = true,
+    isContentFull,
+    onCancel,
+    onOk
+  } = _a, restProps = __objRest(_a, [
+    "className",
+    "title",
+    "children",
+    "footerLeftAction",
+    "left",
+    "right",
+    "leftClassName",
+    "rightClassName",
+    "closeIcon",
+    "footer",
+    "showCancel",
+    "showOk",
+    "okLoading",
+    "okButtonProps",
+    "cancelButtonProps",
+    "okText",
+    "cancelText",
+    "error",
+    "visible",
+    "isContentFull",
+    "onCancel",
+    "onOk"
+  ]);
+  const { t } = useParrotTranslation();
+  const popModal = index.usePopModal();
+  const _confirmText = React.useMemo(() => {
+    let text = okText || t("common.confirm");
+    return text;
+  }, [okText, t]);
+  const finalFooter = React.useMemo(() => {
+    return footer || /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterStyle }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterButtonStyle }, footerLeftAction, error && /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(styles.ErrorStyle, index$1.Typo.Label.l2_regular) }, /* @__PURE__ */ React__default.default.createElement(
+      iconsReact.ExclamationErrorCircleFill16RedIcon,
+      {
+        className: styles.ErrorIconStyle
+      }
+    ), /* @__PURE__ */ React__default.default.createElement(
+      index$2,
+      {
+        className: styles.ErrorTextStyle,
+        multiLines: 3,
+        content: error,
+        tooltip: error
+      }
+    )))), /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterButtonRightStyle }, showCancel ? /* @__PURE__ */ React__default.default.createElement(
+      index$3,
+      __spreadValues({
+        type: "quiet",
+        className: styles.CancelButtonStyle,
+        onMouseDown: (e) => {
+          e.preventDefault();
+        },
+        onClick: (e) => {
+          popModal();
+          onCancel == null ? void 0 : onCancel(e);
+        }
+      }, cancelButtonProps),
+      cancelText || t("common.cancel")
+    ) : null, showOk ? /* @__PURE__ */ React__default.default.createElement(
+      index$3,
+      __spreadValues({
+        onClick: (e) => {
+          onOk == null ? void 0 : onOk(e);
+        },
+        type: "primary",
+        loading: okLoading
+      }, okButtonProps),
+      _confirmText
+    ) : null));
+  }, [
+    footerLeftAction,
+    _confirmText,
+    cancelButtonProps,
+    cancelText,
+    error,
+    footer,
+    okButtonProps,
+    okLoading,
+    onCancel,
+    onOk,
+    popModal,
+    showCancel,
+    showOk,
+    t
+  ]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Modal,
+    __spreadValues({
+      width: "calc(100% - 20px)",
+      title: /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index$1.Typo.Display.d1_bold_title, styles.TitleStyle) }, title),
+      className: core.cx(
+        styles.ImmersiveDialogStyle,
+        isContentFull ? styles.FullContentStyle : styles.MultiAreaStyle,
+        className
+      ),
+      closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.default.createElement(
+        index$4,
+        {
+          src: iconsReact.XmarkCloseBold24TertiaryIcon,
+          className: styles.CloseIconStyle,
+          iconHeight: 24,
+          iconWidth: 24,
+          hoverSrc: iconsReact.XmarkCloseBold24SecondaryIcon
+        }
+      ),
+      footer: finalFooter,
+      onCancel: (e) => {
+        popModal();
+        onCancel == null ? void 0 : onCancel(e);
+      },
+      visible,
+      destroyOnClose: true
+    }, restProps),
+    /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(styles.BodyStyle, isContentFull ? "" : styles.MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("right", rightClassName) }, right))
+  );
+}
+
+exports.ImmersiveDialog = ImmersiveDialog;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+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";
+
+exports.BodyStyle = BodyStyle;
+exports.CancelButtonStyle = CancelButtonStyle;
+exports.CloseIconStyle = CloseIconStyle;
+exports.ErrorIconStyle = ErrorIconStyle;
+exports.ErrorStyle = ErrorStyle;
+exports.ErrorTextStyle = ErrorTextStyle;
+exports.FooterButtonRightStyle = FooterButtonRightStyle;
+exports.FooterButtonStyle = FooterButtonStyle;
+exports.FooterStyle = FooterStyle;
+exports.FullContentStyle = FullContentStyle;
+exports.ImmersiveDialogStyle = ImmersiveDialogStyle;
+exports.MultiAreaBodyStyle = MultiAreaBodyStyle;
+exports.MultiAreaStyle = MultiAreaStyle;
+exports.TitleStyle = TitleStyle;

package/dist/cjs/core/MediumDialog/MediumDialog.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var React = require('react');
+var core = require('@linaria/core');
+var index = require('../Typo/index.js');
+var SmallDialog = require('../SmallDialog/SmallDialog.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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;
+};
+const MediumDialogStyle = "E_m5foqp8";
+const MediumDialog = _a => {
+  var _b = _a,
+    {
+      className
+    } = _b,
+    restProps = __objRest(_b, ["className"]);
+  return /* @__PURE__ */React__default.default.createElement(SmallDialog.SmallDialog, __spreadValues({
+    TitleRender: ({
+      title
+    }) => /* @__PURE__ */React__default.default.createElement("span", {
+      className: index.Typo.Display.d1s_bold_title
+    }, title),
+    className: core.cx(MediumDialogStyle, className)
+  }, restProps));
+};
+
+exports.MediumDialog = MediumDialog;

package/dist/cjs/core/SmallDialog/SmallDialog.js

@@ -0,0 +1,144 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index = require('../KitStoreProvider/index.js');
+var antd = require('antd');
+var React = require('react');
+var cs = require('classnames');
+var index$4 = require('../../coreX/OverflowTooltip/index.js');
+var index$1 = require('../../coreX/Show/index.js');
+var SmallDialog_style = require('./SmallDialog.style.js');
+var index$3 = require('../Icon/index.js');
+var index$5 = require('../Button/index.js');
+var antd5 = require('antd5');
+var index$2 = require('../Typo/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+
+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;
+};
+const DefaultTitleRender = ({
+  title
+}) => {
+  return /* @__PURE__ */ React__default.default.createElement("span", { className: cs__default.default(index$2.Typo.Display.d2_bold_title) }, title);
+};
+const SmallDialog = ({
+  title,
+  TitleRender,
+  cancelText = "\u5173\u95ED",
+  okText = "\u786E\u5B9A",
+  showOk = true,
+  onOk,
+  onCancel,
+  maskClosable = true,
+  closable = true,
+  className,
+  footerClassName,
+  okButtonProps,
+  cancelButtonProps,
+  children,
+  showFooterErrorIcon = true,
+  error,
+  confirmLoading
+}) => {
+  const popModal = index.usePopModal();
+  const handleClose = () => {
+    if (onCancel) {
+      onCancel(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const handleOk = () => {
+    if (onOk) {
+      onOk(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const CustomTitleRender = TitleRender || DefaultTitleRender;
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Modal,
+    {
+      visible: true,
+      title: /* @__PURE__ */ React__default.default.createElement(CustomTitleRender, { title }),
+      footer: /* @__PURE__ */ React__default.default.createElement(
+        "div",
+        {
+          className: cs__default.default(SmallDialog_style.FooterStyle, footerClassName, {
+            "has-error": !!error
+          })
+        },
+        /* @__PURE__ */ React__default.default.createElement(index$1.Show, { condition: !!error }, /* @__PURE__ */ React__default.default.createElement(
+          antd5.Flex,
+          {
+            gap: 4,
+            align: "center",
+            className: core.cx(SmallDialog_style.ErrorTextStyle, index$2.Typo.Label.l3_regular)
+          },
+          /* @__PURE__ */ React__default.default.createElement(index$1.Show, { condition: showFooterErrorIcon }, /* @__PURE__ */ React__default.default.createElement(
+            index$3,
+            {
+              src: iconsReact.ExclamationErrorCircleFill16RedIcon,
+              iconHeight: 16,
+              iconWidth: 16
+            }
+          )),
+          /* @__PURE__ */ React__default.default.createElement(index$4, { multiLines: 3, content: error, tooltip: error })
+        )),
+        /* @__PURE__ */ React__default.default.createElement(antd5.Flex, null, /* @__PURE__ */ React__default.default.createElement(
+          index$5,
+          __spreadValues({
+            type: showOk ? "quiet" : "ordinary",
+            onClick: handleClose,
+            className: index$2.Typo.Label.l2_bold_title
+          }, cancelButtonProps),
+          cancelText
+        ), showOk && /* @__PURE__ */ React__default.default.createElement(
+          index$5,
+          __spreadValues({
+            type: "primary",
+            onClick: handleOk,
+            loading: confirmLoading
+          }, okButtonProps),
+          okText
+        ))
+      ),
+      onCancel: handleClose,
+      closable,
+      maskClosable,
+      className: core.cx(SmallDialog_style.DialogStyle, className),
+      closeIcon: /* @__PURE__ */ React__default.default.createElement(
+        index$3,
+        {
+          src: iconsReact.XmarkCloseBold24TertiaryIcon,
+          className: SmallDialog_style.CloseIconStyle,
+          iconHeight: 24,
+          iconWidth: 24,
+          hoverSrc: iconsReact.XmarkCloseBold24SecondaryIcon
+        }
+      )
+    },
+    children
+  );
+};
+
+exports.SmallDialog = SmallDialog;

package/dist/cjs/core/SmallDialog/SmallDialog.style.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const DialogStyle = "E_dxyv8bv";
+const FooterStyle = "E_fbgo4wr";
+const ErrorTextStyle = "E_ekxnz54";
+const CloseIconStyle = "E_ct1041x";
+
+exports.CloseIconStyle = CloseIconStyle;
+exports.DialogStyle = DialogStyle;
+exports.ErrorTextStyle = ErrorTextStyle;
+exports.FooterStyle = FooterStyle;