@cloudtower/eagle 0.28.0-dry → 0.28.0

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

@@ -0,0 +1,138 @@
+import Loading from '../Loading/index.js';
+import { Typo } from '../Typo/index.js';
+import { Select as Select$2 } from 'antd';
+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';
+
+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 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 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;
+  }));
+};
+var Select$1 = Select;
+
+export { Select$1 as default };

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

@@ -0,0 +1,28 @@
+import { Menu } from 'antd5';
+import React__default from 'react';
+import { Antd5PrefixCls } from '../../utils/constants.js';
+
+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 SidebarMenu = (props) => {
+  return /* @__PURE__ */ React__default.createElement(Menu, __spreadProps(__spreadValues({}, props), { prefixCls: `${Antd5PrefixCls}-menu`, mode: "inline" }));
+};
+
+export { SidebarMenu };

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

@@ -0,0 +1,88 @@
+import { ArrowChevronLeftSmall16BoldBlueIcon } from '@cloudtower/icons-react';
+import Button from '../Button/index.js';
+import Icon from '../Icon/index.js';
+import InputInteger from '../InputInteger/index.js';
+import { PaginationStyle } from '../Pagination/index.js';
+import { Typo } from '../Typo/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import cs from 'classnames';
+import React__default, { useCallback } from 'react';
+
+const inputStyle = "E_ivqqkzv";
+const SimplePagination = props => {
+  const {
+    className,
+    current,
+    count,
+    size,
+    onPageChange
+  } = props;
+  const {
+    t
+  } = useParrotTranslation();
+  const pageLength = count === 0 ? 1 : Math.ceil(count / size);
+  const showPrev = current > 1;
+  const showNext = current * size < count;
+  const changeValue = useCallback(value => {
+    const page = parseInt(value);
+    if (page > 0) {
+      onPageChange == null ? void 0 : onPageChange(Math.min(pageLength, page));
+    } else {
+      onPageChange == null ? void 0 : onPageChange(1);
+    }
+  }, [onPageChange, pageLength]);
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: cs(PaginationStyle, "pagination-wrapper", className)
+  }, /* @__PURE__ */React__default.createElement("span", {
+    className: Typo.Label.l3_regular_title
+  }, t("components.pagination_lots_total", {
+    total: count
+  })), /* @__PURE__ */React__default.createElement("span", {
+    className: "pagination-right"
+  }, showPrev && /* @__PURE__ */React__default.createElement(Button, {
+    className: "prev-btn",
+    type: "quiet",
+    size: "small",
+    style: {
+      marginRight: "8px"
+    },
+    prefixIcon: /* @__PURE__ */React__default.createElement(Icon, {
+      alt: "arrowChevronLeftSmall16BoldBlue",
+      src: ArrowChevronLeftSmall16BoldBlueIcon
+    }),
+    onClick: () => {
+      onPageChange == null ? void 0 : onPageChange(current - 1);
+    }
+  }), /* @__PURE__ */React__default.createElement(InputInteger, {
+    className: cs(Typo.Label.l3_regular, inputStyle),
+    value: current,
+    size: "small",
+    onKeyDown: event => {
+      if (event.key === "Enter") {
+        changeValue(event.target.value);
+      }
+    },
+    onBlur: event => {
+      changeValue(event.target.value);
+    }
+  }), /* @__PURE__ */React__default.createElement("span", {
+    className: cs("E_c1wk4q29", Typo.Label.l3_regular_upper)
+  }, `/ ${pageLength}`), showNext && /* @__PURE__ */React__default.createElement(Button, {
+    className: "next-btn",
+    type: "quiet",
+    size: "small",
+    style: {
+      marginLeft: "8px"
+    },
+    prefixIcon: /* @__PURE__ */React__default.createElement(Icon, {
+      alt: "arrowChevronLeftSmall16BoldBlue",
+      src: ArrowChevronLeftSmall16BoldBlueIcon
+    }),
+    onClick: () => {
+      onPageChange == null ? void 0 : onPageChange(current + 1);
+    }
+  })));
+};
+var SimplePagination$1 = SimplePagination;
+
+export { SimplePagination$1 as default };

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

@@ -0,0 +1,38 @@
+import { cx } from '@linaria/core';
+import Empty from '../Empty/index.js';
+import isEmpty from '../../utils/isEmpty.js';
+import { formatSpeed } from '../../utils/tower.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;
+};
+const Speed = ({
+  rawValue,
+  decimals,
+  valueClassName,
+  unitClassName,
+  emptyProps
+}) => {
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, 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}`));
+};
+var Speed$1 = Speed;
+
+export { Speed$1 as default };

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

@@ -0,0 +1,94 @@
+import { Loading8GradientBlueIcon } from '@cloudtower/icons-react';
+import { styled } from '@linaria/react';
+import Icon from '../Icon/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 StatusPresetColors = ["blue", "red", "yellow", "green", "gray"];
+const StatusCapsuleStyle = "E_sddwhm6";
+const StatusCode = /*#__PURE__*/styled('i')({
+  name: "StatusCode",
+  class: "E_satwmqm",
+  propsAsIs: false
+});
+const StatusIcon = ({
+  loading
+}) => {
+  if (loading) {
+    return /* @__PURE__ */React__default.createElement(Icon, {
+      className: "ui-kit-status-capsule-icon ui-kit-status-capsule-icon-loading",
+      iconWidth: 8,
+      iconHeight: 8,
+      isRotate: true,
+      src: Loading8GradientBlueIcon
+    });
+  }
+  return /* @__PURE__ */React__default.createElement(StatusCode, {
+    className: "ui-kit-status-capsule-icon"
+  });
+};
+const ColorMap = {
+  success: "green",
+  danger: "red",
+  warning: "yellow"
+};
+const StatusCapsule = _a => {
+  var _b = _a,
+    {
+      color = "gray",
+      className,
+      loading,
+      hoverable = false,
+      children,
+      offWhiteMode,
+      number
+    } = _b,
+    props = __objRest(_b, ["color", "className", "loading", "hoverable", "children", "offWhiteMode", "number"]);
+  const computedColor = ColorMap[color] || color;
+  return /* @__PURE__ */React__default.createElement(Tag, __spreadProps(__spreadValues({}, props), {
+    className: cs(className, StatusCapsuleStyle, Typo.Label.l4_regular, "ui-kit-status-capsule", {
+      [`ant-tag-${computedColor}`]: StatusPresetColors.includes(computedColor),
+      "tag-hover": hoverable,
+      "off-white": offWhiteMode
+    }),
+    closable: false,
+    color: computedColor === "gray" ? void 0 : computedColor
+  }), /* @__PURE__ */React__default.createElement(StatusIcon, {
+    loading
+  }), children, !!number && /* @__PURE__ */React__default.createElement("span", {
+    className: "ui-kit-status-capsule-number"
+  }, number));
+};
+var StatusCapsule$1 = StatusCapsule;
+
+export { StatusIcon, StatusPresetColors, StatusCapsule$1 as default };

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

@@ -0,0 +1,42 @@
+import cs from 'classnames';
+import React__default, { useRef, useLayoutEffect } from 'react';
+
+const CircleProgressStyle = "E_c1bus5hc";
+const CircleProgress = props => {
+  const {
+    percent,
+    color = "#0080ff",
+    className
+  } = props;
+  const wrapperRef = useRef(null);
+  const childRef = useRef(null);
+  useLayoutEffect(() => {
+    var _a;
+    (_a = wrapperRef.current) == null ? void 0 : _a.style.setProperty("--color", color);
+  }, [color]);
+  useLayoutEffect(() => {
+    let deg = 0;
+    const childStyle = childRef.current.style;
+    if (percent <= 0.5) {
+      deg = 180 * (percent / 0.5);
+      childStyle.background = "white";
+    } else {
+      deg = 180 * ((percent - 0.5) / 0.5);
+      childStyle.background = color;
+    }
+    childStyle.transform = `rotate(${deg}deg)`;
+  }, [percent, color]);
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: cs(CircleProgressStyle, className),
+    ref: wrapperRef
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "circle-inner"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "circle-content"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "circle-child",
+    ref: childRef
+  })));
+};
+
+export { CircleProgress };

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

@@ -0,0 +1,124 @@
+import { CheckmarkDoneSuccessCorrect16SecondaryIcon } from '@cloudtower/icons-react';
+import { StepsStyle, VerticalStyle, HorizontalStyle, VerticalStepContentStyle, HorizontalStepContentStyle } from './style.js';
+import Tooltip from '../Tooltip/index.js';
+import { Steps as Steps$2 } from 'antd';
+import cs from 'classnames';
+import React__default, { useRef, useState, 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 StepTitle = (props) => {
+  const { current, step, index, isVerticalMode, preview } = props;
+  const textRef = useRef(null);
+  const [tooltipEnable, setTooltipEnable] = useState({
+    visible: false
+  });
+  const showCompletedIcon = !preview && index < current;
+  useLayoutEffect(() => {
+    if (textRef.current && textRef.current.offsetWidth < textRef.current.scrollWidth) {
+      setTooltipEnable({});
+    }
+  }, [textRef]);
+  return /* @__PURE__ */ React__default.createElement(Tooltip, __spreadProps(__spreadValues({}, tooltipEnable), { title: step.title }), /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: isVerticalMode ? VerticalStepContentStyle : HorizontalStepContentStyle
+    },
+    /* @__PURE__ */ React__default.createElement("span", { className: "step-item-prefix-container" }, showCompletedIcon ? /* @__PURE__ */ React__default.createElement(CheckmarkDoneSuccessCorrect16SecondaryIcon, null) : index + 1),
+    /* @__PURE__ */ React__default.createElement("span", { ref: textRef, className: "step-item-title" }, /* @__PURE__ */ React__default.createElement("span", { className: "step-item-title" }, step.title))
+  ));
+};
+const Steps = (props) => {
+  const _a = props, {
+    stepsConfig,
+    direction,
+    containerClassname,
+    current = 0,
+    disabled,
+    preview = false
+  } = _a, stepsProps = __objRest(_a, [
+    "stepsConfig",
+    "direction",
+    "containerClassname",
+    "current",
+    "disabled",
+    "preview"
+  ]);
+  const isVerticalMode = direction === "vertical";
+  const isPreviewMode = isVerticalMode && preview;
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(
+        containerClassname,
+        StepsStyle,
+        isVerticalMode ? VerticalStyle : HorizontalStyle
+      )
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Steps$2,
+      __spreadProps(__spreadValues({}, stepsProps), {
+        direction,
+        current,
+        type: "default"
+      }),
+      (stepsConfig == null ? void 0 : stepsConfig.length) ? stepsConfig.map((step, index) => {
+        var _a2;
+        return /* @__PURE__ */ React__default.createElement(
+          Steps$2.Step,
+          __spreadProps(__spreadValues({
+            key: index
+          }, step), {
+            disabled: isPreviewMode ? false : (_a2 = disabled != null ? disabled : step == null ? void 0 : step.disabled) != null ? _a2 : index > current,
+            className: cs(
+              step.className,
+              isPreviewMode ? "preview-mode" : ""
+            ),
+            title: /* @__PURE__ */ React__default.createElement(
+              StepTitle,
+              {
+                index,
+                step,
+                current,
+                isVerticalMode,
+                preview: isPreviewMode
+              }
+            )
+          })
+        );
+      }) : props.children
+    )
+  );
+};
+var Steps$1 = Steps;
+
+export { Steps$1 as default };

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

@@ -0,0 +1,7 @@
+const StepsStyle = "E_sjob3jg";
+const HorizontalStyle = "E_hjvj6s6";
+const VerticalStyle = "E_v4tv3mf";
+const HorizontalStepContentStyle = "E_h6l1tj4";
+const VerticalStepContentStyle = "E_v18frne8";
+
+export { HorizontalStepContentStyle, HorizontalStyle, StepsStyle, VerticalStepContentStyle, VerticalStyle };