@ctlyst.id/internal-ui 4.1.5 → 4.1.7

package/dist/index.mjs

@@ -498,6 +498,7 @@ import { Box as Box6, FormControl, FormErrorMessage, FormHelperText, FormLabel }
 import { jsx as jsx17, jsxs as jsxs3 } from "react/jsx-runtime";
 var Field = (props) => {
   const {
+    id: id2,
     label,
     isError,
     errorMessage,
@@ -520,7 +521,7 @@ var Field = (props) => {
   };
   const helperColor = getHelperColor();
   const justifyHelper = getJustifyContentHelper();
-  return /* @__PURE__ */ jsxs3(FormControl, { isInvalid: isError, ...boxProps, children: [
+  return /* @__PURE__ */ jsxs3(FormControl, { isInvalid: isError, id: id2, ...boxProps, children: [
     label && (typeof label === "string" ? /* @__PURE__ */ jsxs3(FormLabel, { mb: 1, fontSize: "text.sm", requiredIndicator: void 0, children: [
       isRequired && /* @__PURE__ */ jsx17(Box6, { as: "span", color: "danger.500", ml: 0, mr: 1, children: "*" }),
       label
@@ -693,6 +694,7 @@ var InputField = React2.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx21(
     field_default,
     {
+      id: props.id || props.name,
       label,
       isSuccess,
       isError,
@@ -726,6 +728,7 @@ var InputField = React2.forwardRef((props, ref) => {
                     ref,
                     type: inputType,
                     value,
+                    "data-test-id": `CT_Component_InputField${props.name ? `_${props.name}` : ""}`,
                     isDisabled,
                     isSuccess,
                     ...inputProps,
@@ -5470,9 +5473,9 @@ var TimeInput2 = forwardRef12(
                 gap: 3,
                 children: [
                   /* @__PURE__ */ jsxs29(Flex17, { gap: "1px", width: "100%", alignItems: "center", pl: 2, children: [
-                    /* @__PURE__ */ jsx63(InputTimeArea, { ...hoursProps }),
+                    /* @__PURE__ */ jsx63(InputTimeArea, { "data-test-id": "start-time", ...hoursProps }),
                     /* @__PURE__ */ jsx63("span", { children: ":" }),
-                    /* @__PURE__ */ jsx63(InputTimeArea, { ...getInputProps("minutes") }),
+                    /* @__PURE__ */ jsx63(InputTimeArea, { "data-test-id": "end-time", ...getInputProps("minutes") }),
                     seconds && /* @__PURE__ */ jsxs29(Fragment10, { children: [
                       /* @__PURE__ */ jsx63("span", { children: ":" }),
                       /* @__PURE__ */ jsx63(InputTimeArea, { ...getInputProps("seconds") })