@cloudtower/eagle 0.28.0-dry → 0.28.0

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

@@ -0,0 +1,43 @@
+import { ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeft16BoldBlueIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import Icon from '../../core/Icon/index.js';
+import { Typo } from '../../core/Typo/index.js';
+import React__default from 'react';
+
+const GobackButtonStyle = "E_gmyahx3";
+const GobackButton = props => {
+  const {
+    onClick,
+    path,
+    index,
+    title,
+    history
+  } = props;
+  const goto = () => {
+    if (path) {
+      history.push(path);
+      return;
+    }
+    if (index) {
+      history.go(index);
+      return;
+    }
+    if (onClick) {
+      onClick == null ? void 0 : onClick();
+      return;
+    }
+    history.goBack();
+  };
+  return /* @__PURE__ */React__default.createElement("span", {
+    className: cx(GobackButtonStyle)
+  }, /* @__PURE__ */React__default.createElement(Icon, {
+    src: ArrowChevronLeft16BoldTertiaryIcon,
+    hoverSrc: ArrowChevronLeft16BoldBlueIcon,
+    onClick: goto
+  }, /* @__PURE__ */React__default.createElement("span", {
+    className: cx(Typo.Label.l4_bold, "link-text")
+  }, title)));
+};
+var GoBackButton = GobackButton;
+
+export { GoBackButton as default };

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

@@ -0,0 +1,35 @@
+import { ParrotTrans } from '../../core/ParrotTrans/index.js';
+import Tag from '../../core/Tag/index.js';
+import React__default from 'react';
+
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+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 tagStyle = "E_tqjc4ui";
+const I18nNameTag = props => {
+  const _a = props,
+    {
+      name,
+      i18nKey
+    } = _a,
+    otherOption = __objRest(_a, ["name", "i18nKey"]);
+  return /* @__PURE__ */React__default.createElement(ParrotTrans, {
+    i18nKey,
+    tOptions: otherOption
+  }, "h", /* @__PURE__ */React__default.createElement(Tag.NameTag, {
+    className: tagStyle
+  }, {
+    name
+  }));
+};
+var I18nNameTag$1 = I18nNameTag;
+
+export { I18nNameTag$1 as default };

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

@@ -0,0 +1,32 @@
+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: "E_n12mqh7z",
+  propsAsIs: false
+});
+const TooltipText = /*#__PURE__*/styled('span')({
+  name: "TooltipText",
+  class: "E_tf5bynu",
+  propsAsIs: false
+});
+const ToolTipStyle = "E_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

@@ -0,0 +1,90 @@
+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 = "E_ou7iq30";
+const SingleLineStyle = "E_s1tui002";
+const _exp = /*#__PURE__*/() => ({
+  lineClamp = 2
+}) => lineClamp;
+const MultipleLine = /*#__PURE__*/styled('div')({
+  name: "MultipleLine",
+  class: "E_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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,108 @@
+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: "E_t1sqg15u",
+  propsAsIs: false
+});
+const TableHeader = /*#__PURE__*/styled('header')({
+  name: "TableHeader",
+  class: "E_t4zczcp",
+  propsAsIs: false
+});
+const TableContent = /*#__PURE__*/styled('div')({
+  name: "TableContent",
+  class: "E_t1s7goww",
+  propsAsIs: false
+});
+const TableRow = /*#__PURE__*/styled('div')({
+  name: "TableRow",
+  class: "E_t93e4cf",
+  propsAsIs: false
+});
+const _exp = /*#__PURE__*/() => props => props.width;
+const RowLabel = /*#__PURE__*/styled('label')({
+  name: "RowLabel",
+  class: "E_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

@@ -0,0 +1,57 @@
+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: "E_s1iv0tp1",
+  propsAsIs: false
+});
+const SwitchWithText = props => {
+  const {
+    t
+  } = useParrotTranslation();
+  const _a = props,
+    {
+      text = {
+        checked: t("common.enabled"),
+        unchecked: t("common.disabled")
+      }
+    } = _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

@@ -0,0 +1,150 @@
+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 = "E_t160l1cm";
+const TabMenuSubMenu = "E_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

@@ -0,0 +1,67 @@
+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: "E_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 };