@cloudtower/eagle 0.32.46 → 0.32.48

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

@@ -0,0 +1,117 @@
+import { Loading8GradientBlueIcon } from '@cloudtower/icons-react';
+import { styled } from '@linaria/react';
+import Icon from '../Icon/index.js';
+import { Typo } from '../Typo/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+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 LegendPresetColors = ["blue", "red", "yellow", "green", "gray", "purple"];
+const LegendStyle = "E_l1ucdodl";
+const StatusCodeCircle = /*#__PURE__*/styled('i')({
+  name: "StatusCodeCircle",
+  class: "E_s1qj66nc",
+  propsAsIs: false
+});
+const StatusCodeSquare = /*#__PURE__*/styled('i')({
+  name: "StatusCodeSquare",
+  class: "E_s5x1boq",
+  propsAsIs: false
+});
+const LegendIcon = ({
+  shape
+}) => {
+  switch (shape) {
+    case "loading":
+      return /* @__PURE__ */React__default.createElement(Icon, {
+        className: "ui-kit-status-legend-icon ui-kit-status-legend-icon-loading",
+        iconWidth: 8,
+        iconHeight: 8,
+        isRotate: true,
+        src: Loading8GradientBlueIcon
+      });
+    case "square":
+      return /* @__PURE__ */React__default.createElement(StatusCodeSquare, {
+        className: "ui-kit-status-legend-icon"
+      });
+    case "circle":
+      return /* @__PURE__ */React__default.createElement(StatusCodeCircle, {
+        className: "ui-kit-status-legend-icon"
+      });
+  }
+};
+const ColorMap = {
+  success: "green",
+  danger: "red",
+  warning: "yellow"
+};
+const Legend = _a => {
+  var _b = _a,
+    {
+      label,
+      color = "gray",
+      className,
+      hoverable = false,
+      children,
+      number,
+      shape = "circle",
+      onTintMode = false
+    } = _b,
+    props = __objRest(_b, ["label", "color", "className", "hoverable", "children", "number", "shape", "onTintMode"]);
+  const computedColor = ColorMap[color] || color;
+  const content = /* @__PURE__ */React__default.createElement(React__default.Fragment, null, label || children, !!number && /* @__PURE__ */React__default.createElement("span", {
+    className: cs("E_c1xm185", "ui-kit-status-legend-number", {
+      "on-tint": onTintMode
+    })
+  }, number));
+  return /* @__PURE__ */React__default.createElement("div", __spreadProps(__spreadValues({}, props), {
+    className: cs(className, LegendStyle, Typo.Label.l4_regular, "ui-kit-status-legend", {
+      [`eagle-legend-${computedColor}`]: shape !== "loading" && LegendPresetColors.includes(computedColor),
+      "tag-hover": hoverable,
+      "on-tint": onTintMode
+    }),
+    color: computedColor,
+    onClick: e => {
+      if (props.onClick) {
+        props.onClick(e, props.key);
+      }
+    }
+  }), /* @__PURE__ */React__default.createElement(LegendIcon, {
+    shape
+  }), /* @__PURE__ */React__default.createElement(OverflowTooltip, {
+    content,
+    tooltip: content,
+    className: "E_c1x5l5qc"
+  }));
+};
+var Legend$1 = Legend;
+
+export { LegendIcon, LegendPresetColors, Legend$1 as default };

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

@@ -60,14 +60,15 @@ const CheckPointList = ({
   emptyRender,
   emptyText,
   emptyTextClassName,
-  onClickSwitch
+  onClickSwitch,
+  defaultChecked = false
 }) => {
   const { t } = useParrotTranslation();
-  const [checked, setChecked] = useState(false);
+  const [checked, setChecked] = useState(defaultChecked);
   const onClickSwitchFn = useCallback(() => {
     const nextChecked = !checked;
     setChecked(nextChecked);
-    onClickSwitch == null ? void 0 : onClickSwitch(checked);
+    onClickSwitch == null ? void 0 : onClickSwitch(nextChecked);
   }, [onClickSwitch, checked]);
   const isEmpty = !items.length;
   return /* @__PURE__ */ React__default.createElement("div", { className: cx(CheckPointListStyle) }, /* @__PURE__ */ React__default.createElement("header", { className: cx(Typo.Label.l4_bold) }, title, /* @__PURE__ */ React__default.createElement(Show, { condition: showSwitchControl }, /* @__PURE__ */ React__default.createElement("span", { className: "switch-text" }, /* @__PURE__ */ React__default.createElement(Switch, { checked, onChange: onClickSwitchFn, size: "small" }), /* @__PURE__ */ React__default.createElement("span", null, switchText || t("common.show_unpassed"))))), /* @__PURE__ */ React__default.createElement(

package/dist/esm/index.js

@@ -48,6 +48,7 @@ export { default as LegacySelect } from './core/LegacySelect/index.js';
 export { default as LineChart } from './core/LineChart/index.js';
 export { default as Link } from './core/Link/index.js';
 export { default as Loading } from './core/Loading/index.js';
+export { default as Legend, LegendIcon, LegendPresetColors } from './core/Legend/index.js';
 export { DEFAULT_DURATION, attachTypeApi, getKeyThenIncreaseKey, default as message } from './core/message/index.js';
 export { default as Metric } from './core/Metric/index.js';
 export { default as Modal } from './core/Modal/index.js';