react-native-better-html 1.0.26 → 1.0.27

package/dist/index.mjs

@@ -460,13 +460,15 @@ function useForm(options) {
           setFieldValue(field, value);
         }
       } : {
+        required: requiredFields?.includes(field),
         isChecked: values[field],
+        errorMessage: errors[field],
         onChange: (value) => {
           setFieldValue(field, value);
         }
       };
     },
-    [values, setFieldValue]
+    [values, setFieldValue, errors, requiredFields]
   );
   const reset = useCallback(() => {
     setValues(defaultValues);
@@ -481,7 +483,9 @@ function useForm(options) {
     return Object.keys(validationErrors).length === 0;
   }, [validate, values]);
   const canSubmit = useMemo(() => {
-    const requiredFieldsHaveValues = requiredFields?.every((field) => values[field] !== void 0 && values[field] !== "") ?? true;
+    const requiredFieldsHaveValues = requiredFields?.every(
+      (field) => values[field] !== void 0 && values[field] !== "" && values[field] !== false
+    ) ?? true;
     return isValid && requiredFieldsHaveValues;
   }, [isValid, requiredFields]);
   return {
@@ -2274,7 +2278,7 @@ var Switch_default = memo14(Switch);
 import { memo as memo15, useCallback as useCallback8, useEffect as useEffect8 } from "react";
 import { Platform as Platform7 } from "react-native";
 import { useBooleanState as useBooleanState6, useTheme as useTheme14 } from "react-better-core";
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function CheckBox({
   isChecked,
   defaultIsChecked,
@@ -2282,6 +2286,8 @@ function CheckBox({
   text,
   required,
   disabled,
+  infoMessage,
+  errorMessage,
   onChange
 }) {
   const theme2 = useTheme14();
@@ -2342,23 +2348,49 @@ function CheckBox({
       )
     }
   );
-  return text ? /* @__PURE__ */ jsx15(Fragment5, { children: /* @__PURE__ */ jsxs8(View_default, { isRow: true, alignItems: "center", gap: theme2.styles.gap, children: [
-    checkBox,
-    /* @__PURE__ */ jsx15(
-      View_default,
+  return text ? /* @__PURE__ */ jsxs8(View_default, { gap: theme2.styles.gap / 3, children: [
+    /* @__PURE__ */ jsxs8(View_default, { isRow: true, alignItems: "center", gap: theme2.styles.gap, children: [
+      checkBox,
+      /* @__PURE__ */ jsx15(
+        View_default,
+        {
+          width: "100%",
+          flexShrink: 1,
+          pressType: "opacity",
+          pressStrength: pressStrength().p3,
+          onPress: !disabled ? onPressElement : void 0,
+          children: /* @__PURE__ */ jsx15(Animate_default.View, { initialOpacity: 1, animateOpacity: disabled ? 0.6 : 1, children: /* @__PURE__ */ jsxs8(View_default, { isRow: true, alignItems: "flex-start", gap: 2, children: [
+            /* @__PURE__ */ jsx15(View_default, { flexShrink: 1, children: typeof text === "string" ? /* @__PURE__ */ jsx15(Text_default, { children: text }) : text }),
+            required && /* @__PURE__ */ jsx15(Label_default, { required: true })
+          ] }) })
+        }
+      )
+    ] }),
+    infoMessage && /* @__PURE__ */ jsx15(
+      Animate_default.Text,
+      {
+        fontSize: 14,
+        color: theme2.colors.textSecondary,
+        initialHeight: 0,
+        initialOpacity: 0,
+        animateHeight: 17,
+        animateOpacity: 1,
+        children: infoMessage
+      }
+    ),
+    errorMessage && /* @__PURE__ */ jsx15(
+      Animate_default.Text,
       {
-        width: "100%",
-        flexShrink: 1,
-        pressType: "opacity",
-        pressStrength: pressStrength().p3,
-        onPress: onPressElement,
-        children: /* @__PURE__ */ jsxs8(View_default, { isRow: true, alignItems: "flex-start", gap: 2, children: [
-          /* @__PURE__ */ jsx15(View_default, { flexShrink: 1, children: typeof text === "string" ? /* @__PURE__ */ jsx15(Text_default, { children: text }) : text }),
-          required && /* @__PURE__ */ jsx15(Label_default, { required: true })
-        ] })
+        fontSize: 14,
+        color: theme2.colors.error,
+        initialHeight: 0,
+        initialOpacity: 0,
+        animateHeight: 17,
+        animateOpacity: 1,
+        children: errorMessage
       }
     )
-  ] }) }) : checkBox;
+  ] }) : checkBox;
 }
 var CheckBox_default = memo15(CheckBox);
 
@@ -2383,7 +2415,7 @@ var StatusBar_default = memo16(StatusBar);
 // src/components/ListItem.tsx
 import { memo as memo17 } from "react";
 import { useTheme as useTheme16 } from "react-better-core";
-import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function ListItem({
   icon,
   iconIOS,
@@ -2420,7 +2452,7 @@ function ListItem({
           title && /* @__PURE__ */ jsx17(Text_default, { fontSize: 20, fontWeight: 700, children: title }),
           description && /* @__PURE__ */ jsx17(Text_default.body, { selectable: descriptionSelectable, children: description })
         ] }) }),
-        rightElement ? /* @__PURE__ */ jsx17(Fragment6, { children: rightValue !== void 0 || rightElement === "arrow" ? /* @__PURE__ */ jsxs9(View_default, { isRow: true, alignItems: "center", gap: theme2.styles.gap / 2, children: [
+        rightElement ? /* @__PURE__ */ jsx17(Fragment5, { children: rightValue !== void 0 || rightElement === "arrow" ? /* @__PURE__ */ jsxs9(View_default, { isRow: true, alignItems: "center", gap: theme2.styles.gap / 2, children: [
           rightValue !== void 0 && /* @__PURE__ */ jsx17(Text_default, { fontSize: 14, fontWeight: 700, selectable: rightValueSelectable, children: rightValue }),
           rightElement === "arrow" && /* @__PURE__ */ jsx17(
             Icon_default,