@cloudtower/eagle 0.28.0-dry → 0.28.0

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;