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

package/dist/esm/coreX/DateRangePicker/index.js

@@ -1,4 +1,4 @@
-import { CalendarClockDateTime24GradientGrayIcon, CalendarClockDateTime24GradientBlueIcon, CalendarTimeRecord16Icon } from '@cloudtower/icons-react';
+import { CalendarClockDateTime16SecondaryIcon, CalendarClockDateTime16GradientBlueIcon, CalendarTimeRecord16Icon } from '@cloudtower/icons-react';
 import { cx } from '@linaria/core';
 import Icon from '../../core/Icon/index.js';
 import Input from '../../core/Input/index.js';
@@ -42,10 +42,12 @@ const TimeRange = (props) => {
     mode = ["relative", "absolute"],
     minDate,
     maxDate,
+    maxRange,
     onTypeChange,
     onRelativeTimeChange,
     onAbsoluteTimeOk,
-    onAbsoluteTimeChange
+    onAbsoluteTimeChange,
+    relativeTimeSelectOptions
   } = props;
   const { t } = useParrotTranslation();
   const absoluteDateRef = useRef(null);
@@ -60,7 +62,8 @@ const TimeRange = (props) => {
       RelativeTime,
       {
         value: relativeTime,
-        onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time)
+        onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time),
+        config: relativeTimeSelectOptions
       }
     ));
   } else if (mode === "absolute") {
@@ -84,7 +87,8 @@ const TimeRange = (props) => {
           RelativeTime,
           {
             value: relativeTime,
-            onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time)
+            onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time),
+            config: relativeTimeSelectOptions
           }
         ))
       },
@@ -98,13 +102,22 @@ const TimeRange = (props) => {
             range: range || [null, null],
             minDate,
             maxDate,
+            maxRange,
             onChange: (range2) => onAbsoluteTimeChange == null ? void 0 : onAbsoluteTimeChange(range2),
             onOk: (range2) => onAbsoluteTimeOk == null ? void 0 : onAbsoluteTimeOk(range2)
           }
         ))
       }
     ].filter((item) => mode.includes(item.key));
-    return /* @__PURE__ */ React__default.createElement(TabMenu, { selectedKey: type, tabs, onChange: onTypeChange });
+    return /* @__PURE__ */ React__default.createElement(
+      TabMenu,
+      {
+        selectedKey: type,
+        tabs,
+        onChange: onTypeChange,
+        size: "small"
+      }
+    );
   }
 };
 const TimePickerHistory = (props) => {
@@ -141,7 +154,9 @@ const DateRangePicker = (props) => {
     mode = ["relative", "absolute"],
     minDate,
     maxDate,
-    onChange
+    maxRange,
+    onChange,
+    relativeTimeSelectOptions
   } = props;
   const { t } = useParrotTranslation();
   const [datePickerVisible, setDatePickerVisible] = useState(false);
@@ -247,7 +262,7 @@ const DateRangePicker = (props) => {
         className: "default-calendar-icon",
         iconWidth: 16,
         iconHeight: 16,
-        src: CalendarClockDateTime24GradientGrayIcon
+        src: CalendarClockDateTime16SecondaryIcon
       }
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -256,7 +271,7 @@ const DateRangePicker = (props) => {
         className: "hover-calendar-icon",
         iconWidth: 16,
         iconHeight: 16,
-        src: CalendarClockDateTime24GradientBlueIcon
+        src: CalendarClockDateTime16GradientBlueIcon
       }
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -274,6 +289,7 @@ const DateRangePicker = (props) => {
             mode,
             minDate,
             maxDate,
+            maxRange,
             onTypeChange: setType,
             onRelativeTimeChange: (time) => {
               handleChange("relative", time);
@@ -281,7 +297,8 @@ const DateRangePicker = (props) => {
             onAbsoluteTimeChange: setRange,
             onAbsoluteTimeOk: (range2) => {
               handleChange("absolute", range2);
-            }
+            },
+            relativeTimeSelectOptions
           }
         ),
         placement: "bottomLeft",

package/dist/esm/coreX/DateRangePicker/utils.js

@@ -0,0 +1,3 @@
+const getFirstDateOfMonth = (date, weekStartOnMonday = true) => (date.set("date", 1).day() - Number(weekStartOnMonday) + 7) % 7;
+
+export { getFirstDateOfMonth };

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

@@ -0,0 +1,47 @@
+import { cx } from '@linaria/core';
+import { SmallDialog } from '../../../core/SmallDialog/SmallDialog.js';
+import { Typo } from '../../../core/Typo/index.js';
+import useParrotTranslation from '../../../hooks/useParrotTranslation.js';
+import React__default from 'react';
+
+const ContentStyle = "E_cevhqx7";
+const SecondaryDescStyle = "E_snbqlt4";
+const DeleteDialog = props => {
+  const {
+    t
+  } = useParrotTranslation();
+  const {
+    title,
+    description,
+    secondaryDesc,
+    cancelText = t("common.cancel"),
+    okText = t("common.delete"),
+    onOk,
+    onCancel,
+    className,
+    confirmLoading,
+    error,
+    showFooterErrorIcon
+  } = props;
+  return /* @__PURE__ */React__default.createElement(SmallDialog, {
+    title,
+    showOk: true,
+    onOk,
+    onCancel,
+    className,
+    okText,
+    cancelText,
+    okButtonProps: {
+      danger: true
+    },
+    confirmLoading,
+    error,
+    showFooterErrorIcon
+  }, description && /* @__PURE__ */React__default.createElement("div", {
+    className: cx(ContentStyle, Typo.Label.l2_regular)
+  }, description), secondaryDesc && /* @__PURE__ */React__default.createElement("div", {
+    className: cx(SecondaryDescStyle, Typo.Label.l3_regular)
+  }, secondaryDesc));
+};
+
+export { DeleteDialog };

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

@@ -0,0 +1,131 @@
+import { cx } from '@linaria/core';
+import { SmallDialog } from '../../../core/SmallDialog/SmallDialog.js';
+import { Typo } from '../../../core/Typo/index.js';
+import useParrotTranslation from '../../../hooks/useParrotTranslation.js';
+import React__default from 'react';
+import { RejectDialogType } from './RejectDialog.type.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 ContentList = "E_c1ss4prm";
+const MultiRejectContentList = "E_ms3tlei";
+const Description = "E_du44iy7";
+const PartialDescription = "E_p1qmhanr";
+const SecondaryDesc = "E_srje1h0";
+const Divider = "E_di3zi7v";
+const SingleRejectContent = ({
+  content,
+  listType = "ordered",
+  resourceIcon
+}) => {
+  if (listType === "resource" && Array.isArray(content)) {
+    return /* @__PURE__ */React__default.createElement("div", {
+      className: cx(MultiRejectContentList)
+    }, content.map((name, index) => /* @__PURE__ */React__default.createElement("li", {
+      className: Typo.Label.l4_regular,
+      key: index
+    }, resourceIcon, /* @__PURE__ */React__default.createElement("span", null, name))));
+  }
+  if (Array.isArray(content) && content.length > 1) {
+    if (listType === "ordered") {
+      return /* @__PURE__ */React__default.createElement("ol", {
+        className: cx(ContentList)
+      }, content.map((reason, index) => /* @__PURE__ */React__default.createElement("li", {
+        className: Typo.Label.l4_regular,
+        key: index
+      }, reason)));
+    }
+    return /* @__PURE__ */React__default.createElement("ul", {
+      className: cx(ContentList)
+    }, content.map((reason, index) => /* @__PURE__ */React__default.createElement("li", {
+      className: Typo.Label.l4_regular,
+      key: index
+    }, reason)));
+  }
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: cx(ContentList, Typo.Label.l4_regular)
+  }, content);
+};
+const MultiRejectContent = ({
+  content,
+  resourceIcon
+}) => {
+  const {
+    t
+  } = useParrotTranslation();
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: cx(MultiRejectContentList)
+  }, Object.entries(content).map(([name, reasons], index) => /* @__PURE__ */React__default.createElement("li", {
+    className: Typo.Label.l4_regular,
+    key: index
+  }, resourceIcon, /* @__PURE__ */React__default.createElement("span", null, name + t("common.colon_with_space") + reasons.join(t("common.semicolon_with_space"))))));
+};
+const RejectDialog = props => {
+  const {
+    title,
+    cancelText,
+    beforeDescription,
+    description,
+    className,
+    footerClassName,
+    okButtonProps
+  } = props;
+  const renderContent = () => {
+    switch (props.type) {
+      case RejectDialogType.Single:
+        return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, props.secondaryDesc && /* @__PURE__ */React__default.createElement("div", {
+          className: cx(SecondaryDesc, Typo.Label.l4_regular)
+        }, props.secondaryDesc), /* @__PURE__ */React__default.createElement(SingleRejectContent, {
+          content: props.content,
+          listType: props.listType,
+          resourceIcon: props.resourceIcon
+        }));
+      case RejectDialogType.All:
+      case RejectDialogType.Part:
+        return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, props.secondaryDesc && /* @__PURE__ */React__default.createElement("div", {
+          className: cx(SecondaryDesc, Typo.Label.l4_regular)
+        }, props.secondaryDesc), props.type === RejectDialogType.Part && /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement("div", {
+          className: Divider
+        }), /* @__PURE__ */React__default.createElement("div", {
+          className: cx(PartialDescription, Typo.Label.l3_regular)
+        }, props.partialDescription)), /* @__PURE__ */React__default.createElement(MultiRejectContent, {
+          content: props.content,
+          resourceIcon: props.resourceIcon
+        }));
+      case RejectDialogType.Custom:
+        return props.customContent;
+    }
+  };
+  return /* @__PURE__ */React__default.createElement(SmallDialog, {
+    title,
+    cancelText,
+    showOk: props.type === RejectDialogType.Part,
+    okText: props.type === RejectDialogType.Part ? props.okText : void 0,
+    onOk: props.type === RejectDialogType.Part ? props.onOk : void 0,
+    okButtonProps: __spreadValues({
+      danger: props.type === RejectDialogType.Part
+    }, okButtonProps),
+    onCancel: props.onCancel,
+    className,
+    footerClassName
+  }, beforeDescription, description && /* @__PURE__ */React__default.createElement("div", {
+    className: cx(Description, Typo.Label.l3_regular)
+  }, description), renderContent());
+};
+
+export { RejectDialog };

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

@@ -0,0 +1,9 @@
+var RejectDialogType = /* @__PURE__ */ ((RejectDialogType2) => {
+  RejectDialogType2["Single"] = "RejectSingle";
+  RejectDialogType2["All"] = "RejectAll";
+  RejectDialogType2["Part"] = "RejectPart";
+  RejectDialogType2["Custom"] = "RejectCustom";
+  return RejectDialogType2;
+})(RejectDialogType || {});
+
+export { RejectDialogType };

package/dist/esm/coreX/InfoRowList/InfoRow.js

@@ -0,0 +1,25 @@
+import { styled } from '@linaria/react';
+import React__default from 'react';
+
+const InfoRow = ({
+  label,
+  content,
+  className,
+  onClick
+}) => {
+  return /* @__PURE__ */React__default.createElement(Col, {
+    className,
+    onClick
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "col-label"
+  }, label), /* @__PURE__ */React__default.createElement("div", {
+    className: "col-content"
+  }, content));
+};
+const Col = /*#__PURE__*/styled('div')({
+  name: "Col",
+  class: "E_c14ouk5o",
+  propsAsIs: false
+});
+
+export { InfoRow };

package/dist/esm/coreX/InfoRowList/InfoRowList.js

@@ -0,0 +1,54 @@
+import { cx } from '@linaria/core';
+import { styled } from '@linaria/react';
+import Loading from '../../core/Loading/index.js';
+import React__default from 'react';
+import { InfoRow } from './InfoRow.js';
+
+const InfoListRowStyle = "E_i5w779o";
+const LooseStyle = "E_l18dja44";
+const ContentWrapper = /*#__PURE__*/styled('div')({
+  name: "ContentWrapper",
+  class: "E_c8c2hys",
+  propsAsIs: false
+});
+const NullText = /*#__PURE__*/styled('div')({
+  name: "NullText",
+  class: "E_n4m6c4d",
+  propsAsIs: false
+});
+const InfoRowList = React__default.forwardRef(function InfoList(props, ref) {
+  const {
+    loading,
+    data,
+    className,
+    rowClassName,
+    compact
+  } = props;
+  if (loading) {
+    return /* @__PURE__ */React__default.createElement("div", {
+      ref,
+      className
+    }, /* @__PURE__ */React__default.createElement(Loading, null));
+  }
+  return /* @__PURE__ */React__default.createElement("div", {
+    ref,
+    className
+  }, data.map(item => {
+    const {
+      key,
+      value,
+      name,
+      action,
+      hidden
+    } = item;
+    if (hidden) return null;
+    return /* @__PURE__ */React__default.createElement(InfoRow, {
+      key,
+      className: cx(compact ? "" : LooseStyle, InfoListRowStyle, rowClassName),
+      label: /* @__PURE__ */React__default.createElement("div", null, name || key),
+      content: /* @__PURE__ */React__default.createElement(ContentWrapper, null, value || /* @__PURE__ */React__default.createElement(NullText, null, "-"), action)
+    });
+  }));
+});
+
+export { InfoRowList };

package/dist/esm/coreX/KubeConfigModal/KubeConfigModal.style.js

@@ -0,0 +1,20 @@
+import { styled } from '@linaria/react';
+
+const KubeConfigModalStyle = "E_kr6am0s";
+const KubeConfigWrapperStyle = "E_k1h3cl5q";
+const KubeConfigTitleStyle = "E_k1a6j97w";
+const KubeConfigTipStyle = "E_k1uim1fg";
+const KubeConfigContentStyle = "E_kobelzt";
+const KubeConfigFooterStyle = "E_kxzv3id";
+const ErrorWrapper = /*#__PURE__*/styled('div')({
+  name: "ErrorWrapper",
+  class: "E_eld9lt",
+  propsAsIs: false
+});
+const ErrorContentWrapper = /*#__PURE__*/styled('div')({
+  name: "ErrorContentWrapper",
+  class: "E_e1505fqc",
+  propsAsIs: false
+});
+
+export { ErrorContentWrapper, ErrorWrapper, KubeConfigContentStyle, KubeConfigFooterStyle, KubeConfigModalStyle, KubeConfigTipStyle, KubeConfigTitleStyle, KubeConfigWrapperStyle };

package/dist/esm/coreX/KubeConfigModal/index.js

@@ -0,0 +1,96 @@
+import { ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import LegacyModal from '../../core/LegacyModal/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import React__default, { useCallback } from 'react';
+import { KubeConfigModalStyle, KubeConfigFooterStyle, KubeConfigWrapperStyle, KubeConfigTitleStyle, KubeConfigTipStyle, KubeConfigContentStyle, ErrorWrapper, ErrorContentWrapper } from './KubeConfigModal.style.js';
+import { copy, download } from './utils.js';
+import { usePopModal } from '../../core/KitStoreProvider/index.js';
+import _message from '../../core/message/message.js';
+import Button from '../../core/Button/index.js';
+import Icon from '../../core/Icon/index.js';
+import Loading from '../../core/Loading/index.js';
+import { Typo } from '../../core/Typo/index.js';
+
+const ErrorContent = (props) => {
+  const { refetch, errorText } = props;
+  const { t } = useParrotTranslation();
+  return /* @__PURE__ */ React__default.createElement(ErrorWrapper, { className: props.className, style: props.style }, /* @__PURE__ */ React__default.createElement(ErrorContentWrapper, null, /* @__PURE__ */ React__default.createElement("p", { className: cx(Typo.Label.l1_regular_title, "title") }, errorText || t("common.obtain_data_error")), !refetch ? null : /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      size: "small",
+      type: "ordinary",
+      onClick: (e) => {
+        e.stopPropagation();
+        refetch == null ? void 0 : refetch();
+      }
+    },
+    t("common.retry")
+  )));
+};
+const KubeConfigModal = ({
+  downloadName,
+  customDesc,
+  loading,
+  data,
+  error,
+  refetch
+}) => {
+  const { t } = useParrotTranslation();
+  const popModal = usePopModal();
+  const onCopy = useCallback(() => {
+    copy(data);
+    _message.success(t("common.copy_kubeconfig_success"));
+  }, [data, t]);
+  const onDownload = useCallback(() => {
+    download(`${downloadName}.yaml`, data);
+    popModal();
+  }, [data, popModal, downloadName]);
+  return /* @__PURE__ */ React__default.createElement(
+    LegacyModal,
+    {
+      visible: true,
+      fullscreen: true,
+      className: KubeConfigModalStyle,
+      onCancel: () => {
+        popModal();
+      },
+      footer: /* @__PURE__ */ React__default.createElement("div", { className: KubeConfigFooterStyle }, /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          type: "default",
+          prefixIcon: /* @__PURE__ */ React__default.createElement(
+            Icon,
+            {
+              src: ClipboardCopy16GradientGrayIcon,
+              hoverSrc: ClipboardCopy16GradientBlueIcon
+            }
+          ),
+          onClick: onCopy
+        },
+        t("common.copy")
+      ), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          type: "text",
+          onClick: () => {
+            popModal();
+          }
+        },
+        t("common.cancel")
+      ), /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          type: "primary",
+          onClick: onDownload,
+          disabled: loading || !!error
+        },
+        t("common.download")
+      )))
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: KubeConfigWrapperStyle }, /* @__PURE__ */ React__default.createElement("div", { className: cx(KubeConfigTitleStyle, Typo.Display.d1s_bold_title) }, t("common.download_kubeconfig")), /* @__PURE__ */ React__default.createElement("div", { className: cx(KubeConfigTipStyle, Typo.Label.l1_regular) }, customDesc || t("common.download_kubeconfig_tip")), loading ? /* @__PURE__ */ React__default.createElement(Loading, { fullView: true }) : error ? /* @__PURE__ */ React__default.createElement("div", { className: KubeConfigContentStyle }, /* @__PURE__ */ React__default.createElement(ErrorContent, { refetch, errorText: error })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: KubeConfigContentStyle }, data)))
+  );
+};
+var KubeConfigModal$1 = KubeConfigModal;
+
+export { KubeConfigModal$1 as default };

package/dist/esm/coreX/KubeConfigModal/utils.js

@@ -0,0 +1,22 @@
+function download(filename, content) {
+  const element = document.createElement("a");
+  element.setAttribute(
+    "href",
+    "data:text/plain;charset=utf-8," + encodeURIComponent(content)
+  );
+  element.setAttribute("download", filename);
+  element.style.display = "none";
+  document.body.appendChild(element);
+  element.click();
+  document.body.removeChild(element);
+}
+function copy(content) {
+  const textarea = document.createElement("textarea");
+  textarea.value = content;
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("Copy");
+  document.body.removeChild(textarea);
+}
+
+export { copy, download };

package/dist/esm/coreX/OverflowTooltip/index.js

@@ -24,6 +24,14 @@ 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 OverflowText = "E_ou7iq30";
 const SingleLineStyle = "E_s1tui002";
 const _exp = /*#__PURE__*/() => ({
@@ -37,13 +45,17 @@ const MultipleLine = /*#__PURE__*/styled('div')({
     "mxrc2zg-0": [_exp()]
   }
 });
+const TooltipDefaultClass = "E_t1vv6d68";
 const OverflowTooltip = props => {
-  const {
-    content,
-    className,
-    onClick,
-    multiLines
-  } = props;
+  const _a = props,
+    {
+      content,
+      className,
+      onClick,
+      multiLines,
+      overlayClassName
+    } = _a,
+    restProps = __objRest(_a, ["content", "className", "onClick", "multiLines", "overlayClassName"]);
   const tooltip = props.tooltip || content;
   const [ellipsis, setEllipsis] = useState(false);
   const textRef = useRef(null);
@@ -66,10 +78,11 @@ const OverflowTooltip = props => {
       observer == null ? void 0 : observer.disconnect();
     };
   });
-  return /* @__PURE__ */React__default.createElement(Tooltip, __spreadProps(__spreadValues({}, !ellipsis && {
+  return /* @__PURE__ */React__default.createElement(Tooltip, __spreadProps(__spreadValues(__spreadValues({}, restProps), !ellipsis && {
     visible: false
   }), {
-    title: tooltip
+    title: tooltip,
+    overlayClassName: cx(TooltipDefaultClass, overlayClassName)
   }), isMultiLine ? /* @__PURE__ */React__default.createElement(MultipleLine, {
     ref: textRef,
     className: cx(OverflowText, className),

package/dist/esm/coreX/Show/index.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+const Show = ({
+  condition,
+  children,
+  fallback
+}) => {
+  if (typeof condition === "function") {
+    condition = condition();
+  }
+  return condition ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children) : fallback != null ? fallback : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
+};
+
+export { Show };