@cloudtower/eagle 0.28.0-dry → 0.28.0

package/dist/esm/coreX/CronCalendar/index.js

@@ -0,0 +1,103 @@
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import { cx } from '@linaria/core';
+import Calendar from '../../core/Calendar/index.js';
+import Tooltip from '../../core/Tooltip/index.js';
+import { Typo } from '../../core/Typo/index.js';
+import { getCalendarTitle } from '../common/getCalendarTitle.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { CronTime } from '../../utils/cron-time.js';
+import dayjs from 'dayjs';
+import moment from 'moment';
+import React__default, { useState, useMemo } from 'react';
+
+const CronCalendarWrapper = "E_clm1wy1";
+const Title = "E_t1tsm00v";
+const Control = "E_c167wnad";
+const Cell = "E_cxhf7dh";
+const CronCalendar = ({
+  plans
+}) => {
+  const {
+    t,
+    i18n
+  } = useParrotTranslation();
+  const [value, setValue] = useState(moment());
+  const days = useMemo(() => {
+    const sendAt = [];
+    const lastDayOfMonth = dayjs(value.valueOf()).endOf("month");
+    for (const plan of plans) {
+      if (plan.empty) {
+        continue;
+      }
+      const cronTime = new CronTime(plan.expression, plan.startAt);
+      let current = cronTime["getNextDateFromWithValidation"](dayjs());
+      while (current.isBefore(lastDayOfMonth)) {
+        sendAt.push(current);
+        cronTime.setLastSendAt(current);
+        current = cronTime["getNextDateFromWithValidation"](current);
+      }
+    }
+    return sendAt;
+  }, [value, plans]);
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: CronCalendarWrapper
+  }, /* @__PURE__ */React__default.createElement(Calendar, {
+    onChange: setValue,
+    value,
+    fullscreen: false,
+    headerRender: ({
+      value: value2,
+      onChange
+    }) => /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement("div", {
+      className: cx(Title, Typo.Label.l4_bold)
+    }, t("components.generate_date_preview")), /* @__PURE__ */React__default.createElement("div", {
+      className: cx(Control, Typo.Label.l4_regular)
+    }, /* @__PURE__ */React__default.createElement(LeftOutlined, {
+      onClick: () => onChange(value2.clone().subtract(1, "month"))
+    }), t("components.date_with_year_and_month", {
+      year: value2.format("YYYY"),
+      month: getCalendarTitle(value2.format("M"), t, i18n),
+      interpolation: {
+        escapeValue: false
+      }
+    }), /* @__PURE__ */React__default.createElement(RightOutlined, {
+      onClick: () => onChange(value2.clone().add(1, "month"))
+    }))),
+    dateFullCellRender: date => {
+      const activeDays = days.filter(d => d.startOf("day").isSame(dayjs(date.valueOf()).startOf("day")));
+      return /* @__PURE__ */React__default.createElement(Tooltip, {
+        title: activeDays.length === 0 ? null : activeDays.length === 1 ?
+        // TODO pass the callback via props and remove this
+        t("components.will_generate_one_reporte_with_date_and_time", {
+          date: activeDays[0].format("YYYY/M/D"),
+          time: activeDays[0].format("HH:mm"),
+          interpolation: {
+            escapeValue: false
+          }
+        }) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null, t("components.will_generate_report_will_date_and_count", {
+          date: activeDays[0].format("YYYY/M/D"),
+          count: activeDays.length,
+          interpolation: {
+            escapeValue: false
+          }
+        }), /* @__PURE__ */React__default.createElement("br", null), activeDays.map((d, idx) => /* @__PURE__ */React__default.createElement("div", {
+          key: idx
+        }, d.format("HH:mm"), /* @__PURE__ */React__default.createElement("br", null)))),
+        placement: "bottom"
+      }, /* @__PURE__ */React__default.createElement("div", {
+        className: cx(Cell, Typo.Label.l4_regular, activeDays.length > 0 && "active"),
+        title: ""
+      }, date.date(), /* @__PURE__ */React__default.createElement("div", {
+        className: "dots"
+      }, activeDays.length < 4 && activeDays.map((_, idx) => /* @__PURE__ */React__default.createElement("span", {
+        className: "dot",
+        key: idx
+      })), activeDays.length >= 4 && /* @__PURE__ */React__default.createElement("div", {
+        className: "bar"
+      }))));
+    }
+  }));
+};
+var CronCalendar$1 = CronCalendar;
+
+export { CronCalendar$1 as default };

package/dist/esm/coreX/CronPlan/index.js

@@ -0,0 +1,480 @@
+import { ClockIcon, CloseIcon } from '@cloudtower/icons-react';
+import { ParrotLngs } from '@cloudtower/parrot';
+import { cx } from '@linaria/core';
+import AccordionCard from '../../core/AccordionCard/index.js';
+import Button from '../../core/Button/index.js';
+import fields from '../../core/Fields/index.js';
+import { ParrotTrans } from '../../core/ParrotTrans/index.js';
+import Switch from '../../core/Switch/index.js';
+import TimePicker from '../../core/TimePicker/index.js';
+import { Typo } from '../../core/Typo/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { DatePicker } from 'antd';
+import dayjs from 'dayjs';
+import _ from 'lodash';
+import moment from 'moment';
+import React__default, { useMemo, useState, useEffect } from 'react';
+import { CronTime } from '../../utils/cron-time.js';
+import { getMode, getTime, getDaily, getWeekly, getMonthly, toMonthlyString, toWeeklyString, toDailyString } from '../../utils/time.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));
+const CronPlanWrapper = "E_c1up1pdz";
+const CronPlanHeader = "E_c156wh19";
+const ModeTabs = "E_m126spxy";
+const Wrapper = "E_wpbf4pq";
+const stringifyPlan = (mode, daily, weekly, monthly, i18n) => {
+  const isEn = i18n.language === ParrotLngs.en;
+  const mark = isEn ? " , " : "\u3001";
+  const days_map = isEn ? EN_WEEK_DAYS_MAP(i18n.t) : WEEK_DAYS_MAP(i18n.t);
+  if (mode === "day") {
+    const time = daily.time.format("HH:mm");
+    const count = daily.step || 0;
+    return count > 1 ? i18n.t("components.every_day_with_count_and_time", {
+      count: daily.step,
+      time
+    }) : i18n.t("components.every_day_with_time", {
+      time
+    });
+  }
+  if (mode === "week") {
+    const time = weekly.time.format("HH:mm");
+    const count = weekly.step || 0;
+    const day = weekly.days.map(d => days_map[d]).join(mark);
+    const repeat_day = weekly.days.length > 0;
+    return count > 1 ? repeat_day ? i18n.t("components.every_weeks_with_count_and_day_and_time", {
+      count,
+      day,
+      time
+    }) : i18n.t("components.every_weeks_with_count_and_time", {
+      count,
+      time
+    }) : repeat_day ? i18n.t("components.every_week_with_day_and_time", {
+      time,
+      day
+    }) : i18n.t("components.every_week_with_time", {
+      time
+    });
+  }
+  if (mode === "month") {
+    const time = monthly.time.format("HH:mm");
+    const count = monthly.step || 0;
+    const day = monthly.days.join(mark);
+    const repeat_day = monthly.days.length > 0;
+    return count > 1 ? repeat_day ? i18n.t("components.every_months_with_count_and_day_and_time", {
+      count,
+      time,
+      day
+    }) : i18n.t("components.every_months_with_count_and_time", {
+      count,
+      time
+    }) : repeat_day ? i18n.t("components.every_month_with_day_and_time", {
+      day,
+      time
+    }) : i18n.t("components.every_month_with_time", {
+      time
+    });
+  }
+};
+const Mode = ({
+  mode,
+  setMode
+}) => {
+  const {
+    t
+  } = useParrotTranslation();
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: ModeTabs
+  }, /* @__PURE__ */React__default.createElement(Button, {
+    className: cx(mode === "day" && "active"),
+    type: "link",
+    onClick: () => setMode("day")
+  }, t("components.as_day")), /* @__PURE__ */React__default.createElement(Button, {
+    className: cx(mode === "week" && "active"),
+    type: "link",
+    onClick: () => setMode("week")
+  }, t("components.as_week")), /* @__PURE__ */React__default.createElement(Button, {
+    className: cx(mode === "month" && "active"),
+    type: "link",
+    onClick: () => setMode("month")
+  }, t("components.as_month")));
+};
+const Daily = ({
+  daily,
+  setDaily
+}) => {
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: Wrapper
+  }, /* @__PURE__ */React__default.createElement(ParrotTrans, {
+    i18nKey: "components.day_execute_task",
+    count: daily.step
+  }, /* @__PURE__ */React__default.createElement(fields.Int, {
+    meta: {},
+    input: {
+      value: daily.step,
+      onChange: value => {
+        setDaily(__spreadProps(__spreadValues({}, daily), {
+          step: value
+        }));
+      },
+      name: "daily-step",
+      onBlur() {},
+      onFocus() {},
+      maxLength: 3
+    }
+  }), /* @__PURE__ */React__default.createElement(TimePicker, {
+    format: "HH:mm",
+    value: daily.time,
+    onChange: value => {
+      if (value) {
+        setDaily(__spreadProps(__spreadValues({}, daily), {
+          time: value
+        }));
+      }
+    },
+    clearIcon: null,
+    suffixIcon: null
+  })));
+};
+const WEEK_DAYS = t => [{
+  value: 1,
+  text: t("common.monday")
+}, {
+  value: 2,
+  text: t("common.tuesday")
+}, {
+  value: 3,
+  text: t("common.wednesday")
+}, {
+  value: 4,
+  text: t("common.thursday")
+}, {
+  value: 5,
+  text: t("common.friday")
+}, {
+  value: 6,
+  text: t("common.saturday")
+}, {
+  value: 0,
+  text: t("common.sunday")
+}];
+const WEEK_DAYS_MAP = t => WEEK_DAYS(t).reduce((prev, cur) => {
+  prev[cur.value] = cur.text[1];
+  return prev;
+}, {});
+const EN_WEEK_DAYS_MAP = t => WEEK_DAYS(t).reduce((prev, cur) => {
+  prev[cur.value] = cur.text;
+  return prev;
+}, {});
+const Weekly = ({
+  weekly,
+  setWeekly
+}) => {
+  const {
+    t,
+    i18n
+  } = useParrotTranslation();
+  const week_days = useMemo(() => WEEK_DAYS(t), [t]);
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: Wrapper
+  }, /* @__PURE__ */React__default.createElement(ParrotTrans, {
+    i18nKey: "components.week_with_below_date",
+    count: weekly.step,
+    values: {
+      day: t("components.day_date", {
+        count: weekly.days.length
+      })
+    }
+  }, /* @__PURE__ */React__default.createElement(fields.Int, {
+    meta: {},
+    input: {
+      value: weekly.step,
+      onChange: value => {
+        setWeekly(__spreadProps(__spreadValues({}, weekly), {
+          step: value
+        }));
+      },
+      name: "weekly-step",
+      onBlur() {},
+      onFocus() {},
+      maxLength: 3
+    }
+  })), /* @__PURE__ */React__default.createElement("div", {
+    className: "options"
+  }, week_days.map(d => {
+    const active = weekly.days.includes(d.value);
+    return /* @__PURE__ */React__default.createElement(Button, {
+      className: cx("week-day-option", active && "active", i18n.language === ParrotLngs.en && "en-text"),
+      type: "default",
+      key: d.value,
+      onClick: () => setWeekly(__spreadProps(__spreadValues({}, weekly), {
+        days: active ? weekly.days.filter(day => day !== d.value) : weekly.days.concat(d.value).sort((a, b) => a - b)
+      }))
+    }, d.text);
+  })), t("components.execution_time"), /* @__PURE__ */React__default.createElement(TimePicker, {
+    style: {
+      marginLeft: 0
+    },
+    format: "HH:mm",
+    value: weekly.time,
+    onChange: value => {
+      if (value) {
+        setWeekly(__spreadProps(__spreadValues({}, weekly), {
+          time: value
+        }));
+      }
+    },
+    clearIcon: null,
+    suffixIcon: null
+  }));
+};
+const MONTH_DAYS = _.range(1, 32);
+const Monthly = ({
+  monthly,
+  setMonthly
+}) => {
+  const mayNotExistDays = _.intersection(monthly.days, [29, 30, 31]);
+  const {
+    t,
+    i18n
+  } = useParrotTranslation();
+  let date;
+  if (i18n.language === ParrotLngs.en && mayNotExistDays.length === 3) {
+    date = `${mayNotExistDays[0]}, ${mayNotExistDays[1]}, or ${mayNotExistDays[2]}`;
+  } else {
+    date = mayNotExistDays.join(i18n.t("components.date_mark"));
+  }
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: Wrapper
+  }, /* @__PURE__ */React__default.createElement(ParrotTrans, {
+    i18nKey: "components.month_with_below_date",
+    count: monthly.step,
+    values: {
+      day: t("components.day_date", {
+        count: monthly.days.length
+      })
+    }
+  }, /* @__PURE__ */React__default.createElement(fields.Int, {
+    meta: {},
+    input: {
+      value: monthly.step,
+      onChange: value => {
+        setMonthly(__spreadProps(__spreadValues({}, monthly), {
+          step: value
+        }));
+      },
+      name: "monthly-step",
+      onBlur() {},
+      onFocus() {},
+      maxLength: 3
+    }
+  })), /* @__PURE__ */React__default.createElement("div", {
+    className: "options"
+  }, MONTH_DAYS.map(d => {
+    const active = monthly.days.includes(d);
+    return /* @__PURE__ */React__default.createElement(Button, {
+      className: cx("month-day-option", active && "active"),
+      type: "default",
+      key: d,
+      onClick: () => setMonthly(__spreadProps(__spreadValues({}, monthly), {
+        days: active ? monthly.days.filter(day => day !== d) : monthly.days.concat(d).sort((a, b) => a - b)
+      }))
+    }, d);
+  }), mayNotExistDays.length > 0 && /* @__PURE__ */React__default.createElement("span", {
+    className: cx("help", Typo.Label.l4_regular)
+  }, t("components.will_excute_at_last_day_with_date", {
+    date
+  }))), t("components.execution_time"), /* @__PURE__ */React__default.createElement(TimePicker, {
+    style: {
+      marginLeft: 0
+    },
+    format: "HH:mm",
+    value: monthly.time,
+    onChange: value => {
+      if (value) {
+        setMonthly(__spreadProps(__spreadValues({}, monthly), {
+          time: value
+        }));
+      }
+    },
+    clearIcon: null,
+    suffixIcon: null
+  }));
+};
+const CronPlan = props => {
+  const {
+    value,
+    onChange,
+    onRemove
+  } = props;
+  const {
+    t,
+    i18n
+  } = useParrotTranslation();
+  const cronTime = useMemo(() => {
+    return new CronTime(value.expression, value.startAt);
+  }, [value]);
+  const sendAtDate = useMemo(() => cronTime.sendAt(), [cronTime]);
+  const changeValue = newValue => {
+    onChange(__spreadValues(__spreadValues({}, value), newValue));
+  };
+  const [mode, setMode] = useState(getMode(cronTime["source"]));
+  const source = cronTime["source"];
+  const [,,, day, month] = source.split(" ");
+  const time = getTime(cronTime);
+  const [daily, setDaily] = useState(() => {
+    const rawDaily = getDaily(mode, source, time);
+    return __spreadProps(__spreadValues({}, rawDaily), {
+      time: moment(rawDaily.time.format())
+    });
+  });
+  const [weekly, setWeekly] = useState(() => {
+    const rawWeekly = getWeekly(mode, source, time);
+    return __spreadProps(__spreadValues({}, rawWeekly), {
+      time: moment(rawWeekly.time.format())
+    });
+  });
+  const [monthly, setMonthly] = useState(() => {
+    const rawMonthly = getMonthly(mode, month, day, time);
+    return __spreadProps(__spreadValues({}, rawMonthly), {
+      time: moment(rawMonthly.time.format())
+    });
+  });
+  useEffect(() => {
+    let newExpression = "";
+    let empty = false;
+    switch (mode) {
+      case "day":
+        newExpression = toDailyString(daily.step, dayjs(daily.time.format()));
+        break;
+      case "week":
+        newExpression = toWeeklyString(weekly.step, dayjs(weekly.time.format()), weekly.days);
+        if (weekly.days.length === 0) {
+          empty = true;
+        }
+        break;
+      case "month":
+        newExpression = toMonthlyString(monthly.step, dayjs(monthly.time.format()), monthly.days);
+        if (monthly.days.length === 0) {
+          empty = true;
+        }
+        break;
+    }
+    if (newExpression === value.expression) {
+      return;
+    }
+    changeValue({
+      expression: newExpression,
+      empty
+    });
+  }, [mode, daily, weekly, monthly]);
+  const title = stringifyPlan(mode, daily, weekly, monthly, i18n);
+  return /* @__PURE__ */React__default.createElement(AccordionCard, {
+    className: CronPlanWrapper,
+    header: /* @__PURE__ */React__default.createElement("div", {
+      className: CronPlanHeader
+    }, /* @__PURE__ */React__default.createElement("div", {
+      className: "left"
+    }, /* @__PURE__ */React__default.createElement(ClockIcon, null), /* @__PURE__ */React__default.createElement("span", {
+      className: cx(Typo.Label.l2_regular, "title"),
+      title
+    }, title), /* @__PURE__ */React__default.createElement("span", {
+      className: cx(Typo.Label.l4_regular, "retain")
+    }, t("components.retain_with_count", {
+      count: value.retain || 1
+    }))), /* @__PURE__ */React__default.createElement("div", {
+      className: "right",
+      onClick: e => e.stopPropagation()
+    }, /* @__PURE__ */React__default.createElement("span", {
+      className: "reverse"
+    }, /* @__PURE__ */React__default.createElement(Switch, {
+      checked: value.enabled,
+      onChange: v => changeValue({
+        enabled: v
+      })
+    }, value.enabled ? t("common.enabled") : t("common.disabled"))), /* @__PURE__ */React__default.createElement("span", {
+      className: "close",
+      onClick: onRemove
+    }, /* @__PURE__ */React__default.createElement(CloseIcon, null)))),
+    expand: /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(Mode, {
+      mode,
+      setMode
+    }), mode === "day" && /* @__PURE__ */React__default.createElement(Daily, {
+      daily,
+      setDaily
+    }), mode === "week" && /* @__PURE__ */React__default.createElement(Weekly, {
+      weekly,
+      setWeekly
+    }), mode === "month" && /* @__PURE__ */React__default.createElement(Monthly, {
+      monthly,
+      setMonthly
+    }), /* @__PURE__ */React__default.createElement("div", {
+      className: "field-item"
+    }, /* @__PURE__ */React__default.createElement("label", {
+      className: Typo.Label.l3_regular_title
+    }, t("components.start_date")), /* @__PURE__ */React__default.createElement("div", {
+      className: "field"
+    }, /* @__PURE__ */React__default.createElement(DatePicker, {
+      format: "YYYY/M/DD",
+      value: moment(value.startAt.toISOString()),
+      onChange: value2 => {
+        if (value2) {
+          changeValue({
+            startAt: dayjs(value2.toISOString())
+          });
+        }
+      },
+      suffixIcon: null,
+      clearIcon: null
+    }), /* @__PURE__ */React__default.createElement("div", {
+      className: cx("help", Typo.Footnote.f2_regular)
+    }, t("components.next_generate_with_date", {
+      date: sendAtDate.format("YYYY/M/DD HH:mm"),
+      interpolation: {
+        escapeValue: false
+      }
+    })))), /* @__PURE__ */React__default.createElement("div", {
+      className: "field-item"
+    }, /* @__PURE__ */React__default.createElement("label", {
+      className: Typo.Label.l3_regular_title
+    }, t("components.retain_date")), /* @__PURE__ */React__default.createElement("div", {
+      className: "field"
+    }, /* @__PURE__ */React__default.createElement(fields.Int, {
+      suffix: t("components.count"),
+      meta: {},
+      input: {
+        value: value.retain,
+        onChange: v => changeValue({
+          retain: v
+        }),
+        onBlur() {},
+        onFocus() {},
+        name: "retain",
+        maxLength: 2
+      }
+    }), /* @__PURE__ */React__default.createElement("div", {
+      className: cx("help", Typo.Footnote.f2_regular)
+    }, t("components.will_save_one_to_thirty_report")))))
+  });
+};
+var CronPlan$1 = CronPlan;
+
+export { CronPlan$1 as default, stringifyPlan };