@cloudtower/eagle 0.31.4 → 0.31.6

package/dist/esm/antd.js

@@ -1,5 +1,5 @@
 import { DatePicker, List, Menu, Skeleton, Tabs, Timeline, Typography, Upload, Select, Modal } from 'antd';
-export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Skeleton, Tabs, Timeline, Tree, Typography, Upload } from 'antd';
+export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Skeleton as AntdSkeleton, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Tabs, Timeline, Tree, Typography, Upload } from 'antd';
 
 const DatePickerRangePicker = DatePicker.RangePicker;
 const ListItem = List.Item;

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

@@ -1,6 +1,7 @@
 import { LoadingWrapper, LoadingLine1, LoadingLine2, LoadingLine3 } from './style.js';
 import { FullView } from '../Styled/index.js';
 import React__default, { Fragment } from 'react';
+import cs from 'classnames';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -21,10 +22,29 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const Loading = ({ fullView = true }) => {
+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 Loading = (_a) => {
+  var _b = _a, {
+    fullView = true,
+    className
+  } = _b, restProps = __objRest(_b, [
+    "fullView",
+    "className"
+  ]);
   const Wrapper = fullView ? FullView : Fragment;
   const props = fullView ? { className: "loading-full-view" } : {};
-  return /* @__PURE__ */ React__default.createElement(Wrapper, __spreadProps(__spreadValues({}, props), { "data-testid": "loading" }), /* @__PURE__ */ React__default.createElement("div", { className: LoadingWrapper }, /* @__PURE__ */ React__default.createElement("div", { className: LoadingLine1 }), /* @__PURE__ */ React__default.createElement("div", { className: LoadingLine2 }), /* @__PURE__ */ React__default.createElement("div", { className: LoadingLine3 })));
+  return /* @__PURE__ */ React__default.createElement(Wrapper, __spreadProps(__spreadValues({}, props), { "data-testid": "loading" }), /* @__PURE__ */ React__default.createElement("div", __spreadValues({ className: cs(LoadingWrapper, className) }, restProps), /* @__PURE__ */ React__default.createElement("div", { className: LoadingLine1 }), /* @__PURE__ */ React__default.createElement("div", { className: LoadingLine2 }), /* @__PURE__ */ React__default.createElement("div", { className: LoadingLine3 })));
 };
 var Loading$1 = Loading;
 

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

@@ -1,47 +1,135 @@
 import { SearchOutlined } from '@ant-design/icons';
+import { ArrowChevronUp16SecondaryIcon, ArrowChevronUp16BlueIcon, ArrowChevronDown16SecondaryIcon, ArrowChevronDown16BlueIcon, XmarkCloseCircleFill16TertiaryIcon, XmarkCloseCircleFill16SecondaryIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import Icon from '../Icon/index.js';
 import Input from '../Input/index.js';
+import Tooltip from '../Tooltip/index.js';
+import { Typo } from '../Typo/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import _ from 'lodash';
-import React__default from 'react';
+import React__default, { useState, 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 __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]);
-    }
+  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];
-    }
+  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 SearchInput = (props) => {
-  const _a = props, { onChange, debounceWait = 300 } = _a, restProps = __objRest(_a, ["onChange", "debounceWait"]);
+const InputStyle = "E_i11gg7mj";
+const CountTextStyle = "E_cc368xp";
+const IconContainerStyle = "E_i11o6xqj";
+const DisabledIconStyle = "E_d19ruhdj";
+const SearchInput = props => {
+  const _a = props,
+    {
+      onChange,
+      debounceWait = 300,
+      total = 0,
+      onSearchNext,
+      onSearchPrev
+    } = _a,
+    restProps = __objRest(_a, ["onChange", "debounceWait", "total", "onSearchNext", "onSearchPrev"]);
+  const [current, setCurrent] = useState(0);
+  const [value, setValue] = useState(props.value || "");
+  const {
+    t
+  } = useParrotTranslation();
   const onSearch = _.debounce(onChange, debounceWait);
-  return /* @__PURE__ */ React__default.createElement(
-    Input,
-    __spreadValues({
-      style: { width: 276 },
-      prefix: /* @__PURE__ */ React__default.createElement(SearchOutlined, null),
-      onChange: (e) => onSearch(e.target.value)
-    }, restProps)
-  );
+  const isNoMatch = total === 0;
+  const next = useCallback(() => {
+    if (total) {
+      onSearchNext == null ? void 0 : onSearchNext(value, current);
+      setCurrent(current + 1 > total ? 1 : current + 1);
+    }
+  }, [onSearchNext, current, total, value]);
+  const prev = useCallback(() => {
+    if (total) {
+      onSearchPrev == null ? void 0 : onSearchPrev(value, current);
+      setCurrent(current - 1 < 1 ? total : current - 1);
+    }
+  }, [onSearchPrev, current, total, value]);
+  const suffix = onSearchNext && onSearchPrev && value ? /* @__PURE__ */React__default.createElement(React__default.Fragment, null, typeof total === "number" ? /* @__PURE__ */React__default.createElement("span", {
+    className: cx(Typo.Label.l4_regular, CountTextStyle)
+  }, current, "/", total) : null, /* @__PURE__ */React__default.createElement("span", {
+    className: IconContainerStyle
+  }, isNoMatch ? /* @__PURE__ */React__default.createElement(Icon, {
+    className: DisabledIconStyle,
+    src: ArrowChevronUp16SecondaryIcon,
+    style: {
+      opacity: 0.5
+    }
+  }) : /* @__PURE__ */React__default.createElement(Tooltip, {
+    title: t("components.prev")
+  }, /* @__PURE__ */React__default.createElement(Icon, {
+    src: ArrowChevronUp16SecondaryIcon,
+    hoverSrc: ArrowChevronUp16BlueIcon,
+    onClick: prev
+  })), isNoMatch ? /* @__PURE__ */React__default.createElement(Icon, {
+    className: DisabledIconStyle,
+    src: ArrowChevronDown16SecondaryIcon,
+    style: {
+      opacity: 0.5
+    }
+  }) : /* @__PURE__ */React__default.createElement(Tooltip, {
+    title: t("components.next")
+  }, /* @__PURE__ */React__default.createElement(Icon, {
+    src: ArrowChevronDown16SecondaryIcon,
+    hoverSrc: ArrowChevronDown16BlueIcon,
+    onClick: next
+  })), /* @__PURE__ */React__default.createElement(Tooltip, {
+    title: t("components.clear")
+  }, /* @__PURE__ */React__default.createElement(Icon, {
+    src: XmarkCloseCircleFill16TertiaryIcon,
+    hoverSrc: XmarkCloseCircleFill16SecondaryIcon,
+    onClick: () => {
+      onSearch("");
+      setValue("");
+    }
+  })))) : null;
+  useEffect(() => {
+    setValue(props.value || "");
+  }, [props.value]);
+  useEffect(() => {
+    setCurrent(total ? 1 : 0);
+  }, [value, total]);
+  return /* @__PURE__ */React__default.createElement(Input, __spreadProps(__spreadValues({
+    style: {
+      width: 276
+    },
+    prefix: /* @__PURE__ */React__default.createElement(SearchOutlined, null),
+    suffix,
+    onChange: e => {
+      const newValue = e.target.value;
+      onSearch(newValue);
+      setValue(newValue);
+    },
+    onPressEnter: next,
+    value
+  }, restProps), {
+    className: cx(InputStyle, restProps.className)
+  }));
 };
 var SearchInput$1 = SearchInput;
 

package/dist/esm/core/Skeleton/Content.js

@@ -0,0 +1,23 @@
+import cs from 'classnames';
+import React__default from 'react';
+
+const SkeletonContentStyle = "E_s20iney";
+const SkeletonContent = props => {
+  const {
+    width = "100%",
+    height = "100%",
+    className
+  } = props;
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: cs("skeleton-box", SkeletonContentStyle, className),
+    style: {
+      width,
+      height
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "skeleton-shimmer"
+  }));
+};
+var SkeletonContent$1 = SkeletonContent;
+
+export { SkeletonContent$1 as default };

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

@@ -0,0 +1,7 @@
+import SkeletonContent from './Content.js';
+
+const Skeleton = {
+  Content: SkeletonContent
+};
+
+export { Skeleton, SkeletonContent, Skeleton as default };

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

@@ -0,0 +1,59 @@
+import { FullView } from '../../core/Styled/index.js';
+import Icon from '../../core/Icon/index.js';
+import React__default, { Fragment } from 'react';
+import cs from 'classnames';
+import { Loading64GradientBlueIcon } from '@cloudtower/icons-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 LoadingWrapper = "E_l12xdkhl";
+const CircleLoading = _a => {
+  var _b = _a,
+    {
+      fullView = true,
+      className
+    } = _b,
+    restProps = __objRest(_b, ["fullView", "className"]);
+  const Wrapper = fullView ? FullView : Fragment;
+  const props = fullView ? {
+    className: "loading-full-view"
+  } : {};
+  return /* @__PURE__ */React__default.createElement(Wrapper, __spreadProps(__spreadValues({}, props), {
+    "data-testid": "loading"
+  }), /* @__PURE__ */React__default.createElement("div", __spreadValues({
+    className: cs(LoadingWrapper, className)
+  }, restProps), /* @__PURE__ */React__default.createElement(Icon, {
+    src: Loading64GradientBlueIcon,
+    iconWidth: 64,
+    iconHeight: 64
+  })));
+};
+var CircleLoading$1 = CircleLoading;
+
+export { CircleLoading$1 as default };

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

@@ -24,6 +24,14 @@ var __spreadValues = (a, b) => {
   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 OverflowText = "E_ou7iq30";
 const SingleLineStyle = "E_s1tui002";
 const _exp = /*#__PURE__*/() => ({
@@ -37,13 +45,17 @@ const MultipleLine = /*#__PURE__*/styled('div')({
     "mxrc2zg-0": [_exp()]
   }
 });
+const TooltipDefaultClass = "E_t1vv6d68";
 const OverflowTooltip = props => {
-  const {
-    content,
-    className,
-    onClick,
-    multiLines
-  } = props;
+  const _a = props,
+    {
+      content,
+      className,
+      onClick,
+      multiLines,
+      overlayClassName
+    } = _a,
+    restProps = __objRest(_a, ["content", "className", "onClick", "multiLines", "overlayClassName"]);
   const tooltip = props.tooltip || content;
   const [ellipsis, setEllipsis] = useState(false);
   const textRef = useRef(null);
@@ -66,10 +78,11 @@ const OverflowTooltip = props => {
       observer == null ? void 0 : observer.disconnect();
     };
   });
-  return /* @__PURE__ */React__default.createElement(Tooltip, __spreadProps(__spreadValues({}, !ellipsis && {
+  return /* @__PURE__ */React__default.createElement(Tooltip, __spreadProps(__spreadValues(__spreadValues({}, restProps), !ellipsis && {
     visible: false
   }), {
-    title: tooltip
+    title: tooltip,
+    overlayClassName: cx(TooltipDefaultClass, overlayClassName)
   }), isMultiLine ? /* @__PURE__ */React__default.createElement(MultipleLine, {
     ref: textRef,
     className: cx(OverflowText, className),

package/dist/esm/index.js

@@ -59,7 +59,7 @@ export { default as Second } from './core/Second/index.js';
 export { default as SegmentControl } from './core/SegmentControl/index.js';
 export { default as Select } from './core/Select/index.js';
 export { default as SimplePagination } from './core/SimplePagination/index.js';
-export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Skeleton, Space, Tabs, Timeline, Tree, Typography, Upload } from 'antd';
+export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Skeleton as AntdSkeleton, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Space, Tabs, Timeline, Tree, Typography, Upload } from 'antd';
 export { default as Speed } from './core/Speed/index.js';
 export { default as StatusCapsule, StatusIcon, StatusPresetColors } from './core/StatusCapsule/index.js';
 export { default as Steps } from './core/Steps/index.js';
@@ -103,6 +103,8 @@ export { ColumnTitle, EmptyRowMenu, KitTableContext, TableLoading } from './core
 export { ValidateTriggerType } from './core/TableForm/types.js';
 export { Typo } from './core/Typo/index.js';
 export { ConfigProvider } from './core/ConfigProvider/index.js';
+export { default as Skeleton } from './core/Skeleton/index.js';
+export { default as SkeletonContent } from './core/Skeleton/Content.js';
 export { default as BarChart, getWidth } from './coreX/BarChart/index.js';
 export { default as BatchOperation, renderBatchOperationMenuItem } from './coreX/BatchOperation/index.js';
 export { default as ChartWithTooltip, ChartWithUnit } from './coreX/ChartWithTooltip/index.js';
@@ -123,11 +125,12 @@ export { default as SummaryTable, SummaryTableRow } from './coreX/SummaryTable/i
 export { default as SwitchWithText } from './coreX/SwitchWithText/index.js';
 export { default as TabMenu } from './coreX/TabMenu/index.js';
 export { default as UnitWithChart, UnitWrapper } from './coreX/UnitWithChart/index.js';
+export { default as CircleLoading } from './coreX/CircleLoading/index.js';
 export { getCalendarTitle } from './coreX/common/getCalendarTitle.js';
 export { default as AbsoluteDate } from './coreX/DateRangePicker/AbsoluteDate.js';
 export { default as DateRangePickerCalendar } from './coreX/DateRangePicker/Calendar.js';
 export { default as InputTime } from './coreX/DateRangePicker/InputTime.js';
 export { default as RelativeTime } from './coreX/DateRangePicker/RelativeTime.js';
-export { Animation } from './styles/token/animation.js';
+export { Animation, Keyframes } from './styles/token/animation.js';
 export { Color } from './styles/token/color.js';
 export { zIndices } from './styles/token/zIndices.js';