@cloudtower/eagle 0.28.0-dry → 0.28.0

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 = "E_s1dni7lo";
+const DropdownStyle = "E_d1wwmmm5";
+const OptionWrapperStyle = cx("E_o1ugr09p", Typo.Label.l3_regular);
+const OptionFirstLineStyle = cx("E_o1ifxsq4", Typo.Label.l3_regular);
+const OptionSecondLineStyle = cx("E_o1zue7", Typo.Label.l4_regular);
+const TagStyle = "E_tyfmlxg";
+const OptionPlaceholder = "E_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 TokenPresetColors = ["blue", "red", "yellow", "green", "gray", "purple"];
+const Size = {
+  small: "E_s1sck0th",
+  medium: "E_m855nr1",
+  large: "E_l1270xpg"
+};
+const TokenStyle = "E_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}`]: TokenPresetColors.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 { TokenPresetColors, Token$1 as default };

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

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

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

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

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

@@ -0,0 +1,128 @@
+const d1_bold_title = "E_dsnbhzf";
+const d1s_bold_title = "E_d1mvo22k";
+const d1_regular_title = "E_d1b444tr";
+const d2_bold_title = "E_dvs0kue";
+const d2_regular_title = "E_d1hcbfcq";
+const d3_bold_title = "E_d1cz922v";
+const d3_regular_title = "E_d3nzbrm";
+const h1_bold_title = "E_h1g0p5ob";
+const h1_regular_title = "E_hydo2ej";
+const h2_bold_title = "E_h1hbuq0r";
+const h2_regular_title = "E_h13bondg";
+const h3_bold_title = "E_h1mhvdlx";
+const h3_regular_title = "E_h1inmfq6";
+const h3_bold_upper = "E_h1kfc0la";
+const h3_regular_upper = "E_h10xnyuu";
+const l1_regular = "E_lrcmi0v";
+const l1_bold = "E_lzt43lp";
+const l1_regular_title = "E_l5yc9nt";
+const l1_bold_title = "E_l1fbkbzo";
+const l1_regular_upper = "E_lahvcax";
+const l1_bold_upper = "E_l11q3pxd";
+const l2_regular = "E_lfuc2qu";
+const l2_medium = "E_l1jmp8r0";
+const l2_bold = "E_lcnm221";
+const l2_regular_title = "E_lu1z2n5";
+const l2_bold_title = "E_l1r59djn";
+const l2_regular_upper = "E_ljm2911";
+const l2_bold_upper = "E_l124mzmr";
+const l3_regular = "E_lb3chel";
+const l3_semibold = "E_lv9jstu";
+const l3_bold = "E_lwqlh3x";
+const l3_regular_title = "E_lalum9y";
+const l3_semibold_title = "E_l1t6dj5o";
+const l3_bold_title = "E_l12f6ic";
+const l3_regular_upper = "E_l7gmukq";
+const l3_bold_upper = "E_lkwl0yp";
+const l4_regular = "E_l10knv48";
+const l4_medium = "E_l6526ld";
+const l4_bold = "E_l1j81vli";
+const l4_regular_title = "E_l1x7n1mk";
+const l4_medium_title = "E_l9fqufz";
+const l4_bold_title = "E_l1iwnybd";
+const l4_regular_upper = "E_lprtm1e";
+const l4_bold_upper = "E_l1lln87h";
+const f1_regular = "E_f2pb48l";
+const f1_regular_title = "E_fi9emkw";
+const f2_regular = "E_f1nrg7da";
+const f2_regular_title = "E_f17k1i3n";
+const t1_regular_mono = "E_t1tvuj2e";
+const t1_regular_slash = "E_t17uajlu";
+const t2_regular_mono = "E_t114zbyz";
+const t2_medium_mono = "E_t1il0kvi";
+const t2_regular_slash = "E_t10dv8p1";
+const t2_medium_slash = "E_tc2oqpq";
+const t16_bold_slash = "E_tzvddmc";
+const u1 = "E_u18llj45";
+const Typo = {
+  Display: {
+    d1_bold_title,
+    d1s_bold_title,
+    d1_regular_title,
+    d2_bold_title,
+    d2_regular_title,
+    d3_bold_title,
+    d3_regular_title
+  },
+  Heading: {
+    h1_bold_title,
+    h1_regular_title,
+    h2_bold_title,
+    h2_regular_title,
+    h3_bold_title,
+    h3_bold_upper,
+    h3_regular_title,
+    h3_regular_upper
+  },
+  Label: {
+    l1_bold,
+    l1_bold_title,
+    l1_bold_upper,
+    l1_regular,
+    l1_regular_title,
+    l1_regular_upper,
+    l2_bold,
+    l2_bold_title,
+    l2_bold_upper,
+    l2_regular,
+    l2_regular_title,
+    l2_regular_upper,
+    l2_medium,
+    l3_bold,
+    l3_semibold,
+    l3_bold_title,
+    l3_bold_upper,
+    l3_regular,
+    l3_regular_title,
+    l3_semibold_title,
+    l3_regular_upper,
+    l4_bold,
+    l4_bold_title,
+    l4_bold_upper,
+    l4_regular,
+    l4_medium,
+    l4_regular_title,
+    l4_medium_title,
+    l4_regular_upper
+  },
+  Footnote: {
+    f1_regular,
+    f1_regular_title,
+    f2_regular,
+    f2_regular_title
+  },
+  Tabular: {
+    t1_regular_mono,
+    t1_regular_slash,
+    t2_regular_mono,
+    t2_medium_mono,
+    t2_regular_slash,
+    t2_medium_slash,
+    t16_bold_slash
+  },
+  UNKNOWN: {
+    u1
+  }
+};
+
+export { Typo };

package/dist/esm/core/index.js

@@ -0,0 +1,21 @@
+import Bit from './Bit/index.js';
+import BitPerSecond from './BitPerSecond/index.js';
+import Bps from './Bps/index.js';
+import Byte from './Byte/index.js';
+import Frequency from './Frequency/index.js';
+import Percent from './Percent/index.js';
+import Second from './Second/index.js';
+import Speed from './Speed/index.js';
+
+const units = {
+  Percent,
+  Byte,
+  Frequency,
+  Speed,
+  Bps,
+  BitPerSecond,
+  Bit,
+  Second
+};
+
+export { Bit, BitPerSecond, Bps, Byte, Frequency, Percent, Second, Speed, units as Units, units };