@cloudtower/eagle 0.0.0-double-rc-1 → 0.0.0-no-uikit-0

package/dist/cjs/core/message-group/index.js

@@ -0,0 +1,147 @@
+'use strict';
+
+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 __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+function makeUUID(length = 25) {
+  let result = "";
+  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  const charactersLength = characters.length;
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+  return result;
+}
+class Batcher {
+  constructor(originalMethod, batchHelper) {
+    __publicField(this, "batchSize", 2);
+    __publicField(this, "batchTime", 200);
+    __publicField(this, "scheduler", {});
+    __publicField(this, "originalMethod");
+    __publicField(this, "batchHelper");
+    this.originalMethod = originalMethod;
+    this.batchHelper = batchHelper;
+  }
+  addMessage(originContent) {
+    if (document.hidden) {
+      return;
+    }
+    const batchKey = this.batchHelper.getBatchKey(originContent.content);
+    if (batchKey == null) {
+      this.originalMethod(originContent);
+      return;
+    }
+    if (!this.scheduler[batchKey]) {
+      this.scheduler[batchKey] = {
+        firedHandlers: {},
+        pendingMessages: {}
+      };
+    }
+    const messageStore = this.scheduler[batchKey];
+    const { firedHandlers, pendingMessages, groupedCtx } = messageStore;
+    if (groupedCtx) {
+      groupedCtx.count++;
+      this.applyContent(batchKey, originContent, messageStore);
+      return;
+    }
+    const messageCount = Object.keys(firedHandlers).length + Object.keys(pendingMessages).length;
+    if (messageCount + 1 > this.batchSize) {
+      for (const k in firedHandlers) {
+        try {
+          firedHandlers[k]();
+        } catch (e) {
+        }
+        delete firedHandlers[k];
+      }
+      for (const k in pendingMessages) {
+        delete pendingMessages[k];
+      }
+      messageStore.groupedCtx = {
+        key: originContent.key,
+        count: messageCount + 1
+      };
+      this.applyContent(batchKey, originContent, messageStore);
+      return;
+    }
+    pendingMessages[originContent.key] = originContent;
+    setTimeout(() => {
+      if (originContent.key in pendingMessages) {
+        delete pendingMessages[originContent.key];
+        originContent.onClose = () => {
+          delete firedHandlers[originContent.key];
+        };
+        const handler = this.originalMethod(originContent);
+        firedHandlers[originContent.key] = handler;
+      }
+    }, this.batchTime);
+  }
+  applyContent(batchKey, content, store) {
+    content.content = this.batchHelper.getBatchContent(
+      batchKey,
+      store.groupedCtx.count
+    );
+    content.key = store.groupedCtx.key;
+    content.onClose = () => {
+      delete store.groupedCtx;
+    };
+    this.originalMethod(content);
+  }
+}
+function createBatchMessageMethods(message, batchHelper) {
+  let _message = __spreadValues({}, message);
+  const methods = [
+    "success",
+    "error",
+    "info",
+    "warning",
+    "warn",
+    "loading"
+  ];
+  for (const method of methods) {
+    const originalMethod = _message[method];
+    const batcher = new Batcher(originalMethod, batchHelper);
+    _message[method] = function(...args) {
+      const key = makeUUID();
+      const content = normalizeContent(args, method);
+      batcher.addMessage(__spreadProps(__spreadValues({}, content), { key }));
+      return () => {
+      };
+    };
+  }
+  return _message;
+}
+function normalizeContent(args, type) {
+  const c = args[0];
+  if (c && typeof c === "object" && "content" in c) {
+    return c;
+  }
+  return {
+    content: c,
+    duration: typeof args[1] === "number" ? args[1] : 6,
+    type: type === "warn" ? "warning" : type
+  };
+}
+
+exports.Batcher = Batcher;
+exports.createBatchMessageMethods = createBatchMessageMethods;
+exports.makeUUID = makeUUID;

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tower = require('../../utils/tower.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StackBar = "E_skwah65";
+function getWidth(input) {
+  const {
+    value,
+    unit
+  } = tower.formatPercent(input);
+  return value + unit;
+}
+const BarChart = ({
+  data,
+  total
+}) => /* @__PURE__ */React__default.default.createElement("div", {
+  className: StackBar
+}, (data || []).map((item, index) => {
+  const {
+    value,
+    color
+  } = item;
+  const width = total === 0 ? 0 : getWidth(100 * value / total);
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: "stack-bar-item",
+    key: index,
+    style: {
+      width,
+      background: color,
+      display: value === 0 || total === 0 ? "none" : "inline-block"
+    }
+  });
+}));
+var BarChart$1 = BarChart;
+
+exports.default = BarChart$1;
+exports.getWidth = getWidth;

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

@@ -0,0 +1,154 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconsReact = require('@cloudtower/icons-react');
+var index$2 = require('../../core/Button/index.js');
+var index$3 = require('../../core/Icon/index.js');
+var index$4 = require('../../core/Overflow/index.js');
+var index$1 = require('../../core/Tooltip/index.js');
+var index = require('../../core/Typo/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+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 SelectToolbar = "E_s1ebs0ra";
+const renderBatchOperationMenuItem = (act, idx = 0) => {
+  if (act === "divider") {
+    return /* @__PURE__ */React__default.default.createElement(antd.Menu.Divider, {
+      key: `divider-${idx}`
+    });
+  }
+  if ("children" in act) {
+    return /* @__PURE__ */React__default.default.createElement(antd.Menu.SubMenu, {
+      className: cs__default.default(index.Typo.Label.l4_regular),
+      key: act.key,
+      title: (act == null ? void 0 : act.icon) ? React__default.default.cloneElement(act.icon, {}, act.title) : /* @__PURE__ */React__default.default.createElement("span", null, act.title)
+    }, act.children.map(renderBatchOperationMenuItem));
+  }
+  const Inner = props => {
+    return /* @__PURE__ */React__default.default.createElement("span", __spreadValues({}, props), act.icon ? React__default.default.cloneElement(act.icon, {}, act.title) : null, (act == null ? void 0 : act.count) && /* @__PURE__ */React__default.default.createElement("span", null, act.count));
+  };
+  return /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
+    key: act.key,
+    onClick: act.onClick,
+    danger: act.danger,
+    disabled: !!(act == null ? void 0 : act.disabled),
+    className: (act == null ? void 0 : act.danger) && act.disabled ? "item-danger-disabled" : ""
+  }, "tooltip" in act && act.tooltip ? /* @__PURE__ */React__default.default.createElement(index$1, {
+    title: act.tooltip
+  }, /* @__PURE__ */React__default.default.createElement(Inner, null)) : /* @__PURE__ */React__default.default.createElement(Inner, null));
+};
+const BatchOperation = props => {
+  const {
+    count,
+    onClearSelection,
+    actions
+  } = props;
+  const {
+    t
+  } = useParrotTranslation();
+  const els = React.useMemo(() => {
+    return actions.map((act, idx) => {
+      if (act === "divider") {
+        return /* @__PURE__ */React__default.default.createElement(antd.Menu.Divider, {
+          key: `divider-${idx}`
+        });
+      }
+      if ("children" in act) {
+        return /* @__PURE__ */React__default.default.createElement(antd.Dropdown, {
+          key: act.key,
+          trigger: ["click"],
+          placement: "bottomRight",
+          overlay: /* @__PURE__ */React__default.default.createElement(antd.Menu, null, act.children.map(renderBatchOperationMenuItem))
+        }, /* @__PURE__ */React__default.default.createElement(index$2, {
+          key: act.key,
+          type: "ordinary-onTint",
+          prefixIcon: act.icon != null ? act.icon : void 0,
+          danger: act == null ? void 0 : act.danger,
+          className: `sub-menu-${act.key}`,
+          suffixIcon: /* @__PURE__ */React__default.default.createElement(index$3, {
+            src: iconsReact.ArrowChevronDown16SecondaryIcon
+          })
+        }, act.title));
+      }
+      if (act.tooltip) {
+        return /* @__PURE__ */React__default.default.createElement(index$1, {
+          title: act.tooltip
+        }, /* @__PURE__ */React__default.default.createElement(index$2, {
+          key: act.key,
+          type: "ordinary-onTint",
+          danger: act.danger,
+          onClick: act.onClick,
+          disabled: act.disabled,
+          prefixIcon: act.icon != null ? act.icon : void 0
+        }, act.title));
+      }
+      return /* @__PURE__ */React__default.default.createElement(index$2, {
+        key: act.key,
+        type: "ordinary-onTint",
+        danger: act.danger,
+        onClick: act.onClick,
+        disabled: act.disabled,
+        prefixIcon: act.icon != null ? act.icon : void 0
+      }, act.title);
+    });
+  }, [actions]);
+  const getExtraEl = React.useCallback(end => /* @__PURE__ */React__default.default.createElement(antd.Dropdown, {
+    overlay: /* @__PURE__ */React__default.default.createElement(antd.Menu, null, actions.slice(end).map((act, idx) => {
+      return act === "divider" ? /* @__PURE__ */React__default.default.createElement(antd.Menu.Divider, {
+        key: `divider-${idx}`
+      }) : "children" in act ? /* @__PURE__ */React__default.default.createElement(antd.Menu.SubMenu, {
+        className: cs__default.default(index.Typo.Label.l4_regular),
+        key: act.key,
+        title: (act == null ? void 0 : act.icon) ? React__default.default.cloneElement(act.icon, {}, act.title) : /* @__PURE__ */React__default.default.createElement("span", null, act.title)
+      }, act.children.map(renderBatchOperationMenuItem)) : renderBatchOperationMenuItem(act);
+    }))
+  }, /* @__PURE__ */React__default.default.createElement(index$3, {
+    className: "more-btn",
+    src: iconsReact.MoreEllipsis316BoldBlueIcon
+  })), [actions]);
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: SelectToolbar
+  }, /* @__PURE__ */React__default.default.createElement("span", {
+    className: "select-total"
+  }, t("components.selected_item_with_count", {
+    count
+  }), /* @__PURE__ */React__default.default.createElement(index$3, {
+    src: iconsReact.XmarkRemove16SecondaryIcon,
+    hoverSrc: iconsReact.XmarkRemove16BlueIcon,
+    onClick: onClearSelection
+  })), /* @__PURE__ */React__default.default.createElement(index$4.ExtraOverflow, {
+    className: "action-group",
+    reverse: true,
+    els,
+    extraEl: getExtraEl
+  }));
+};
+var BatchOperation$1 = BatchOperation;
+
+exports.default = BatchOperation$1;
+exports.renderBatchOperationMenuItem = renderBatchOperationMenuItem;

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

@@ -0,0 +1,159 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var index$9 = require('../../core/Bit/index.js');
+var index$8 = require('../../core/BitPerSecond/index.js');
+var index$7 = require('../../core/Bps/index.js');
+var index$4 = require('../../core/Byte/index.js');
+var index$5 = require('../../core/Frequency/index.js');
+var index$3 = require('../../core/Percent/index.js');
+var index$a = require('../../core/Second/index.js');
+var index$6 = require('../../core/Speed/index.js');
+var index$2 = require('../../core/Styled/index.js');
+var index$1 = require('../../core/Tooltip/index.js');
+var index = require('../UnitWithChart/index.js');
+var tower = require('../../utils/tower.js');
+var _ = require('lodash');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ___default = /*#__PURE__*/_interopDefault(_);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const units = {
+  Percent: index$3,
+  Byte: index$4,
+  Frequency: index$5,
+  Speed: index$6,
+  Bps: index$7,
+  BitPerSecond: index$8,
+  Bit: index$9,
+  Second: index$a
+};
+const ChartContent = /*#__PURE__*/react.styled('div')({
+  name: "ChartContent",
+  class: "E_c18bcrac",
+  propsAsIs: false
+});
+const ChartTooltipContainer = /*#__PURE__*/react.styled('div')({
+  name: "ChartTooltipContainer",
+  class: "E_cro7kg2",
+  propsAsIs: false
+});
+const ChartTooltipRow = /*#__PURE__*/react.styled('div')({
+  name: "ChartTooltipRow",
+  class: "E_c14wcxf0",
+  propsAsIs: false
+});
+const _exp = /*#__PURE__*/() => ChartTooltipRow;
+const ChartTooltipTitle = /*#__PURE__*/react.styled(_exp())({
+  name: "ChartTooltipTitle",
+  class: "E_coy29mj",
+  propsAsIs: true
+});
+const _exp2 = /*#__PURE__*/() => props => props.color;
+const SpaceStatus = /*#__PURE__*/react.styled('i')({
+  name: "SpaceStatus",
+  class: "E_s11212zy",
+  propsAsIs: false,
+  vars: {
+    "s11212zy-0": [_exp2()]
+  }
+});
+const PrimaryUnit = /*#__PURE__*/react.styled('div')({
+  name: "PrimaryUnit",
+  class: "E_p1lyky6c",
+  propsAsIs: false
+});
+const ChartWithUnit = props => {
+  const {
+    items,
+    rawValue,
+    unit,
+    chartType,
+    tableUnit,
+    total
+  } = props;
+  const finalTableUnit = tableUnit != null ? tableUnit : unit;
+  const emptyDisplay = rawValue2 => {
+    if (___default.default.isNil(rawValue2)) {
+      return /* @__PURE__ */React__default.default.createElement(index$2.TertiaryText, null, "-");
+    }
+    return finalTableUnit === "Percent" ?
+    // process 0.0%
+    /* @__PURE__ */
+    React__default.default.createElement("span", {
+      className: index.UnitWrapper
+    }, /* @__PURE__ */React__default.default.createElement(index$3, {
+      rawValue: rawValue2,
+      decimals: 1
+    })) : rawValue2;
+  };
+  return /* @__PURE__ */React__default.default.createElement(ChartContent, null, rawValue || rawValue === 0 ? /* @__PURE__ */React__default.default.createElement(index.default, {
+    unit: finalTableUnit,
+    rawValue: chartType === "barChart" ? tower.formatPercent(rawValue / total * 100, 1).numberValue : rawValue,
+    total,
+    chartType,
+    data: items
+  }) : emptyDisplay(rawValue));
+};
+const ChartWithTooltip = props => {
+  const {
+    title,
+    items,
+    rawValue,
+    unit,
+    chartType,
+    tableUnit,
+    saturated
+  } = props;
+  const KitUnit = units[unit];
+  const total = title.value || 0;
+  const finalTableUnit = tableUnit != null ? tableUnit : unit;
+  const emptyDisplay = rawValue2 => {
+    if (___default.default.isNil(rawValue2)) {
+      return /* @__PURE__ */React__default.default.createElement(index$2.TertiaryText, null, "-");
+    }
+    return finalTableUnit === "Percent" ?
+    // process 0.0%
+    /* @__PURE__ */
+    React__default.default.createElement(index$3, {
+      rawValue: rawValue2,
+      decimals: 1
+    }) : rawValue2;
+  };
+  return /* @__PURE__ */React__default.default.createElement(index$1, {
+    title: /* @__PURE__ */React__default.default.createElement(ChartTooltipContainer, null, /* @__PURE__ */React__default.default.createElement(ChartTooltipTitle, null, /* @__PURE__ */React__default.default.createElement("label", null, title.label), /* @__PURE__ */React__default.default.createElement(KitUnit, {
+      rawValue: total
+    })), items.map(item => {
+      var _a;
+      return /* @__PURE__ */React__default.default.createElement(ChartTooltipRow, {
+        key: item.label
+      }, /* @__PURE__ */React__default.default.createElement("label", null, /* @__PURE__ */React__default.default.createElement(SpaceStatus, {
+        color: item.color
+      }), /* @__PURE__ */React__default.default.createElement("span", null, item.label)), /* @__PURE__ */React__default.default.createElement(PrimaryUnit, {
+        className: "value"
+      }, /* @__PURE__ */React__default.default.createElement(KitUnit, {
+        rawValue: item.value || 0
+      }), /* @__PURE__ */React__default.default.createElement("span", null, "(", total ? (item.value ? tower.formatPercent((item.value || 0) / total * 100, 1, (_a = item.saturated) != null ? _a : true).value : 0) + "%" : "-", ")")));
+    })),
+    overlayStyle: {
+      maxWidth: 500,
+      minWidth: 246
+    }
+  }, /* @__PURE__ */React__default.default.createElement(ChartContent, null, total ? rawValue ? /* @__PURE__ */React__default.default.createElement(index.default, {
+    unit: finalTableUnit,
+    rawValue: chartType === "barChart" ? tower.formatPercent(rawValue / total * 100, 1, saturated != null ? saturated : true).numberValue : rawValue,
+    total,
+    chartType,
+    data: items,
+    saturated
+  }) : emptyDisplay(rawValue) : emptyDisplay(null)));
+};
+var ChartWithTooltip$1 = ChartWithTooltip;
+
+exports.ChartWithUnit = ChartWithUnit;
+exports.default = ChartWithTooltip$1;

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

@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Counting = (props) => {
+  const { stop, interval = 1e3, render } = props;
+  const [, setState] = React.useState(true);
+  React.useEffect(() => {
+    if (stop)
+      return;
+    const timer = setInterval(() => {
+      setState((state) => !state);
+    }, interval);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [stop, interval]);
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, render());
+};
+var Counting$1 = Counting;
+
+module.exports = Counting$1;

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

@@ -0,0 +1,111 @@
+'use strict';
+
+var icons = require('@ant-design/icons');
+var core = require('@linaria/core');
+var index = require('../../core/Calendar/index.js');
+var index$2 = require('../../core/Tooltip/index.js');
+var index$1 = require('../../core/Typo/index.js');
+var getCalendarTitle = require('../common/getCalendarTitle.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var cronTime = require('../../utils/cron-time.js');
+var dayjs = require('dayjs');
+var moment = require('moment');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var moment__default = /*#__PURE__*/_interopDefault(moment);
+var React__default = /*#__PURE__*/_interopDefault(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] = React.useState(moment__default.default());
+  const days = React.useMemo(() => {
+    const sendAt = [];
+    const lastDayOfMonth = dayjs__default.default(value.valueOf()).endOf("month");
+    for (const plan of plans) {
+      if (plan.empty) {
+        continue;
+      }
+      const cronTime$1 = new cronTime.CronTime(plan.expression, plan.startAt);
+      let current = cronTime$1["getNextDateFromWithValidation"](dayjs__default.default());
+      while (current.isBefore(lastDayOfMonth)) {
+        sendAt.push(current);
+        cronTime$1.setLastSendAt(current);
+        current = cronTime$1["getNextDateFromWithValidation"](current);
+      }
+    }
+    return sendAt;
+  }, [value, plans]);
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: CronCalendarWrapper
+  }, /* @__PURE__ */React__default.default.createElement(index, {
+    onChange: setValue,
+    value,
+    fullscreen: false,
+    headerRender: ({
+      value: value2,
+      onChange
+    }) => /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement("div", {
+      className: core.cx(Title, index$1.Typo.Label.l4_bold)
+    }, t("components.generate_date_preview")), /* @__PURE__ */React__default.default.createElement("div", {
+      className: core.cx(Control, index$1.Typo.Label.l4_regular)
+    }, /* @__PURE__ */React__default.default.createElement(icons.LeftOutlined, {
+      onClick: () => onChange(value2.clone().subtract(1, "month"))
+    }), t("components.date_with_year_and_month", {
+      year: value2.format("YYYY"),
+      month: getCalendarTitle.getCalendarTitle(value2.format("M"), t, i18n),
+      interpolation: {
+        escapeValue: false
+      }
+    }), /* @__PURE__ */React__default.default.createElement(icons.RightOutlined, {
+      onClick: () => onChange(value2.clone().add(1, "month"))
+    }))),
+    dateFullCellRender: date => {
+      const activeDays = days.filter(d => d.startOf("day").isSame(dayjs__default.default(date.valueOf()).startOf("day")));
+      return /* @__PURE__ */React__default.default.createElement(index$2, {
+        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.default.createElement(React__default.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.default.createElement("br", null), activeDays.map((d, idx) => /* @__PURE__ */React__default.default.createElement("div", {
+          key: idx
+        }, d.format("HH:mm"), /* @__PURE__ */React__default.default.createElement("br", null)))),
+        placement: "bottom"
+      }, /* @__PURE__ */React__default.default.createElement("div", {
+        className: core.cx(Cell, index$1.Typo.Label.l4_regular, activeDays.length > 0 && "active"),
+        title: ""
+      }, date.date(), /* @__PURE__ */React__default.default.createElement("div", {
+        className: "dots"
+      }, activeDays.length < 4 && activeDays.map((_, idx) => /* @__PURE__ */React__default.default.createElement("span", {
+        className: "dot",
+        key: idx
+      })), activeDays.length >= 4 && /* @__PURE__ */React__default.default.createElement("div", {
+        className: "bar"
+      }))));
+    }
+  }));
+};
+var CronCalendar$1 = CronCalendar;
+
+module.exports = CronCalendar$1;