@cloudtower/eagle 0.33.5 → 0.33.6

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

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconsReact = require('@cloudtower/icons-react');
+var react = require('@linaria/react');
+var index = require('../Icon/index.js');
+var index$1 = require('../Typo/index.js');
+var index$2 = require('../../coreX/OverflowTooltip/index.js');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(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__*/react.styled('i')({
+  name: "StatusCodeCircle",
+  class: "E_s1qj66nc",
+  propsAsIs: false
+});
+const StatusCodeSquare = /*#__PURE__*/react.styled('i')({
+  name: "StatusCodeSquare",
+  class: "E_s5x1boq",
+  propsAsIs: false
+});
+const LegendIcon = ({
+  shape
+}) => {
+  switch (shape) {
+    case "loading":
+      return /* @__PURE__ */React__default.default.createElement(index, {
+        className: "ui-kit-status-legend-icon ui-kit-status-legend-icon-loading",
+        iconWidth: 8,
+        iconHeight: 8,
+        isRotate: true,
+        src: iconsReact.Loading8GradientBlueIcon
+      });
+    case "square":
+      return /* @__PURE__ */React__default.default.createElement(StatusCodeSquare, {
+        className: "ui-kit-status-legend-icon"
+      });
+    case "circle":
+      return /* @__PURE__ */React__default.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.default.createElement(React__default.default.Fragment, null, label || children, !!number && /* @__PURE__ */React__default.default.createElement("span", {
+    className: cs__default.default("E_c1xm185", "ui-kit-status-legend-number", {
+      "on-tint": onTintMode
+    })
+  }, number));
+  return /* @__PURE__ */React__default.default.createElement("div", __spreadProps(__spreadValues({}, props), {
+    className: cs__default.default(className, LegendStyle, index$1.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.default.createElement(LegendIcon, {
+    shape
+  }), /* @__PURE__ */React__default.default.createElement(index$2, {
+    content,
+    tooltip: content,
+    className: "E_c1x5l5qc"
+  }));
+};
+var Legend$1 = Legend;
+
+exports.LegendIcon = LegendIcon;
+exports.LegendPresetColors = LegendPresetColors;
+exports.default = Legend$1;

package/dist/cjs/core/index.js

@@ -6,20 +6,20 @@ var index$9 = require('./Bps/index.js');
 var index$d = require('./Byte/index.js');
 var index$e = require('./BytePerSecond/index.js');
 var index$t = require('./Frequency/index.js');
-var index$N = require('./Percent/index.js');
-var index$Q = require('./Second/index.js');
-var index$U = require('./Speed/index.js');
+var index$O = require('./Percent/index.js');
+var index$R = require('./Second/index.js');
+var index$V = require('./Speed/index.js');
 
 const units = {
-  Percent: index$N,
+  Percent: index$O,
   Byte: index$d,
   BytePerSecond: index$e,
   Frequency: index$t,
-  Speed: index$U,
+  Speed: index$V,
   Bps: index$9,
   BitPerSecond: index$8,
   Bit: index$7,
-  Second: index$Q
+  Second: index$R
 };
 
 exports.Bit = index$7;
@@ -28,8 +28,8 @@ exports.Bps = index$9;
 exports.Byte = index$d;
 exports.BytePerSecond = index$e;
 exports.Frequency = index$t;
-exports.Percent = index$N;
-exports.Second = index$Q;
-exports.Speed = index$U;
+exports.Percent = index$O;
+exports.Second = index$R;
+exports.Speed = index$V;
 exports.Units = units;
 exports.units = units;

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

@@ -66,14 +66,15 @@ const CheckPointList = ({
   emptyRender,
   emptyText,
   emptyTextClassName,
-  onClickSwitch
+  onClickSwitch,
+  defaultChecked = false
 }) => {
   const { t } = useParrotTranslation();
-  const [checked, setChecked] = React.useState(false);
+  const [checked, setChecked] = React.useState(defaultChecked);
   const onClickSwitchFn = React.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.default.createElement("div", { className: core.cx(checkpointlist_style.CheckPointListStyle) }, /* @__PURE__ */ React__default.default.createElement("header", { className: core.cx(index$2.Typo.Label.l4_bold) }, title, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: showSwitchControl }, /* @__PURE__ */ React__default.default.createElement("span", { className: "switch-text" }, /* @__PURE__ */ React__default.default.createElement(index$5, { checked, onChange: onClickSwitchFn, size: "small" }), /* @__PURE__ */ React__default.default.createElement("span", null, switchText || t("common.show_unpassed"))))), /* @__PURE__ */ React__default.default.createElement(