@cloudtower/eagle 0.33.35 → 0.33.36

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;

package/dist/cjs/coreX/Dialogs/DeleteDialog/DeleteDialog.js

@@ -4,7 +4,7 @@ var core = require('@linaria/core');
 var index = require('../../../core/Typo/index.js');
 var useParrotTranslation = require('../../../hooks/useParrotTranslation.js');
 var React = require('react');
-var SmallDialog = require('../SmallDialog.js');
+var SmallDialog = require('../../../core/SmallDialog/SmallDialog.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -24,7 +24,8 @@ const DeleteDialog = props => {
     okText = t("common.delete"),
     onOk,
     onCancel,
-    className
+    className,
+    confirmLoading
   } = props;
   return /* @__PURE__ */React__default.default.createElement(SmallDialog.SmallDialog, {
     title,
@@ -36,7 +37,8 @@ const DeleteDialog = props => {
     cancelText,
     okButtonProps: {
       danger: true
-    }
+    },
+    confirmLoading
   }, description && /* @__PURE__ */React__default.default.createElement("div", {
     className: core.cx(ContentStyle, index.Typo.Label.l2_regular)
   }, description), secondaryDesc && /* @__PURE__ */React__default.default.createElement("div", {

package/dist/cjs/coreX/Dialogs/RejectDialog/RejectDialog.js

@@ -3,7 +3,7 @@
 var core = require('@linaria/core');
 var index = require('../../../core/Typo/index.js');
 var React = require('react');
-var SmallDialog = require('../SmallDialog.js');
+var SmallDialog = require('../../../core/SmallDialog/SmallDialog.js');
 var RejectDialog_type = require('./RejectDialog.type.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/index.js

@@ -120,6 +120,9 @@ var TableWidget = require('./core/Table/TableWidget.js');
 var types = require('./core/TableForm/types.js');
 var index$1j = require('./core/Timeline/index.js');
 var index$1k = require('./core/Typo/index.js');
+var SmallDialog = require('./core/SmallDialog/SmallDialog.js');
+var SmallDialog_style = require('./core/SmallDialog/SmallDialog.style.js');
+var MediumDialog = require('./core/MediumDialog/MediumDialog.js');
 var index$1l = require('./coreX/BarChart/index.js');
 var index$1m = require('./coreX/BatchOperation/index.js');
 var index$1n = require('./coreX/ChartWithTooltip/index.js');
@@ -151,7 +154,6 @@ var RelativeTime = require('./coreX/DateRangePicker/RelativeTime.js');
 var DeleteDialog = require('./coreX/Dialogs/DeleteDialog/DeleteDialog.js');
 var RejectDialog = require('./coreX/Dialogs/RejectDialog/RejectDialog.js');
 var RejectDialog_type = require('./coreX/Dialogs/RejectDialog/RejectDialog.type.js');
-var SmallDialog = require('./coreX/Dialogs/SmallDialog.js');
 var InfoRowList = require('./coreX/InfoRowList/InfoRowList.js');
 var index$1I = require('./coreX/Show/index.js');
 var animation = require('./styles/token/animation.js');
@@ -555,6 +557,12 @@ exports.TableLoading = TableWidget.TableLoading;
 exports.ValidateTriggerType = types.ValidateTriggerType;
 exports.Timeline = index$1j.Timeline;
 exports.Typo = index$1k.Typo;
+exports.SmallDialog = SmallDialog.SmallDialog;
+exports.CloseIconStyle = SmallDialog_style.CloseIconStyle;
+exports.DialogStyle = SmallDialog_style.DialogStyle;
+exports.ErrorTextStyle = SmallDialog_style.ErrorTextStyle;
+exports.FooterStyle = SmallDialog_style.FooterStyle;
+exports.MediumDialog = MediumDialog.MediumDialog;
 exports.BarChart = index$1l.default;
 exports.getWidth = index$1l.getWidth;
 exports.BatchOperation = index$1m.default;
@@ -593,7 +601,6 @@ exports.RelativeTime = RelativeTime;
 exports.DeleteDialog = DeleteDialog.DeleteDialog;
 exports.RejectDialog = RejectDialog.RejectDialog;
 exports.RejectDialogType = RejectDialog_type.RejectDialogType;
-exports.SmallDialog = SmallDialog.SmallDialog;
 exports.InfoRowList = InfoRowList.InfoRowList;
 exports.Show = index$1I.Show;
 exports.Animation = animation.Animation;