@cloudtower/eagle 0.0.0-config-rc-7 → 0.0.0-data-testid

package/dist/esm/UIKitProvider/index.js

@@ -1,13 +1,11 @@
 import { parrotI18n } from '@cloudtower/parrot';
-import _message from '../core/message/index.js';
+import _message from '../core/message/message.js';
 import { antdKit } from '../legacy-antd.js';
-import enUS from 'antd/lib/locale/en_US';
-import zhCN from 'antd/lib/locale/zh_CN';
-import antd5enUS from 'antd5/lib/locale/en_US';
-import antd5zhCN from 'antd5/lib/locale/zh_CN';
+import { omit } from 'lodash';
 import React__default, { createContext, useMemo, useEffect, useContext } from 'react';
 import { ConfigProvider } from '../core/ConfigProvider/index.js';
 import { createBatchMessageMethods } from '../core/message-group/index.js';
+import { MessageContext } from '../core/message/useMessage.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -29,7 +27,6 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const kitContext = createContext(antdKit);
-const MessageContext = createContext(_message);
 const UIKitProvider = (props) => {
   const { children, kit = antdKit, message, lng = "en-US", config } = props;
   const batchMessage = useMemo(() => {
@@ -43,36 +40,20 @@ const UIKitProvider = (props) => {
     });
   }, [batchMessage, kit]);
   useEffect(() => {
-    _message.config({
-      maxCount: message == null ? void 0 : message.maxCount
-    });
-  }, [message == null ? void 0 : message.maxCount]);
+    _message.config(__spreadProps(__spreadValues({}, omit(message, "batch")), {
+      configProviderProps: config
+    }));
+  }, [message, config]);
   useEffect(() => {
     if (parrotI18n.language !== lng) {
       parrotI18n.changeLanguage(lng);
     }
   }, [lng]);
-  return /* @__PURE__ */ React__default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : _message }, /* @__PURE__ */ React__default.createElement(
-    ConfigProvider,
-    {
-      antd4Configs: __spreadValues({
-        autoInsertSpaceInButton: false,
-        locale: lng === "zh-CN" ? zhCN : enUS
-      }, config == null ? void 0 : config.antd4Configs),
-      antd5Configs: __spreadValues({
-        autoInsertSpaceInButton: false,
-        locale: lng === "zh-CN" ? antd5zhCN : antd5enUS
-      }, config == null ? void 0 : config.antd5Configs)
-    },
-    children
-  )));
+  return /* @__PURE__ */ React__default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.createElement(ConfigProvider, __spreadValues({}, config), /* @__PURE__ */ React__default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : _message }, children)));
 };
 var UIKitProvider$1 = UIKitProvider;
 const useUIKit = () => {
   return useContext(kitContext);
 };
-const useMessage = () => {
-  return useContext(MessageContext);
-};
 
-export { MessageContext, UIKitProvider$1 as default, kitContext, useMessage, useUIKit };
+export { UIKitProvider$1 as default, kitContext, useUIKit };

package/dist/esm/antd.js

@@ -1,16 +1,16 @@
 import { DatePicker, List, Menu, Skeleton, Tabs, Timeline, Typography, Upload, Select, Modal } from 'antd';
-export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Skeleton, Tabs, Timeline, Tree, Typography, Upload } from 'antd';
+export { AutoComplete as AntdAutoComplete, Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Skeleton as AntdSkeleton, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Timeline as AntdTimeline, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Tabs, Tree, Typography, Upload } from 'antd';
 
 const DatePickerRangePicker = DatePicker.RangePicker;
 const ListItem = List.Item;
 const MenuItemGroup = Menu.ItemGroup;
 const SkeletonButton = Skeleton.Button;
 const TabsTabPane = Tabs.TabPane;
-const TimelineItem = Timeline.Item;
+const AntdTimelineItem = Timeline.Item;
 const TypographyText = Typography.Text;
 const UploadDragger = Upload.Dragger;
 const AntdOption = Select.Option;
 const AntdSelectOptGroup = Select.OptGroup;
 const AntdModal = Modal;
 
-export { AntdModal, AntdOption, AntdSelectOptGroup, DatePickerRangePicker, ListItem, MenuItemGroup, SkeletonButton, TabsTabPane, TimelineItem, TypographyText, UploadDragger };
+export { AntdModal, AntdOption, AntdSelectOptGroup, AntdTimelineItem, DatePickerRangePicker, ListItem, MenuItemGroup, SkeletonButton, TabsTabPane, TypographyText, UploadDragger };

package/dist/esm/core/AccordionCard/index.js

@@ -33,12 +33,15 @@ const AccordionCard = props => {
     className,
     defaultExpand = true,
     mountOnEnter,
-    unmountOnExit
+    unmountOnExit,
+    "data-testid": dataTestId
   } = props;
   const [active, setActive] = useState(defaultExpand);
   return /* @__PURE__ */React__default.createElement(Card, {
+    "data-testid": dataTestId,
     className: cs(active && "active", className)
   }, /* @__PURE__ */React__default.createElement("header", {
+    "data-testid": dataTestId ? `${dataTestId}-header` : void 0,
     onClick: () => setActive(!active),
     className: "show-close"
   }, typeof header === "function" ? header(active) : header), /* @__PURE__ */React__default.createElement(DropdownTransition, {

package/dist/esm/core/Alert/index.js

@@ -1,3 +1,4 @@
+import { XmarkRemove16RegularTertiaryCapsOffIcon, XmarkRemove16RegularPrimaryCapsOffIcon } from '@cloudtower/icons-react';
 import Icon from '../Icon/index.js';
 import { Alert as Alert$2 } from 'antd';
 import cs from 'classnames';
@@ -44,15 +45,19 @@ const Alert = _a => {
       onClose,
       closeText,
       action,
-      message
+      message,
+      closable,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message"]);
+    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message", "closable", "data-testid"]);
   const _icon = /* @__PURE__ */React__default.createElement(Icon, {
     alt: type,
     src: getAlertIcon(type)
   });
   const _type = type === "normal" ? "info" : type;
+  const _closable = closable || Boolean(onClose) || Boolean(closeText);
   return /* @__PURE__ */React__default.createElement(Alert$2, __spreadProps(__spreadValues({}, props), {
+    "data-testid": dataTestId,
     className: cs(AlertStyle, type ? `alert-${type}` : "", className, {
       action
     }),
@@ -69,8 +74,11 @@ const Alert = _a => {
     icon: icon || _icon,
     showIcon,
     onClose,
-    closeText,
-    closable: !!onClose
+    closeText: closeText || _closable && /* @__PURE__ */React__default.createElement(Icon, {
+      src: XmarkRemove16RegularTertiaryCapsOffIcon,
+      hoverSrc: XmarkRemove16RegularPrimaryCapsOffIcon
+    }),
+    closable: _closable
   }));
 };
 var Alert$1 = Alert;

package/dist/esm/core/Arch/index.js

@@ -1,14 +1,16 @@
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import React__default from 'react';
 
-const Arch = (props) => {
+const Arch = ({
+  architecture,
+  "data-testid": dataTestId
+}) => {
   const { t } = useParrotTranslation();
-  const { architecture } = props;
   let text = "";
   if (architecture) {
     text = t(`components.Architecture_${architecture}`);
   }
-  return /* @__PURE__ */ React__default.createElement("span", null, text);
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, text);
 };
 var Arch$1 = Arch;
 

package/dist/esm/core/AutoComplete/AutoComplete.js

@@ -0,0 +1,35 @@
+import { AutoComplete as AutoComplete$1 } from 'antd5';
+import cs from 'classnames';
+import React__default from 'react';
+import { SelectStyle } from '../LegacySelect/select.style.js';
+import { SelectStyle as SelectStyle$1 } from '../Select/select.style.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 AutoComplete = (props) => {
+  return /* @__PURE__ */ React__default.createElement(
+    AutoComplete$1,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs(SelectStyle, SelectStyle$1, props.className)
+    })
+  );
+};
+
+export { AutoComplete };

package/dist/esm/core/Avatar/index.js

@@ -17,9 +17,11 @@ const AvatarWrapper = /*#__PURE__*/styled('span')({
 const Avatar = ({
   username,
   className,
-  background = "light-blue"
+  background = "light-blue",
+  "data-testid": dataTestId
 }) => {
   return /* @__PURE__ */React__default.createElement(AvatarWrapper, {
+    "data-testid": dataTestId,
     background: Color.gradient[background] || background,
     className: cx(className, "user-icon btn-item")
   }, /* @__PURE__ */React__default.createElement("span", {

package/dist/esm/core/Banner/banner.style.js

@@ -0,0 +1,6 @@
+const BasicBanner = "E_bpgac8u";
+const ErrorBanner = "E_envn4g3";
+const InfoBanner = "E_i12w18eu";
+const WarningBanner = "E_wujsnt4";
+
+export { BasicBanner, ErrorBanner, InfoBanner, WarningBanner };

package/dist/esm/core/Banner/index.js

@@ -0,0 +1,38 @@
+import { InfoICircleFill16OntintIcon } from '@cloudtower/icons-react';
+import Icon from '../Icon/index.js';
+import { Typo } from '../Typo/index.js';
+import cs from 'classnames';
+import React__default from 'react';
+import { BasicBanner, ErrorBanner, InfoBanner, WarningBanner } from './banner.style.js';
+import { Show } from '../../coreX/Show/index.js';
+
+const Banner = ({
+  message,
+  type,
+  btnProps,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ React__default.createElement("div", { "data-testid": dataTestId, id: "global-banner" }, /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(Typo.Label.l3_bold, BasicBanner, {
+        [ErrorBanner]: type === "error",
+        [InfoBanner]: type === "info",
+        [WarningBanner]: type === "warning"
+      })
+    },
+    /* @__PURE__ */ React__default.createElement(Icon, { src: InfoICircleFill16OntintIcon }),
+    /* @__PURE__ */ React__default.createElement("span", null, message),
+    /* @__PURE__ */ React__default.createElement(Show, { condition: !(btnProps == null ? void 0 : btnProps.hide) }, /* @__PURE__ */ React__default.createElement(
+      "span",
+      {
+        className: "dashed-btn",
+        "data-testid": dataTestId ? `${dataTestId}-action` : void 0,
+        onClick: btnProps == null ? void 0 : btnProps.onClick
+      },
+      btnProps == null ? void 0 : btnProps.text
+    ))
+  ));
+};
+
+export { Banner };

package/dist/esm/core/BasicCTError/BasicCTError.style.js

@@ -0,0 +1,3 @@
+const BasicCTErrorStyle = "E_b1jaupqb";
+
+export { BasicCTErrorStyle };

package/dist/esm/core/BasicCTError/index.js

@@ -0,0 +1,47 @@
+import { cx } from '@linaria/core';
+import { useCTErrorMsg } from '../../hooks/useCTErrorMsg.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import React__default, { useMemo } from 'react';
+import { Typo } from '../Typo/index.js';
+import { BasicCTErrorStyle } from './BasicCTError.style.js';
+
+const defaultErrorContainerRender = ({ children, className, "data-testid": dataTestId }) => {
+  return /* @__PURE__ */ React__default.createElement(
+    "span",
+    {
+      "data-testid": dataTestId,
+      className: cx(Typo.Label.l3_regular, BasicCTErrorStyle, className)
+    },
+    children
+  );
+};
+const BasicCTError = (props) => {
+  const {
+    error,
+    className,
+    ErrorItemRender,
+    ErrorContainerRender,
+    errorMsgOptions,
+    "data-testid": dataTestId
+  } = props;
+  const msgs = useCTErrorMsg(error, errorMsgOptions);
+  useParrotTranslation();
+  const ContainerRender = ErrorContainerRender || defaultErrorContainerRender;
+  const child = useMemo(() => {
+    if (ErrorItemRender) {
+      return msgs.map((errorMsg, index) => /* @__PURE__ */ React__default.createElement(ErrorItemRender, { errorMsg, index, key: index }));
+    }
+    return msgs.join("");
+  }, [msgs, ErrorItemRender]);
+  return /* @__PURE__ */ React__default.createElement(
+    ContainerRender,
+    {
+      className,
+      errorMsgs: msgs,
+      children: child,
+      "data-testid": dataTestId
+    }
+  );
+};
+
+export { BasicCTError };

package/dist/esm/core/Bit/index.js

@@ -3,6 +3,7 @@ import Empty from '../Empty/index.js';
 import isEmpty from '../../utils/isEmpty.js';
 import { formatBits } from '../../utils/tower.js';
 import React__default from 'react';
+import { UnitStyle } from '../Styled/index.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -25,13 +26,14 @@ const Bit = ({
   decimals,
   unitClassName,
   valueClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = formatBits(rawValue, decimals);
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Bit$1 = Bit;
 

package/dist/esm/core/BitPerSecond/index.js

@@ -3,6 +3,7 @@ import Empty from '../Empty/index.js';
 import isEmpty from '../../utils/isEmpty.js';
 import { formatBitPerSecond } from '../../utils/tower.js';
 import React__default from 'react';
+import { UnitStyle } from '../Styled/index.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -20,19 +21,20 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const BitPerSeconds = ({
+const BitPerSecond = ({
   rawValue,
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = formatBitPerSecond(rawValue, decimals);
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
-var BitPerSecond = BitPerSeconds;
+var BitPerSecond$1 = BitPerSecond;
 
-export { BitPerSecond as default };
+export { BitPerSecond$1 as default };

package/dist/esm/core/BlankState/index.js

@@ -0,0 +1,85 @@
+import { cx } from '@linaria/core';
+import { Typo } from '../Typo/index.js';
+import React__default from 'react';
+import { BlankStateWrapper } from './style.js';
+import Button from '../Button/index.js';
+
+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 SIZE_FONT_MAP = {
+  large: {
+    title: Typo.Display.d2_bold_title,
+    desc: Typo.Label.l2_regular
+  },
+  medium: {
+    title: Typo.Display.d3_bold_title,
+    desc: Typo.Label.l3_regular
+  },
+  small: {
+    title: Typo.Heading.h2_bold_title,
+    desc: Typo.Label.l4_regular
+  },
+  area: {
+    title: Typo.Heading.h2_bold_title,
+    desc: Typo.Label.l4_regular
+  },
+  xSmall: {
+    title: Typo.Heading.h2_regular_title
+  }
+};
+const BlankState = ({
+  className,
+  style,
+  width,
+  height,
+  title,
+  description,
+  action,
+  backgroundColor,
+  size = "medium",
+  "data-testid": dataTestId
+}) => {
+  const fontStyle = SIZE_FONT_MAP[size];
+  const buttonSize = size === "large" || size === "medium" ? "middle" : "small";
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      "data-testid": dataTestId,
+      className: cx(className, BlankStateWrapper, size, backgroundColor),
+      style: __spreadValues({
+        width: typeof width === "number" ? `${width}px` : width,
+        height: typeof height === "number" ? `${height}px` : height
+      }, style || {})
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: cx("title", fontStyle.title) }, title),
+    size !== "xSmall" && description ? /* @__PURE__ */ React__default.createElement("div", { className: cx("desc", fontStyle.desc) }, description) : null,
+    action ? /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        type: "ordinary",
+        size: buttonSize,
+        className: cx("action-button", buttonSize),
+        "data-testid": dataTestId ? `${dataTestId}-action` : void 0,
+        onClick: action.onClick
+      },
+      action.label
+    ) : null
+  );
+};
+var BlankState$1 = BlankState;
+
+export { BlankState$1 as default };

package/dist/esm/core/BlankState/style.js

@@ -0,0 +1,3 @@
+const BlankStateWrapper = "E_b1lj76ty";
+
+export { BlankStateWrapper };

package/dist/esm/core/Bps/index.js

@@ -3,6 +3,7 @@ import Empty from '../Empty/index.js';
 import isEmpty from '../../utils/isEmpty.js';
 import { formatBps } from '../../utils/tower.js';
 import React__default from 'react';
+import { UnitStyle } from '../Styled/index.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -25,13 +26,14 @@ const Bps = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = formatBps(rawValue, decimals);
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Bps$1 = Bps;
 

package/dist/esm/core/Breadcrumb/index.js

@@ -9,9 +9,11 @@ const BreadWrapper = /*#__PURE__*/styled('div')({
 });
 const Breadcrumb = props => {
   const {
-    items
+    items,
+    "data-testid": dataTestId
   } = props;
   return /* @__PURE__ */React__default.createElement(BreadWrapper, {
+    "data-testid": dataTestId,
     className: Typo.Heading.h3_bold_title
   }, items.map((item, index) => {
     return /* @__PURE__ */React__default.createElement("span", {
@@ -31,6 +33,7 @@ const Breadcrumb = props => {
       fillOpacity: "0.18"
     })) : null, /* @__PURE__ */React__default.createElement("span", {
       className: "breadcrumb-link",
+      "data-testid": item["data-testid"],
       onClick: item.onClick
     }, item.name), index === items.length - 1 && /* @__PURE__ */React__default.createElement("svg", {
       style: {

package/dist/esm/core/Button/index.js

@@ -30,7 +30,6 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const ButtonStyle = "E_b1wx3t3t";
-const NoPadding = "E_n7k2c6r";
 const isAntdButtonTypes = type => {
   return Boolean(type && ["default", "primary", "ghost", "dashed", "link", "text"].includes(type));
 };
@@ -55,7 +54,7 @@ const Button = React__default.forwardRef((props, ref) => {
   const onlyIcon = !children && (prefixIcon || suffixIcon);
   return /* @__PURE__ */React__default.createElement(Button$2, __spreadValues({
     ref,
-    className: cs(className, ButtonStyle, type === "link" && NoPadding, size === "large" && Typo.Label.l1_regular_title, size === "middle" && Typo.Label.l2_regular_title, size === "small" && Typo.Label.l3_regular_title, type && `ant-btn-${type}`, onlyIcon && "ant-btn-icon-only"),
+    className: cs(className, ButtonStyle, size === "large" && Typo.Label.l1_regular_title, size === "middle" && Typo.Label.l2_regular_title, size === "small" && Typo.Label.l3_regular_title, type && `ant-btn-${type}`, onlyIcon && "ant-btn-icon-only"),
     type: isAntdButtonTypes(type) ? type : void 0,
     onMouseEnter: e => {
       onMouseEnter == null ? void 0 : onMouseEnter(e);

package/dist/esm/core/ButtonGroup/index.js

@@ -39,12 +39,14 @@ const ButtonGroup = React__default.forwardRef((props, ref) => {
   const {
     className,
     options,
-    size = "middle"
+    size = "middle",
+    "data-testid": dataTestId
   } = props;
   if (!options.length) {
     return null;
   }
   return /* @__PURE__ */React__default.createElement(ButtonGroupContainer, {
+    "data-testid": dataTestId,
     className,
     ref
   }, options.map((button, index) => {

package/dist/esm/core/Byte/index.js

@@ -4,6 +4,7 @@ import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import isEmpty from '../../utils/isEmpty.js';
 import { formatBytes } from '../../utils/tower.js';
 import React__default from 'react';
+import { UnitStyle } from '../Styled/index.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -27,20 +28,21 @@ const Byte = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   const { t } = useParrotTranslation();
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   if (rawValue === -1) {
-    return /* @__PURE__ */ React__default.createElement("span", null, t("common.calculation"));
+    return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, t("common.calculation"));
   }
   const { value, unit } = formatBytes(rawValue, decimals);
   if (noUnitOnZero && value === 0) {
-    return /* @__PURE__ */ React__default.createElement("span", { className: "value" }, value);
+    return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId, className: "value" }, value);
   }
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Byte$1 = Byte;
 

package/dist/esm/core/BytePerSecond/index.js

@@ -0,0 +1,40 @@
+import { cx } from '@linaria/core';
+import Empty from '../Empty/index.js';
+import isEmpty from '../../utils/isEmpty.js';
+import { formatBytePerSecond } from '../../utils/tower.js';
+import React__default from 'react';
+import { UnitStyle } from '../Styled/index.js';
+
+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 BytePerSecond = ({
+  rawValue,
+  decimals,
+  valueClassName,
+  unitClassName,
+  emptyProps,
+  "data-testid": dataTestId
+}) => {
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
+  }
+  const { value, unit } = formatBytePerSecond(rawValue, decimals);
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
+};
+var BytePerSecond$1 = BytePerSecond;
+
+export { BytePerSecond$1 as default };