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

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: "E_c18bcrac",
+  propsAsIs: false
+});
+const ChartTooltipContainer = /*#__PURE__*/styled('div')({
+  name: "ChartTooltipContainer",
+  class: "E_cro7kg2",
+  propsAsIs: false
+});
+const ChartTooltipRow = /*#__PURE__*/styled('div')({
+  name: "ChartTooltipRow",
+  class: "E_c14wcxf0",
+  propsAsIs: false
+});
+const _exp = /*#__PURE__*/() => ChartTooltipRow;
+const ChartTooltipTitle = /*#__PURE__*/styled(_exp())({
+  name: "ChartTooltipTitle",
+  class: "E_coy29mj",
+  propsAsIs: true
+});
+const _exp2 = /*#__PURE__*/() => props => props.color;
+const SpaceStatus = /*#__PURE__*/styled('i')({
+  name: "SpaceStatus",
+  class: "E_s11212zy",
+  propsAsIs: false,
+  vars: {
+    "s11212zy-0": [_exp2()]
+  }
+});
+const PrimaryUnit = /*#__PURE__*/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 (_.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 = "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 };