@cloudtower/eagle 0.33.34 → 0.33.36

package/dist/esm/core/MediumDialog/MediumDialog.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+import { cx } from '@linaria/core';
+import { Typo } from '../Typo/index.js';
+import { SmallDialog } from '../SmallDialog/SmallDialog.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;
+};
+const MediumDialogStyle = "E_m5foqp8";
+const MediumDialog = _a => {
+  var _b = _a,
+    {
+      className
+    } = _b,
+    restProps = __objRest(_b, ["className"]);
+  return /* @__PURE__ */React__default.createElement(SmallDialog, __spreadValues({
+    TitleRender: ({
+      title
+    }) => /* @__PURE__ */React__default.createElement("span", {
+      className: Typo.Display.d1s_bold_title
+    }, title),
+    className: cx(MediumDialogStyle, className)
+  }, restProps));
+};
+
+export { MediumDialog };

package/dist/esm/core/SmallDialog/SmallDialog.js

@@ -0,0 +1,137 @@
+import { ExclamationErrorCircleFill16RedIcon, XmarkCloseBold24TertiaryIcon, XmarkCloseBold24SecondaryIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import { usePopModal } from '../KitStoreProvider/index.js';
+import { Modal } from 'antd';
+import React__default from 'react';
+import cs from 'classnames';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import { Show } from '../../coreX/Show/index.js';
+import { FooterStyle, ErrorTextStyle, DialogStyle, CloseIconStyle } from './SmallDialog.style.js';
+import Icon from '../Icon/index.js';
+import Button from '../Button/index.js';
+import { Flex } from 'antd5';
+import { Typo } from '../Typo/index.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;
+};
+const DefaultTitleRender = ({
+  title
+}) => {
+  return /* @__PURE__ */ React__default.createElement("span", { className: cs(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 = 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.createElement(
+    Modal,
+    {
+      visible: true,
+      title: /* @__PURE__ */ React__default.createElement(CustomTitleRender, { title }),
+      footer: /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: cs(FooterStyle, footerClassName, {
+            "has-error": !!error
+          })
+        },
+        /* @__PURE__ */ React__default.createElement(Show, { condition: !!error }, /* @__PURE__ */ React__default.createElement(
+          Flex,
+          {
+            gap: 4,
+            align: "center",
+            className: cx(ErrorTextStyle, Typo.Label.l3_regular)
+          },
+          /* @__PURE__ */ React__default.createElement(Show, { condition: showFooterErrorIcon }, /* @__PURE__ */ React__default.createElement(
+            Icon,
+            {
+              src: ExclamationErrorCircleFill16RedIcon,
+              iconHeight: 16,
+              iconWidth: 16
+            }
+          )),
+          /* @__PURE__ */ React__default.createElement(OverflowTooltip, { multiLines: 3, content: error, tooltip: error })
+        )),
+        /* @__PURE__ */ React__default.createElement(Flex, null, /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            type: showOk ? "quiet" : "ordinary",
+            onClick: handleClose,
+            className: Typo.Label.l2_bold_title
+          }, cancelButtonProps),
+          cancelText
+        ), showOk && /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            type: "primary",
+            onClick: handleOk,
+            loading: confirmLoading
+          }, okButtonProps),
+          okText
+        ))
+      ),
+      onCancel: handleClose,
+      closable,
+      maskClosable,
+      className: cx(DialogStyle, className),
+      closeIcon: /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          src: XmarkCloseBold24TertiaryIcon,
+          className: CloseIconStyle,
+          iconHeight: 24,
+          iconWidth: 24,
+          hoverSrc: XmarkCloseBold24SecondaryIcon
+        }
+      )
+    },
+    children
+  );
+};
+
+export { SmallDialog };

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

@@ -0,0 +1,6 @@
+const DialogStyle = "E_dxyv8bv";
+const FooterStyle = "E_fbgo4wr";
+const ErrorTextStyle = "E_ekxnz54";
+const CloseIconStyle = "E_ct1041x";
+
+export { CloseIconStyle, DialogStyle, ErrorTextStyle, FooterStyle };

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

@@ -32,6 +32,7 @@ const Timeline = ({
   emptyText,
   emptyRender,
   compact,
+  timelineContainerClassName,
   emptyTextClassName
 }) => {
   if (!items.length) {
@@ -56,7 +57,7 @@ const Timeline = ({
     pending: "info",
     idle: "normal"
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: cx(TimelineWrapper) }, /* @__PURE__ */ React__default.createElement(Timeline$1, null, items.map((item, index) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: cx(TimelineWrapper, timelineContainerClassName) }, /* @__PURE__ */ React__default.createElement(Timeline$1, null, items.map((item, index) => {
     const {
       status,
       infos,
@@ -65,8 +66,10 @@ const Timeline = ({
       subInfo,
       subInfoRender,
       detailMessage,
+      detailMessages,
       detailMessageRender
     } = item;
+    const finalDetailMessages = detailMessages != null ? detailMessages : detailMessage ? [detailMessage] : [];
     return /* @__PURE__ */ React__default.createElement(
       Timeline$1.Item,
       {
@@ -101,12 +104,15 @@ const Timeline = ({
           })
         ))
       ),
-      /* @__PURE__ */ React__default.createElement("div", { className: "item-time" }, subInfoRender ? subInfoRender(subInfo) : subInfo ? /* @__PURE__ */ React__default.createElement(TimelineArea, __spreadValues({}, subInfo)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), detailMessageRender ? detailMessageRender(detailMessage) : detailMessage ? /* @__PURE__ */ React__default.createElement(
-        Alert,
-        __spreadValues({
-          showIcon: false,
-          type: alertTypeMap[status]
-        }, detailMessage)
+      /* @__PURE__ */ React__default.createElement("div", { className: "item-time" }, subInfoRender ? subInfoRender(subInfo) : subInfo ? /* @__PURE__ */ React__default.createElement(TimelineArea, __spreadValues({}, subInfo)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), finalDetailMessages.length > 0 ? finalDetailMessages.map(
+        (detailMessage2, index2) => detailMessageRender ? detailMessageRender(detailMessage2, index2) : /* @__PURE__ */ React__default.createElement(
+          Alert,
+          __spreadValues({
+            key: `detail-message-${index2}`,
+            showIcon: false,
+            type: alertTypeMap[status]
+          }, detailMessage2)
+        )
       ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null))
     );
   })));

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

@@ -2,7 +2,7 @@ import { cx } from '@linaria/core';
 import { Typo } from '../../../core/Typo/index.js';
 import useParrotTranslation from '../../../hooks/useParrotTranslation.js';
 import React__default from 'react';
-import { SmallDialog } from '../SmallDialog.js';
+import { SmallDialog } from '../../../core/SmallDialog/SmallDialog.js';
 
 const ContentStyle = "E_cevhqx7";
 const SecondaryDescStyle = "E_snbqlt4";
@@ -18,7 +18,8 @@ const DeleteDialog = props => {
     okText = t("common.delete"),
     onOk,
     onCancel,
-    className
+    className,
+    confirmLoading
   } = props;
   return /* @__PURE__ */React__default.createElement(SmallDialog, {
     title,
@@ -30,7 +31,8 @@ const DeleteDialog = props => {
     cancelText,
     okButtonProps: {
       danger: true
-    }
+    },
+    confirmLoading
   }, description && /* @__PURE__ */React__default.createElement("div", {
     className: cx(ContentStyle, Typo.Label.l2_regular)
   }, description), secondaryDesc && /* @__PURE__ */React__default.createElement("div", {

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

@@ -1,7 +1,7 @@
 import { cx } from '@linaria/core';
 import { Typo } from '../../../core/Typo/index.js';
 import React__default from 'react';
-import { SmallDialog } from '../SmallDialog.js';
+import { SmallDialog } from '../../../core/SmallDialog/SmallDialog.js';
 import { RejectDialogType } from './RejectDialog.type.js';
 
 const ContentList = "E_c1ss4prm";

package/dist/esm/index.js

@@ -118,6 +118,9 @@ export { ColumnTitle, EmptyRowMenu, KitTableContext, TableLoading } from './core
 export { ValidateTriggerType } from './core/TableForm/types.js';
 export { Timeline } from './core/Timeline/index.js';
 export { Typo } from './core/Typo/index.js';
+export { SmallDialog } from './core/SmallDialog/SmallDialog.js';
+export { CloseIconStyle, DialogStyle, ErrorTextStyle, FooterStyle } from './core/SmallDialog/SmallDialog.style.js';
+export { MediumDialog } from './core/MediumDialog/MediumDialog.js';
 export { default as BarChart, getWidth } from './coreX/BarChart/index.js';
 export { default as BatchOperation, renderBatchOperationMenuItem } from './coreX/BatchOperation/index.js';
 export { default as ChartWithTooltip, ChartWithUnit } from './coreX/ChartWithTooltip/index.js';
@@ -149,7 +152,6 @@ export { default as RelativeTime } from './coreX/DateRangePicker/RelativeTime.js
 export { DeleteDialog } from './coreX/Dialogs/DeleteDialog/DeleteDialog.js';
 export { RejectDialog } from './coreX/Dialogs/RejectDialog/RejectDialog.js';
 export { RejectDialogType } from './coreX/Dialogs/RejectDialog/RejectDialog.type.js';
-export { SmallDialog } from './coreX/Dialogs/SmallDialog.js';
 export { InfoRowList } from './coreX/InfoRowList/InfoRowList.js';
 export { Show } from './coreX/Show/index.js';
 export { Animation, Keyframes } from './styles/token/animation.js';