@cloudtower/eagle 0.27.53 → 0.27.55

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

@@ -0,0 +1,144 @@
+import { ArrowChevronDown16SecondaryIcon, MoreEllipsis316BoldBlueIcon, XmarkRemove16SecondaryIcon, XmarkRemove16BlueIcon } from '@cloudtower/icons-react';
+import Button from '../../core/Button/index.js';
+import Icon from '../../core/Icon/index.js';
+import { ExtraOverflow } from '../../core/Overflow/index.js';
+import Tooltip from '../../core/Tooltip/index.js';
+import { Typo } from '../../core/Typo/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { Menu, Dropdown } from 'antd';
+import cs from 'classnames';
+import React__default, { useMemo, useCallback } from '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 = "s1ebs0ra";
+const renderBatchOperationMenuItem = (act, idx = 0) => {
+  if (act === "divider") {
+    return /* @__PURE__ */React__default.createElement(Menu.Divider, {
+      key: `divider-${idx}`
+    });
+  }
+  if ("children" in act) {
+    return /* @__PURE__ */React__default.createElement(Menu.SubMenu, {
+      className: cs(Typo.Label.l4_regular),
+      key: act.key,
+      title: (act == null ? void 0 : act.icon) ? React__default.cloneElement(act.icon, {}, act.title) : /* @__PURE__ */React__default.createElement("span", null, act.title)
+    }, act.children.map(renderBatchOperationMenuItem));
+  }
+  const Inner = props => {
+    return /* @__PURE__ */React__default.createElement("span", __spreadValues({}, props), act.icon ? React__default.cloneElement(act.icon, {}, act.title) : null, (act == null ? void 0 : act.count) && /* @__PURE__ */React__default.createElement("span", null, act.count));
+  };
+  return /* @__PURE__ */React__default.createElement(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.createElement(Tooltip, {
+    title: act.tooltip
+  }, /* @__PURE__ */React__default.createElement(Inner, null)) : /* @__PURE__ */React__default.createElement(Inner, null));
+};
+const BatchOperation = props => {
+  const {
+    count,
+    onClearSelection,
+    actions
+  } = props;
+  const {
+    t
+  } = useParrotTranslation();
+  const els = useMemo(() => {
+    return actions.map((act, idx) => {
+      if (act === "divider") {
+        return /* @__PURE__ */React__default.createElement(Menu.Divider, {
+          key: `divider-${idx}`
+        });
+      }
+      if ("children" in act) {
+        return /* @__PURE__ */React__default.createElement(Dropdown, {
+          key: act.key,
+          trigger: ["click"],
+          placement: "bottomRight",
+          overlay: /* @__PURE__ */React__default.createElement(Menu, null, act.children.map(renderBatchOperationMenuItem))
+        }, /* @__PURE__ */React__default.createElement(Button, {
+          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.createElement(Icon, {
+            src: ArrowChevronDown16SecondaryIcon
+          })
+        }, act.title));
+      }
+      if (act.tooltip) {
+        return /* @__PURE__ */React__default.createElement(Tooltip, {
+          title: act.tooltip
+        }, /* @__PURE__ */React__default.createElement(Button, {
+          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.createElement(Button, {
+        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 = useCallback(end => /* @__PURE__ */React__default.createElement(Dropdown, {
+    overlay: /* @__PURE__ */React__default.createElement(Menu, null, actions.slice(end).map((act, idx) => {
+      return act === "divider" ? /* @__PURE__ */React__default.createElement(Menu.Divider, {
+        key: `divider-${idx}`
+      }) : "children" in act ? /* @__PURE__ */React__default.createElement(Menu.SubMenu, {
+        className: cs(Typo.Label.l4_regular),
+        key: act.key,
+        title: (act == null ? void 0 : act.icon) ? React__default.cloneElement(act.icon, {}, act.title) : /* @__PURE__ */React__default.createElement("span", null, act.title)
+      }, act.children.map(renderBatchOperationMenuItem)) : renderBatchOperationMenuItem(act);
+    }))
+  }, /* @__PURE__ */React__default.createElement(Icon, {
+    className: "more-btn",
+    src: MoreEllipsis316BoldBlueIcon
+  })), [actions]);
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: SelectToolbar
+  }, /* @__PURE__ */React__default.createElement("span", {
+    className: "select-total"
+  }, t("components.selected_item_with_count", {
+    count
+  }), /* @__PURE__ */React__default.createElement(Icon, {
+    src: XmarkRemove16SecondaryIcon,
+    hoverSrc: XmarkRemove16BlueIcon,
+    onClick: onClearSelection
+  })), /* @__PURE__ */React__default.createElement(ExtraOverflow, {
+    className: "action-group",
+    reverse: true,
+    els,
+    extraEl: getExtraEl
+  }));
+};
+var BatchOperation$1 = BatchOperation;
+
+export { BatchOperation$1 as default, renderBatchOperationMenuItem };

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

@@ -0,0 +1,149 @@
+import { styled } from '@linaria/react';
+import Bit from '../../core/Bit/index.js';
+import BitPerSecond from '../../core/BitPerSecond/index.js';
+import Bps from '../../core/Bps/index.js';
+import Byte from '../../core/Byte/index.js';
+import Frequency from '../../core/Frequency/index.js';
+import Percent from '../../core/Percent/index.js';
+import Second from '../../core/Second/index.js';
+import Speed from '../../core/Speed/index.js';
+import { TertiaryText } from '../../core/Styled/index.js';
+import Tooltip from '../../core/Tooltip/index.js';
+import UnitWithChart, { UnitWrapper } from '../UnitWithChart/index.js';
+import { formatPercent } from '../../utils/tower.js';
+import _ from 'lodash';
+import React__default from 'react';
+
+const units = {
+  Percent,
+  Byte,
+  Frequency,
+  Speed,
+  Bps,
+  BitPerSecond,
+  Bit,
+  Second
+};
+const ChartContent = /*#__PURE__*/styled('div')({
+  name: "ChartContent",
+  class: "c18bcrac",
+  propsAsIs: false
+});
+const ChartTooltipContainer = /*#__PURE__*/styled('div')({
+  name: "ChartTooltipContainer",
+  class: "cro7kg2",
+  propsAsIs: false
+});
+const ChartTooltipRow = /*#__PURE__*/styled('div')({
+  name: "ChartTooltipRow",
+  class: "c14wcxf0",
+  propsAsIs: false
+});
+const _exp = () => ChartTooltipRow;
+const ChartTooltipTitle = /*#__PURE__*/styled(_exp())({
+  name: "ChartTooltipTitle",
+  class: "coy29mj",
+  propsAsIs: true
+});
+const _exp2 = () => props => props.color;
+const SpaceStatus = /*#__PURE__*/styled('i')({
+  name: "SpaceStatus",
+  class: "s11212zy",
+  propsAsIs: false,
+  vars: {
+    "s11212zy-0": [_exp2()]
+  }
+});
+const PrimaryUnit = /*#__PURE__*/styled('div')({
+  name: "PrimaryUnit",
+  class: "p1lyky6c",
+  propsAsIs: false
+});
+const ChartWithUnit = props => {
+  const {
+    items,
+    rawValue,
+    unit,
+    chartType,
+    tableUnit,
+    total
+  } = props;
+  const finalTableUnit = tableUnit != null ? tableUnit : unit;
+  const emptyDisplay = rawValue2 => {
+    if (_.isNil(rawValue2)) {
+      return /* @__PURE__ */React__default.createElement(TertiaryText, null, "-");
+    }
+    return finalTableUnit === "Percent" ?
+    // process 0.0%
+    /* @__PURE__ */
+    React__default.createElement("span", {
+      className: UnitWrapper
+    }, /* @__PURE__ */React__default.createElement(Percent, {
+      rawValue: rawValue2,
+      decimals: 1
+    })) : rawValue2;
+  };
+  return /* @__PURE__ */React__default.createElement(ChartContent, null, rawValue || rawValue === 0 ? /* @__PURE__ */React__default.createElement(UnitWithChart, {
+    unit: finalTableUnit,
+    rawValue: chartType === "barChart" ? 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 (_.isNil(rawValue2)) {
+      return /* @__PURE__ */React__default.createElement(TertiaryText, null, "-");
+    }
+    return finalTableUnit === "Percent" ?
+    // process 0.0%
+    /* @__PURE__ */
+    React__default.createElement(Percent, {
+      rawValue: rawValue2,
+      decimals: 1
+    }) : rawValue2;
+  };
+  return /* @__PURE__ */React__default.createElement(Tooltip, {
+    title: /* @__PURE__ */React__default.createElement(ChartTooltipContainer, null, /* @__PURE__ */React__default.createElement(ChartTooltipTitle, null, /* @__PURE__ */React__default.createElement("label", null, title.label), /* @__PURE__ */React__default.createElement(KitUnit, {
+      rawValue: total
+    })), items.map(item => {
+      var _a;
+      return /* @__PURE__ */React__default.createElement(ChartTooltipRow, {
+        key: item.label
+      }, /* @__PURE__ */React__default.createElement("label", null, /* @__PURE__ */React__default.createElement(SpaceStatus, {
+        color: item.color
+      }), /* @__PURE__ */React__default.createElement("span", null, item.label)), /* @__PURE__ */React__default.createElement(PrimaryUnit, {
+        className: "value"
+      }, /* @__PURE__ */React__default.createElement(KitUnit, {
+        rawValue: item.value || 0
+      }), /* @__PURE__ */React__default.createElement("span", null, "(", total ? (item.value ? formatPercent((item.value || 0) / total * 100, 1, (_a = item.saturated) != null ? _a : true).value : 0) + "%" : "-", ")")));
+    })),
+    overlayStyle: {
+      maxWidth: 500,
+      minWidth: 246
+    }
+  }, /* @__PURE__ */React__default.createElement(ChartContent, null, total ? rawValue ? /* @__PURE__ */React__default.createElement(UnitWithChart, {
+    unit: finalTableUnit,
+    rawValue: chartType === "barChart" ? formatPercent(rawValue / total * 100, 1, saturated != null ? saturated : true).numberValue : rawValue,
+    total,
+    chartType,
+    data: items,
+    saturated
+  }) : emptyDisplay(rawValue) : emptyDisplay(null)));
+};
+var ChartWithTooltip$1 = ChartWithTooltip;
+
+export { ChartWithUnit, ChartWithTooltip$1 as default };

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

@@ -0,0 +1,20 @@
+import React__default, { useState, useEffect } from 'react';
+
+const Counting = (props) => {
+  const { stop, interval = 1e3, render } = props;
+  const [, setState] = useState(true);
+  useEffect(() => {
+    if (stop)
+      return;
+    const timer = setInterval(() => {
+      setState((state) => !state);
+    }, interval);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [stop, interval]);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, render());
+};
+var Counting$1 = Counting;
+
+export { Counting$1 as default };

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 = "clm1wy1";
+const Title = "t1tsm00v";
+const Control = "c167wnad";
+const Cell = "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 };