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

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

@@ -0,0 +1,365 @@
+import { Uploading16GradientGrayIcon, Uploading16GradientBlueIcon, Upload24GradientGrayIcon, Upload24GradientBlueIcon, Upload48GradientBlueIcon, XmarkRemove16SecondaryIcon, ExclamationErrorCircleFill16RedIcon, File16GradientBlueIcon, Loading16GradientBlueIcon, XmarkRemove24SecondaryIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import Button from '../Button/index.js';
+import Byte from '../Byte/index.js';
+import Icon from '../Icon/index.js';
+import Tooltip from '../Tooltip/index.js';
+import { Typo } from '../Typo/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import cs from 'classnames';
+import _ from 'lodash';
+import React__default, { useState } from 'react';
+import { useFileValidation, useFileCountErrorClear } from './LocalUpload.hooks.js';
+import { FileInfoWrapperStyle } from './LocalUpload.style.js';
+import { Upload } from 'antd';
+
+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 STATUS_ICON_MAP = {
+  error: ExclamationErrorCircleFill16RedIcon,
+  success: File16GradientBlueIcon,
+  validating: Loading16GradientBlueIcon,
+  "need-validate": Loading16GradientBlueIcon
+};
+const createBeforeUploadHandler = ({
+  fileList,
+  setFileList,
+  validate,
+  maxCount,
+  isSingleSelect,
+  setError,
+  t,
+  checkSingleSelectCount = false
+}) => {
+  return (file, _fileList) => {
+    if (isSingleSelect) {
+      if (checkSingleSelectCount && _fileList.length > 1) {
+        setError(t("components.exceed_max_count", { count: 1 }) || "");
+        return false;
+      } else {
+        setError("");
+      }
+      const _file2 = file;
+      _file2.fileStatus = validate ? "need-validate" : "success";
+      setFileList([_file2]);
+      return false;
+    }
+    if (fileList.length + _fileList.length > maxCount) {
+      setError(t("components.exceed_max_count", { count: maxCount }) || "");
+    } else {
+      setError("");
+    }
+    const _file = file;
+    _file.fileStatus = validate ? "need-validate" : "success";
+    const index = _fileList.findIndex((f) => f.uid === _file.uid);
+    if (index !== -1) {
+      const newList = _.uniqBy(
+        [...fileList, ..._fileList.slice(0, index + 1)],
+        "uid"
+      );
+      setFileList(newList);
+    }
+    return false;
+  };
+};
+const UploadLabel = ({ className, children }) => {
+  return /* @__PURE__ */ React__default.createElement("label", { className: cx("upload-label", Typo.Label.l2_regular, className) }, children);
+};
+const UploadDescription = ({ className, children }) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-description", Typo.Label.l4_regular, className) }, children);
+};
+const UploadButton = ({
+  children,
+  hideIcon = false,
+  className,
+  fileList,
+  setFileList,
+  validate,
+  maxCount,
+  multiple = false,
+  disabled,
+  accept
+}) => {
+  const { t } = useParrotTranslation();
+  const [error, setError] = useState("");
+  const _maxCount = multiple ? maxCount || Infinity : 1;
+  const isSingleSelect = _maxCount === 1;
+  useFileValidation({
+    fileList,
+    setFileList,
+    validate,
+    createNewFile: false
+  });
+  useFileCountErrorClear({
+    fileList,
+    maxCount: _maxCount,
+    setError
+  });
+  const props = {
+    accept,
+    fileList,
+    showUploadList: false,
+    beforeUpload: createBeforeUploadHandler({
+      fileList,
+      setFileList,
+      validate,
+      maxCount: _maxCount,
+      isSingleSelect,
+      setError,
+      t,
+      checkSingleSelectCount: false
+    }),
+    multiple
+  };
+  return /* @__PURE__ */ React__default.createElement(Upload, __spreadProps(__spreadValues({}, props), { className: cs("upload-button", className) }), /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      disabled,
+      prefixIcon: !hideIcon ? /* @__PURE__ */ React__default.createElement(Icon, { src: Uploading16GradientGrayIcon }) : void 0,
+      hoverPrefixIcon: !hideIcon ? /* @__PURE__ */ React__default.createElement(Icon, { src: Uploading16GradientBlueIcon }) : void 0
+    },
+    children
+  ), error ? /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, error) : null);
+};
+const UploadDragger = ({
+  children,
+  className,
+  fileList,
+  setFileList,
+  validate,
+  maxCount,
+  multiple = false,
+  disabled,
+  accept
+}) => {
+  var _a;
+  const { t } = useParrotTranslation();
+  const [error, setError] = useState("");
+  const _maxCount = multiple ? maxCount || Infinity : 1;
+  const isSingleSelect = _maxCount === 1;
+  const reachMaxCount = !!maxCount && !isSingleSelect && fileList.length >= maxCount;
+  useFileValidation({
+    fileList,
+    setFileList,
+    validate,
+    createNewFile: true
+  });
+  useFileCountErrorClear({
+    fileList,
+    maxCount: _maxCount,
+    setError
+  });
+  const props = {
+    accept,
+    fileList,
+    showUploadList: false,
+    beforeUpload: createBeforeUploadHandler({
+      fileList,
+      setFileList,
+      validate,
+      maxCount: _maxCount,
+      isSingleSelect,
+      setError,
+      t,
+      checkSingleSelectCount: true
+    }),
+    disabled,
+    multiple
+  };
+  const DefaultChildren = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    Icon,
+    {
+      src: (fileList == null ? void 0 : fileList.length) ? reachMaxCount ? Upload24GradientGrayIcon : Upload24GradientBlueIcon : Upload48GradientBlueIcon,
+      iconHeight: (fileList == null ? void 0 : fileList.length) ? 24 : 48,
+      iconWidth: (fileList == null ? void 0 : fileList.length) ? 24 : 48
+    }
+  ), /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-drag-text", Typo.Label.l2_regular) }, t("components.upload_file_desc")));
+  const fileStatus = isSingleSelect ? ((_a = fileList[0]) == null ? void 0 : _a.fileStatus) || "success" : void 0;
+  const FileInfo = ({ file }) => {
+    const fileStatus2 = file.fileStatus || "success";
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "file-info", onClick: (e) => e.preventDefault() }, /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        src: STATUS_ICON_MAP[fileStatus2],
+        isRotate: fileStatus2 === "validating" || fileStatus2 === "need-validate"
+      }
+    ), /* @__PURE__ */ React__default.createElement("div", { className: cx("file-name", Typo.Label.l4_regular) }, file.name || file.fileName)), /* @__PURE__ */ React__default.createElement(Button, { className: Typo.Label.l2_regular, type: "link" }, t("components.reselect_file")));
+  };
+  const Error2 = () => {
+    if (error) {
+      return /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, error);
+    }
+    const file = fileList[0];
+    if (isSingleSelect && (file == null ? void 0 : file.fileStatus) === "error" && file.error) {
+      return /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, file.error);
+    }
+    return null;
+  };
+  return /* @__PURE__ */ React__default.createElement("div", { className: cs("upload-drag", className) }, /* @__PURE__ */ React__default.createElement(
+    Upload.Dragger,
+    __spreadProps(__spreadValues({}, props), {
+      disabled: disabled || fileStatus === "validating",
+      className: cs(
+        "upload-drag-area",
+        fileList.length ? "has-file" : "",
+        reachMaxCount && "reach-max-count",
+        isSingleSelect && "single",
+        fileStatus === "error" && "file-error",
+        fileStatus === "validating" && "file-validating"
+      )
+    }),
+    isSingleSelect && fileList.length ? /* @__PURE__ */ React__default.createElement(FileInfo, { file: fileList[0] }) : children || DefaultChildren
+  ), /* @__PURE__ */ React__default.createElement(Error2, null));
+};
+const UploadFileInfo = ({
+  file,
+  removeFile,
+  disabled,
+  onRemove
+}) => {
+  const fileStatus = file.fileStatus || "success";
+  const handleRemove = () => {
+    var _a;
+    removeFile((_a = file.uid) != null ? _a : "");
+    if (onRemove && "fileStatus" in file) {
+      onRemove(file);
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(FileInfoWrapperStyle, {
+        "file-error-wrapper": fileStatus === "error",
+        disabled
+      })
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        src: STATUS_ICON_MAP[fileStatus],
+        isRotate: fileStatus === "validating" || fileStatus === "need-validate"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement("div", { className: cx("file-info", Typo.Label.l4_regular) }, /* @__PURE__ */ React__default.createElement(
+      OverflowTooltip,
+      {
+        className: "file-name",
+        content: file.name || file.fileName,
+        tooltip: file.name || file.fileName
+      }
+    ), file.size ? /* @__PURE__ */ React__default.createElement("div", { className: "file-info" }, /* @__PURE__ */ React__default.createElement(
+      Byte,
+      {
+        rawValue: file.size,
+        valueClassName: "file-size",
+        unitClassName: "file-size-unit"
+      }
+    )) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), file.fileStatus === "error" && !!file.error && /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-file-error", Typo.Footnote.f2_regular) }, file.error)),
+    /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        src: XmarkRemove16SecondaryIcon,
+        onClick: disabled ? void 0 : handleRemove
+      }
+    )
+  );
+};
+const FileListItem = ({ file, removeFile, onRemove }) => {
+  const fileStatus = file.fileStatus || "success";
+  const { t } = useParrotTranslation();
+  const handleRemove = (e) => {
+    e.stopPropagation();
+    removeFile(file.uid);
+    onRemove == null ? void 0 : onRemove(file);
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cx("upload-file-item", Typo.Label.l4_regular),
+      key: file.uid
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: "upload-file-info" }, /* @__PURE__ */ React__default.createElement("div", { className: "file-info" }, /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        src: STATUS_ICON_MAP[fileStatus],
+        isRotate: fileStatus === "validating" || fileStatus === "need-validate"
+      }
+    ), /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: fileStatus === "validating" || fileStatus === "need-validate" ? "validating" : ""
+      },
+      file.name || file.fileName
+    )), /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("common.remove") }, /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        className: "remove-button",
+        src: XmarkRemove24SecondaryIcon,
+        onClick: handleRemove
+      }
+    ))),
+    file.fileStatus === "error" && !!file.error && /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-file-error", Typo.Footnote.f2_regular) }, file.error)
+  );
+};
+const UploadFileList = ({
+  className,
+  fileList,
+  removeFile,
+  type = "list",
+  disableRemove = false,
+  onRemove
+}) => {
+  if (!fileList.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(
+        "upload-file-list",
+        type === "list" ? "" : "upload-file-info-list",
+        className
+      )
+    },
+    fileList.map(
+      (file) => type === "list" ? /* @__PURE__ */ React__default.createElement(
+        FileListItem,
+        {
+          key: file.uid,
+          file,
+          removeFile,
+          onRemove
+        }
+      ) : /* @__PURE__ */ React__default.createElement(
+        UploadFileInfo,
+        {
+          key: file.uid,
+          file,
+          removeFile,
+          disabled: disableRemove,
+          onRemove
+        }
+      )
+    )
+  );
+};
+
+export { FileListItem, UploadButton, UploadDescription, UploadDragger, UploadFileInfo, UploadFileList, UploadLabel };

package/dist/esm/core/MediumDialog/MediumDialog.js

@@ -0,0 +1,51 @@
+import { cx } from '@linaria/core';
+import React__default from 'react';
+import { Typo } from '../Typo/index.js';
+import { SmallDialog } from '../SmallDialog/SmallDialog.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;
+};
+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 MediumDialogStyle = "E_m5foqp8";
+const MediumDialog = _a => {
+  var _b = _a,
+    {
+      className,
+      isContentFull = false
+    } = _b,
+    restProps = __objRest(_b, ["className", "isContentFull"]);
+  return /* @__PURE__ */React__default.createElement(SmallDialog, __spreadValues({
+    TitleRender: ({
+      title
+    }) => /* @__PURE__ */React__default.createElement("span", {
+      className: Typo.Display.d1s_bold_title
+    }, title),
+    className: cx(MediumDialogStyle, "medium", isContentFull && "content-full", className),
+    initializingSkeletonRows: 3,
+    width: isContentFull ? "calc(100vw - 160px)" : 720
+  }, restProps));
+};
+
+export { MediumDialog };

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

@@ -28,7 +28,8 @@ const Metric = (props) => {
     showPointer = true,
     showLegend = true,
     showXaxis = false,
-    chartProps
+    chartProps,
+    "data-testid": dataTestId
   } = props;
   const [width, setWidth] = useState();
   const wrapperRef = useRef(null);
@@ -39,6 +40,7 @@ const Metric = (props) => {
   return /* @__PURE__ */ React__default.createElement(ErrorBoundary, { i18n: parrotI18n }, /* @__PURE__ */ React__default.createElement(
     MetricWrapper,
     {
+      "data-testid": dataTestId,
       className: cs("metric-wrapper", !showXaxis && "hidden-xaxis"),
       ref: wrapperRef,
       style: { height: showLegend ? height + 30 : height }

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

@@ -1,4 +1,4 @@
-import { useKitSelector, useCloseModal } from '../KitStoreProvider/index.js';
+import { useKitSelector, useCloseModal, useResetModal } from '../KitStoreProvider/index.js';
 import React__default from 'react';
 
 var __defProp = Object.defineProperty;
@@ -25,6 +25,7 @@ const ModalStack = () => {
     (state) => state.modal.stack
   );
   const closeModal = useCloseModal();
+  const resetModal = useResetModal();
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, stack.map((modal) => /* @__PURE__ */ React__default.createElement(
     modal.component,
     __spreadProps(__spreadValues({}, modal.props), {
@@ -36,6 +37,11 @@ const ModalStack = () => {
         }
         closeModal(modal.id);
       },
+      closeAllModal: () => {
+        var _a, _b;
+        (_b = (_a = modal.props).closeAllModal) == null ? void 0 : _b.call(_a);
+        resetModal();
+      },
       key: modal.id
     })
   )));

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

@@ -9,11 +9,14 @@ const Nav = ({
   right,
   center,
   isScrolled,
-  navRef
+  navRef,
+  className,
+  "data-testid": dataTestId
 }) => {
   return /* @__PURE__ */React__default.createElement(Header, {
+    "data-testid": dataTestId,
     ref: navRef,
-    className: MinWidth,
+    className: cs(MinWidth, className),
     id: "global-header"
   }, /* @__PURE__ */React__default.createElement("div", {
     className: "left"

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

@@ -17,7 +17,8 @@ const Pagination = props => {
     onSizeChange,
     showTotal = true,
     className,
-    selectorVisible = true
+    selectorVisible = true,
+    "data-testid": dataTestId
   } = props;
   const sizeRef = useRef(size);
   const {
@@ -61,11 +62,13 @@ const Pagination = props => {
           title: t("components.push_to")
         }, selectOptions.map(option => /* @__PURE__ */React__default.createElement(Menu.Item, {
           key: option.value,
+          "data-testid": dataTestId ? `${dataTestId}-page-${option.value}` : void 0,
           onClick: () => onChange(option.value)
         }, option.text))))
       }, /* @__PURE__ */React__default.createElement(Icon, {
         alt: "arrowChevronDownSmall16Secondary",
         className: "pagination-left dropdown-trigger",
+        "data-testid": dataTestId ? `${dataTestId}-dropdown` : void 0,
         src: ArrowChevronDownSmall16SecondaryIcon,
         hoverSrc: ArrowChevronDownSmall16BlueIcon,
         prefix: content
@@ -79,6 +82,7 @@ const Pagination = props => {
     return null;
   }
   return /* @__PURE__ */React__default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs(PaginationStyle, "pagination-wrapper", className, selectorVisible && "has-selector")
   }, renderLeft(), /* @__PURE__ */React__default.createElement("span", {
     className: "pagination-right"
@@ -86,6 +90,7 @@ const Pagination = props => {
     className: "prev-btn",
     type: "quiet",
     size: "small",
+    "data-testid": dataTestId ? `${dataTestId}-prev` : void 0,
     prefixIcon: /* @__PURE__ */React__default.createElement(Icon, {
       alt: "arrowChevronLeftSmall16BoldBlue",
       src: ArrowChevronLeftSmall16BoldBlueIcon
@@ -99,6 +104,7 @@ const Pagination = props => {
     className: "next-btn",
     type: "quiet",
     size: "small",
+    "data-testid": dataTestId ? `${dataTestId}-next` : void 0,
     suffixIcon: /* @__PURE__ */React__default.createElement(Icon, {
       alt: "arrowChevronLeftSmall16BoldBlue",
       src: ArrowChevronLeftSmall16BoldBlueIcon

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

@@ -26,13 +26,14 @@ const Percent = ({
   saturated,
   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 } = formatPercent(rawValue, decimals, saturated);
-  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", unitClassName) }, unit));
 };
 var Percent$1 = Percent;
 

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

@@ -7,7 +7,7 @@ export { TitleArea } from './progress.widgets.js';
 import { isStringArray } from '../../utils/isStringArr.js';
 import { Progress as Progress$1 } 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;
@@ -80,9 +80,10 @@ const Progress = _a => {
       rightBottom,
       percent = 0,
       className,
-      indeterminate
+      indeterminate,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["type", "status", "size", "leftTop", "rightTop", "leftBottom", "rightBottom", "percent", "className", "indeterminate"]);
+    props = __objRest(_b, ["type", "status", "size", "leftTop", "rightTop", "leftBottom", "rightBottom", "percent", "className", "indeterminate", "data-testid"]);
   const finalStatus = getStatus(status, percent, indeterminate);
   const storkeWidth = size === "small" ? 4 : 8;
   const isBaseProgress = type === "base";
@@ -113,13 +114,14 @@ const Progress = _a => {
   }
   return /* @__PURE__ */React__default.createElement(ProgressContainer, {
     type,
-    className: cx(className, ProgressStyle)
+    className: cx(className, ProgressStyle),
+    "data-testid": dataTestId
   }, titleNode ? /* @__PURE__ */React__default.createElement(Row, null, titleNode, statusTextNode) : null, /* @__PURE__ */React__default.createElement(Progress$1, __spreadProps(__spreadValues({
     className: isBaseProgress ? BaseProgressStyle : "",
     strokeWidth: storkeWidth,
     showInfo: false
   }, props), {
-    prefixCls: Antd5ComponentPrefixCls["Progress"],
+    prefixCls: `${Antd5PrefixCls}-progress`,
     status: finalStatus === "active" ? "active" : void 0,
     percent: indeterminate ? 100 : percent,
     strokeColor: StatusColorMap[finalStatus]

package/dist/esm/core/Progress/progress.widgets.js

@@ -1,8 +1,8 @@
-import { DotIntervalSeparation16TertiaryIcon } from '@cloudtower/icons-react';
 import { styled } from '@linaria/react';
 import Link from '../Link/index.js';
 import { IconField, Info } from './components.js';
 import Tag from '../Tag/index.js';
+import { splitMap } from '../../utils/constants.js';
 import React__default from 'react';
 
 var __defProp = Object.defineProperty;
@@ -33,17 +33,14 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const splitMap = {
-  dot: /* @__PURE__ */React__default.createElement(DotIntervalSeparation16TertiaryIcon, null)
-};
 const titleAreaStyle = "E_t1gvlxt5";
-const _exp = /*#__PURE__*/() => props => props.gap;
+const _exp2 = /*#__PURE__*/() => props => props.gap;
 const AreaWrapper = /*#__PURE__*/styled('div')({
   name: "AreaWrapper",
   class: "E_a1ji6r68",
   propsAsIs: false,
   vars: {
-    "a1ji6r68-0": [_exp(), "px"]
+    "a1ji6r68-0": [_exp2(), "px"]
   }
 });
 const Area = ({
@@ -122,6 +119,8 @@ function getComponent(type, props) {
       return /* @__PURE__ */React__default.createElement(Tag, __spreadProps(__spreadValues({}, restTagProps), {
         color: color || "blue"
       }));
+    default:
+      return /* @__PURE__ */React__default.createElement(React__default.Fragment, null);
   }
 }