@cloudtower/eagle 0.27.53 → 0.27.55

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

@@ -0,0 +1,91 @@
+import { PresetColors as PresetColors$1 } from './const.js';
+import SplitTag from './SplitTag.js';
+import { Size, TagStyle, IconStyle, NameTagStyle } from './style.js';
+import { Typo } from '../Typo/index.js';
+import { Tag as Tag$2 } from 'antd';
+import cs from 'classnames';
+import React__default 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 PresetColors = [
+  ...PresetColors$1,
+  "red-ontint",
+  "green-ontint"
+];
+const AntdColorMap = {
+  processing: "blue",
+  success: "green",
+  error: "red",
+  warn: "yellow",
+  default: "gray"
+};
+const Tag = (_a) => {
+  var _b = _a, {
+    size = "small",
+    color = "gray",
+    className,
+    hoverable = false,
+    icon,
+    children
+  } = _b, props = __objRest(_b, [
+    "size",
+    "color",
+    "className",
+    "hoverable",
+    "icon",
+    "children"
+  ]);
+  const computedColor = AntdColorMap[color] || color;
+  return /* @__PURE__ */ React__default.createElement(
+    Tag$2,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs(className, Size[size], TagStyle, Typo.Label.l4_regular, {
+        [`ant-tag-${computedColor}`]: PresetColors.includes(computedColor),
+        "tag-hover": hoverable
+      }),
+      closable: false,
+      color: computedColor === "gray" ? void 0 : computedColor
+    }),
+    icon && /* @__PURE__ */ React__default.createElement("span", { className: IconStyle }, icon),
+    children
+  );
+};
+const NameTag = (_c) => {
+  var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
+  return /* @__PURE__ */ React__default.createElement(Tag, __spreadValues({ className: cs(NameTagStyle, className) }, props));
+};
+Tag.SplitTag = SplitTag;
+Tag.NameTag = NameTag;
+var Tag$1 = Tag;
+
+export { PresetColors, Tag$1 as default };

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

@@ -0,0 +1,9 @@
+const Size = {
+  small: "slr2ynn",
+  medium: "m140wbb6"
+};
+const TagStyle = "t1fozc1i";
+const IconStyle = "i1vxv4ln";
+const NameTagStyle = "n1afl31m";
+
+export { IconStyle, NameTagStyle, Size, TagStyle };

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

@@ -0,0 +1,70 @@
+import { InputStyle } from '../Styled/index.js';
+import { Typo } from '../Typo/index.js';
+import { Input } from 'antd';
+import cs from 'classnames';
+import React__default 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 TextArea = (_a) => {
+  var _b = _a, {
+    className,
+    error,
+    size = "middle"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "error",
+    "size"
+  ]);
+  const typo = {
+    large: Typo.Label.l2_regular,
+    middle: Typo.Label.l3_regular,
+    small: Typo.Label.l4_regular
+  }[size];
+  return /* @__PURE__ */ React__default.createElement(
+    Input.TextArea,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs(
+        className,
+        InputStyle,
+        typo,
+        error && "error",
+        !props.autoSize && !props.onFocusChangeHeight && `textarea-${size}`,
+        size === "large" && "ant-input-lg",
+        size === "small" && "ant-input-sm"
+      )
+    })
+  );
+};
+var TextArea$1 = TextArea;
+
+export { TextArea$1 as default };

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

@@ -0,0 +1,29 @@
+import cs from 'classnames';
+import dayjs from 'dayjs';
+import React__default from 'react';
+
+const timeWrapper = "tju3gfj";
+const Time = props => {
+  const {
+    className,
+    date,
+    dateTemplate = "YYYY-MM-DD",
+    timeTemplate = "HH:mm",
+    plainText
+  } = props;
+  if (!date) return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, "-");
+  const time = dayjs(date);
+  if (plainText) {
+    return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, dateTemplate !== null && time.format(dateTemplate), " ", timeTemplate !== null && time.format(timeTemplate));
+  }
+  return /* @__PURE__ */React__default.createElement("span", {
+    className: cs("time-wrapper", timeWrapper, className)
+  }, dateTemplate !== null && /* @__PURE__ */React__default.createElement("span", {
+    className: "date"
+  }, time.format(dateTemplate)), timeTemplate !== null && /* @__PURE__ */React__default.createElement("span", {
+    className: "time"
+  }, time.format(timeTemplate)));
+};
+var Time$1 = Time;
+
+export { Time$1 as default };

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

@@ -0,0 +1,64 @@
+import { InputStyle } from '../Styled/index.js';
+import { Typo } from '../Typo/index.js';
+import { TimePicker as TimePicker$2 } from 'antd';
+import cs from 'classnames';
+import React__default 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 TimePicker = (_a) => {
+  var _b = _a, {
+    className,
+    error,
+    size = "middle"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "error",
+    "size"
+  ]);
+  const typo = {
+    large: Typo.Label.l2_regular,
+    middle: Typo.Label.l3_regular,
+    small: Typo.Label.l4_regular
+  }[size];
+  return /* @__PURE__ */ React__default.createElement(
+    TimePicker$2,
+    __spreadProps(__spreadValues({}, props), {
+      size,
+      "data-test": props.name,
+      className: cs(className, InputStyle, typo, error ? "error" : "")
+    })
+  );
+};
+var TimePicker$1 = TimePicker;
+
+export { TimePicker$1 as default };

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

@@ -0,0 +1,163 @@
+import { CheckmarkDoneSuccessCorrect16BlueIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import Icon from '../Icon/index.js';
+import Select$1 from '../Select/index.js';
+import { Typo } from '../Typo/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { Select, Tag } from 'antd';
+import { uniqBy, groupBy, sortBy, toPairs } from 'lodash';
+import React__default, { useState, useCallback, useEffect } from 'react';
+import TimeZones from 'timezones.json';
+
+const allTimeZones = uniqBy(TimeZones.reduce((sum, zone) => {
+  const utcZones = zone.utc.map(utc => {
+    return {
+      abbr: zone.abbr,
+      text: zone.text.replace(/\(.*\) /, ""),
+      value: utc,
+      offset: zone.offset
+    };
+  });
+  return sum.concat(utcZones);
+}, []), "value");
+const timeZoneGroups = (() => {
+  const groupedTimeZones = groupBy(allTimeZones, tz => tz.value.split("/")[0]);
+  delete groupedTimeZones["CST6CDT"];
+  delete groupedTimeZones["MST7MDT"];
+  delete groupedTimeZones["PST8PDT"];
+  delete groupedTimeZones["Etc"];
+  return sortBy(toPairs(groupedTimeZones).map(([key, tzs]) => {
+    return [key, sortBy(tzs, "value")];
+  }), "0");
+})();
+const SelectStyle = "s1dni7lo";
+const DropdownStyle = "d1wwmmm5";
+const OptionWrapperStyle = cx("o1ugr09p", Typo.Label.l3_regular);
+const OptionFirstLineStyle = cx("o1ifxsq4", Typo.Label.l3_regular);
+const OptionSecondLineStyle = cx("o1zue7", Typo.Label.l4_regular);
+const TagStyle = "tyfmlxg";
+const OptionPlaceholder = "o18uybox";
+const BrowserTimeValue = "browser_time_zone";
+const browserTzName = Intl.DateTimeFormat().resolvedOptions().timeZone;
+const browserTz = allTimeZones.find(tz => tz.value === browserTzName) || allTimeZones[0];
+const TimeZoneSelect = props => {
+  const {
+    value,
+    onChange,
+    disabled,
+    defaultUseBrowserTime,
+    className,
+    placeholder
+  } = props;
+  const [innerValue, setInnerValue] = useState(value);
+  const {
+    t
+  } = useParrotTranslation();
+  const _onChange = useCallback(val => {
+    setInnerValue(val);
+    if (val === BrowserTimeValue) {
+      onChange(browserTzName);
+    } else {
+      onChange(val);
+    }
+  }, [onChange]);
+  useEffect(() => {
+    if (defaultUseBrowserTime && !value) {
+      setInnerValue(BrowserTimeValue);
+      onChange(browserTzName);
+    }
+  }, []);
+  useEffect(() => {
+    if (innerValue === BrowserTimeValue && value === browserTzName) return;
+    if (innerValue === value) return;
+    setInnerValue(value);
+  }, [innerValue, value]);
+  const timeZoneOptionGroups = timeZoneGroups.map(([key, timezones]) => {
+    return /* @__PURE__ */React__default.createElement(Select.OptGroup, {
+      label: key.toUpperCase()
+    }, timezones.map(zone => {
+      return /* @__PURE__ */React__default.createElement(Select.Option, {
+        label: `${zone.value} (${getUTCOffsetText(zone.offset)})`,
+        value: zone.value,
+        className: OptionWrapperStyle
+      }, /* @__PURE__ */React__default.createElement(TimeZoneOption, {
+        key: zone.value,
+        timeZone: zone
+      }));
+    }));
+  });
+  return /* @__PURE__ */React__default.createElement(Select$1, {
+    className: cx(SelectStyle, className),
+    dropdownClassName: DropdownStyle,
+    placeholder: /* @__PURE__ */React__default.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),
+    value: innerValue,
+    onChange: _onChange,
+    showSearch: true,
+    disabled,
+    filterOption: (keyword, option) => {
+      const hasSome = allTimeZones.some(tz => tz.value.toLowerCase().includes(keyword.toLowerCase()));
+      if (!hasSome) return false;
+      if ((option == null ? void 0 : option.value) === "_placeholder_") {
+        return true;
+      }
+      return ((option == null ? void 0 : option.value) || "").toLowerCase().includes(keyword.toLowerCase());
+    },
+    optionLabelProp: "label",
+    input: {}
+  }, /* @__PURE__ */React__default.createElement(Select.Option, {
+    value: BrowserTimeValue,
+    label: `${t("components.browser_time_zone")} (${getUTCOffsetText(browserTz.offset)})`,
+    className: OptionWrapperStyle
+  }, /* @__PURE__ */React__default.createElement(TimeZoneOption, {
+    key: BrowserTimeValue,
+    customLabel: t("components.browser_time_zone"),
+    timeZone: browserTz
+  })), /* @__PURE__ */React__default.createElement(Select.Option, {
+    value: "UTC",
+    className: OptionWrapperStyle
+  }, /* @__PURE__ */React__default.createElement(TimeZoneOption, {
+    key: "utc",
+    customLabel: t("components.coordinated_universal_time"),
+    timeZone: {
+      value: "UTC",
+      text: "UTC",
+      offset: 0,
+      abbr: "GMT"
+    }
+  })), timeZoneOptionGroups, /* @__PURE__ */React__default.createElement(Select.Option, {
+    value: "_placeholder_",
+    className: OptionPlaceholder
+  }, "_placeholder_"));
+};
+function getUTCOffsetText(offset) {
+  if (offset === 0) {
+    return "UTC";
+  } else if (offset < 0) {
+    return `UTC${offset}:00`;
+  } else {
+    return `UTC+${offset}:00`;
+  }
+}
+const TimeZoneOption = ({
+  timeZone,
+  customLabel
+}) => {
+  let tagText = getUTCOffsetText(timeZone.offset);
+  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement("div", {
+    className: OptionFirstLineStyle
+  }, /* @__PURE__ */React__default.createElement("span", {
+    className: "timezone-title"
+  }, customLabel || timeZone.value), /* @__PURE__ */React__default.createElement(Tag, {
+    className: cx("timezone-tag", TagStyle)
+  }, tagText)), /* @__PURE__ */React__default.createElement("div", {
+    className: OptionSecondLineStyle
+  }, /* @__PURE__ */React__default.createElement("span", null, timeZone.text, ", ", timeZone.abbr), /* @__PURE__ */React__default.createElement(Icon, {
+    className: "selected-icon",
+    src: CheckmarkDoneSuccessCorrect16BlueIcon,
+    iconHeight: 16,
+    iconWidth: 16
+  })));
+};
+var TimeZoneSelect$1 = TimeZoneSelect;
+
+export { TimeZoneSelect$1 as default };

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

@@ -0,0 +1,81 @@
+import { XmarkRemoveSmall16RegularInheritIcon } from '@cloudtower/icons-react';
+import Icon from '../Icon/index.js';
+import { IconStyle } from './style.js';
+import Tooltip from '../Tooltip/index.js';
+import { Typo } from '../Typo/index.js';
+import { Tag } from 'antd';
+import cs from 'classnames';
+import React__default 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 PresetColors = ["blue", "red", "yellow", "green", "gray", "purple"];
+const Size = {
+  small: "s1sck0th",
+  medium: "m855nr1",
+  large: "l1270xpg"
+};
+const TokenStyle = "t14rextb";
+const Token = React__default.forwardRef((_a, ref) => {
+  var _b = _a,
+    {
+      size = "small",
+      color = "gray",
+      className,
+      icon,
+      checked,
+      children,
+      tooltipConfig
+    } = _b,
+    props = __objRest(_b, ["size", "color", "className", "icon", "checked", "children", "tooltipConfig"]);
+  return /* @__PURE__ */React__default.createElement(Tag, __spreadProps(__spreadValues({}, props), {
+    ref,
+    className: cs(className, Size[size], TokenStyle, {
+      [Typo.Label.l4_regular]: size === "small" || size === "medium",
+      [Typo.Label.l3_regular]: size === "large",
+      [`ant-tag-${color}`]: PresetColors.includes(color)
+    }, "ui-kit-token", checked && "ui-kit-token-checked"),
+    closeIcon: /* @__PURE__ */React__default.createElement(Tooltip, __spreadValues({
+      title: tooltipConfig == null ? void 0 : tooltipConfig.title
+    }, !(tooltipConfig == null ? void 0 : tooltipConfig.title) && {
+      visible: false
+    }), /* @__PURE__ */React__default.createElement(Icon, {
+      className: "selected-icon",
+      src: XmarkRemoveSmall16RegularInheritIcon,
+      iconHeight: 16,
+      iconWidth: 16
+    })),
+    color: color === "gray" ? void 0 : color
+  }), icon && /* @__PURE__ */React__default.createElement("span", {
+    className: cs("ui-kit-tag-icon", IconStyle)
+  }, icon), children);
+});
+var Token$1 = Token;
+
+export { PresetColors, Token$1 as default };

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

@@ -0,0 +1,3 @@
+const IconStyle = "i1g85yz3";
+
+export { IconStyle };

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

@@ -0,0 +1,87 @@
+import { Tooltip as Tooltip$2 } from 'antd';
+import cs from 'classnames';
+import React__default, { useRef, useMemo, useCallback, 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));
+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;
+};
+let componentId = 0;
+const TooltipDefaultClass = "t1m2x205";
+const Tooltip = props => {
+  const _a = props,
+    {
+      followMouse,
+      overlayClassName,
+      overlayStyle,
+      children
+    } = _a,
+    restProps = __objRest(_a, ["followMouse", "overlayClassName", "overlayStyle", "children"]);
+  const id = useRef(++componentId);
+  const uniquePopupClass = `kit-popup-${id.current}`;
+  const uniqueContainerClass = `kit-tooltip-${id.current}`;
+  const _children = useMemo(() => {
+    if (followMouse) {
+      const child = React__default.isValidElement(children) ? children : /* @__PURE__ */React__default.createElement("span", null, children);
+      return React__default.cloneElement(child, {
+        className: cs(child.props.className, uniqueContainerClass)
+      });
+    } else {
+      return children;
+    }
+  }, [children, followMouse, uniqueContainerClass]);
+  const onmousemove = useCallback(event => {
+    const popup = document.querySelector(`.${uniquePopupClass}`);
+    if (!popup) return;
+    popup.style.left = event.pageX + "px";
+    popup.style.top = event.pageY + "px";
+  }, [uniquePopupClass]);
+  useEffect(() => {
+    if (followMouse) {
+      const container = document.querySelector(`.${uniqueContainerClass}`);
+      container == null ? void 0 : container.addEventListener("mousemove", onmousemove);
+      return () => {
+        container == null ? void 0 : container.removeEventListener("mousemove", onmousemove);
+      };
+    }
+  }, [followMouse, onmousemove, uniqueContainerClass]);
+  return /* @__PURE__ */React__default.createElement(Tooltip$2, __spreadProps(__spreadValues({}, restProps), {
+    overlayClassName: cs({
+      uniquePopupClass: followMouse,
+      TooltipDefaultClass,
+      overlayClassName
+    }),
+    children: _children,
+    overlayStyle: followMouse ? __spreadValues({
+      transform: "translate(-50%, -100%)",
+      pointerEvents: "none"
+    }, overlayStyle) : overlayStyle
+  }));
+};
+var Tooltip$1 = Tooltip;
+
+export { Tooltip$1 as default };

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

@@ -0,0 +1,47 @@
+import Tooltip from '../Tooltip/index.js';
+import cs from 'classnames';
+import React__default from 'react';
+
+const Inline = "iq1gosr";
+const Truncate = props => {
+  const {
+    text,
+    len = 100,
+    frontLen,
+    backLen = 4,
+    hoverShowFullText = true,
+    className,
+    inline
+  } = props;
+  if (len <= 0) {
+    console.error("[Truncate] prop len can not be 0 or negative number");
+    return null;
+  }
+  if (backLen < 0) {
+    console.error("[Truncate] prop backLen can not be negative number");
+    return null;
+  }
+  if (frontLen && frontLen < 0) {
+    console.error("[Truncate] prop frontLen can not be negative number");
+    return null;
+  }
+  const ellipse = "...";
+  let _backLen = Math.min(backLen, text.length - ellipse.length, len - ellipse.length);
+  const _frontLen = frontLen !== void 0 ? Math.min(frontLen, text.length - ellipse.length, len - ellipse.length) : Math.max(len - _backLen - ellipse.length, 0);
+  if (_frontLen + _backLen + ellipse.length > len) {
+    _backLen = len - _frontLen - ellipse.length;
+  }
+  const truncated = text.length <= len ? text : text.slice(0, _frontLen) + ellipse + text.slice(text.length - _backLen);
+  const Text = /* @__PURE__ */React__default.createElement("div", {
+    className: cs([className, inline && Inline])
+  }, truncated);
+  if (!hoverShowFullText || text.length <= len) {
+    return Text;
+  }
+  return /* @__PURE__ */React__default.createElement(Tooltip, {
+    title: text
+  }, Text);
+};
+var Truncate$1 = Truncate;
+
+export { Truncate$1 as default };