@cloudtower/eagle 0.33.37 → 0.33.39

package/dist/esm/core/Fields/FieldsDateTimeRange/index.js

@@ -2,9 +2,25 @@ import { DatePicker } from 'antd';
 import moment from 'moment';
 import React__default from 'react';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,7 +42,9 @@ const FieldsDateTimeRange = (_a) => {
   var _a2, _b2;
   return /* @__PURE__ */ React__default.createElement("div", { className: "datatime-range" }, /* @__PURE__ */ React__default.createElement(
     DatePicker.RangePicker,
-    {
+    __spreadProps(__spreadValues({
+      showTime: true
+    }, input), {
       onFocus: () => {
         var _a3;
         return (_a3 = input.onFocus) == null ? void 0 : _a3.call(input);
@@ -35,12 +53,11 @@ const FieldsDateTimeRange = (_a) => {
         var _a3;
         return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
       },
-      showTime: true,
       defaultValue: (_a2 = input.value) == null ? void 0 : _a2.map((v) => v && moment(v)),
       onChange: input.onChange,
       value: (_b2 = input.value) == null ? void 0 : _b2.map((v) => v && moment(v)),
       format: props.format
-    }
+    })
   ));
 };
 var FieldsDateTimeRange$1 = FieldsDateTimeRange;

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

@@ -0,0 +1,168 @@
+import { ExclamationErrorCircleFill16RedIcon, XmarkClose24BoldSecondaryIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import Button from '../Button/index.js';
+import { usePopModal } from '../KitStoreProvider/index.js';
+import { Typo } from '../Typo/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { Modal } from 'antd';
+import React__default, { useMemo } from 'react';
+import { FooterStyle, FooterButtonStyle, ErrorStyle, ErrorIconStyle, ErrorTextStyle, FooterButtonRightStyle, TitleStyle, ImmersiveDialogStyle, FullContentStyle, MultiAreaStyle, CloseIconStyle, BodyStyle, MultiAreaBodyStyle, CancelButtonStyle } from './styles.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;
+};
+function ImmersiveDialog(props) {
+  const _a = props, {
+    className,
+    title,
+    children,
+    footerLeftAction,
+    left,
+    right,
+    closeIcon,
+    footer,
+    showCancel = true,
+    showOk = true,
+    okLoading,
+    okButtonProps,
+    cancelButtonProps,
+    okText,
+    cancelText,
+    error,
+    visible = true,
+    isContentFull,
+    onCancel,
+    onOk
+  } = _a, restProps = __objRest(_a, [
+    "className",
+    "title",
+    "children",
+    "footerLeftAction",
+    "left",
+    "right",
+    "closeIcon",
+    "footer",
+    "showCancel",
+    "showOk",
+    "okLoading",
+    "okButtonProps",
+    "cancelButtonProps",
+    "okText",
+    "cancelText",
+    "error",
+    "visible",
+    "isContentFull",
+    "onCancel",
+    "onOk"
+  ]);
+  const { t } = useParrotTranslation();
+  const popModal = usePopModal();
+  const _confirmText = useMemo(() => {
+    let text = okText || t("common.confirm");
+    return text;
+  }, [okText, t]);
+  const finalFooter = useMemo(() => {
+    return footer || /* @__PURE__ */ React__default.createElement("div", { className: FooterStyle }, /* @__PURE__ */ React__default.createElement("div", { className: FooterButtonStyle }, footerLeftAction, error && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: cx(ErrorStyle, Typo.Label.l2_regular) }, /* @__PURE__ */ React__default.createElement(
+      ExclamationErrorCircleFill16RedIcon,
+      {
+        className: ErrorIconStyle
+      }
+    ), /* @__PURE__ */ React__default.createElement(
+      OverflowTooltip,
+      {
+        className: ErrorTextStyle,
+        multiLines: 3,
+        content: error,
+        tooltip: error
+      }
+    )))), /* @__PURE__ */ React__default.createElement("div", { className: FooterButtonRightStyle }, showCancel ? /* @__PURE__ */ React__default.createElement(
+      Button,
+      __spreadValues({
+        type: "quiet",
+        className: CancelButtonStyle,
+        onMouseDown: (e) => {
+          e.preventDefault();
+        },
+        onClick: (e) => {
+          popModal();
+          onCancel == null ? void 0 : onCancel(e);
+        }
+      }, cancelButtonProps),
+      cancelText || t("common.cancel")
+    ) : null, showOk ? /* @__PURE__ */ React__default.createElement(
+      Button,
+      __spreadValues({
+        onClick: (e) => {
+          onOk == null ? void 0 : onOk(e);
+        },
+        type: "primary",
+        loading: okLoading
+      }, okButtonProps),
+      _confirmText
+    ) : null));
+  }, [
+    footerLeftAction,
+    _confirmText,
+    cancelButtonProps,
+    cancelText,
+    error,
+    footer,
+    okButtonProps,
+    okLoading,
+    onCancel,
+    onOk,
+    popModal,
+    showCancel,
+    showOk,
+    t
+  ]);
+  return /* @__PURE__ */ React__default.createElement(
+    Modal,
+    __spreadValues({
+      width: "calc(100% - 20px)",
+      title: /* @__PURE__ */ React__default.createElement("span", { className: cx(Typo.Display.d1_bold_title, TitleStyle) }, title),
+      className: cx(
+        ImmersiveDialogStyle,
+        isContentFull ? FullContentStyle : MultiAreaStyle,
+        className
+      ),
+      closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.createElement("span", { className: CloseIconStyle }, /* @__PURE__ */ React__default.createElement(XmarkClose24BoldSecondaryIcon, null)),
+      footer: finalFooter,
+      onCancel: (e) => {
+        popModal();
+        onCancel == null ? void 0 : onCancel(e);
+      },
+      visible,
+      destroyOnClose: true
+    }, restProps),
+    /* @__PURE__ */ React__default.createElement("div", { className: cx(BodyStyle, isContentFull ? "" : MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: "left" }, left), /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: "right" }, right))
+  );
+}
+
+export { ImmersiveDialog };

package/dist/esm/core/ImmersiveDialog/styles.js

@@ -0,0 +1,16 @@
+const ImmersiveDialogStyle = "E_icab5o7";
+const MultiAreaStyle = "E_msiso3p";
+const CloseIconStyle = "E_cxvrrew";
+const TitleStyle = "E_tskzd0j";
+const FullContentStyle = "E_f1fbnfp";
+const BodyStyle = "E_b4g2nsx";
+const MultiAreaBodyStyle = "E_myhed70";
+const FooterStyle = "E_fo07jei";
+const FooterButtonStyle = "E_fph3s12";
+const FooterButtonRightStyle = "E_f1f8uj0i";
+const ErrorStyle = "E_ejcjd85";
+const ErrorIconStyle = "E_e1lj3r2s";
+const ErrorTextStyle = "E_eb58k2y";
+const CancelButtonStyle = "E_c1bad0d";
+
+export { BodyStyle, CancelButtonStyle, CloseIconStyle, ErrorIconStyle, ErrorStyle, ErrorTextStyle, FooterButtonRightStyle, FooterButtonStyle, FooterStyle, FullContentStyle, ImmersiveDialogStyle, MultiAreaBodyStyle, MultiAreaStyle, TitleStyle };

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

@@ -0,0 +1,160 @@
+import { ArrowChevronLeft16BoldBlueIcon } from '@cloudtower/icons-react';
+import Button from '../Button/index.js';
+import { ImmersiveDialog } from '../ImmersiveDialog/index.js';
+import Steps from '../Steps/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import React__default, { useState, useMemo, useEffect } from 'react';
+import { StepContentStyle, PrevIconStyle, StepStyle } from './styles.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __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;
+};
+function WizardDialog(props) {
+  const _a = props, {
+    className,
+    steps,
+    step,
+    children,
+    hideSteps,
+    destroyOtherStep,
+    prevText,
+    nextText,
+    onPrevStep,
+    onNextStep,
+    onStepChange,
+    left,
+    right,
+    okText,
+    onOk
+  } = _a, restProps = __objRest(_a, [
+    "className",
+    "steps",
+    "step",
+    "children",
+    "hideSteps",
+    "destroyOtherStep",
+    "prevText",
+    "nextText",
+    "onPrevStep",
+    "onNextStep",
+    "onStepChange",
+    "left",
+    "right",
+    "okText",
+    "onOk"
+  ]);
+  const { t } = useParrotTranslation();
+  const [_step, _setStep] = useState(step || 0);
+  const stepVal = useMemo(() => step != null ? step : _step, [step, _step]);
+  const content = useMemo(() => {
+    var _a2;
+    if (destroyOtherStep) {
+      return ((_a2 = steps == null ? void 0 : steps[stepVal]) == null ? void 0 : _a2.children) || children;
+    }
+    return (steps == null ? void 0 : steps.map((s, index) => /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        key: s.title,
+        className: StepContentStyle,
+        style: {
+          display: stepVal === index ? "block" : "none"
+        }
+      },
+      s.children
+    ))) || children;
+  }, [children, destroyOtherStep, steps, stepVal]);
+  const _confirmText = useMemo(() => {
+    let text = okText || t("common.confirm");
+    if (steps == null ? void 0 : steps.length) {
+      text = stepVal < steps.length - 1 ? nextText || t("common.next_step") : text;
+    }
+    return text;
+  }, [okText, t, steps == null ? void 0 : steps.length, stepVal, nextText]);
+  useEffect(() => {
+    if (step) {
+      _setStep(step);
+    }
+  }, [step]);
+  return /* @__PURE__ */ React__default.createElement(
+    ImmersiveDialog,
+    __spreadProps(__spreadValues({
+      className,
+      footerLeftAction: stepVal > 0 ? /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          type: "link",
+          onClick: () => {
+            const newStep = stepVal - 1;
+            _setStep(newStep);
+            onPrevStep == null ? void 0 : onPrevStep(newStep);
+            onStepChange == null ? void 0 : onStepChange(newStep);
+          }
+        },
+        /* @__PURE__ */ React__default.createElement(ArrowChevronLeft16BoldBlueIcon, { className: PrevIconStyle }),
+        prevText || t("common.prev_step")
+      ) : null,
+      left: left || (steps && steps.length > 0 && !hideSteps ? /* @__PURE__ */ React__default.createElement(
+        Steps,
+        {
+          containerClassname: StepStyle,
+          current: stepVal,
+          onChange: (value) => {
+            _setStep(value);
+            onStepChange == null ? void 0 : onStepChange(value);
+          },
+          direction: "vertical",
+          stepsConfig: steps.map((s) => ({
+            title: s.title
+          }))
+        }
+      ) : null),
+      right,
+      okText: _confirmText,
+      onOk: (e) => {
+        if (stepVal < ((steps == null ? void 0 : steps.length) || 0) - 1) {
+          const newStep = stepVal + 1;
+          const prevent = (onNextStep == null ? void 0 : onNextStep(newStep)) === false;
+          if (!prevent) {
+            _setStep(newStep);
+            onStepChange == null ? void 0 : onStepChange(newStep);
+          }
+        } else {
+          onOk == null ? void 0 : onOk(e);
+        }
+      }
+    }, restProps), {
+      isContentFull: false
+    }),
+    content
+  );
+}
+
+export { WizardDialog };

package/dist/esm/core/WizardDialog/styles.js

@@ -0,0 +1,5 @@
+const StepStyle = "E_sqv6dmy";
+const PrevIconStyle = "E_p1rm8wzb";
+const StepContentStyle = "E_sd7qcf4";
+
+export { PrevIconStyle, StepContentStyle, StepStyle };

package/dist/esm/index.js

@@ -92,9 +92,11 @@ export { default as ExpandableContainer } from './core/ExpandableList/Expandable
 export { default as ExpandableItem } from './core/ExpandableList/ExpandableItem.js';
 export { default as ExpandIcon } from './core/ExpandableList/ExpandIcon.js';
 export { default as RoundOrder } from './core/ExpandableList/RoundOrder.js';
+export { ImmersiveDialog } from './core/ImmersiveDialog/index.js';
 export { LineChartColorBlock, default as LineChartLegend } from './core/LineChart/LineChartLegend.js';
 export { ILineChartGraphType, ILineChartMetricUnit, ILineChartTimeUnit } from './core/LineChart/type.js';
 export { UNIT_FORMATTER, addMissingDataWithZero, convertLineChartDataStruct, convertLineChartUnit, deletePointsOutOfRange, filterLineChartDataOverlapping, filterLineChartOverlappingMetric, filterLineChartPointsByDateRange, getFirstExpectedTimestamp, getLineChartRangeTimestamp, getLineChartStep, getLineChartXAxisDomain, getLineChartYDataMax, getYAxisDomain, getYAxisUpperBound, lineChartTickFormatter, lineChartXaxisCal, lineChartYaxisTickFormatter, parseLineChartRange } from './core/LineChart/utils.js';
+export { MediumDialog } from './core/MediumDialog/MediumDialog.js';
 export { Batcher, createBatchMessageMethods, makeUUID } from './core/message-group/index.js';
 export { default as MetricActions } from './core/Metric/MetricActions.js';
 export { ColorBlock, LegendComponent, default as MetricLegend } from './core/Metric/MetricLegend.js';
@@ -110,6 +112,8 @@ export { getOptions } from './core/Select/select.widgets.js';
 export { SidebarMenu } from './core/SidebarMenu/SidebarMenu.js';
 export { default as Skeleton } from './core/Skeleton/index.js';
 export { default as SkeletonContent } from './core/Skeleton/Content.js';
+export { SmallDialog } from './core/SmallDialog/SmallDialog.js';
+export { CloseIconStyle, DialogStyle, ErrorTextStyle, FooterStyle } from './core/SmallDialog/SmallDialog.style.js';
 export { CircleProgress } from './core/StepProgress/index.js';
 export { CannotOperationInfo, CommonContent, ContentWrapper, Desc, Description, Divider, Dot, ErrorSpan, ExpandArrow, FieldTitle, FormField, FormItemDiv, FormSectionTitle, FormWrapper, FullView, HorizontalWizardModalCompactStyle, HorizontalWizardModalLooseStyle, InfoAlert, InputStyle, KitInputStyle, LeftEndInputStyle, LeftEndSelectStyle, LightDesc, LoadingWrapper, ModalBody, ModalWrapper, NameTag, NormalAlert, NoticeAlert, OperationWraper, RadioDesc, RightEndInputStyle, RightEndSelectStyle, SelectOptionDisabledText, TagSpan, TertiaryText, UnitStyle, WarningAlert, WizardBody, radioStyle } from './core/Styled/index.js';
 export { useTableBodyHasScrollBar } from './core/Table/common.js';
@@ -118,9 +122,7 @@ 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 { WizardDialog } from './core/WizardDialog/index.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';