@cloudtower/eagle 0.0.0-no-uikit-1 → 0.0.0-theme-rc-1

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

@@ -0,0 +1,74 @@
+import { styled } from '@linaria/react';
+import { InputStyle } from '../Styled/index.js';
+import { Typo } from '../Typo/index.js';
+import { Input } 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 _exp = /*#__PURE__*/() => Input.Password;
+const AntdPasswordInputStyled = /*#__PURE__*/styled(_exp())({
+  name: "AntdPasswordInputStyled",
+  class: "E_0_0_0_theme_rc_1_atcz0kf",
+  propsAsIs: true
+});
+const InputPassword = _a => {
+  var _b = _a,
+    {
+      size = "small",
+      error,
+      className,
+      "data-testid": dataTestId
+    } = _b,
+    props = __objRest(_b, ["size", "error", "className", "data-testid"]);
+  const typo = {
+    large: Typo.Label.l2_regular,
+    middle: Typo.Label.l3_regular,
+    small: Typo.Label.l4_regular
+  }[size];
+  const ref = React__default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.createElement(AntdPasswordInputStyled, __spreadProps(__spreadValues({
+    ref
+  }, props), {
+    size,
+    className: cs(className, InputStyle, typo, error && "error")
+  }));
+};
+var InputPassword$1 = InputPassword;
+
+export { AntdPasswordInputStyled, InputPassword$1 as default };

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

@@ -2,7 +2,7 @@ import { styled } from '@linaria/react';
 
 const InputTagItem = /*#__PURE__*/styled('span')({
   name: "InputTagItem",
-  class: "E_i1inqkme",
+  class: "E_0_0_0_theme_rc_1_i1inqkme",
   propsAsIs: false
 });
 var InputTagItem$1 = InputTagItem;

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

@@ -1,6 +1,8 @@
-import { UIKitStore } from '../../store/index.js';
-import React__default, { createContext } from 'react';
+import { UIKitStore, rootReducer } from '../../store/index.js';
+import React__default, { createContext, useRef, useCallback } from 'react';
 import { Provider, createDispatchHook, createSelectorHook } from 'react-redux';
+import { createStore } from 'redux';
+import { ModalActions } from '../../store/modal.js';
 
 const ctx = createContext({
   store: UIKitStore,
@@ -8,10 +10,55 @@ const ctx = createContext({
 });
 const KitStoreProvider = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ React__default.createElement(Provider, { context: ctx, store: UIKitStore }, children);
+  const storeRef = useRef(createStore(rootReducer));
+  return /* @__PURE__ */ React__default.createElement(Provider, { context: ctx, store: storeRef.current }, children);
 };
 var KitStoreProvider$1 = KitStoreProvider;
 const useKitDispatch = createDispatchHook(ctx);
 const useKitSelector = createSelectorHook(ctx);
+const usePushModal = () => {
+  const dispatch = useKitDispatch();
+  const pushModal = useCallback(
+    (modal) => {
+      dispatch({
+        type: ModalActions.PUSH_MODAL,
+        payload: modal
+      });
+    },
+    [dispatch]
+  );
+  return pushModal;
+};
+const useCloseModal = () => {
+  const dispatch = useKitDispatch();
+  const closeModal = useCallback(
+    (id) => {
+      dispatch({
+        type: ModalActions.CLOSE_MODAL,
+        id
+      });
+    },
+    [dispatch]
+  );
+  return closeModal;
+};
+const usePopModal = () => {
+  const dispatch = useKitDispatch();
+  const popModal = useCallback(() => {
+    dispatch({
+      type: ModalActions.POP_MODAL
+    });
+  }, [dispatch]);
+  return popModal;
+};
+const useResetModal = () => {
+  const dispatch = useKitDispatch();
+  const resetModal = useCallback(() => {
+    dispatch({
+      type: ModalActions.RESET_MODAL
+    });
+  }, [dispatch]);
+  return resetModal;
+};
 
-export { KitStoreProvider$1 as default, useKitDispatch, useKitSelector };
+export { KitStoreProvider$1 as default, useCloseModal, useKitDispatch, useKitSelector, usePopModal, usePushModal, useResetModal };

package/dist/esm/core/{Modal → LegacyModal}/index.js

@@ -3,8 +3,9 @@ import Button from '../Button/index.js';
 import { useKitSelector, useKitDispatch } from '../KitStoreProvider/index.js';
 import Steps from '../Steps/index.js';
 import { WizardBody } from '../Styled/index.js';
+import useLegacyComponentWarning from '../../hooks/useLegacyComponentWarning.js';
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
-import { Modal as Modal$2 } from 'antd';
+import { Modal } from 'antd';
 import cs from 'classnames';
 import React__default, { useRef, useMemo } from 'react';
 import { ModalActions } from '../../store/modal.js';
@@ -40,9 +41,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Modal = (props) => {
+const LegacyModal = (props) => {
   var _b;
   const { t } = useParrotTranslation();
+  useLegacyComponentWarning(
+    "Warning: LegacyModal is deprecated and will be removed in future versions. Please use Dialog/MediumDialog/SmallDialog/ImmersiveDialog/WizardDialog instead."
+  );
   const _a = props, {
     error,
     okText = t("common.confirm"),
@@ -61,7 +65,9 @@ const Modal = (props) => {
     width,
     showCancel = true,
     showOk = true,
-    afterClose
+    afterClose,
+    closeIcon,
+    hideFooterButtonBorder = true
   } = _a, restProps = __objRest(_a, [
     "error",
     "okText",
@@ -80,7 +86,9 @@ const Modal = (props) => {
     "width",
     "showCancel",
     "showOk",
-    "afterClose"
+    "afterClose",
+    "closeIcon",
+    "hideFooterButtonBorder"
   ]);
   const stack = useKitSelector(
     (state) => state.modal.stack
@@ -116,7 +124,7 @@ const Modal = (props) => {
     stepsRef.current[wizard.step] = wizard.steps[wizard.step].render;
   }
   return /* @__PURE__ */ React__default.createElement(
-    Modal$2,
+    Modal,
     __spreadProps(__spreadValues({
       maskClosable,
       className: cs(
@@ -130,7 +138,7 @@ const Modal = (props) => {
         onCancel == null ? void 0 : onCancel(e);
         transitionClass.current = fullscreen ? "" : "modal-zoom";
       },
-      closeIcon: /* @__PURE__ */ React__default.createElement(CloseCircleFilled, null),
+      closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.createElement(CloseCircleFilled, null),
       destroyOnClose: true,
       focusTriggerAfterClose: false,
       transitionName: transitionClass.current
@@ -140,46 +148,59 @@ const Modal = (props) => {
         dispatch({ type: ModalActions.REMOVE_MODAL, id: idRef.current });
       },
       visible: idRef.current !== id,
-      footer: /* @__PURE__ */ React__default.createElement("div", { className: "footer-content" }, footer === void 0 ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-left" }, wizard && typeof wizard === "object" && !wizard.disablePrevStep && wizard.step !== 0 && /* @__PURE__ */ React__default.createElement(
-        "span",
+      footer: /* @__PURE__ */ React__default.createElement(
+        "div",
         {
-          className: "prev-step",
-          onClick: () => {
-            var _a2;
-            return (_a2 = wizard.onStepChange) == null ? void 0 : _a2.call(wizard, wizard.step - 1);
-          }
+          className: cs(
+            "footer-content",
+            hideFooterButtonBorder && "no-button-border"
+          )
         },
-        prevText
-      ), error && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: "modal-error" }, error))), /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-btn-group" }, showCancel && /* @__PURE__ */ React__default.createElement(
-        Button,
-        __spreadValues({
-          type: "quiet",
-          onMouseDown: (e) => {
-            e.preventDefault();
-          },
-          onClick: (e) => {
-            onCancel == null ? void 0 : onCancel(e);
-            transitionClass.current = fullscreen ? "" : "modal-zoom";
-          },
-          className: cs(cancelButtonProps == null ? void 0 : cancelButtonProps.className)
-        }, cancelButtonProps),
-        cancelText
-      ), showOk && /* @__PURE__ */ React__default.createElement(
-        Button,
-        __spreadValues({
-          onClick: (e) => {
-            var _a2, _b2;
-            onOk == null ? void 0 : onOk(e);
-            if (typeof wizard === "object" && wizard.steps[wizard.step]) {
-              (_b2 = (_a2 = wizard.steps[wizard.step]).onOk) == null ? void 0 : _b2.call(_a2, e);
+        footer === void 0 ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-left" }, wizard && typeof wizard === "object" && !wizard.disablePrevStep && wizard.step !== 0 && /* @__PURE__ */ React__default.createElement(
+          "span",
+          {
+            className: "prev-step",
+            onClick: () => {
+              var _a2, _b2, _c, _d;
+              if (typeof wizard === "object" && ((_a2 = wizard.steps[wizard.step]) == null ? void 0 : _a2.onPrev)) {
+                (_c = (_b2 = wizard.steps[wizard.step]).onPrev) == null ? void 0 : _c.call(_b2);
+                return;
+              }
+              (_d = wizard.onStepChange) == null ? void 0 : _d.call(wizard, wizard.step - 1);
             }
-            transitionClass.current = fullscreen ? "" : "modal-send";
           },
-          type: "primary",
-          loading: confirmLoading
-        }, okButtonProps),
-        confirmText
-      ))) : footer)
+          prevText
+        ), error && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: "modal-error" }, error))), /* @__PURE__ */ React__default.createElement("div", { className: "modal-footer-btn-group" }, showCancel && /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            type: "quiet",
+            onMouseDown: (e) => {
+              e.preventDefault();
+            },
+            onClick: (e) => {
+              onCancel == null ? void 0 : onCancel(e);
+              transitionClass.current = fullscreen ? "" : "modal-zoom";
+            },
+            className: cs(cancelButtonProps == null ? void 0 : cancelButtonProps.className)
+          }, cancelButtonProps),
+          cancelText
+        ), showOk && /* @__PURE__ */ React__default.createElement(
+          Button,
+          __spreadValues({
+            onClick: (e) => {
+              var _a2, _b2;
+              onOk == null ? void 0 : onOk(e);
+              if (typeof wizard === "object" && wizard.steps[wizard.step]) {
+                (_b2 = (_a2 = wizard.steps[wizard.step]).onOk) == null ? void 0 : _b2.call(_a2, e);
+              }
+              transitionClass.current = fullscreen ? "" : "modal-send";
+            },
+            type: "primary",
+            loading: confirmLoading
+          }, okButtonProps),
+          confirmText
+        ))) : footer
+      )
     }),
     wizard && typeof wizard === "object" ? /* @__PURE__ */ React__default.createElement(WizardBody, null, /* @__PURE__ */ React__default.createElement("div", { className: "left" }, wizard.hideLeft ? null : /* @__PURE__ */ React__default.createElement(
       Steps,
@@ -207,6 +228,6 @@ const Modal = (props) => {
     ))), wizard.right && /* @__PURE__ */ React__default.createElement("div", { className: "right" }, wizard.right)) : restProps.children
   );
 };
-var Modal$1 = Modal;
+var LegacyModal$1 = LegacyModal;
 
-export { Modal$1 as default };
+export { LegacyModal$1 as default };

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

@@ -0,0 +1,202 @@
+import Loading from '../Loading/index.js';
+import { Typo } from '../Typo/index.js';
+import useLegacyComponentWarning from '../../hooks/useLegacyComponentWarning.js';
+import { Select } 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';
+import { SelectStyle } from './select.style.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));
+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: 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-testid",
+        String(placeholder || item.textContent)
+      );
+      inputDom && (placeholder || item) && inputDom.setAttribute(
+        "data-test",
+        String(placeholder || item.textContent)
+      );
+    }
+  }, [selectRef, placeholder]);
+  useEffect(() => {
+    if (!selectRef.current)
+      return;
+    const realDom = 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.createElement(
+    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(
+        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,
+          "data-testid": dataTestId || dataTest ? `${dataTestId || dataTest}-option-${child.props.value}` : void 0
+        })
+      }) : child;
+    })
+  );
+};
+var LegacySelect$1 = LegacySelect;
+
+export { LegacySelect$1 as default };

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

@@ -0,0 +1,3 @@
+const SelectStyle = "E_0_0_0_theme_rc_1_s17wv897";
+
+export { SelectStyle };

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