@cloudtower/eagle 0.28.0-dry → 0.28.0

package/dist/cjs/core/Card/index.js

@@ -0,0 +1,99 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var CardBody = require('./CardBody.js');
+var CardTitle = require('./CardTitle.js');
+var CardWrapper = require('./CardWrapper.js');
+var index = require('../Icon/index.js');
+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 __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 __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 Card = React__default.default.forwardRef(
+  (props, ref) => {
+    const _a = props, {
+      collapsible = false,
+      title,
+      subInfo,
+      className,
+      defaultOpen = false,
+      hoverable,
+      shadow = true
+    } = _a, domProps = __objRest(_a, [
+      "collapsible",
+      "title",
+      "subInfo",
+      "className",
+      "defaultOpen",
+      "hoverable",
+      "shadow"
+    ]);
+    const [open, setOpen] = React.useState(defaultOpen);
+    return /* @__PURE__ */ React__default.default.createElement(
+      CardWrapper,
+      __spreadProps(__spreadValues({
+        ref,
+        className: cs__default.default(["card-wrapper", className, hoverable && "hoverable"])
+      }, domProps), {
+        shadow
+      }),
+      title && /* @__PURE__ */ React__default.default.createElement(
+        CardTitle,
+        {
+          className: cs__default.default(["card-title", collapsible ? "has-arrow" : ""])
+        },
+        /* @__PURE__ */ React__default.default.createElement(
+          "div",
+          {
+            className: cs__default.default(["title-wrapper", open ? "is-open" : ""]),
+            onClick: () => {
+              collapsible && setOpen(!open);
+            }
+          },
+          collapsible && /* @__PURE__ */ React__default.default.createElement(index, { className: "collapse-arrow", src: iconsReact.ArrowRightGrayIcon }),
+          title
+        ),
+        subInfo && /* @__PURE__ */ React__default.default.createElement("div", { className: "sub-info" }, subInfo)
+      ),
+      (!collapsible || open) && /* @__PURE__ */ React__default.default.createElement(CardBody, { className: "card-body" }, props.children)
+    );
+  }
+);
+var Card$1 = Card;
+
+module.exports = Card$1;

package/dist/cjs/core/Cascader/cascader.style.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const Hide = "E_hrhfj7c";
+const DoubleRowOptionStyleWrapper = "E_dt9qoak";
+const CascaderDefaultOptionLabel = "E_crhnxq5";
+const CascaderNotData = "E_c1iq43vd";
+const CascaderDefaultHeaderSearch = "E_c1h2v0a8";
+const CascaderInputStyle = "E_cgzzd7y";
+const CascaderDefaultHeaderContainer = "E_c1ec3mnt";
+const CascaderDefaultHeader = "E_c1iye0zj";
+const CascaderDropdown = "E_ckhyuyx";
+const CascaderSmallDropdown = "E_c1fmq9lv";
+const CascaderLargeDropdown = "E_c1evusvc";
+
+exports.CascaderDefaultHeader = CascaderDefaultHeader;
+exports.CascaderDefaultHeaderContainer = CascaderDefaultHeaderContainer;
+exports.CascaderDefaultHeaderSearch = CascaderDefaultHeaderSearch;
+exports.CascaderDefaultOptionLabel = CascaderDefaultOptionLabel;
+exports.CascaderDropdown = CascaderDropdown;
+exports.CascaderInputStyle = CascaderInputStyle;
+exports.CascaderLargeDropdown = CascaderLargeDropdown;
+exports.CascaderNotData = CascaderNotData;
+exports.CascaderSmallDropdown = CascaderSmallDropdown;
+exports.DoubleRowOptionStyleWrapper = DoubleRowOptionStyleWrapper;
+exports.Hide = Hide;

package/dist/cjs/core/Cascader/cascader.widget.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var core = require('@linaria/core');
+var index$1 = require('../Link/index.js');
+var index$3 = require('../Token/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var antd5 = require('antd5');
+var cs = require('classnames');
+var React = require('react');
+var index = require('../SearchInput/index.js');
+var index$2 = require('../Typo/index.js');
+var cascader_style = require('./cascader.style.js');
+
+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 __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 NotDataContent = ({ content }) => {
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default(cascader_style.CascaderNotData) }, content);
+};
+const PresetCascaderHeader = ({ defaultContent, searchProps }) => {
+  const { t } = useParrotTranslation();
+  const [selectedAll, setSelectedAll] = React.useState(false);
+  const onClick = (e) => {
+    var _a;
+    setSelectedAll(!selectedAll);
+    (_a = defaultContent == null ? void 0 : defaultContent.onClickAll) == null ? void 0 : _a.call(defaultContent, selectedAll);
+  };
+  return /* @__PURE__ */ React__default.default.createElement(antd5.Flex, { vertical: true, className: cascader_style.CascaderDefaultHeaderContainer }, searchProps ? /* @__PURE__ */ React__default.default.createElement(
+    index,
+    __spreadProps(__spreadValues({}, searchProps), {
+      className: cs__default.default(searchProps.className, cascader_style.CascaderDefaultHeaderSearch),
+      style: {
+        width: "unset"
+      }
+    })
+  ) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null), (defaultContent == null ? void 0 : defaultContent.hide) ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null) : /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default(cascader_style.CascaderDefaultHeader) }, defaultContent == null ? void 0 : defaultContent.label, /* @__PURE__ */ React__default.default.createElement(index$1, { size: "small", onClick }, selectedAll ? t("components.unselect_all") : t("components.select_all"))));
+};
+const PresetCascaderRender = ({
+  menus,
+  header,
+  footer,
+  presetHeaderProps
+}) => {
+  return /* @__PURE__ */ React__default.default.createElement("div", null, header ? header : /* @__PURE__ */ React__default.default.createElement(PresetCascaderHeader, __spreadValues({}, presetHeaderProps)), menus, footer);
+};
+const CascaderDoubleRowOption = ({ leftTop, leftBottom, rightTop, rightBottom, rootClassName }) => {
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd5.Flex,
+    {
+      vertical: true,
+      className: core.cx(cascader_style.DoubleRowOptionStyleWrapper, rootClassName),
+      gap: 6
+    },
+    /* @__PURE__ */ React__default.default.createElement(
+      antd5.Flex,
+      {
+        justify: "space-between",
+        className: !leftTop && !rightTop ? cascader_style.Hide : "",
+        gap: 8
+      },
+      /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default(index$2.Typo.Label.l2_medium, "top", "left") }, leftTop),
+      /* @__PURE__ */ React__default.default.createElement("div", null, rightTop)
+    ),
+    /* @__PURE__ */ React__default.default.createElement(
+      antd5.Flex,
+      {
+        justify: "space-between",
+        className: cs__default.default(index$2.Typo.Label.l4_regular, {
+          [cascader_style.Hide]: !leftBottom && !rightBottom
+        }),
+        gap: 8
+      },
+      /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default(index$2.Typo.Label.l4_regular, "bottom", "left") }, leftBottom),
+      /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default(index$2.Typo.Label.l4_regular, "bottom") }, rightBottom)
+    )
+  );
+};
+const CascaderOptionWithCount = ({ label, count }) => {
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: cascader_style.CascaderDefaultOptionLabel }, label, count ? /* @__PURE__ */ React__default.default.createElement("span", { className: "label" }, count.selected, "/", count.total) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null));
+};
+const defaultTagRender = (props) => {
+  return /* @__PURE__ */ React__default.default.createElement(index$3.default, __spreadValues({ size: "medium", color: "blue", key: props.value }, props), props.label);
+};
+
+exports.CascaderDoubleRowOption = CascaderDoubleRowOption;
+exports.CascaderOptionWithCount = CascaderOptionWithCount;
+exports.NotDataContent = NotDataContent;
+exports.PresetCascaderHeader = PresetCascaderHeader;
+exports.PresetCascaderRender = PresetCascaderRender;
+exports.defaultTagRender = defaultTagRender;

package/dist/cjs/core/Cascader/index.js

@@ -0,0 +1,96 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var cascader_style = require('./cascader.style.js');
+var cascader_widget = require('./cascader.widget.js');
+var index = require('../Icon/index.js');
+var constants = require('../../utils/constants.js');
+var antd5 = require('antd5');
+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;
+};
+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 Cascader = (props) => {
+  const _a = props, {
+    size = "middle",
+    NotData = "No Data",
+    dropdownClassName,
+    presetCascaderRenderProps
+  } = _a, restProps = __objRest(_a, [
+    "size",
+    "NotData",
+    "dropdownClassName",
+    "presetCascaderRenderProps"
+  ]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd5.Cascader,
+    __spreadValues({
+      size,
+      prefixCls: `${constants.Antd5PrefixCls}-cascader`,
+      expandIcon: /* @__PURE__ */ React__default.default.createElement(index, { src: iconsReact.HierarchyTriangleRight16PrimaryIcon }),
+      popupClassName: cs__default.default(
+        {
+          [cascader_style.CascaderLargeDropdown]: size === "large",
+          [cascader_style.CascaderSmallDropdown]: size === "small"
+        },
+        dropdownClassName,
+        cascader_style.CascaderDropdown
+      ),
+      dropdownRender: (menus) => /* @__PURE__ */ React__default.default.createElement(cascader_widget.PresetCascaderRender, __spreadValues({ menus }, presetCascaderRenderProps)),
+      notFoundContent: /* @__PURE__ */ React__default.default.createElement(cascader_widget.NotDataContent, { content: NotData }),
+      tagRender: cascader_widget.defaultTagRender,
+      rootClassName: cascader_style.CascaderInputStyle
+    }, restProps)
+  );
+};
+
+exports.CascaderDefaultHeader = cascader_style.CascaderDefaultHeader;
+exports.CascaderDefaultHeaderContainer = cascader_style.CascaderDefaultHeaderContainer;
+exports.CascaderDefaultHeaderSearch = cascader_style.CascaderDefaultHeaderSearch;
+exports.CascaderDefaultOptionLabel = cascader_style.CascaderDefaultOptionLabel;
+exports.CascaderDropdown = cascader_style.CascaderDropdown;
+exports.CascaderInputStyle = cascader_style.CascaderInputStyle;
+exports.CascaderLargeDropdown = cascader_style.CascaderLargeDropdown;
+exports.CascaderNotData = cascader_style.CascaderNotData;
+exports.CascaderSmallDropdown = cascader_style.CascaderSmallDropdown;
+exports.DoubleRowOptionStyleWrapper = cascader_style.DoubleRowOptionStyleWrapper;
+exports.Hide = cascader_style.Hide;
+exports.CascaderDoubleRowOption = cascader_widget.CascaderDoubleRowOption;
+exports.CascaderOptionWithCount = cascader_widget.CascaderOptionWithCount;
+exports.NotDataContent = cascader_widget.NotDataContent;
+exports.PresetCascaderHeader = cascader_widget.PresetCascaderHeader;
+exports.PresetCascaderRender = cascader_widget.PresetCascaderRender;
+exports.defaultTagRender = cascader_widget.defaultTagRender;
+exports.Cascader = Cascader;

package/dist/cjs/core/Checkbox/checkbox.style.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const CheckboxStyle = "E_ckui4s7";
+
+exports.CheckboxStyle = CheckboxStyle;

package/dist/cjs/core/Checkbox/index.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var checkbox_style = require('./checkbox.style.js');
+var index = require('../Typo/index.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 __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 __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 Checkbox = (_a) => {
+  var _b = _a, { className, children, description, compact } = _b, props = __objRest(_b, ["className", "children", "description", "compact"]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Checkbox,
+    __spreadProps(__spreadValues({}, props), {
+      "data-test": props["data-test"] || props.value,
+      className: cs__default.default(className, checkbox_style.CheckboxStyle, compact && "compact")
+    }),
+    children ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default("main", index.Typo.Label.l2_regular) }, children), description ? /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default("sub", index.Typo.Label.l4_regular) }, description) : null) : null
+  );
+};
+var Checkbox$1 = Checkbox;
+
+module.exports = Checkbox$1;

package/dist/cjs/core/DeprecatedProgress/index.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var antd = require('antd');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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 Progress = (props) => /* @__PURE__ */ React__default.default.createElement(antd.Progress, __spreadValues({}, props));
+var DeprecatedProgress = Progress;
+
+module.exports = DeprecatedProgress;

package/dist/cjs/core/DetailCard/index.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var react = require('@linaria/react');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const CardWrapper = /*#__PURE__*/react.styled('div')({
+  name: "CardWrapper",
+  class: "E_c1uzzomf",
+  propsAsIs: false
+});
+const DetailCard = props => {
+  const {
+    title
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement(CardWrapper, null, title && /* @__PURE__ */React__default.default.createElement("div", {
+    className: "card-title"
+  }, title), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "card-body"
+  }, props.children));
+};
+var DetailCard$1 = DetailCard;
+
+module.exports = DetailCard$1;

package/dist/cjs/core/DonutChart/index.js

@@ -0,0 +1,200 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var cs = require('classnames');
+var React = require('react');
+var recharts = require('recharts');
+var index = require('../Tooltip/index.js');
+var index$1 = require('../Typo/index.js');
+var index$2 = require('../../coreX/OverflowTooltip/index.js');
+var color = require('../../styles/token/color.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var DonutChartColor = /* @__PURE__ */(DonutChartColor2 => {
+  DonutChartColor2["RED"] = "red";
+  DonutChartColor2["GREEN"] = "green";
+  DonutChartColor2["YeLLOW"] = "yellow";
+  DonutChartColor2["BLUE"] = "blue";
+  DonutChartColor2["PURPLE"] = "purple";
+  return DonutChartColor2;
+})(DonutChartColor || {});
+const _exp = /*#__PURE__*/() => props => `${props.width}`;
+const DonutChartWrapper = /*#__PURE__*/react.styled('div')({
+  name: "DonutChartWrapper",
+  class: "E_d1bw7c5z",
+  propsAsIs: false,
+  vars: {
+    "d1bw7c5z-0": [_exp(), "px"]
+  }
+});
+const TooltipDefaultClass = "E_t10pqbtc";
+const ColorMap = {
+  ["blue" /* BLUE */]: [color.Color.chart.blue["blue-9"], color.Color.chart.blue["blue-7"], color.Color.chart.blue["blue-5"], color.Color.chart.blue["blue-3"], color.Color.chart.blue["blue-1"]],
+  ["green" /* GREEN */]: [color.Color.chart.green["green-9"], color.Color.chart.green["green-7"], color.Color.chart.green["green-5"], color.Color.chart.green["green-3"], color.Color.chart.green["green-1"]],
+  ["red" /* RED */]: [color.Color.chart.red["red-9"], color.Color.chart.red["red-7"], color.Color.chart.red["red-5"], color.Color.chart.red["red-3"], color.Color.chart.red["red-1"]],
+  ["yellow" /* YeLLOW */]: [color.Color.chart.yellow["yellow-9"], color.Color.chart.yellow["yellow-7"], color.Color.chart.yellow["yellow-5"], color.Color.chart.yellow["yellow-3"], color.Color.chart.yellow["yellow-1"]],
+  ["purple" /* PURPLE */]: [color.Color.chart.purple["purple-9"], color.Color.chart.purple["purple-7"], color.Color.chart.purple["purple-5"], color.Color.chart.purple["purple-3"], color.Color.chart.purple["purple-1"]]
+};
+const formatCollapse = (collapseData = []) => {
+  const value = collapseData.reduce((prev, next) => {
+    return prev + next.value;
+  }, 0);
+  return {
+    tooltip: collapseData,
+    value
+  };
+};
+const formatChartData = ({
+  otherData,
+  data,
+  t,
+  collapseText
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  if (otherData && data.length < 5) {
+    return [...data, {
+      name: t("components.other"),
+      value: (_a = formatCollapse(otherData)) == null ? void 0 : _a.value,
+      color: color.Color.gray["gray-40"],
+      tooltip: (_b = formatCollapse(otherData)) == null ? void 0 : _b.tooltip
+    }];
+  }
+  if (otherData && data.length >= 5) {
+    const remainData = data.slice(0, 3);
+    const needCollapseData = data.slice(3, data.length);
+    return [...remainData, {
+      name: data[3].name + collapseText,
+      value: (_c = formatCollapse(needCollapseData)) == null ? void 0 : _c.value,
+      color: null,
+      tooltip: (_d = formatCollapse(needCollapseData)) == null ? void 0 : _d.tooltip
+    }, {
+      name: t("components.other"),
+      value: (_e = formatCollapse(otherData)) == null ? void 0 : _e.value,
+      color: color.Color.gray["gray-40"],
+      tooltip: (_f = formatCollapse(otherData)) == null ? void 0 : _f.tooltip
+    }];
+  }
+  if (data.length > 5) {
+    const remainData = data.slice(0, 4);
+    const needCollapseData = data.slice(4, data.length);
+    return [...remainData, {
+      name: data[4].name + collapseText,
+      value: (_g = formatCollapse(needCollapseData)) == null ? void 0 : _g.value,
+      color: null,
+      tooltip: (_h = formatCollapse(needCollapseData)) == null ? void 0 : _h.tooltip
+    }];
+  }
+  return data;
+};
+const DonutChart = ({
+  data,
+  centerRender,
+  className,
+  overlayClassName,
+  color,
+  otherData,
+  collapseText,
+  width = 148,
+  height = 100,
+  innerRadius = 45,
+  outerRadius = 50,
+  widthPadding = true,
+  showLegend = true
+}) => {
+  const initColorMap = color ? ColorMap[color] : [];
+  const {
+    t
+  } = useParrotTranslation();
+  const formatData = React.useMemo(() => {
+    return formatChartData({
+      data,
+      otherData,
+      collapseText,
+      t
+    });
+  }, [data, otherData, t, collapseText]);
+  return /* @__PURE__ */React__default.default.createElement(DonutChartWrapper, {
+    width
+  }, /* @__PURE__ */React__default.default.createElement(recharts.PieChart, {
+    width,
+    height,
+    style: {
+      width: "100%"
+    },
+    className,
+    margin: {
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0
+    }
+  }, /* @__PURE__ */React__default.default.createElement(recharts.Pie, {
+    dataKey: "value",
+    data: formatData,
+    innerRadius,
+    outerRadius: outerRadius != null ? outerRadius : height / 2,
+    cx: width / 2,
+    cy: height / 2,
+    paddingAngle: widthPadding ? 4 : 0,
+    blendStroke: !widthPadding,
+    startAngle: 90,
+    endAngle: -270,
+    stroke: "none"
+  }, formatData.map((data2, index) => /* @__PURE__ */React__default.default.createElement(recharts.Cell, {
+    key: `cell-${index}`,
+    fill: (data2 == null ? void 0 : data2.color) || initColorMap[index]
+  }))), showLegend && /* @__PURE__ */React__default.default.createElement(recharts.Legend, {
+    iconSize: 8,
+    iconType: "square",
+    layout: "vertical",
+    formatter: (name, _, index$3) => {
+      const legendData = formatData[index$3];
+      return (legendData == null ? void 0 : legendData.tooltip) ? /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement(index, {
+        overlayClassName: cs__default.default(TooltipDefaultClass, overlayClassName),
+        title: Array.isArray(legendData.tooltip) ? /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement("div", {
+          className: index$1.Typo.Label.l4_bold
+        }, legendData.name), legendData.tooltip.map(item => /* @__PURE__ */React__default.default.createElement("div", {
+          className: "item"
+        }, /* @__PURE__ */React__default.default.createElement("span", {
+          className: "name"
+        }, item.name), /* @__PURE__ */React__default.default.createElement("span", {
+          className: index$1.Typo.Label.l4_bold
+        }, item.value)))) : legendData.tooltip
+      }, /* @__PURE__ */React__default.default.createElement("div", {
+        className: "tooltip-text"
+      }, legendData.name)), /* @__PURE__ */React__default.default.createElement("span", {
+        className: cs__default.default(index$1.Typo.Label.l4_regular, "value")
+      }, legendData.value)) : /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement(index$2, {
+        content: legendData.name,
+        onClick: () => {
+          var _a;
+          if ("onClick" in legendData) {
+            (_a = legendData.onClick) == null ? void 0 : _a.call(legendData, legendData.name);
+          }
+        }
+      }), /* @__PURE__ */React__default.default.createElement("span", {
+        className: cs__default.default(index$1.Typo.Label.l4_regular, "value")
+      }, legendData.value));
+    }
+  })), !!centerRender && /* @__PURE__ */React__default.default.createElement("div", null, "text" in centerRender ? /* @__PURE__ */React__default.default.createElement("div", {
+    className: "center"
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "number"
+  }, centerRender.number), /* @__PURE__ */React__default.default.createElement(index$2, {
+    className: "text",
+    content: centerRender.text
+  })) : centerRender));
+};
+var DonutChart$1 = DonutChart;
+
+exports.DonutChartColor = DonutChartColor;
+exports.default = DonutChart$1;
+exports.formatChartData = formatChartData;
+exports.formatCollapse = formatCollapse;