@colisweb/rescript-toolkit 4.8.0 → 4.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "4.8.0",
+  "version": "4.8.2",
   "type": "module",
   "scripts": {
     "clean": "rescript clean",

package/src/form/Reform.res

@@ -1,3 +1,5 @@
+open ReactIntl
+
 module type Config = {
   type field<'a>
   type state
@@ -177,10 +179,13 @@ module Make = (Config: Config) => {
     ~schema=[]: Validation.schema,
     ~onSubmit,
     ~onSubmitFail=ignore,
-    ~i18n=ReSchemaI18n.default,
-    ~validationStrategy=OnDemand,
+    ~i18n=?,
+    ~validationStrategy=OnChange,
     (),
   ) => {
+    let intl = useIntl()
+    let i18n = i18n->Option.getWithDefault(Toolkit__FormValidationFunctions.i18n(intl))
+
     let (state, send) = ReactUpdate.useReducerWithMapState(
       (state, action) => {
         switch action {
@@ -252,6 +257,8 @@ module Make = (Config: Config) => {
                       field,
                       (Valid: fieldState),
                     ))
+
+                  self.send(SetFormState(Valid))
                   self.send(SetFieldsState(newFieldsState))
                   submit ? self.send(Submit) : ()
                 }
@@ -327,16 +334,25 @@ module Make = (Config: Config) => {
             ),
           })
         | FieldArrayUpdateByIndex(field, value, index) =>
-          Update({
-            ...state,
-            values: Config.set(
-              state.values,
-              field,
-              Config.get(state.values, field)->Belt.Array.mapWithIndex((i, currentValue) =>
-                i == index ? value : currentValue
+          UpdateWithSideEffects(
+            {
+              ...state,
+              values: Config.set(
+                state.values,
+                field,
+                Config.get(state.values, field)->Belt.Array.mapWithIndex((i, currentValue) =>
+                  i == index ? value : currentValue
+                ),
               ),
-            ),
-          })
+            },
+            self => {
+              switch validationStrategy {
+              | OnChange => self.send(ValidateField(Field(field)))
+              | OnDemand => ()
+              }
+              None
+            },
+          )
         | SetFormState(newState) => Update({...state, formState: newState})
         | ResetForm =>
           Update({