aport-tools 4.4.31 → 4.4.33

package/dist/forms/Form.d.ts

@@ -1 +1 @@
-export { Form, useFormContext } from './FormContext';
+export { Form, useFormContext, setFormValueGlobal } from './FormContext';

package/dist/forms/FormContext.d.ts

@@ -45,6 +45,7 @@ interface FormContextProps {
     handleSubmit: () => void;
     handleFormSubmit: (formValues: Record<string, any>) => Promise<Record<string, string[]>>;
 }
+export declare const setFormValueGlobal: (name: string, value: any, firstValue?: any) => void;
 export declare const useFormContext: () => FormContextProps;
 interface StepperProps {
     /**

package/dist/forms/index.d.ts

@@ -1,5 +1,5 @@
 export { Input } from './Input';
-export { Form, useFormContext } from './FormContext';
+export { Form, useFormContext, setFormValueGlobal } from './FormContext';
 export { default as TextArea } from './TextArea';
 export { default as Label } from './Label';
 export { default as ErrorList } from './ErrorList';

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.31 | ISC */
+/*! aport-tools v4.4.33 | ISC */
 import React, { useContext, useState, createContext, useRef, useEffect, useMemo, useCallback } from 'react';
 import { StyleSheet, Text as Text$1, Animated, View, TouchableOpacity, Image, TextInput, Modal, Pressable, FlatList, Keyboard, Platform, Alert, ActivityIndicator } from 'react-native';
 import { ThemeContext } from 'aport-themes';
@@ -377,6 +377,18 @@ var styles$9 = StyleSheet.create({
 });
 
 // src/forms/FormContext.tsx
+// Create a ref to hold the global `setFormValue` function
+var globalSetFormValueRef = {
+  current: null
+};
+// Utility to use `setFormValue` globally
+var setFormValueGlobal = function setFormValueGlobal(name, value, firstValue) {
+  if (globalSetFormValueRef.current) {
+    globalSetFormValueRef.current(name, value, firstValue);
+  } else {
+    console.warn("setFormValueGlobal was called before the Form was rendered.");
+  }
+};
 var FormContext = /*#__PURE__*/createContext(undefined);
 var useFormContext = function useFormContext() {
   var context = useContext(FormContext);
@@ -398,6 +410,13 @@ var Form = function Form(_a) {
   var _d = useState({}),
     firstValues = _d[0],
     setFirstValues = _d[1]; // Track firstValues
+  // Assign the local `setFormValue` to the global ref on first render
+  React.useEffect(function () {
+    globalSetFormValueRef.current = setFormValue;
+    return function () {
+      globalSetFormValueRef.current = null; // Cleanup on unmount
+    };
+  }, []);
   var setFormValue = function setFormValue(name, value, firstValue) {
     setFormValues(function (prev) {
       var _a;
@@ -552,16 +571,14 @@ var Input = function Input(_a) {
   var isFirstRender = useRef(true); // Track the first render
   // Initialize the internal value when `firstValue` changes or on first render
   useEffect(function () {
+    var _a;
     if (isFirstRender.current) {
       isFirstRender.current = false;
-      if (firstValue !== undefined) {
-        setInternalValue(firstValue);
-        setFormValue(name, firstValue, firstValue); // Pass firstValue here
-      } else {
-        setInternalValue(formValues[name] || "");
-      }
+      var initialValue = (_a = firstValue !== null && firstValue !== void 0 ? firstValue : formValues[name]) !== null && _a !== void 0 ? _a : ""; // Priority: firstValue > formValues[name] > ""
+      setInternalValue(initialValue);
+      setFormValue(name, initialValue, firstValue); // Initialize the form value globally
     }
-  }, [firstValue]);
+  }, [firstValue, formValues, name, setFormValue]);
   /**
    * Handles text changes in the input field, applying formatting based on the inputType.
    *
@@ -1462,5 +1479,5 @@ var styles = StyleSheet.create({
   }
 });
 
-export { Button, Card, ErrorList, Form, Input, InputAttach, InputCheck, InputList, Label, Text, TextArea, useFormContext };
+export { Button, Card, ErrorList, Form, Input, InputAttach, InputCheck, InputList, Label, Text, TextArea, setFormValueGlobal, useFormContext };
 //# sourceMappingURL=index.esm.js.map