@ctlyst.id/internal-ui 4.1.5 → 4.1.7

package/dist/index.d.mts

@@ -165,6 +165,7 @@ interface CheckboxComponentProps extends CheckboxProps, PropsWithChildren {
 declare const CheckboxComponent: _chakra_ui_react.ComponentWithAs<"input", CheckboxComponentProps>;
 
 interface Props {
+    id?: string;
     label?: string | ReactNode;
     isError?: boolean;
     isSuccess?: boolean;

package/dist/index.d.ts

@@ -165,6 +165,7 @@ interface CheckboxComponentProps extends CheckboxProps, PropsWithChildren {
 declare const CheckboxComponent: _chakra_ui_react.ComponentWithAs<"input", CheckboxComponentProps>;
 
 interface Props {
+    id?: string;
     label?: string | ReactNode;
     isError?: boolean;
     isSuccess?: boolean;

package/dist/index.js

@@ -877,6 +877,7 @@ var import_react14 = require("@chakra-ui/react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var Field = (props) => {
   const {
+    id: id2,
     label,
     isError,
     errorMessage,
@@ -899,7 +900,7 @@ var Field = (props) => {
   };
   const helperColor = getHelperColor();
   const justifyHelper = getJustifyContentHelper();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react14.FormControl, { isInvalid: isError, ...boxProps, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react14.FormControl, { isInvalid: isError, id: id2, ...boxProps, children: [
     label && (typeof label === "string" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react14.FormLabel, { mb: 1, fontSize: "text.sm", requiredIndicator: void 0, children: [
       isRequired && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react14.Box, { as: "span", color: "danger.500", ml: 0, mr: 1, children: "*" }),
       label
@@ -1060,6 +1061,7 @@ var InputField = import_react22.default.forwardRef((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     field_default,
     {
+      id: props.id || props.name,
       label,
       isSuccess,
       isError,
@@ -1093,6 +1095,7 @@ var InputField = import_react22.default.forwardRef((props, ref) => {
                     ref,
                     type: inputType,
                     value,
+                    "data-test-id": `CT_Component_InputField${props.name ? `_${props.name}` : ""}`,
                     isDisabled,
                     isSuccess,
                     ...inputProps,
@@ -5611,9 +5614,9 @@ var TimeInput2 = (0, import_react85.forwardRef)(
                 gap: 3,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react85.Flex, { gap: "1px", width: "100%", alignItems: "center", pl: 2, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { ...hoursProps }),
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { "data-test-id": "start-time", ...hoursProps }),
                     /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: ":" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { ...getInputProps("minutes") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { "data-test-id": "end-time", ...getInputProps("minutes") }),
                     seconds && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
                       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: ":" }),
                       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { ...getInputProps("seconds") })