@cloudtower/eagle 0.0.0-testid-rc-0 → 0.0.0-theme-rc-1

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

@@ -0,0 +1,210 @@
+'use strict';
+
+var index$1 = require('../Loading/index.js');
+var index = require('../Typo/index.js');
+var useLegacyComponentWarning = require('../../hooks/useLegacyComponentWarning.js');
+var antd = require('antd');
+var cs = require('classnames');
+var _ = require('lodash');
+var React = require('react');
+var reactDom = require('react-dom');
+var reactIs = require('react-is');
+var select_style = require('./select.style.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var ___default = /*#__PURE__*/_interopDefault(_);
+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 LegacySelect = (_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,
+    "data-testid": dataTestId,
+    "data-test": dataTest
+  } = _b, restProps = __objRest(_b, [
+    "input",
+    "multiple",
+    "className",
+    "scrollBottomBuffer",
+    "onScrollBottom",
+    "onPopupScroll",
+    "onSearch",
+    "showSearch",
+    "filterOption",
+    "loading",
+    "notFoundContent",
+    "children",
+    "error",
+    "selectLimit",
+    "dropdownClassName",
+    "danger",
+    "size",
+    "meta",
+    "placeholder",
+    "data-testid",
+    "data-test"
+  ]);
+  var _a2;
+  const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
+  const typo = {
+    large: index.Typo.Label.l2_regular,
+    middle: index.Typo.Label.l3_regular,
+    small: index.Typo.Label.l4_regular
+  }[size];
+  const _danger = React.useMemo(() => {
+    if (danger !== void 0) {
+      return danger;
+    }
+    return (meta == null ? void 0 : meta.touched) && meta.invalid;
+  }, [danger, meta]);
+  const selectRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!selectRef.current) {
+      return;
+    }
+    const realDom = reactDom.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-testid",
+        String(placeholder || item.textContent)
+      );
+      inputDom && (placeholder || item) && inputDom.setAttribute(
+        "data-test",
+        String(placeholder || item.textContent)
+      );
+    }
+  }, [selectRef, placeholder]);
+  React.useEffect(() => {
+    if (!selectRef.current)
+      return;
+    const realDom = reactDom.findDOMNode(selectRef.current);
+    if (!realDom)
+      return;
+    if (dataTestId) {
+      realDom.setAttribute("data-testid", dataTestId);
+    } else {
+      realDom.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  useLegacyComponentWarning(
+    "Warning: LegacySelect is deprecated and will be removed in future versions. Please use Select instead."
+  );
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Select,
+    __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__default.default(
+        select_style.SelectStyle,
+        "select",
+        className,
+        limitExceeded && "select-event-none",
+        _danger ? "select-error" : "",
+        typo
+      ),
+      "data-size": size,
+      dropdownClassName: cs__default.default(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 && ___default.default.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.default.createElement(index$1, null) : notFoundContent,
+      dropdownRender: (menu) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, error || menu),
+      loading,
+      placeholder
+    }), restProps),
+    React__default.default.Children.map(children, (child) => {
+      return reactIs.isElement(child) ? __spreadProps(__spreadValues({}, child), {
+        props: __spreadProps(__spreadValues({}, child.props), {
+          "data-test": child.props.value,
+          "data-testid": dataTestId || dataTest ? `${dataTestId || dataTest}-option-${child.props.value}` : void 0
+        })
+      }) : child;
+    })
+  );
+};
+var LegacySelect$1 = LegacySelect;
+
+module.exports = LegacySelect$1;

package/dist/cjs/core/LegacySelect/select.style.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const SelectStyle = "E_0_0_0_theme_rc_1_s17wv897";
+
+exports.SelectStyle = SelectStyle;

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_0_0_0_theme_rc_1_l1ucdodl";
+const StatusCodeCircle = /*#__PURE__*/react.styled('i')({
+  name: "StatusCodeCircle",
+  class: "E_0_0_0_theme_rc_1_s1qj66nc",
+  propsAsIs: false
+});
+const StatusCodeSquare = /*#__PURE__*/react.styled('i')({
+  name: "StatusCodeSquare",
+  class: "E_0_0_0_theme_rc_1_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_0_0_0_theme_rc_1_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_0_0_0_theme_rc_1_c1x5l5qc"
+  }));
+};
+var Legend$1 = Legend;
+
+exports.LegendIcon = LegendIcon;
+exports.LegendPresetColors = LegendPresetColors;
+exports.default = Legend$1;

package/dist/cjs/core/LineChart/AreaHighlightLayer.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var _ = require('lodash');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ___default = /*#__PURE__*/_interopDefault(_);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const getAreaHighlightLinePath = (points) => {
+  if (!points.length) {
+    return "";
+  }
+  return points.map((point, index) => {
+    return `${index === 0 ? "M" : "L"}${point.x},${point.y}`;
+  }).join(" ");
+};
+const getAreaHighlightFillPath = (points, baseLineY) => {
+  if (!points.length) {
+    return "";
+  }
+  const linePath = getAreaHighlightLinePath(points);
+  const firstPoint = points[0];
+  const lastPoint = points[points.length - 1];
+  return `${linePath} L${lastPoint.x},${baseLineY} L${firstPoint.x},${baseLineY} Z`;
+};
+const AreaHighlightLayer = ({
+  forecastStartTimestamp,
+  overlay,
+  hovering,
+  offset,
+  xAxisMap,
+  yAxisMap
+}) => {
+  var _a, _b, _c, _d, _e, _f;
+  const clipPathId = React.useMemo(() => {
+    return ___default.default.uniqueId("line-chart-area-highlight-");
+  }, []);
+  const xScale = (_a = Object.values(xAxisMap || {})[0]) == null ? void 0 : _a.scale;
+  const yScale = (_b = Object.values(yAxisMap || {})[0]) == null ? void 0 : _b.scale;
+  const offsetLeft = (_c = offset == null ? void 0 : offset.left) != null ? _c : 0;
+  const offsetTop = (_d = offset == null ? void 0 : offset.top) != null ? _d : 0;
+  const offsetWidth = (_e = offset == null ? void 0 : offset.width) != null ? _e : 0;
+  const offsetHeight = (_f = offset == null ? void 0 : offset.height) != null ? _f : 0;
+  if (typeof xScale !== "function" || typeof yScale !== "function" || !offsetWidth || !offsetHeight) {
+    return null;
+  }
+  const projectedRuns = overlay.data.flatMap((run) => {
+    const runs = [];
+    let projectedPoints = [];
+    const flushProjectedPoints = () => {
+      if (projectedPoints.length >= 2) {
+        runs.push(projectedPoints);
+      }
+      projectedPoints = [];
+    };
+    run.forEach((point) => {
+      const projectedPoint = {
+        t: point.t,
+        x: xScale(point.t),
+        y: yScale(point.value)
+      };
+      if (Number.isFinite(projectedPoint.x) && Number.isFinite(projectedPoint.y)) {
+        projectedPoints.push(projectedPoint);
+      } else {
+        flushProjectedPoints();
+      }
+    });
+    flushProjectedPoints();
+    return runs;
+  });
+  if (!projectedRuns.length) {
+    return null;
+  }
+  const fallbackBaseLineY = offsetTop + offsetHeight;
+  const scaleBaseLineY = yScale(0);
+  const baseLineY = Number.isFinite(scaleBaseLineY) ? scaleBaseLineY : fallbackBaseLineY;
+  return /* @__PURE__ */ React__default.default.createElement(
+    "g",
+    {
+      className: "line-chart-area-highlight",
+      "data-testid": "line-chart-area-highlight",
+      style: { pointerEvents: "none" },
+      opacity: hovering.includes(overlay.legendId) ? 0.3 : 1
+    },
+    /* @__PURE__ */ React__default.default.createElement("defs", null, /* @__PURE__ */ React__default.default.createElement("clipPath", { id: clipPathId }, /* @__PURE__ */ React__default.default.createElement(
+      "rect",
+      {
+        x: offsetLeft,
+        y: offsetTop,
+        width: offsetWidth,
+        height: offsetHeight
+      }
+    ))),
+    /* @__PURE__ */ React__default.default.createElement("g", { clipPath: `url(#${clipPathId})` }, projectedRuns.map((projectedPoints, index) => {
+      const fillPath = getAreaHighlightFillPath(projectedPoints, baseLineY);
+      const linePath = getAreaHighlightLinePath(projectedPoints);
+      return /* @__PURE__ */ React__default.default.createElement("g", { key: `${overlay.key}-${index}` }, /* @__PURE__ */ React__default.default.createElement(
+        "path",
+        {
+          className: "line-chart-area-highlight-fill",
+          d: fillPath,
+          fill: overlay.fill,
+          fillOpacity: overlay.fillOpacity
+        }
+      ), !Number.isFinite(forecastStartTimestamp) && /* @__PURE__ */ React__default.default.createElement(
+        "path",
+        {
+          className: "line-chart-area-highlight-curve",
+          d: linePath,
+          fill: "none",
+          stroke: overlay.stroke,
+          strokeWidth: 1
+        }
+      ));
+    }))
+  );
+};
+var AreaHighlightLayer$1 = AreaHighlightLayer;
+
+module.exports = AreaHighlightLayer$1;

package/dist/cjs/core/LineChart/ForecastLineLayer.js

@@ -0,0 +1,134 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lineChartDisplayUtils = require('./lineChartDisplayUtils.js');
+var lineSegments = require('./lineSegments.js');
+var _ = require('lodash');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ___default = /*#__PURE__*/_interopDefault(_);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const DEFAULT_FORECAST_LINE_STROKE_DASHARRAY = "4 4";
+const ForecastLineLayer = ({
+  forecastStartTimestamp,
+  stacked = false,
+  hovering,
+  streams,
+  deselected,
+  offset,
+  xAxisMap,
+  yAxisMap
+}) => {
+  var _a, _b, _c, _d, _e, _f;
+  const clipPathId = React__default.default.useMemo(() => {
+    return ___default.default.uniqueId("line-chart-forecast-");
+  }, []);
+  const xScale = (_a = Object.values(xAxisMap || {})[0]) == null ? void 0 : _a.scale;
+  const yScale = (_b = Object.values(yAxisMap || {})[0]) == null ? void 0 : _b.scale;
+  const offsetLeft = (_c = offset == null ? void 0 : offset.left) != null ? _c : 0;
+  const offsetTop = (_d = offset == null ? void 0 : offset.top) != null ? _d : 0;
+  const offsetWidth = (_e = offset == null ? void 0 : offset.width) != null ? _e : 0;
+  const offsetHeight = (_f = offset == null ? void 0 : offset.height) != null ? _f : 0;
+  const lines = React__default.default.useMemo(() => {
+    if (!Number.isFinite(forecastStartTimestamp) || typeof xScale !== "function" || typeof yScale !== "function" || !offsetWidth || !offsetHeight) {
+      return [];
+    }
+    const pointMaps = streams.map(
+      (stream) => new Map(stream.points.map((point) => [point.t, point]))
+    );
+    const timestamps = stacked ? Array.from(
+      new Set(
+        streams.flatMap(
+          (stream) => stream.points.map((point) => point.t).filter(lineChartDisplayUtils.isFiniteNumber)
+        )
+      )
+    ).sort((a, b) => a - b) : [];
+    return streams.flatMap((stream, streamIndex) => {
+      if (deselected.includes(stream.legend.id)) {
+        return [];
+      }
+      const points = stacked ? timestamps.map((timestamp) => {
+        const currentPoint = pointMaps[streamIndex].get(timestamp);
+        if (!lineChartDisplayUtils.isFiniteNumber(currentPoint == null ? void 0 : currentPoint.v)) {
+          return { t: timestamp, x: xScale(timestamp), y: void 0 };
+        }
+        const stackedValue = streams.reduce((sum, item, index) => {
+          var _a2;
+          if (index > streamIndex || deselected.includes(item.legend.id)) {
+            return sum;
+          }
+          const value = (_a2 = pointMaps[index].get(timestamp)) == null ? void 0 : _a2.v;
+          return sum + (lineChartDisplayUtils.isFiniteNumber(value) ? value : 0);
+        }, 0);
+        return {
+          t: timestamp,
+          x: xScale(timestamp),
+          y: yScale(stackedValue)
+        };
+      }) : stream.points.map((point) => ({
+        t: point.t,
+        x: lineChartDisplayUtils.isFiniteNumber(point.t) ? xScale(point.t) : void 0,
+        y: lineChartDisplayUtils.isFiniteNumber(point.v) ? yScale(point.v) : void 0
+      }));
+      const segments = lineSegments.getLineChartLineSegments(points, forecastStartTimestamp);
+      return segments.map((segment, segmentIndex) => ({
+        dashed: segment.dashed,
+        key: `${stream.legend.id}-${segmentIndex}-${segment.points[0].t}`,
+        legendId: stream.legend.id,
+        path: lineSegments.getLineChartLinePath(segment.points),
+        stroke: lineChartDisplayUtils.getLineChartStreamStroke(stream)
+      }));
+    });
+  }, [
+    forecastStartTimestamp,
+    offsetHeight,
+    offsetWidth,
+    deselected,
+    stacked,
+    streams,
+    xScale,
+    yScale
+  ]);
+  if (!lines.length || !offsetWidth || !offsetHeight) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default.default.createElement(
+    "g",
+    {
+      className: "line-chart-forecast-lines",
+      "data-testid": "line-chart-forecast-lines",
+      style: { pointerEvents: "none" }
+    },
+    /* @__PURE__ */ React__default.default.createElement("defs", null, /* @__PURE__ */ React__default.default.createElement("clipPath", { id: clipPathId }, /* @__PURE__ */ React__default.default.createElement(
+      "rect",
+      {
+        x: offsetLeft,
+        y: offsetTop,
+        width: offsetWidth,
+        height: offsetHeight
+      }
+    ))),
+    /* @__PURE__ */ React__default.default.createElement("g", { clipPath: `url(#${clipPathId})` }, lines.map((line) => {
+      return /* @__PURE__ */ React__default.default.createElement(
+        "path",
+        {
+          key: line.key,
+          className: "line-chart-forecast-line",
+          d: line.path,
+          fill: "none",
+          opacity: hovering.includes(line.legendId) ? 0.3 : 1,
+          stroke: line.stroke,
+          strokeDasharray: line.dashed ? DEFAULT_FORECAST_LINE_STROKE_DASHARRAY : void 0
+        }
+      );
+    }))
+  );
+};
+var ForecastLineLayer$1 = ForecastLineLayer;
+
+exports.DEFAULT_FORECAST_LINE_STROKE_DASHARRAY = DEFAULT_FORECAST_LINE_STROKE_DASHARRAY;
+exports.default = ForecastLineLayer$1;

package/dist/cjs/core/LineChart/LineChartActions.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var index = require('../Button/index.js');
+var React = require('react');
+var index$1 = require('../Icon/index.js');
+var Antd5Dropdown = require('../Antd5Dropdown/Antd5Dropdown.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(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 actionStyle = "E_0_0_0_theme_rc_1_a9y3flr";
+const actionStyleLabel = "E_0_0_0_theme_rc_1_a1njc627";
+const LineChartActions = props => {
+  const {
+    label,
+    dropdownProps
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: "metric-extra"
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: actionStyleLabel
+  }, label), dropdownProps && /* @__PURE__ */React__default.default.createElement(Antd5Dropdown.Antd5Dropdown, __spreadValues({}, dropdownProps), /* @__PURE__ */React__default.default.createElement(index, {
+    size: "small",
+    type: "tertiary",
+    className: actionStyle,
+    prefixIcon: /* @__PURE__ */React__default.default.createElement(index$1, {
+      src: iconsReact.MoreEllipsis316BoldSecondaryIcon
+    })
+  })));
+};
+var LineChartActions$1 = LineChartActions;
+
+module.exports = LineChartActions$1;