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

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

@@ -1,7 +1,7 @@
 import { Segmented } from 'antd5';
 import cs from 'classnames';
 import React__default from 'react';
-import { Antd5ComponentPrefixCls } from '../../utils/constants.js';
+import { Antd5PrefixCls } from '../../utils/constants.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -35,7 +35,7 @@ const SegmentControl = props => {
       [MediumSegment]: size === "middle"
     }, Segment, ColorSegment),
     size,
-    prefixCls: Antd5ComponentPrefixCls["Segmented"]
+    prefixCls: `${Antd5PrefixCls}-segmented`
   }, props));
 };
 var SegmentControl$1 = SegmentControl;

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

@@ -1,11 +1,11 @@
-import Loading from '../Loading/index.js';
+import { ArrowChevronDown16BoldTertiaryIcon, ArrowChevronDown16BoldBlueIcon, ArrowChevronUp16BoldBlueIcon, Search16BlueIcon, ArrowChevronDown16BoldSecondaryIcon, ArrowChevronUp16BoldSecondaryIcon, Search16SecondaryIcon } from '@cloudtower/icons-react';
+import Icon from '../Icon/index.js';
+import LegacySelect from '../LegacySelect/index.js';
 import { Typo } from '../Typo/index.js';
-import { Select as Select$2 } from 'antd';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import cs from 'classnames';
-import _ from 'lodash';
-import React__default, { useMemo, useRef, useEffect } from 'react';
-import { findDOMNode } from 'react-dom';
-import { isElement } from 'react-is';
+import React__default from 'react';
+import { SelectStyle, SelectIconStyle, SelectSizeStyle, PlaceholderTextStyle } from './select.style.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -13,125 +13,113 @@ 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 __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]);
-  }
+  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 SelectStyle = "E_s177mls5";
-const Select = _a => {
-  var _b = _a,
-    {
-      input,
-      multiple,
-      className,
-      scrollBottomBuffer = 0,
-      onScrollBottom,
-      onPopupScroll,
-      onSearch,
-      showSearch,
-      filterOption,
-      loading,
-      notFoundContent,
-      children,
-      error,
-      selectLimit,
-      dropdownClassName,
-      danger,
-      size = "middle",
-      meta,
-      placeholder
-    } = _b,
-    restProps = __objRest(_b, ["input", "multiple", "className", "scrollBottomBuffer", "onScrollBottom", "onPopupScroll", "onSearch", "showSearch", "filterOption", "loading", "notFoundContent", "children", "error", "selectLimit", "dropdownClassName", "danger", "size", "meta", "placeholder"]);
-  var _a2;
-  const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
+const Select = (props) => {
+  const { size = "middle", isLoadingValue } = props;
+  const { t } = useParrotTranslation();
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
-  const _danger = useMemo(() => {
-    if (danger !== void 0) {
-      return danger;
-    }
-    return (meta == null ? void 0 : meta.touched) && meta.invalid;
-  }, [danger, meta]);
-  const selectRef = useRef(null);
-  useEffect(() => {
-    if (!selectRef.current) {
-      return;
-    }
-    const realDom = findDOMNode(selectRef.current);
-    if (realDom) {
-      const inputDom = realDom.getElementsByClassName("ant-select-selection-search-input")[0];
-      const item = realDom.getElementsByClassName("ant-select-selection-item")[0];
-      inputDom && (placeholder || item) && inputDom.setAttribute("data-test", String(placeholder || item.textContent));
-    }
-  }, [selectRef, placeholder]);
-  return /* @__PURE__ */React__default.createElement(Select$2, __spreadValues(__spreadProps(__spreadValues({}, input), {
-    ref: selectRef,
-    size,
-    value: multiple ? input.value || [] : input.value || void 0,
-    onChange: (e, option) => {
-      var _a3, _b2;
-      if (Array.isArray(e) && e.some(v => v === "")) {
-        (_a3 = input.onChange) == null ? void 0 : _a3.call(input, [], option);
-      } else {
-        (_b2 = input.onChange) == null ? void 0 : _b2.call(input, e, option);
-      }
-    },
-    onBlur: () => {
-      var _a3;
-      return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
-    },
-    mode: multiple ? "multiple" : void 0,
-    className: cs(SelectStyle, "select", className, limitExceeded && "select-event-none", _danger ? "select-error" : "", typo),
-    "data-size": size,
-    dropdownClassName: cs(dropdownClassName, limitExceeded && "display-none"),
-    showSearch: multiple ? void 0 : typeof showSearch === "undefined" ? Boolean(onSearch) : showSearch,
-    filterOption: onSearch === void 0 ? filterOption === void 0 ? (input2, option) => {
-      const label = option == null ? void 0 : option.label;
-      if (!label || typeof label !== "string") {
-        return false;
-      }
-      return label.toLowerCase().includes(input2.toLowerCase());
-    } : filterOption : false,
-    onSearch: onSearch && _.debounce(onSearch, 100),
-    onPopupScroll: e => {
-      onPopupScroll == null ? void 0 : onPopupScroll(e);
-      const el = e.currentTarget;
-      if (el.scrollHeight - el.offsetHeight - el.scrollTop <= scrollBottomBuffer) {
-        onScrollBottom == null ? void 0 : onScrollBottom();
-      }
-    },
-    notFoundContent: loading ? /* @__PURE__ */React__default.createElement(Loading, null) : notFoundContent,
-    dropdownRender: menu => /* @__PURE__ */React__default.createElement(React__default.Fragment, null, error || menu),
-    loading,
-    placeholder
-  }), restProps), React__default.Children.map(children, child => {
-    return isElement(child) ? __spreadProps(__spreadValues({}, child), {
-      props: __spreadProps(__spreadValues({}, child.props), {
-        "data-test": child.props.value
-      })
-    }) : child;
-  }));
+  return /* @__PURE__ */ React__default.createElement(
+    LegacySelect,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs(
+        SelectStyle,
+        SelectIconStyle,
+        SelectSizeStyle,
+        isLoadingValue ? "select-loading-value" : "",
+        props.className
+      ),
+      placeholder: /* @__PURE__ */ React__default.createElement("span", { className: cs(typo, PlaceholderTextStyle) }, isLoadingValue ? t("components.loading") : props.placeholder),
+      suffixIcon: props.suffixIcon || (props.loading ? void 0 : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-suffix",
+          src: ArrowChevronDown16BoldTertiaryIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-hover-suffix",
+          src: ArrowChevronDown16BoldBlueIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-active-suffix",
+          src: ArrowChevronDown16BoldBlueIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-expanded-suffix",
+          src: ArrowChevronUp16BoldBlueIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-expanded-search-suffix",
+          src: Search16BlueIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-focus-suffix",
+          src: ArrowChevronDown16BoldTertiaryIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-error-suffix",
+          src: ArrowChevronDown16BoldTertiaryIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-error-hover-suffix",
+          src: ArrowChevronDown16BoldSecondaryIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-error-active-suffix",
+          src: ArrowChevronDown16BoldSecondaryIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-error-expanded-suffix",
+          src: ArrowChevronUp16BoldSecondaryIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-error-expanded-search-suffix",
+          src: Search16SecondaryIcon
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          className: "select-error-focus-suffix",
+          src: ArrowChevronDown16BoldTertiaryIcon
+        }
+      )))
+    })
+  );
 };
 var Select$1 = Select;
 

package/dist/esm/core/Select/select.style.js

@@ -0,0 +1,6 @@
+const SelectStyle = "E_s4ivdfu";
+const SelectIconStyle = "E_sks9xr8";
+const SelectSizeStyle = "E_swwhohx";
+const PlaceholderTextStyle = "E_p2sxmsl";
+
+export { PlaceholderTextStyle, SelectIconStyle, SelectSizeStyle, SelectStyle };

package/dist/esm/core/Select/select.widgets.js

@@ -0,0 +1,57 @@
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import { Select } from 'antd';
+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 OptionStyle = "E_oa99sl3";
+const LeftStyle = "E_lvp5pj7";
+const SlotStyle = "E_s1io1lws";
+const AntdOption = Select.Option;
+function getOptions(options) {
+  return options.map(option => {
+    const _a = option,
+      {
+        prefix,
+        suffix,
+        children
+      } = _a,
+      restProps = __objRest(_a, ["prefix", "suffix", "children"]);
+    return /* @__PURE__ */React__default.createElement(AntdOption, __spreadValues({}, restProps), /* @__PURE__ */React__default.createElement("div", {
+      className: OptionStyle
+    }, /* @__PURE__ */React__default.createElement("span", {
+      className: LeftStyle
+    }, prefix ? /* @__PURE__ */React__default.createElement("span", {
+      className: SlotStyle
+    }, prefix) : null, /* @__PURE__ */React__default.createElement(OverflowTooltip, {
+      content: children
+    })), suffix ? /* @__PURE__ */React__default.createElement("span", {
+      className: SlotStyle
+    }, suffix) : null));
+  });
+}
+
+export { getOptions };

package/dist/esm/core/SidebarMenu/SidebarMenu.js

@@ -1,6 +1,6 @@
 import { Menu } from 'antd5';
 import React__default from 'react';
-import { Antd5ComponentPrefixCls } from '../../utils/constants.js';
+import { Antd5PrefixCls } from '../../utils/constants.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -22,13 +22,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const SidebarMenu = (props) => {
-  return /* @__PURE__ */ React__default.createElement(
-    Menu,
-    __spreadProps(__spreadValues({}, props), {
-      prefixCls: Antd5ComponentPrefixCls["Menu"],
-      mode: "inline"
-    })
-  );
+  return /* @__PURE__ */ React__default.createElement(Menu, __spreadProps(__spreadValues({}, props), { prefixCls: `${Antd5PrefixCls}-menu`, mode: "inline" }));
 };
 
 export { SidebarMenu };

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

@@ -15,11 +15,13 @@ const SimplePagination = props => {
     current,
     count,
     size,
-    onPageChange
+    onPageChange,
+    "data-testid": dataTestId
   } = props;
   const {
     t
   } = useParrotTranslation();
+  const sub = suffix => dataTestId ? `${dataTestId}-${suffix}` : void 0;
   const pageLength = count === 0 ? 1 : Math.ceil(count / size);
   const showPrev = current > 1;
   const showNext = current * size < count;
@@ -32,17 +34,19 @@ const SimplePagination = props => {
     }
   }, [onPageChange, pageLength]);
   return /* @__PURE__ */React__default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs(PaginationStyle, "pagination-wrapper", className)
   }, /* @__PURE__ */React__default.createElement("span", {
     className: Typo.Label.l3_regular_title
   }, t("components.pagination_lots_total", {
-    total: count
+    count
   })), /* @__PURE__ */React__default.createElement("span", {
     className: "pagination-right"
   }, showPrev && /* @__PURE__ */React__default.createElement(Button, {
     className: "prev-btn",
     type: "quiet",
     size: "small",
+    "data-testid": sub("prev"),
     style: {
       marginRight: "8px"
     },
@@ -57,6 +61,7 @@ const SimplePagination = props => {
     className: cs(Typo.Label.l3_regular, inputStyle),
     value: current,
     size: "small",
+    "data-testid": sub("input"),
     onKeyDown: event => {
       if (event.key === "Enter") {
         changeValue(event.target.value);
@@ -71,6 +76,7 @@ const SimplePagination = props => {
     className: "next-btn",
     type: "quiet",
     size: "small",
+    "data-testid": sub("next"),
     style: {
       marginLeft: "8px"
     },

package/dist/esm/core/Skeleton/Content.js

@@ -0,0 +1,23 @@
+import cs from 'classnames';
+import React__default from 'react';
+
+const SkeletonContentStyle = "E_s20iney";
+const SkeletonContent = props => {
+  const {
+    width = "100%",
+    height = "100%",
+    className
+  } = props;
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: cs("skeleton-box", SkeletonContentStyle, className),
+    style: {
+      width,
+      height
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "skeleton-shimmer"
+  }));
+};
+var SkeletonContent$1 = SkeletonContent;
+
+export { SkeletonContent$1 as default };

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

@@ -0,0 +1,7 @@
+import SkeletonContent from './Content.js';
+
+const Skeleton = {
+  Content: SkeletonContent
+};
+
+export { Skeleton, SkeletonContent, Skeleton as default };

package/dist/esm/core/SmallDialog/SmallDialog.js

@@ -0,0 +1,165 @@
+import { ExclamationErrorCircleFill16RedIcon, XmarkCloseBold24TertiaryIcon, XmarkCloseBold24SecondaryIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import { usePopModal } from '../KitStoreProvider/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { Modal } from 'antd';
+import cs from 'classnames';
+import React__default from 'react';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import { Show } from '../../coreX/Show/index.js';
+import { FooterStyle, ErrorTextStyle, DialogStyle, CloseIconStyle } from './SmallDialog.style.js';
+import { ModelTitleSkeleton, ModelContentSkeleton, ModelInitializingError } from './SmallDialog.widget.js';
+import Icon from '../Icon/index.js';
+import Button from '../Button/index.js';
+import { Flex } from 'antd5';
+import { Typo } from '../Typo/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 DefaultTitleRender = ({
+  title
+}) => {
+  return /* @__PURE__ */ React__default.createElement("span", { className: cs(Typo.Display.d2_bold_title) }, title);
+};
+const SmallDialog = ({
+  width = 492,
+  title,
+  TitleRender,
+  cancelText,
+  okText,
+  showOk = true,
+  onOk,
+  onCancel,
+  maskClosable = true,
+  closable = true,
+  className,
+  footerClassName,
+  okButtonProps,
+  cancelButtonProps,
+  children,
+  hideFooter = false,
+  showFooterErrorIcon = true,
+  error,
+  confirmLoading,
+  initializing,
+  initializingError,
+  initializingSkeletonRows,
+  "data-testid": dataTestId
+}) => {
+  const { t } = useParrotTranslation();
+  const popModal = usePopModal();
+  const sub = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
+  const handleClose = () => {
+    if (onCancel) {
+      onCancel(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const handleOk = () => {
+    if (onOk) {
+      onOk(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const CustomTitleRender = TitleRender || DefaultTitleRender;
+  const defaultTitle = initializingError ? t("common.load_failed") : "";
+  const defaultCancelText = showOk ? t("common.cancel") : t("common.close");
+  const defaultOkText = initializingError ? t("common.retry") : t("common.confirm");
+  return /* @__PURE__ */ React__default.createElement(
+    Modal,
+    {
+      visible: true,
+      "data-testid": dataTestId,
+      width,
+      title: initializing ? /* @__PURE__ */ React__default.createElement(ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.createElement(CustomTitleRender, { title: title || defaultTitle }),
+      footer: initializing ? null : hideFooter ? /* @__PURE__ */ React__default.createElement("div", null) : /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: cs(FooterStyle, footerClassName, {
+            "has-error": !!error
+          })
+        },
+        /* @__PURE__ */ React__default.createElement(Show, { condition: !!error }, /* @__PURE__ */ React__default.createElement(
+          Flex,
+          {
+            gap: 4,
+            align: "center",
+            className: cx(ErrorTextStyle, Typo.Label.l3_regular)
+          },
+          /* @__PURE__ */ React__default.createElement(Show, { condition: showFooterErrorIcon }, /* @__PURE__ */ React__default.createElement(
+            Icon,
+            {
+              src: ExclamationErrorCircleFill16RedIcon,
+              iconHeight: 16,
+              iconWidth: 16
+            }
+          )),
+          /* @__PURE__ */ React__default.createElement(
+            OverflowTooltip,
+            {
+              multiLines: 3,
+              content: error,
+              tooltip: error
+            }
+          )
+        )),
+        /* @__PURE__ */ React__default.createElement(Flex, null, /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            type: showOk ? "quiet" : "ordinary",
+            onClick: handleClose,
+            className: Typo.Label.l2_bold_title,
+            "data-testid": sub("cancel")
+          }, cancelButtonProps),
+          cancelText || defaultCancelText
+        ), showOk && /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            type: "primary",
+            onClick: handleOk,
+            loading: confirmLoading,
+            "data-testid": sub("ok")
+          }, okButtonProps),
+          okText || defaultOkText
+        ))
+      ),
+      onCancel: handleClose,
+      closable,
+      maskClosable,
+      className: cs(DialogStyle, className, {
+        "initializing-error": initializingError,
+        "no-footer": hideFooter
+      }),
+      closeIcon: /* @__PURE__ */ React__default.createElement(
+        Icon,
+        {
+          src: XmarkCloseBold24TertiaryIcon,
+          className: CloseIconStyle,
+          iconHeight: 24,
+          iconWidth: 24,
+          hoverSrc: XmarkCloseBold24SecondaryIcon,
+          "data-testid": sub("close")
+        }
+      )
+    },
+    initializing ? /* @__PURE__ */ React__default.createElement(ModelContentSkeleton, { num: initializingSkeletonRows }) : initializingError ? /* @__PURE__ */ React__default.createElement(ModelInitializingError, { error: initializingError }) : children
+  );
+};
+
+export { SmallDialog };

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

@@ -0,0 +1,9 @@
+const DialogStyle = "E_dxyv8bv";
+const FooterStyle = "E_fbgo4wr";
+const ErrorTextStyle = "E_ekxnz54";
+const CloseIconStyle = "E_ct1041x";
+const ModelTitleSkeletonStyle = "E_m1k84ymw";
+const ModelContentSkeletonStyle = "E_m15ds5xe";
+const ModelInitializingErrorStyle = "E_ma56n19";
+
+export { CloseIconStyle, DialogStyle, ErrorTextStyle, FooterStyle, ModelContentSkeletonStyle, ModelInitializingErrorStyle, ModelTitleSkeletonStyle };

package/dist/esm/core/SmallDialog/SmallDialog.widget.js

@@ -0,0 +1,20 @@
+import { cx } from '@linaria/core';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import React__default from 'react';
+import { ModelTitleSkeletonStyle, ModelContentSkeletonStyle, ModelInitializingErrorStyle } from './SmallDialog.style.js';
+import Skeleton from '../Skeleton/index.js';
+import { Space } from 'antd';
+import { Typo } from '../Typo/index.js';
+
+const ModelTitleSkeleton = () => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: cx(ModelTitleSkeletonStyle, "initializing-title") }, /* @__PURE__ */ React__default.createElement(Skeleton.Content, null));
+};
+const ModelContentSkeleton = ({ num = 2 }) => {
+  return /* @__PURE__ */ React__default.createElement(Space, { direction: "vertical", size: 16, className: ModelContentSkeletonStyle }, Array.from({ length: num }).map((_, index) => /* @__PURE__ */ React__default.createElement("div", { key: index, className: "skeleton-wrapper" }, /* @__PURE__ */ React__default.createElement(Skeleton.Content, null))));
+};
+const ModelInitializingError = ({ error }) => {
+  const { t } = useParrotTranslation();
+  return /* @__PURE__ */ React__default.createElement("div", { className: ModelInitializingErrorStyle }, /* @__PURE__ */ React__default.createElement("p", { className: Typo.Display.d3_bold_title }, t("components.initializing_failed")), /* @__PURE__ */ React__default.createElement("div", { className: Typo.Label.l3_regular }, error));
+};
+
+export { ModelContentSkeleton, ModelInitializingError, ModelTitleSkeleton };

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

@@ -3,6 +3,7 @@ import Empty from '../Empty/index.js';
 import isEmpty from '../../utils/isEmpty.js';
 import { formatSpeed } 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 Speed = ({
   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 } = formatSpeed(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 Speed$1 = Speed;