@cloudtower/eagle 0.33.15 → 0.33.17

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

@@ -116,7 +116,15 @@ const TimeRange = (props) => {
         ))
       }
     ].filter((item) => mode.includes(item.key));
-    return /* @__PURE__ */ React__default.default.createElement(index$2, { selectedKey: type, tabs, onChange: onTypeChange });
+    return /* @__PURE__ */ React__default.default.createElement(
+      index$2,
+      {
+        selectedKey: type,
+        tabs,
+        onChange: onTypeChange,
+        size: "small"
+      }
+    );
   }
 };
 const TimePickerHistory = (props) => {

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

@@ -0,0 +1,29 @@
+'use strict';
+
+var react = require('@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__*/react.styled('div')({
+  name: "ErrorWrapper",
+  class: "E_eld9lt",
+  propsAsIs: false
+});
+const ErrorContentWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ErrorContentWrapper",
+  class: "E_e1505fqc",
+  propsAsIs: false
+});
+
+exports.ErrorContentWrapper = ErrorContentWrapper;
+exports.ErrorWrapper = ErrorWrapper;
+exports.KubeConfigContentStyle = KubeConfigContentStyle;
+exports.KubeConfigFooterStyle = KubeConfigFooterStyle;
+exports.KubeConfigModalStyle = KubeConfigModalStyle;
+exports.KubeConfigTipStyle = KubeConfigTipStyle;
+exports.KubeConfigTitleStyle = KubeConfigTitleStyle;
+exports.KubeConfigWrapperStyle = KubeConfigWrapperStyle;

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

@@ -0,0 +1,102 @@
+'use strict';
+
+var React = require('react');
+var index$2 = require('../../core/Modal/index.js');
+var iconsReact = require('@cloudtower/icons-react');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var core = require('@linaria/core');
+var utils = require('./utils.js');
+var KubeConfigModal_style = require('./KubeConfigModal.style.js');
+var index = require('../../core/KitStoreProvider/index.js');
+var index$1 = require('../../core/message/index.js');
+var index$3 = require('../../core/Button/index.js');
+var index$4 = require('../../core/Icon/index.js');
+var index$6 = require('../../core/Loading/index.js');
+var index$5 = require('../../core/Typo/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ErrorContent = (props) => {
+  const { refetch, errorText } = props;
+  const { t } = useParrotTranslation();
+  return /* @__PURE__ */ React__default.default.createElement(KubeConfigModal_style.ErrorWrapper, { className: props.className, style: props.style }, /* @__PURE__ */ React__default.default.createElement(KubeConfigModal_style.ErrorContentWrapper, null, /* @__PURE__ */ React__default.default.createElement("p", { className: core.cx(index$5.Typo.Label.l1_regular_title, "title") }, errorText || t("common.obtain_data_error")), !refetch ? null : /* @__PURE__ */ React__default.default.createElement(
+    index$3,
+    {
+      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 = index.usePopModal();
+  const onCopy = React.useCallback(() => {
+    utils.copy(data);
+    index$1.default.success(t("common.copy_kubeconfig_success"));
+  }, [data, t]);
+  const onDownload = React.useCallback(() => {
+    utils.download(`${downloadName}.yaml`, data);
+    popModal();
+  }, [data, popModal, downloadName]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    index$2,
+    {
+      visible: true,
+      fullscreen: true,
+      className: KubeConfigModal_style.KubeConfigModalStyle,
+      onCancel: () => {
+        popModal();
+      },
+      footer: /* @__PURE__ */ React__default.default.createElement("div", { className: KubeConfigModal_style.KubeConfigFooterStyle }, /* @__PURE__ */ React__default.default.createElement(
+        index$3,
+        {
+          type: "default",
+          prefixIcon: /* @__PURE__ */ React__default.default.createElement(
+            index$4,
+            {
+              src: iconsReact.ClipboardCopy16GradientGrayIcon,
+              hoverSrc: iconsReact.ClipboardCopy16GradientBlueIcon
+            }
+          ),
+          onClick: onCopy
+        },
+        t("common.copy")
+      ), /* @__PURE__ */ React__default.default.createElement("div", null, /* @__PURE__ */ React__default.default.createElement(
+        index$3,
+        {
+          type: "text",
+          onClick: () => {
+            popModal();
+          }
+        },
+        t("common.cancel")
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$3,
+        {
+          type: "primary",
+          onClick: onDownload,
+          disabled: loading || !!error
+        },
+        t("common.download")
+      )))
+    },
+    /* @__PURE__ */ React__default.default.createElement("div", { className: KubeConfigModal_style.KubeConfigWrapperStyle }, /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(KubeConfigModal_style.KubeConfigTitleStyle, index$5.Typo.Display.d1s_bold_title) }, t("common.download_kubeconfig")), /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(KubeConfigModal_style.KubeConfigTipStyle, index$5.Typo.Label.l1_regular) }, customDesc || t("common.download_kubeconfig_tip")), loading ? /* @__PURE__ */ React__default.default.createElement(index$6, { fullView: true }) : error ? /* @__PURE__ */ React__default.default.createElement("div", { className: KubeConfigModal_style.KubeConfigContentStyle }, /* @__PURE__ */ React__default.default.createElement(ErrorContent, { refetch, errorText: error })) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: KubeConfigModal_style.KubeConfigContentStyle }, data)))
+  );
+};
+var KubeConfigModal$1 = KubeConfigModal;
+
+module.exports = KubeConfigModal$1;

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

@@ -0,0 +1,25 @@
+'use strict';
+
+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);
+}
+
+exports.copy = copy;
+exports.download = download;

package/dist/cjs/index.js

@@ -138,7 +138,8 @@ var index$1C = require('./coreX/SummaryTable/index.js');
 var index$1D = require('./coreX/SwitchWithText/index.js');
 var index$1E = require('./coreX/TabMenu/index.js');
 var index$1F = require('./coreX/UnitWithChart/index.js');
-var index$1G = require('./coreX/CheckPointList/index.js');
+var index$1G = require('./coreX/KubeConfigModal/index.js');
+var index$1H = require('./coreX/CheckPointList/index.js');
 var getCalendarTitle = require('./coreX/common/getCalendarTitle.js');
 var AbsoluteDate = require('./coreX/DateRangePicker/AbsoluteDate.js');
 var Calendar = require('./coreX/DateRangePicker/Calendar.js');
@@ -149,7 +150,7 @@ 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$1H = require('./coreX/Show/index.js');
+var index$1I = require('./coreX/Show/index.js');
 var animation = require('./styles/token/animation.js');
 var color = require('./styles/token/color.js');
 var zIndices = require('./styles/token/zIndices.js');
@@ -568,8 +569,9 @@ exports.SwitchWithText = index$1D;
 exports.TabMenu = index$1E;
 exports.UnitWithChart = index$1F.default;
 exports.UnitWrapper = index$1F.UnitWrapper;
-exports.CheckPointItem = index$1G.CheckPointItem;
-exports.CheckPointList = index$1G.CheckPointList;
+exports.KubeConfigModal = index$1G;
+exports.CheckPointItem = index$1H.CheckPointItem;
+exports.CheckPointList = index$1H.CheckPointList;
 exports.getCalendarTitle = getCalendarTitle.getCalendarTitle;
 exports.AbsoluteDate = AbsoluteDate;
 exports.DateRangePickerCalendar = Calendar;
@@ -580,7 +582,7 @@ exports.RejectDialog = RejectDialog.RejectDialog;
 exports.RejectDialogType = RejectDialog_type.RejectDialogType;
 exports.SmallDialog = SmallDialog.SmallDialog;
 exports.InfoRowList = InfoRowList.InfoRowList;
-exports.Show = index$1H.Show;
+exports.Show = index$1I.Show;
 exports.Animation = animation.Animation;
 exports.Keyframes = animation.Keyframes;
 exports.Color = color.Color;