@cloudtower/eagle 0.33.16 → 0.33.17

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 React__default, { useCallback } from 'react';
+import Modal from '../../core/Modal/index.js';
+import { ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon } from '@cloudtower/icons-react';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { cx } from '@linaria/core';
+import { copy, download } from './utils.js';
+import { KubeConfigModalStyle, KubeConfigFooterStyle, KubeConfigWrapperStyle, KubeConfigTitleStyle, KubeConfigTipStyle, KubeConfigContentStyle, ErrorWrapper, ErrorContentWrapper } from './KubeConfigModal.style.js';
+import { usePopModal } from '../../core/KitStoreProvider/index.js';
+import _message from '../../core/message/index.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(
+    Modal,
+    {
+      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/index.js

@@ -136,6 +136,7 @@ export { default as SummaryTable, SummaryTableRow } from './coreX/SummaryTable/i
 export { default as SwitchWithText } from './coreX/SwitchWithText/index.js';
 export { default as TabMenu } from './coreX/TabMenu/index.js';
 export { default as UnitWithChart, UnitWrapper } from './coreX/UnitWithChart/index.js';
+export { default as KubeConfigModal } from './coreX/KubeConfigModal/index.js';
 export { CheckPointItem, CheckPointList } from './coreX/CheckPointList/index.js';
 export { getCalendarTitle } from './coreX/common/getCalendarTitle.js';
 export { default as AbsoluteDate } from './coreX/DateRangePicker/AbsoluteDate.js';