@cloudtower/eagle 490.0.9 → 490.0.11

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

@@ -2,7 +2,7 @@ import { CheckboxStyle } from './checkbox.style.js';
 import { Typo } from '../Typo/index.js';
 import { Checkbox as Checkbox$2 } from 'antd';
 import cs from 'classnames';
-import React__default from 'react';
+import React__default, { useCallback } from 'react';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -36,13 +36,40 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const Checkbox = (_a) => {
-  var _b = _a, { className, children, description, compact } = _b, props = __objRest(_b, ["className", "children", "description", "compact"]);
+  var _b = _a, {
+    className,
+    children,
+    description,
+    compact,
+    "data-testid": dataTestId
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "description",
+    "compact",
+    "data-testid"
+  ]);
+  const markerRef = useCallback(
+    (node) => {
+      if (node) {
+        const label = node.closest("label.ant-checkbox-wrapper");
+        if (label) {
+          const testId = dataTestId || props.value;
+          if (testId) {
+            label.setAttribute("data-testid", String(testId));
+          }
+        }
+      }
+    },
+    [dataTestId, props.value]
+  );
   return /* @__PURE__ */ React__default.createElement(
     Checkbox$2,
     __spreadProps(__spreadValues({}, props), {
-      "data-testid": props["data-testid"] || props.value,
+      "data-test": props["data-test"] || props.value,
       className: cs(className, CheckboxStyle, compact && "compact")
     }),
+    (dataTestId || props.value) && /* @__PURE__ */ React__default.createElement("span", { ref: markerRef, style: { display: "none" } }),
     children ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: cs("main", Typo.Label.l2_regular) }, children), description ? /* @__PURE__ */ React__default.createElement("div", { className: cs("sub", Typo.Label.l4_regular) }, description) : null) : null
   );
 };

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

@@ -61,7 +61,8 @@ const LegacySelect = (_a) => {
     size = "middle",
     meta,
     placeholder,
-    "data-testid": dataTestId
+    "data-testid": dataTestId,
+    "data-test": dataTest
   } = _b, restProps = __objRest(_b, [
     "input",
     "multiple",
@@ -82,7 +83,8 @@ const LegacySelect = (_a) => {
     "size",
     "meta",
     "placeholder",
-    "data-testid"
+    "data-testid",
+    "data-test"
   ]);
   var _a2;
   const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
@@ -114,6 +116,10 @@ const LegacySelect = (_a) => {
         "data-testid",
         String(placeholder || item.textContent)
       );
+      inputDom && (placeholder || item) && inputDom.setAttribute(
+        "data-test",
+        String(placeholder || item.textContent)
+      );
     }
   }, [selectRef, placeholder]);
   useEffect(() => {
@@ -184,7 +190,8 @@ const LegacySelect = (_a) => {
     React__default.Children.map(children, (child) => {
       return isElement(child) ? __spreadProps(__spreadValues({}, child), {
         props: __spreadProps(__spreadValues({}, child.props), {
-          "data-testid": dataTestId ? `${dataTestId}-option-${child.props.value}` : void 0
+          "data-test": child.props.value,
+          "data-testid": dataTestId || dataTest ? `${dataTestId || dataTest}-option-${child.props.value}` : void 0
         })
       }) : child;
     })

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

@@ -2,7 +2,7 @@ import { cx } from '@linaria/core';
 import { Typo } from '../Typo/index.js';
 import { Radio as Radio$2, InputNumber, Input } from 'antd';
 import _ from 'lodash';
-import React__default, { useState } from 'react';
+import React__default, { useCallback, useState } from 'react';
 import { EMPTY_FUNCTION } from '../../utils/constants.js';
 
 var __defProp = Object.defineProperty;
@@ -48,17 +48,29 @@ const Radio = _a => {
     description
   } = props;
   const context = React__default.useContext(KitRadioGroupContext);
+  const markerRef = useCallback(node => {
+    if (node && dataTestId) {
+      const label = node.closest("label.ant-radio-wrapper");
+      if (label) {
+        label.setAttribute("data-testid", dataTestId);
+      }
+    }
+  }, [dataTestId]);
   if (description) {
     children = /* @__PURE__ */React__default.createElement(React__default.Fragment, null, children, /* @__PURE__ */React__default.createElement("div", {
       className: cx("radio-description", Typo.Label.l4_regular)
     }, description));
   }
-  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(Radio$2, __spreadValues({
+  return /* @__PURE__ */React__default.createElement(Radio$2, __spreadValues({
     className: cx(className, RadioStyle, compact && "compact"),
     checked: checked || false,
-    "data-testid": dataTestId,
     "data-test": context.name ? `${context.name}-${String(props.value)}` : String(props.value)
-  }, props), children ? children : null));
+  }, props), dataTestId && /* @__PURE__ */React__default.createElement("span", {
+    ref: markerRef,
+    style: {
+      display: "none"
+    }
+  }), children ? children : null);
 };
 const RadioGroup = _c => {
   var _d = _c,
@@ -98,6 +110,14 @@ const RadioButton = _e => {
   const [inputValue, setInputValue] = useState(initialValue);
   const radioButtonValue = type === "input" || type === "input-number" ? inputValue : props.value;
   const radioGroupContext = React__default.useContext(KitRadioGroupContext);
+  const markerRef = useCallback(node => {
+    if (node && dataTestId) {
+      const label = node.closest("label.ant-radio-button-wrapper");
+      if (label) {
+        label.setAttribute("data-testid", dataTestId);
+      }
+    }
+  }, [dataTestId]);
   const renderInput = () => {
     const inputDisabled = props.disabled || (radioGroupContext == null ? void 0 : radioGroupContext.disabled);
     if (type === "input-number") return /* @__PURE__ */React__default.createElement(InputNumber, {
@@ -135,9 +155,13 @@ const RadioButton = _e => {
   };
   return /* @__PURE__ */React__default.createElement(Radio$2.Button, __spreadValues({
     className: cx(className, RadioButtonStyle),
-    value: radioButtonValue,
-    "data-testid": dataTestId
-  }, props), renderChildren());
+    value: radioButtonValue
+  }, props), dataTestId && /* @__PURE__ */React__default.createElement("span", {
+    ref: markerRef,
+    style: {
+      display: "none"
+    }
+  }), renderChildren());
 };
 var Radio$1 = Radio;