@cloudtower/eagle 0.32.26 → 0.32.28-dialog.0

package/dist/cjs/core/Dialogs/DeleteDialog/DeleteDialog.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var core = require('@linaria/core');
+var useParrotTranslation = require('../../../hooks/useParrotTranslation.js');
+var React = require('react');
+var index = require('../../Typo/index.js');
+var SmallDialog = require('../SmallDialog.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ContentStyle = "E_cqcxfx3";
+const HelperTextStyle = "E_ho721bb";
+const DeleteDialog = props => {
+  const {
+    t
+  } = useParrotTranslation();
+  const {
+    title,
+    description,
+    helperText,
+    cancelText = t("common.cancel"),
+    okText = t("common.delete"),
+    onOk,
+    onCancel,
+    className
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement(SmallDialog, {
+    title,
+    showOk: true,
+    onOk,
+    onCancel,
+    className,
+    okText,
+    cancelText,
+    okButtonProps: {
+      danger: true
+    }
+  }, description && /* @__PURE__ */React__default.default.createElement("div", {
+    className: core.cx(ContentStyle, index.Typo.Label.l2_regular)
+  }, description), helperText && /* @__PURE__ */React__default.default.createElement("div", {
+    className: core.cx(HelperTextStyle, index.Typo.Label.l3_regular)
+  }, helperText));
+};
+
+exports.DeleteDialog = DeleteDialog;

package/dist/cjs/core/Dialogs/RejectDialog/RejectDialog.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var core = require('@linaria/core');
+var React = require('react');
+var index = require('../../Typo/index.js');
+var SmallDialog = require('../SmallDialog.js');
+var RejectDialog_type = require('./RejectDialog.type.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ContentList = "E_csj3xle";
+const MultiRejectContentList = "E_m3w5cc3";
+const Description = "E_d2ff2gp";
+const HelperText = "E_hs4o4ol";
+const Divider = "E_d1w8c9z9";
+const SingleRejectContent = ({
+  content
+}) => {
+  if (Array.isArray(content) && content.length > 1) {
+    return /* @__PURE__ */React__default.default.createElement("div", {
+      className: core.cx(ContentList)
+    }, content.map((reason, index$1) => /* @__PURE__ */React__default.default.createElement("li", {
+      className: index.Typo.Label.l4_regular,
+      key: index$1
+    }, index$1 + 1, ". ", reason)));
+  }
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: core.cx(ContentList, index.Typo.Label.l4_regular)
+  }, content);
+};
+const MultiRejectContent = ({
+  content
+}) => /* @__PURE__ */React__default.default.createElement("div", {
+  className: core.cx(MultiRejectContentList)
+}, Object.entries(content).map(([name, reasons], index$1) => /* @__PURE__ */React__default.default.createElement("li", {
+  className: index.Typo.Label.l4_regular,
+  key: index$1
+}, name, ": ", reasons.join("; "))));
+const RejectDialog = props => {
+  const {
+    title,
+    cancelText,
+    description,
+    className
+  } = props;
+  const renderContent = () => {
+    switch (props.type) {
+      case RejectDialog_type.RejectDialogType.Single:
+        return /* @__PURE__ */React__default.default.createElement(SingleRejectContent, {
+          content: props.content
+        });
+      case RejectDialog_type.RejectDialogType.All:
+      case RejectDialog_type.RejectDialogType.Part:
+        return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, props.helperText && /* @__PURE__ */React__default.default.createElement("div", {
+          className: core.cx(HelperText, index.Typo.Label.l4_regular)
+        }, props.helperText), props.type === RejectDialog_type.RejectDialogType.Part && /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement("div", {
+          className: Divider
+        }), /* @__PURE__ */React__default.default.createElement("div", {
+          className: core.cx(Description, index.Typo.Label.l3_regular)
+        }, props.partialDescription)), /* @__PURE__ */React__default.default.createElement(MultiRejectContent, {
+          content: props.content
+        }));
+    }
+  };
+  return /* @__PURE__ */React__default.default.createElement(SmallDialog, {
+    title,
+    cancelText,
+    showOk: props.type === RejectDialog_type.RejectDialogType.Part,
+    okText: props.type === RejectDialog_type.RejectDialogType.Part ? props.okText : void 0,
+    onOk: props.type === RejectDialog_type.RejectDialogType.Part ? props.onOk : void 0,
+    onCancel: props.onCancel,
+    className
+  }, description && /* @__PURE__ */React__default.default.createElement("div", {
+    className: core.cx(Description, index.Typo.Label.l3_regular)
+  }, description), renderContent());
+};
+
+exports.RejectDialog = RejectDialog;

package/dist/cjs/core/Dialogs/RejectDialog/RejectDialog.type.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var RejectDialogType = /* @__PURE__ */ ((RejectDialogType2) => {
+  RejectDialogType2["Single"] = "RejectSingle";
+  RejectDialogType2["All"] = "RejectAll";
+  RejectDialogType2["Part"] = "RejectPart";
+  return RejectDialogType2;
+})(RejectDialogType || {});
+
+exports.RejectDialogType = RejectDialogType;

package/dist/cjs/core/Dialogs/SmallDialog.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var icons = require('@ant-design/icons');
+var core = require('@linaria/core');
+var index = require('../KitStoreProvider/index.js');
+var antd = require('antd');
+var React = require('react');
+var index$2 = require('../Button/index.js');
+var index$1 = require('../Typo/index.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;
+};
+const DialogStyle = "E_d16owvsh";
+const SmallDialog = ({
+  title,
+  cancelText = "\u5173\u95ED",
+  okText = "\u786E\u5B9A",
+  showOk = true,
+  onOk,
+  onCancel,
+  maskClosable = true,
+  closable = true,
+  className,
+  okButtonProps,
+  cancelButtonProps,
+  children
+}) => {
+  const popModal = index.usePopModal();
+  const handleClose = () => {
+    if (onCancel) {
+      onCancel(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const handleOk = () => {
+    if (onOk) {
+      onOk(popModal);
+    } else {
+      popModal();
+    }
+  };
+  return /* @__PURE__ */React__default.default.createElement(antd.Modal, {
+    visible: true,
+    title: /* @__PURE__ */React__default.default.createElement("span", {
+      className: index$1.Typo.Display.d2_bold_title
+    }, title),
+    footer: /* @__PURE__ */React__default.default.createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "flex-end",
+        gap: 8
+      }
+    }, /* @__PURE__ */React__default.default.createElement(index$2, __spreadValues({
+      type: "ghost",
+      onClick: handleClose
+    }, cancelButtonProps), cancelText), showOk && /* @__PURE__ */React__default.default.createElement(index$2, __spreadValues({
+      type: "primary",
+      onClick: handleOk
+    }, okButtonProps), okText)),
+    onCancel: handleClose,
+    closable,
+    maskClosable,
+    className: core.cx(DialogStyle, className),
+    closeIcon: /* @__PURE__ */React__default.default.createElement(icons.CloseCircleFilled, null)
+  }, children);
+};
+var SmallDialog$1 = SmallDialog;
+
+module.exports = SmallDialog$1;

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

@@ -145,12 +145,14 @@ function time2string(time) {
   }
 }
 function getDateText(date, t) {
-  const unit = {
-    d: t("common.day"),
-    h: t("common.hour"),
-    m: t("common.minute")
+  const count = date.value;
+  const dateString = {
+    d: t("common.day_count", { count }),
+    h: t("common.hour_count", { count }),
+    m: t("common.minute_count", { count }),
+    M: t("common.month_count", { count })
   }[date.unit];
-  return `${t("components.past")} ${date.value} ${unit}`;
+  return `${t("components.past")} ${dateString}`;
 }
 function checkDateNotInRange(date, minDate, maxDate) {
   if (!minDate && !maxDate) {

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

@@ -54,7 +54,8 @@ const TimeRange = (props) => {
     onTypeChange,
     onRelativeTimeChange,
     onAbsoluteTimeOk,
-    onAbsoluteTimeChange
+    onAbsoluteTimeChange,
+    relativeTimeSelectOptions
   } = props;
   const { t } = useParrotTranslation();
   const absoluteDateRef = React.useRef(null);
@@ -69,7 +70,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") {
@@ -93,7 +95,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
           }
         ))
       },
@@ -150,7 +153,8 @@ const DateRangePicker = (props) => {
     mode = ["relative", "absolute"],
     minDate,
     maxDate,
-    onChange
+    onChange,
+    relativeTimeSelectOptions
   } = props;
   const { t } = useParrotTranslation();
   const [datePickerVisible, setDatePickerVisible] = React.useState(false);
@@ -290,7 +294,8 @@ const DateRangePicker = (props) => {
             onAbsoluteTimeChange: setRange,
             onAbsoluteTimeOk: (range2) => {
               handleChange("absolute", range2);
-            }
+            },
+            relativeTimeSelectOptions
           }
         ),
         placement: "bottomLeft",

package/dist/cjs/index.js

@@ -84,6 +84,9 @@ var cascader_style = require('./core/Cascader/cascader.style.js');
 var cascader_widget = require('./core/Cascader/cascader.widget.js');
 var index$18 = require('./core/Cascader/index.js');
 var index$19 = require('./core/ConfigProvider/index.js');
+var DeleteDialog = require('./core/Dialogs/DeleteDialog/DeleteDialog.js');
+var RejectDialog = require('./core/Dialogs/RejectDialog/RejectDialog.js');
+var RejectDialog_type = require('./core/Dialogs/RejectDialog/RejectDialog.type.js');
 var ExpandableContainer = require('./core/ExpandableList/ExpandableContainer.js');
 var ExpandableItem = require('./core/ExpandableList/ExpandableItem.js');
 var ExpandIcon = require('./core/ExpandableList/ExpandIcon.js');
@@ -413,6 +416,9 @@ exports.PresetCascaderRender = cascader_widget.PresetCascaderRender;
 exports.defaultTagRender = cascader_widget.defaultTagRender;
 exports.Cascader = index$18.Cascader;
 exports.ConfigProvider = index$19.ConfigProvider;
+exports.DeleteDialog = DeleteDialog.DeleteDialog;
+exports.RejectDialog = RejectDialog.RejectDialog;
+exports.RejectDialogType = RejectDialog_type.RejectDialogType;
 exports.ExpandableContainer = ExpandableContainer;
 exports.ExpandableItem = ExpandableItem;
 exports.ExpandIcon = ExpandIcon;