@cloudtower/eagle 0.27.53-alpha.3 → 0.27.54-alpha.0

package/dist/esm/coreX/DateRangePicker/common.js

@@ -1,183 +0,0 @@
-import { cx } from '@linaria/core';
-import { Typo } from '../../core/Typo/index.js';
-import dayjs from 'dayjs';
-
-const BASIC_RELATIVE_TIME_CONFIG = [
-  {
-    unit: "m",
-    value: 5
-  },
-  {
-    unit: "m",
-    value: 15
-  },
-  {
-    unit: "m",
-    value: 30
-  },
-  {
-    unit: "h",
-    value: 1
-  },
-  {
-    unit: "h",
-    value: 3
-  },
-  {
-    unit: "h",
-    value: 6
-  },
-  {
-    unit: "h",
-    value: 12
-  },
-  {
-    unit: "d",
-    value: 1
-  },
-  {
-    unit: "d",
-    value: 2
-  },
-  {
-    unit: "d",
-    value: 7
-  },
-  {
-    unit: "d",
-    value: 15
-  },
-  {
-    unit: "d",
-    value: 30
-  }
-];
-function getTime(year, month, date) {
-  return dayjs(`${year}-${month}-${date}`, "YYYY-M-D");
-}
-function trimTime(time) {
-  return dayjs(time.format("YYYY-MM-DD"), "YYYY-MM-DD");
-}
-function isSameDate(first, second) {
-  return trimTime(first).isSame(trimTime(second));
-}
-function getClassNameForDateBlock(range, date, mapOfHighlightDay, disabled) {
-  const className = ["date", Typo.Label.l1_regular];
-  const today = dayjs(dayjs().format("YYYY-MM-DD"), "YYY-MM-DD");
-  if (today.diff(date, "day") === 0) {
-    className.push("today");
-  }
-  if (range[0] && isSameDate(range[0], date) || range[1] && isSameDate(range[1], date)) {
-    className.push("checked");
-  }
-  if (disabled) {
-    className.push("disabled");
-  }
-  if (mapOfHighlightDay.has(date.format("YYYY-MM-DD"))) {
-    className.push("highlight");
-  }
-  return cx(...className);
-}
-function getDiffMonthAndDate(first, second) {
-  const diffDayList = [];
-  let max = first;
-  let min = second;
-  if (first.valueOf() > second.valueOf()) {
-    max = first;
-    min = second;
-  } else if (second.valueOf() > first.valueOf()) {
-    max = second;
-    min = first;
-  }
-  const diffDayCount = max.diff(min, "day");
-  if (!diffDayCount) {
-    return [];
-  }
-  let time = min;
-  diffDayList.push(time.format("YYYY-MM-DD"));
-  for (let day = 0; day < diffDayCount; day++) {
-    time = time.add(1, "day");
-    diffDayList.push(time.format("YYYY-MM-DD"));
-  }
-  return diffDayList;
-}
-function time2stringByUnit(time, type) {
-  const _time = parseInt(time);
-  if (Number.isInteger(_time)) {
-    switch (type) {
-      case "h": {
-        if (_time > 23) {
-          return "23";
-        } else if (/^0/.test(time)) {
-          return time;
-        } else {
-          return _time.toString();
-        }
-      }
-      case "s":
-      case "m": {
-        if (_time > 59) {
-          return "59";
-        } else if (/^0/.test(time)) {
-          return time;
-        } else {
-          return _time.toString();
-        }
-      }
-    }
-  }
-  return "";
-}
-function time2string(time) {
-  const _time = time.toString();
-  if (_time.length === 0) {
-    return "00";
-  } else if (_time.length === 1) {
-    return `0${_time}`;
-  } else {
-    return _time;
-  }
-}
-function getDateText(date, t) {
-  const unit = {
-    d: t("common.day"),
-    h: t("common.hour"),
-    m: t("common.minute")
-  }[date.unit];
-  return `${t("components.past")} ${date.value} ${unit}`;
-}
-function checkDateNotInRange(date, minDate, maxDate) {
-  if (!minDate && !maxDate) {
-    return true;
-  }
-  if (minDate) {
-    const _minDate = dayjs(minDate);
-    if (!_minDate.isValid()) {
-      return true;
-    }
-    if (isSameDate(_minDate, date)) {
-      return true;
-    }
-    if (_minDate.isAfter(date)) {
-      return false;
-    }
-  }
-  if (maxDate) {
-    const _maxDate = dayjs(maxDate);
-    if (!_maxDate.isValid()) {
-      return true;
-    }
-    if (isSameDate(_maxDate, date)) {
-      return true;
-    }
-    if (_maxDate.isBefore(date)) {
-      return false;
-    }
-  }
-  return true;
-}
-function copyDay(day) {
-  return day.clone().set("millisecond", 0);
-}
-
-export { BASIC_RELATIVE_TIME_CONFIG, checkDateNotInRange, copyDay, getClassNameForDateBlock, getDateText, getDiffMonthAndDate, getTime, isSameDate, time2string, time2stringByUnit, trimTime };

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

@@ -1,325 +0,0 @@
-import { CalendarClockDateTime24GradientGrayIcon, CalendarClockDateTime24GradientBlueIcon, CalendarTimeRecord16Icon } from '@cloudtower/icons-react';
-import { cx } from '@linaria/core';
-import Icon from '../../core/Icon/index.js';
-import Input from '../../core/Input/index.js';
-import Tooltip from '../../core/Tooltip/index.js';
-import { Typo } from '../../core/Typo/index.js';
-import AbsoluteDate from './AbsoluteDate.js';
-import { getDateText } from './common.js';
-import { DateRangePickerStyle, ResetPopoverStyle } from './DateRangePicker.style.js';
-import RelativeTime from './RelativeTime.js';
-import TabMenu from '../TabMenu/index.js';
-import useParrotTranslation from '../../hooks/useParrotTranslation.js';
-import { Popover } from 'antd';
-import dayjs from 'dayjs';
-import React__default, { useState, useEffect, useRef } from 'react';
-import '../../core/Button/index.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 TimeRange = (props) => {
-  const {
-    visible,
-    type,
-    relativeTime,
-    range,
-    mode = ["relative", "absolute"],
-    minDate,
-    maxDate,
-    onTypeChange,
-    onRelativeTimeChange,
-    onAbsoluteTimeOk,
-    onAbsoluteTimeChange
-  } = props;
-  const { t } = useParrotTranslation();
-  const absoluteDateRef = useRef(null);
-  useEffect(() => {
-    var _a, _b;
-    if (!visible) {
-      (_b = (_a = absoluteDateRef.current) == null ? void 0 : _a.reset) == null ? void 0 : _b.call(_a);
-    }
-  }, [visible]);
-  if (mode === "relative") {
-    return /* @__PURE__ */ React__default.createElement("div", { className: "relative-time-container" }, /* @__PURE__ */ React__default.createElement(
-      RelativeTime,
-      {
-        value: relativeTime,
-        onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time)
-      }
-    ));
-  } else if (mode === "absolute") {
-    return /* @__PURE__ */ React__default.createElement("div", { className: "absolute-time-container" }, /* @__PURE__ */ React__default.createElement(
-      AbsoluteDate,
-      {
-        ref: absoluteDateRef,
-        range: range || [null, null],
-        minDate,
-        maxDate,
-        onChange: (range2) => onAbsoluteTimeChange == null ? void 0 : onAbsoluteTimeChange(range2),
-        onOk: (range2) => onAbsoluteTimeOk == null ? void 0 : onAbsoluteTimeOk(range2)
-      }
-    ));
-  } else {
-    const tabs = [
-      {
-        key: "relative",
-        title: t("components.relative_time"),
-        children: /* @__PURE__ */ React__default.createElement("div", { className: "relative-time-container" }, /* @__PURE__ */ React__default.createElement(
-          RelativeTime,
-          {
-            value: relativeTime,
-            onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time)
-          }
-        ))
-      },
-      {
-        key: "absolute",
-        title: t("components.absolute_time"),
-        children: /* @__PURE__ */ React__default.createElement("div", { className: "absolute-time-container" }, /* @__PURE__ */ React__default.createElement(
-          AbsoluteDate,
-          {
-            ref: absoluteDateRef,
-            range: range || [null, null],
-            minDate,
-            maxDate,
-            onChange: (range2) => onAbsoluteTimeChange == null ? void 0 : onAbsoluteTimeChange(range2),
-            onOk: (range2) => onAbsoluteTimeOk == null ? void 0 : onAbsoluteTimeOk(range2)
-          }
-        ))
-      }
-    ].filter((item) => mode.includes(item.key));
-    return /* @__PURE__ */ React__default.createElement(TabMenu, { selectedKey: type, tabs, onChange: onTypeChange });
-  }
-};
-const TimePickerHistory = (props) => {
-  const { history, onSelect } = props;
-  const { t } = useParrotTranslation();
-  function contentRender() {
-    if (!history.length) {
-      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, t("components.empty_search_history"));
-    }
-    return history.sort((a, b) => b.timestamp - a.timestamp).map((item, index) => {
-      const text = Array.isArray(item.value) ? `${dayjs(item.value[0]).format("YYYY-MM-DD hh:mm:ss")} - ${dayjs(
-        item.value[1]
-      ).format("YYYY-MM-DD hh:mm:ss")}` : getDateText(item.value, t);
-      const obj = Array.isArray(item.value) ? [dayjs(item.value[0]), dayjs(item.value[1])] : item.value;
-      return /* @__PURE__ */ React__default.createElement(
-        "li",
-        {
-          key: index,
-          className: Typo.Label.l2_regular,
-          onClick: () => onSelect(obj)
-        },
-        text
-      );
-    });
-  }
-  return /* @__PURE__ */ React__default.createElement(DateRangePickerStyle.History, null, /* @__PURE__ */ React__default.createElement("header", { className: Typo.Heading.h2_regular_title }, t("components.date_range_picker_history_title")), /* @__PURE__ */ React__default.createElement("ul", null, contentRender()));
-};
-const DateRangePicker = (props) => {
-  var _a;
-  const {
-    size = "medium",
-    value,
-    history,
-    mode = ["relative", "absolute"],
-    minDate,
-    maxDate,
-    onChange
-  } = props;
-  const { t } = useParrotTranslation();
-  const [datePickerVisible, setDatePickerVisible] = useState(false);
-  const [type, setType] = useState("relative");
-  const [range, setRange] = useState(
-    Array.isArray(value) ? value : void 0
-  );
-  const relativeTime = !Array.isArray(value) ? value : void 0;
-  const isRelativeValue = value && !Array.isArray(value);
-  const isAbsoluteValue = value && Array.isArray(value);
-  function handleChange(type2, time) {
-    var _a2, _b;
-    const rangeHistory = [
-      ...(_a2 = history == null ? void 0 : history.dateRangeHistories[history.scope]) != null ? _a2 : []
-    ];
-    if (type2 === "absolute" && Array.isArray(time)) {
-      const value2 = time.map((item) => (item == null ? void 0 : item.format()) || "");
-      rangeHistory.push({
-        type: type2,
-        value: value2,
-        timestamp: Date.now()
-      });
-      onChange == null ? void 0 : onChange(type2, time, time);
-    } else if (type2 === "relative" && !Array.isArray(time)) {
-      rangeHistory.push({
-        type: type2,
-        value: time,
-        timestamp: Date.now()
-      });
-      const today = dayjs();
-      const pastDay = dayjs().subtract(time.value, time.unit);
-      onChange == null ? void 0 : onChange(type2, time, [today, pastDay]);
-    }
-    history == null ? void 0 : history.setDateRangeHistory(__spreadProps(__spreadValues({}, (_b = history == null ? void 0 : history.dateRangeHistories) != null ? _b : {}), {
-      [history.scope]: rangeHistory
-    }));
-    setDatePickerVisible(false);
-  }
-  useEffect(() => {
-    if (isRelativeValue) {
-      const today = dayjs();
-      const pastDay = dayjs().subtract(value.value, value.unit);
-      setType("relative");
-      onChange == null ? void 0 : onChange("relative", value, [today, pastDay]);
-    } else if (isAbsoluteValue) {
-      setRange(value);
-      setType("absolute");
-      onChange == null ? void 0 : onChange("absolute", value, value);
-    }
-  }, [value]);
-  function displayRangeRender() {
-    var _a2, _b;
-    if (isRelativeValue) {
-      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, getDateText(value, t));
-    } else if (isAbsoluteValue) {
-      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-        Input,
-        {
-          readOnly: true,
-          value: (_a2 = value[0]) == null ? void 0 : _a2.format("YYYY-MM-DD HH:mm:ss"),
-          placeholder: "YYYY-MM-DD HH:mm:ss"
-        }
-      ), /* @__PURE__ */ React__default.createElement("span", { className: "concat-symbol-block" }, "-"), /* @__PURE__ */ React__default.createElement(
-        Input,
-        {
-          readOnly: true,
-          value: (_b = value[1]) == null ? void 0 : _b.format("YYYY-MM-DD HH:mm:ss"),
-          placeholder: "YYYY-MM-DD HH:mm:ss"
-        }
-      ));
-    }
-  }
-  function handleSelectHistory(value2) {
-    const type2 = Array.isArray(value2) ? "absolute" : "relative";
-    if (type2 === "absolute" && Array.isArray(value2)) {
-      const _value = [...value2];
-      const [start, end] = _value;
-      if (minDate && start) {
-        const _minDate = dayjs(minDate);
-        _value[0] = start.isBefore(_minDate) ? _minDate : start;
-      }
-      if (maxDate && end) {
-        const _maxDate = dayjs(maxDate);
-        _value[1] = end.isAfter(_maxDate) ? _maxDate : end;
-      }
-      handleChange(type2, _value);
-    }
-    handleChange(type2, value2);
-  }
-  return /* @__PURE__ */ React__default.createElement(
-    DateRangePickerStyle.Wrapper,
-    {
-      className: cx(
-        "date-range-picker",
-        datePickerVisible && "active",
-        size === "large" && "large",
-        size === "medium" && "medium"
-      )
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        className: "default-calendar-icon",
-        iconWidth: 16,
-        iconHeight: 16,
-        src: CalendarClockDateTime24GradientGrayIcon
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        className: "hover-calendar-icon",
-        iconWidth: 16,
-        iconHeight: 16,
-        src: CalendarClockDateTime24GradientBlueIcon
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      Popover,
-      {
-        overlayClassName: cx(DateRangePickerStyle.Popover, ResetPopoverStyle),
-        visible: datePickerVisible,
-        content: /* @__PURE__ */ React__default.createElement(
-          TimeRange,
-          {
-            visible: datePickerVisible,
-            type,
-            range,
-            relativeTime,
-            mode,
-            minDate,
-            maxDate,
-            onTypeChange: setType,
-            onRelativeTimeChange: (time) => {
-              handleChange("relative", time);
-            },
-            onAbsoluteTimeChange: setRange,
-            onAbsoluteTimeOk: (range2) => {
-              handleChange("absolute", range2);
-            }
-          }
-        ),
-        placement: "bottomLeft",
-        trigger: ["click"],
-        onVisibleChange: (visible) => {
-          if (!visible && (Array.isArray(value) || !value)) {
-            setRange(value);
-          }
-          setDatePickerVisible(visible);
-        }
-      },
-      /* @__PURE__ */ React__default.createElement("div", { className: "date-input-content" }, displayRangeRender())
-    ),
-    history ? /* @__PURE__ */ React__default.createElement(
-      Popover,
-      {
-        placement: "bottomRight",
-        trigger: ["click"],
-        content: /* @__PURE__ */ React__default.createElement(
-          TimePickerHistory,
-          {
-            history: (_a = history.dateRangeHistories[history.scope]) != null ? _a : [],
-            onSelect: handleSelectHistory
-          }
-        ),
-        overlayClassName: ResetPopoverStyle
-      },
-      /* @__PURE__ */ React__default.createElement(
-        Tooltip,
-        {
-          trigger: "hover",
-          overlay: t("components.date_range_picker_history_title")
-        },
-        /* @__PURE__ */ React__default.createElement(Icon, { className: "past-time-icon", src: CalendarTimeRecord16Icon })
-      )
-    ) : null
-  );
-};
-
-export { AbsoluteDate, RelativeTime, DateRangePicker as default };

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

@@ -1,36 +0,0 @@
-import React__default from 'react';
-import { RadialBarChart, PolarAngleAxis, RadialBar } from 'recharts';
-
-const DeprecatedDonutChart = ({
-  data,
-  dataKey,
-  width,
-  height,
-  barSize,
-  innerRadius,
-  outerRadius
-}) => /* @__PURE__ */ React__default.createElement(
-  RadialBarChart,
-  {
-    data,
-    width,
-    height,
-    innerRadius,
-    outerRadius,
-    barSize,
-    startAngle: 90,
-    endAngle: -270
-  },
-  /* @__PURE__ */ React__default.createElement(PolarAngleAxis, { type: "number", domain: [0, 1], radiusAxisId: 0 }),
-  /* @__PURE__ */ React__default.createElement(
-    RadialBar,
-    {
-      isAnimationActive: false,
-      background: true,
-      dataKey,
-      radiusAxisId: 0
-    }
-  )
-);
-
-export { DeprecatedDonutChart as default };

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

@@ -1,70 +0,0 @@
-import React__default from 'react';
-import { CSSTransition } from 'react-transition-group';
-
-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;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const DropdownTransition = (props) => {
-  const _a = props, {
-    visible,
-    timeout,
-    children,
-    mountOnEnter = true,
-    unmountOnExit = true
-  } = _a, restProps = __objRest(_a, [
-    "visible",
-    "timeout",
-    "children",
-    "mountOnEnter",
-    "unmountOnExit"
-  ]);
-  return /* @__PURE__ */ React__default.createElement(
-    CSSTransition,
-    __spreadValues({
-      in: visible,
-      timeout: timeout || 200,
-      mountOnEnter,
-      unmountOnExit,
-      onEnter: (el) => {
-        el.style.height = `${el.scrollHeight}px`;
-      },
-      onEntered: (el) => {
-        el.removeAttribute("style");
-      },
-      onExit: (el) => {
-        el.style.height = `${el.offsetHeight}px`;
-      },
-      onExiting: (el) => {
-        el.style.height = "0px";
-      }
-    }, restProps),
-    children
-  );
-};
-
-export { DropdownTransition as default };

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

@@ -1,42 +0,0 @@
-import { ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeft16BoldBlueIcon } from '@cloudtower/icons-react';
-import { cx } from '@linaria/core';
-import Icon from '../../core/Icon/index.js';
-import { Typo } from '../../core/Typo/index.js';
-import React__default from 'react';
-
-const GobackButtonStyle = "gmyahx3";
-const GobackButton = props => {
-  const {
-    onClick,
-    path,
-    index,
-    title,
-    history
-  } = props;
-  const goto = () => {
-    if (path) {
-      history.push(path);
-      return;
-    }
-    if (index) {
-      history.go(index);
-      return;
-    }
-    if (onClick) {
-      onClick == null ? void 0 : onClick();
-      return;
-    }
-    history.goBack();
-  };
-  return /* @__PURE__ */React__default.createElement("span", {
-    className: cx(GobackButtonStyle)
-  }, /* @__PURE__ */React__default.createElement(Icon, {
-    src: ArrowChevronLeft16BoldTertiaryIcon,
-    hoverSrc: ArrowChevronLeft16BoldBlueIcon,
-    onClick: goto
-  }, /* @__PURE__ */React__default.createElement("span", {
-    className: cx(Typo.Label.l4_bold, "link-text")
-  }, title)));
-};
-
-export { GobackButton as default };

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

@@ -1,34 +0,0 @@
-import Tag from '../../core/Tag/index.js';
-import { ParrotTrans } from '../../core/ParrotTrans/index.js';
-import React__default from 'react';
-
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
-    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
-  }
-  return target;
-};
-const tagStyle = "tqjc4ui";
-const I18nNameTag = props => {
-  const _a = props,
-    {
-      name,
-      i18nKey
-    } = _a,
-    otherOption = __objRest(_a, ["name", "i18nKey"]);
-  return /* @__PURE__ */React__default.createElement(ParrotTrans, {
-    i18nKey,
-    tOptions: otherOption
-  }, "h", /* @__PURE__ */React__default.createElement(Tag.NameTag, {
-    className: tagStyle
-  }, {
-    name
-  }));
-};
-
-export { I18nNameTag as default };