@cloudtower/eagle 0.33.37 → 0.33.39

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

@@ -9,9 +9,25 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var moment__default = /*#__PURE__*/_interopDefault(moment);
 var React__default = /*#__PURE__*/_interopDefault(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)
@@ -33,7 +49,9 @@ const FieldsDateTimeRange = (_a) => {
   var _a2, _b2;
   return /* @__PURE__ */ React__default.default.createElement("div", { className: "datatime-range" }, /* @__PURE__ */ React__default.default.createElement(
     antd.DatePicker.RangePicker,
-    {
+    __spreadProps(__spreadValues({
+      showTime: true
+    }, input), {
       onFocus: () => {
         var _a3;
         return (_a3 = input.onFocus) == null ? void 0 : _a3.call(input);
@@ -42,12 +60,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__default.default(v)),
       onChange: input.onChange,
       value: (_b2 = input.value) == null ? void 0 : _b2.map((v) => v && moment__default.default(v)),
       format: props.format
-    }
+    })
   ));
 };
 var FieldsDateTimeRange$1 = FieldsDateTimeRange;

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

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

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

@@ -0,0 +1,31 @@
+'use strict';
+
+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";
+
+exports.BodyStyle = BodyStyle;
+exports.CancelButtonStyle = CancelButtonStyle;
+exports.CloseIconStyle = CloseIconStyle;
+exports.ErrorIconStyle = ErrorIconStyle;
+exports.ErrorStyle = ErrorStyle;
+exports.ErrorTextStyle = ErrorTextStyle;
+exports.FooterButtonRightStyle = FooterButtonRightStyle;
+exports.FooterButtonStyle = FooterButtonStyle;
+exports.FooterStyle = FooterStyle;
+exports.FullContentStyle = FullContentStyle;
+exports.ImmersiveDialogStyle = ImmersiveDialogStyle;
+exports.MultiAreaBodyStyle = MultiAreaBodyStyle;
+exports.MultiAreaStyle = MultiAreaStyle;
+exports.TitleStyle = TitleStyle;

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

@@ -0,0 +1,166 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var index$1 = require('../Button/index.js');
+var index = require('../ImmersiveDialog/index.js');
+var index$2 = require('../Steps/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+var styles = require('./styles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(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)
+    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] = React.useState(step || 0);
+  const stepVal = React.useMemo(() => step != null ? step : _step, [step, _step]);
+  const content = React.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.default.createElement(
+      "div",
+      {
+        key: s.title,
+        className: styles.StepContentStyle,
+        style: {
+          display: stepVal === index ? "block" : "none"
+        }
+      },
+      s.children
+    ))) || children;
+  }, [children, destroyOtherStep, steps, stepVal]);
+  const _confirmText = React.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]);
+  React.useEffect(() => {
+    if (step) {
+      _setStep(step);
+    }
+  }, [step]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    index.ImmersiveDialog,
+    __spreadProps(__spreadValues({
+      className,
+      footerLeftAction: stepVal > 0 ? /* @__PURE__ */ React__default.default.createElement(
+        index$1,
+        {
+          type: "link",
+          onClick: () => {
+            const newStep = stepVal - 1;
+            _setStep(newStep);
+            onPrevStep == null ? void 0 : onPrevStep(newStep);
+            onStepChange == null ? void 0 : onStepChange(newStep);
+          }
+        },
+        /* @__PURE__ */ React__default.default.createElement(iconsReact.ArrowChevronLeft16BoldBlueIcon, { className: styles.PrevIconStyle }),
+        prevText || t("common.prev_step")
+      ) : null,
+      left: left || (steps && steps.length > 0 && !hideSteps ? /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          containerClassname: styles.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
+  );
+}
+
+exports.WizardDialog = WizardDialog;

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

@@ -0,0 +1,9 @@
+'use strict';
+
+const StepStyle = "E_sqv6dmy";
+const PrevIconStyle = "E_p1rm8wzb";
+const StepContentStyle = "E_sd7qcf4";
+
+exports.PrevIconStyle = PrevIconStyle;
+exports.StepContentStyle = StepContentStyle;
+exports.StepStyle = StepStyle;