@cloudtower/eagle 0.27.55 → 0.27.56

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

@@ -1,32 +0,0 @@
-import { styled } from '@linaria/react';
-import Tooltip from '../../core/Tooltip/index.js';
-import React__default from 'react';
-
-const NameItem = /*#__PURE__*/styled('div')({
-  name: "NameItem",
-  class: "n12mqh7z",
-  propsAsIs: false
-});
-const TooltipText = /*#__PURE__*/styled('span')({
-  name: "TooltipText",
-  class: "tf5bynu",
-  propsAsIs: false
-});
-const ToolTipStyle = "tcckoz1";
-const NamesTooltip = props => {
-  const {
-    names,
-    children
-  } = props;
-  return /* @__PURE__ */React__default.createElement(Tooltip, {
-    title: /* @__PURE__ */React__default.createElement(React__default.Fragment, null, names.map(name => /* @__PURE__ */React__default.createElement(NameItem, {
-      key: name.id
-    }, name.name))),
-    overlayClassName: ToolTipStyle
-  }, /* @__PURE__ */React__default.createElement(TooltipText, {
-    className: "dashed-border-bottom"
-  }, children));
-};
-var NamesTooltip$1 = NamesTooltip;
-
-export { NamesTooltip$1 as default };

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

@@ -1,90 +0,0 @@
-import { cx } from '@linaria/core';
-import { styled } from '@linaria/react';
-import Tooltip from '../../core/Tooltip/index.js';
-import { debounce } from 'lodash';
-import React__default, { useState, useRef, useEffect } from '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 OverflowText = "ou7iq30";
-const SingleLineStyle = "s1tui002";
-const _exp = () => ({
-  lineClamp = 2
-}) => lineClamp;
-const MultipleLine = /*#__PURE__*/styled('div')({
-  name: "MultipleLine",
-  class: "mxrc2zg",
-  propsAsIs: false,
-  vars: {
-    "mxrc2zg-0": [_exp()]
-  }
-});
-const OverflowTooltip = props => {
-  const {
-    content,
-    className,
-    onClick,
-    multiLines
-  } = props;
-  const tooltip = props.tooltip || content;
-  const [ellipsis, setEllipsis] = useState(false);
-  const textRef = useRef(null);
-  const isMultiLine = multiLines && multiLines > 1;
-  useEffect(() => {
-    const ele = textRef.current;
-    let observer;
-    if (ele) {
-      const handleResize = debounce(() => {
-        if (isMultiLine) {
-          setEllipsis(ele.scrollHeight > ele.offsetHeight);
-        } else {
-          setEllipsis(ele.scrollWidth > ele.offsetWidth);
-        }
-      }, 200);
-      observer = new ResizeObserver(handleResize);
-      observer.observe(ele);
-    }
-    return () => {
-      observer == null ? void 0 : observer.disconnect();
-    };
-  });
-  return /* @__PURE__ */React__default.createElement(Tooltip, __spreadProps(__spreadValues({}, !ellipsis && {
-    visible: false
-  }), {
-    title: tooltip
-  }), isMultiLine ? /* @__PURE__ */React__default.createElement(MultipleLine, {
-    ref: textRef,
-    className: cx(OverflowText, className),
-    lineClamp: multiLines,
-    onClick: () => {
-      onClick && onClick();
-    }
-  }, /* @__PURE__ */React__default.createElement("span", null, content)) : /* @__PURE__ */React__default.createElement("div", {
-    ref: textRef,
-    className: cx(OverflowText, SingleLineStyle, className),
-    onClick: () => {
-      onClick && onClick();
-    }
-  }, /* @__PURE__ */React__default.createElement("span", null, content)));
-};
-var OverflowTooltip$1 = OverflowTooltip;
-
-export { OverflowTooltip$1 as default };

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

@@ -1,11 +0,0 @@
-import { cx } from '@linaria/core';
-import { Typo } from '../../core/Typo/index.js';
-import React__default from 'react';
-
-const SidebarSubtitle = (props) => {
-  const { title, className } = props;
-  return /* @__PURE__ */ React__default.createElement("span", { className: cx(Typo.Heading.h3_regular_upper, className) }, title);
-};
-var SidebarSubtitle$1 = SidebarSubtitle;
-
-export { SidebarSubtitle$1 as default };

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

@@ -1,31 +0,0 @@
-import React__default from 'react';
-import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-
-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 SortableList = ({ moveItem, children }) => {
-  const onDragEnd = (result) => {
-    if (!result.destination)
-      return;
-    moveItem(result.source.index, result.destination.index);
-  };
-  return /* @__PURE__ */ React__default.createElement(DragDropContext, { onDragEnd }, /* @__PURE__ */ React__default.createElement(Droppable, { droppableId: "droppable" }, (provided) => /* @__PURE__ */ React__default.createElement("div", __spreadValues({ ref: provided.innerRef }, provided.droppableProps), children, provided.placeholder)));
-};
-SortableList.Item = Draggable;
-var SortableList$1 = SortableList;
-
-export { SortableList$1 as default };

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

@@ -1,108 +0,0 @@
-import { FormOutlined } from '@ant-design/icons';
-import { styled } from '@linaria/react';
-import Empty from '../../core/Empty/index.js';
-import cs from 'classnames';
-import _ from 'lodash';
-import React__default from 'react';
-
-const Table = /*#__PURE__*/styled('div')({
-  name: "Table",
-  class: "t1sqg15u",
-  propsAsIs: false
-});
-const TableHeader = /*#__PURE__*/styled('header')({
-  name: "TableHeader",
-  class: "t4zczcp",
-  propsAsIs: false
-});
-const TableContent = /*#__PURE__*/styled('div')({
-  name: "TableContent",
-  class: "t1s7goww",
-  propsAsIs: false
-});
-const TableRow = /*#__PURE__*/styled('div')({
-  name: "TableRow",
-  class: "t93e4cf",
-  propsAsIs: false
-});
-const _exp = () => props => props.width;
-const RowLabel = /*#__PURE__*/styled('label')({
-  name: "RowLabel",
-  class: "rhz2uv5",
-  propsAsIs: false,
-  vars: {
-    "rhz2uv5-0": [_exp()]
-  }
-});
-const SummaryTableRow = props => {
-  const {
-    labelWidth = "42%",
-    title,
-    children,
-    hiddenTitle = false,
-    hiddenBorder = false
-  } = props;
-  return /* @__PURE__ */React__default.createElement(TableRow, {
-    className: cs("table-row", {
-      hiddenBorder
-    })
-  }, /* @__PURE__ */React__default.createElement(RowLabel, {
-    width: labelWidth,
-    className: cs({
-      hidden: hiddenTitle
-    })
-  }, title), /* @__PURE__ */React__default.createElement("div", {
-    className: "content"
-  }, children));
-};
-const SummaryTableContent = props => {
-  const {
-    items,
-    labelWidth,
-    dataSource
-  } = props;
-  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, items.map(item => {
-    if (item.dataIndex === "[__typename]") {
-      return null;
-    }
-    const value = _.get(dataSource, item.dataIndex);
-    return /* @__PURE__ */React__default.createElement(SummaryTableRow, {
-      key: item.key,
-      labelWidth,
-      hiddenTitle: item == null ? void 0 : item.hiddenTitle,
-      hiddenBorder: item == null ? void 0 : item.hiddenBorder,
-      title: item.title
-    }, item.render ? item.render(value, dataSource) : _.isNull(value) || _.isUndefined(value) || value === "" ? Empty : value);
-  }));
-};
-const SummaryTable = props => {
-  const {
-    showHeader = true,
-    border = true,
-    className,
-    title,
-    showEdit,
-    onEdit,
-    rightAlign,
-    layout = "horizontal"
-  } = props;
-  return /* @__PURE__ */React__default.createElement(Table, {
-    className: cs(["summary-table", className, border ? "has-border" : "", rightAlign ? "align-right" : "", layout])
-  }, showHeader && /* @__PURE__ */React__default.createElement(TableHeader, {
-    className: "table-header"
-  }, /* @__PURE__ */React__default.createElement("span", {
-    className: "table-title"
-  }, title), showEdit && /* @__PURE__ */React__default.createElement(FormOutlined, {
-    className: "edit-icon",
-    onClick: () => {
-      onEdit && onEdit();
-    }
-  })), /* @__PURE__ */React__default.createElement(TableContent, null, "children" in props ? props.children : /* @__PURE__ */React__default.createElement(SummaryTableContent, {
-    items: props.items,
-    labelWidth: props.labelWidth,
-    dataSource: props.dataSource
-  })));
-};
-var SummaryTable$1 = SummaryTable;
-
-export { SummaryTableRow, SummaryTable$1 as default };

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

@@ -1,57 +0,0 @@
-import { styled } from '@linaria/react';
-import Switch from '../../core/Switch/index.js';
-import useParrotTranslation from '../../hooks/useParrotTranslation.js';
-import React__default 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;
-};
-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 SwitchWrapper = /*#__PURE__*/styled('span')({
-  name: "SwitchWrapper",
-  class: "s1iv0tp1",
-  propsAsIs: false
-});
-const SwitchWithText = props => {
-  const {
-    t
-  } = useParrotTranslation();
-  const _a = props,
-    {
-      text = {
-        checked: t("common.enable"),
-        unchecked: t("common.disable")
-      }
-    } = _a,
-    _props = __objRest(_a, ["text"]);
-  return /* @__PURE__ */React__default.createElement(SwitchWrapper, {
-    className: "enabled-switch",
-    onClick: e => e.stopPropagation()
-  }, /* @__PURE__ */React__default.createElement("span", {
-    className: "enabled-text"
-  }, _props.checked ? text.checked : text.unchecked), /* @__PURE__ */React__default.createElement(Switch, __spreadValues({}, _props)));
-};
-var SwitchWithText$1 = SwitchWithText;
-
-export { SwitchWithText$1 as default };

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

@@ -1,150 +0,0 @@
-import { ArrowChevronDown16BlueIcon, ArrowChevronDown16BoldBlueIcon, ArrowChevronDownSmall16BlueIcon, ArrowChevronDownSmall16BoldBlueIcon } from '@cloudtower/icons-react';
-import { Typo } from '../../core/Typo/index.js';
-import { Dropdown, Menu } from 'antd';
-import cs from 'classnames';
-import React__default, { useRef, useMemo, useState, useEffect } from 'react';
-
-const TabMenuStyle = "t160l1cm";
-const TabMenuSubMenu = "t14npdqr";
-const renderExpandArrow = (size, isBold) => {
-  if (size === "medium" && !isBold) return /* @__PURE__ */React__default.createElement(ArrowChevronDown16BlueIcon, {
-    className: "expand-arrow"
-  });
-  if (size === "medium" && isBold) return /* @__PURE__ */React__default.createElement(ArrowChevronDown16BoldBlueIcon, {
-    className: "expand-arrow"
-  });
-  if (size === "small" && !isBold) return /* @__PURE__ */React__default.createElement(ArrowChevronDownSmall16BlueIcon, {
-    className: "expand-arrow"
-  });
-  if (size === "small" && isBold) return /* @__PURE__ */React__default.createElement(ArrowChevronDownSmall16BoldBlueIcon, {
-    className: "expand-arrow"
-  });
-};
-const TabMenu = props => {
-  const {
-    tabs,
-    onChange,
-    selectedKey,
-    size = "medium",
-    theme = "default"
-  } = props;
-  const onChangeRef = useRef(onChange);
-  const view = useMemo(() => {
-    if (tabs.length === 0) return void 0;
-    let result;
-    tabs.some(tab => {
-      var _a;
-      if ("items" in tab) {
-        const select = (_a = tab.items) == null ? void 0 : _a.find(item => item.key === selectedKey);
-        result = select ? {
-          key: tab.key,
-          children: select.children,
-          title: select.title,
-          isAsync: tab.isAsync,
-          skeleton: tab.skeleton,
-          isOverview: select.isOverview
-        } : void 0;
-      } else if (tab.key === selectedKey) {
-        result = {
-          key: tab.key,
-          children: tab.children,
-          title: tab.title,
-          isAsync: tab.isAsync,
-          skeleton: tab.skeleton,
-          isOverview: tab.isOverview
-        };
-      }
-      return result;
-    });
-    if (!result) {
-      setTimeout(() => {
-        var _a;
-        (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, tabs[0].key);
-      }, 0);
-      return tabs[0];
-    }
-    return result;
-  }, [tabs, selectedKey]);
-  const isMedium = size === "medium";
-  const viewKey = view == null ? void 0 : view.key;
-  const isAsync = view == null ? void 0 : view.isAsync;
-  const [transitioned, setTransitioned] = useState(false);
-  const viewKeyRef = useRef(view == null ? void 0 : view.key);
-  useEffect(() => {
-    setTransitioned(false);
-    viewKeyRef.current = viewKey;
-    const timeout = setTimeout(() => {
-      setTransitioned(true);
-    }, 320);
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [viewKey]);
-  const renderTabContent = () => {
-    if (!isAsync && (view == null ? void 0 : view.children)) return view.children;
-    if (isAsync && transitioned && viewKey === viewKeyRef.current && (view == null ? void 0 : view.children)) return view.children;
-    if (view == null ? void 0 : view.skeleton) return view.skeleton;
-    return null;
-  };
-  return /* @__PURE__ */React__default.createElement("div", {
-    className: cs(TabMenuStyle, "tab-menu", (view == null ? void 0 : view.isOverview) && "is-overview")
-  }, /* @__PURE__ */React__default.createElement("div", {
-    className: "tab-bar"
-  }, tabs.map(tab => {
-    var _a;
-    const isSelected = (view == null ? void 0 : view.key) === tab.key;
-    let typo = Typo.Label.l2_regular_title;
-    if (isMedium && isSelected) {
-      typo = Typo.Label.l1_bold_title;
-    } else if (isMedium && !isSelected) {
-      typo = Typo.Label.l1_regular_title;
-    } else if (!isMedium && isSelected) {
-      typo = Typo.Label.l2_bold_title;
-    }
-    if ("items" in tab) {
-      return /* @__PURE__ */React__default.createElement(Dropdown, {
-        key: tab.key,
-        overlayClassName: TabMenuSubMenu,
-        transitionName: "no-animation",
-        overlay: /* @__PURE__ */React__default.createElement(Menu, {
-          selectedKeys: [selectedKey],
-          onClick: params => onChange == null ? void 0 : onChange(params.key)
-        }, (_a = tab.items) == null ? void 0 : _a.map(item => /* @__PURE__ */React__default.createElement(Menu.Item, {
-          "data-test": item.key,
-          key: item.key
-        }, item.title))),
-        trigger: ["click"]
-      }, /* @__PURE__ */React__default.createElement("span", {
-        className: cs(["tab-menu-item", "tab-menu-item-group", isSelected && "tab-menu-item-selected", isMedium && "tab-menu-item-medium", theme === "light" && "tab-menu-item-light"])
-      }, /* @__PURE__ */React__default.createElement("span", {
-        className: cs(["main-title", isMedium ? Typo.Label.l1_regular_title : Typo.Label.l2_regular_title])
-      }, tab.title), /* @__PURE__ */React__default.createElement("span", {
-        className: cs(["sub-title", typo]),
-        "data-test": isSelected ? view == null ? void 0 : view.title : tab.title
-      }, /* @__PURE__ */React__default.createElement("svg", {
-        className: "slash-arrow",
-        width: "8",
-        height: "8",
-        viewBox: "0 0 8 8",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, /* @__PURE__ */React__default.createElement("path", {
-        d: "M4.81662 3.33203C5.15455 3.555 5.32351 3.66649 5.38224 3.80736C5.43358 3.93049 5.43358 4.06904 5.38224 4.19218C5.32351 4.33305 5.15455 4.44454 4.81662 4.66751L1.81921 6.64529C1.4159 6.91141 1.21424 7.04446 1.04715 7.03393C0.901576 7.02475 0.767265 6.95246 0.679429 6.836C0.578613 6.70234 0.578613 6.46074 0.578613 5.97755L0.578613 2.02199C0.578613 1.53879 0.578613 1.2972 0.679429 1.16353C0.767265 1.04708 0.901576 0.974785 1.04715 0.965607C1.21424 0.955073 1.4159 1.08813 1.81921 1.35425L4.81662 3.33203Z"
-      })), /* @__PURE__ */React__default.createElement("span", {
-        className: "sub-title-text"
-      }, isSelected ? view == null ? void 0 : view.title : tab.title), renderExpandArrow(size, isSelected))));
-    }
-    return /* @__PURE__ */React__default.createElement("span", {
-      className: cs(["tab-menu-item", isSelected && "tab-menu-item-selected", isMedium && "tab-menu-item-medium", theme === "light" && "tab-menu-item-light", typo]),
-      key: tab.key,
-      "data-test": tab.title,
-      onClick: () => onChange == null ? void 0 : onChange(tab.key)
-    }, tab.title);
-  })), /* @__PURE__ */React__default.createElement("div", {
-    key: selectedKey,
-    className: "tab-content"
-  }, renderTabContent()));
-};
-var TabMenu$1 = TabMenu;
-
-export { TabMenu$1 as default };

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

@@ -1,67 +0,0 @@
-import { styled } from '@linaria/react';
-import Tooltip from '../../core/Tooltip/index.js';
-import React__default, { useState, useRef, useLayoutEffect } from '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 TruncatedTextWrapper = /*#__PURE__*/styled('div')({
-  name: "TruncatedTextWrapper",
-  class: "tje3huy",
-  propsAsIs: false
-});
-const TruncatedTextWithTooltip = props => {
-  const _a = props,
-    {
-      text,
-      textWrapperCls
-    } = _a,
-    restProps = __objRest(_a, ["text", "textWrapperCls"]);
-  const [isTextTruncated, setTextTruncated] = useState(false);
-  const textWrapper = useRef(null);
-  useLayoutEffect(() => {
-    const ele = textWrapper.current;
-    if (ele) {
-      const parent = ele.parentElement;
-      if (parent && (parent == null ? void 0 : parent.scrollWidth) > (parent == null ? void 0 : parent.clientWidth)) {
-        setTextTruncated(true);
-      }
-    }
-  }, [text]);
-  const renderName = () => /* @__PURE__ */React__default.createElement("span", {
-    ref: textWrapper,
-    className: textWrapperCls
-  }, text);
-  return isTextTruncated ? /* @__PURE__ */React__default.createElement(Tooltip, __spreadProps(__spreadValues({}, restProps), {
-    title: text,
-    "data-testid": "text-tooltip"
-  }), /* @__PURE__ */React__default.createElement(TruncatedTextWrapper, null, renderName())) : renderName();
-};
-var TruncatedTextWithTooltip$1 = TruncatedTextWithTooltip;
-
-export { TruncatedTextWithTooltip$1 as default };

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

@@ -1,113 +0,0 @@
-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 Empty from '../../core/Empty/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 BarChart from '../BarChart/index.js';
-import DeprecatedDonutChart from '../DeprecatedDonutChart/index.js';
-import React__default 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 units = {
-  Percent,
-  Byte,
-  Frequency,
-  Speed,
-  Bps,
-  BitPerSecond,
-  Bit,
-  Second
-};
-const Wrapper = /*#__PURE__*/styled('div')({
-  name: "Wrapper",
-  class: "wg1tsps",
-  propsAsIs: false
-});
-const BarChartWrapper = "b1ctd5xy";
-const UnitWrapper = "u1p8acpn";
-const Sizes = {
-  small: {
-    width: 22,
-    height: 22,
-    barSize: 4,
-    innerRadius: 8,
-    outerRadius: 16
-  },
-  medium: {
-    width: 50,
-    height: 50,
-    barSize: 8,
-    innerRadius: 18,
-    outerRadius: 34
-  },
-  large: {
-    width: 100,
-    height: 100,
-    barSize: 15,
-    innerRadius: 40,
-    outerRadius: 70
-  }
-};
-const UnitWithChart = ({
-  rawValue,
-  total,
-  unit,
-  color = "#0080FF",
-  size = "small",
-  chartType = "donutChart",
-  data,
-  saturated
-}) => {
-  if (typeof rawValue !== "number" || typeof total !== "number") {
-    return /* @__PURE__ */React__default.createElement(Empty, null);
-  }
-  const Unit = units[unit];
-  return /* @__PURE__ */React__default.createElement(Wrapper, {
-    className: "unit-chart"
-  }, chartType === "barChart" && /* @__PURE__ */React__default.createElement("span", {
-    className: BarChartWrapper
-  }, /* @__PURE__ */React__default.createElement("span", {
-    className: "chart"
-  }, /* @__PURE__ */React__default.createElement(BarChart, {
-    data: data || [],
-    total
-  }))), /* @__PURE__ */React__default.createElement("span", {
-    className: UnitWrapper
-  }, unit === "Percent" ? /* @__PURE__ */React__default.createElement(Percent, {
-    rawValue,
-    decimals: 1,
-    saturated
-  }) : /* @__PURE__ */React__default.createElement(Unit, {
-    rawValue
-  })), chartType === "donutChart" && /* @__PURE__ */React__default.createElement(DeprecatedDonutChart, __spreadValues({
-    data: [{
-      used: rawValue / total,
-      fill: color
-    }],
-    dataKey: "used"
-  }, Sizes[size])));
-};
-var UnitWithChart$1 = UnitWithChart;
-
-export { UnitWrapper, UnitWithChart$1 as default };