@faasjs/react 3.7.0-beta.5 → 3.7.0-beta.6

package/dist/index.d.mts

@@ -264,6 +264,14 @@ type FaasReactClientOptions = {
     /** @default `/` */
     baseUrl?: BaseUrl;
     options?: Options;
+    /**
+     * @example
+     * ```ts
+     * onError: (action, params) => async (res) => {
+     *   console.error(action, params, res)
+     * }
+     * ```
+     */
     onError?: OnError;
 };
 type FaasReactClientInstance = {
@@ -386,6 +394,13 @@ type FormInputElementProps = {
     onChange: (value: any) => void;
 };
 
+declare const FormDefaultLang: {
+    submit: string;
+    required: string;
+    number: string;
+};
+type FormLang = typeof FormDefaultLang;
+
 type FormRules = {
     type?: 'string' | 'number';
     required?: boolean;
@@ -420,10 +435,11 @@ declare const FormDefaultElements: FormElementTypes;
 type FormProps<Values extends Record<string, any> = Record<string, any>, FormElements extends FormElementTypes = FormElementTypes> = {
     items: FormLabelElementProps<FormElements>[];
     onSubmit?: (values: Values) => Promise<void>;
-    elements?: Partial<FormElements>;
+    Elements?: Partial<FormElements>;
+    lang?: Partial<FormLang>;
     defaultValues?: Values;
 };
-declare function FormContainer<Values extends Record<string, any> = Record<string, any>, FormElements extends FormElementTypes = FormElementTypes>({ defaultValues, elements, ...props }: FormProps<Values, FormElements>): react_jsx_runtime.JSX.Element;
+declare function FormContainer<Values extends Record<string, any> = Record<string, any>, FormElements extends FormElementTypes = FormElementTypes>({ defaultValues, Elements, lang, ...props }: FormProps<Values, FormElements>): react_jsx_runtime.JSX.Element;
 declare namespace FormContainer {
     var displayName: string;
     var whyDidYouRender: boolean;
@@ -433,6 +449,7 @@ type FormContextProps<Values extends Record<string, any> = Record<string, any>>
     items: FormLabelElementProps[];
     onSubmit: (values: Values) => Promise<void>;
     Elements: FormElementTypes;
+    lang: FormLang;
     submitting: boolean;
     setSubmitting: Dispatch<SetStateAction<boolean>>;
     values: Values;

package/dist/index.d.ts

@@ -264,6 +264,14 @@ type FaasReactClientOptions = {
     /** @default `/` */
     baseUrl?: BaseUrl;
     options?: Options;
+    /**
+     * @example
+     * ```ts
+     * onError: (action, params) => async (res) => {
+     *   console.error(action, params, res)
+     * }
+     * ```
+     */
     onError?: OnError;
 };
 type FaasReactClientInstance = {
@@ -386,6 +394,13 @@ type FormInputElementProps = {
     onChange: (value: any) => void;
 };
 
+declare const FormDefaultLang: {
+    submit: string;
+    required: string;
+    number: string;
+};
+type FormLang = typeof FormDefaultLang;
+
 type FormRules = {
     type?: 'string' | 'number';
     required?: boolean;
@@ -420,10 +435,11 @@ declare const FormDefaultElements: FormElementTypes;
 type FormProps<Values extends Record<string, any> = Record<string, any>, FormElements extends FormElementTypes = FormElementTypes> = {
     items: FormLabelElementProps<FormElements>[];
     onSubmit?: (values: Values) => Promise<void>;
-    elements?: Partial<FormElements>;
+    Elements?: Partial<FormElements>;
+    lang?: Partial<FormLang>;
     defaultValues?: Values;
 };
-declare function FormContainer<Values extends Record<string, any> = Record<string, any>, FormElements extends FormElementTypes = FormElementTypes>({ defaultValues, elements, ...props }: FormProps<Values, FormElements>): react_jsx_runtime.JSX.Element;
+declare function FormContainer<Values extends Record<string, any> = Record<string, any>, FormElements extends FormElementTypes = FormElementTypes>({ defaultValues, Elements, lang, ...props }: FormProps<Values, FormElements>): react_jsx_runtime.JSX.Element;
 declare namespace FormContainer {
     var displayName: string;
     var whyDidYouRender: boolean;
@@ -433,6 +449,7 @@ type FormContextProps<Values extends Record<string, any> = Record<string, any>>
     items: FormLabelElementProps[];
     onSubmit: (values: Values) => Promise<void>;
     Elements: FormElementTypes;
+    lang: FormLang;
     submitting: boolean;
     setSubmitting: Dispatch<SetStateAction<boolean>>;
     values: Values;

package/dist/index.js

@@ -20,6 +20,7 @@ function equal(a, b) {
   if ((a === null || a === void 0) && (b === null || b === void 0))
     return true;
   if (typeof a !== typeof b) return false;
+  if (b === null || b === void 0) return false;
   const ctor = a.constructor;
   if (ctor !== b.constructor) return false;
   switch (ctor) {
@@ -347,6 +348,7 @@ var FormContext = createSplittingContext([
   "items",
   "onSubmit",
   "Elements",
+  "lang",
   "submitting",
   "setSubmitting",
   "values",
@@ -371,20 +373,20 @@ FormBody.displayName = "FormBody";
 FormBody.whyDidYouRender = true;
 
 // src/Form/rules.ts
-async function validValue(rules, value) {
+async function validValue(rules, value, lang) {
   if (rules.required && (value === null || value === void 0 || value === "" || Number.isNaN(value)))
-    return { message: "This field is required" };
+    return { message: lang.required };
   if (rules.type === "number" && Number.isNaN(Number(value)))
-    return { message: "This field must be a number" };
+    return { message: lang.number };
   return rules.custom?.(value);
 }
-async function validValues(items, values) {
+async function validValues(items, values, lang) {
   const errors = {};
   for (const item of items) {
     const value = values[item.name];
     const rules = item.rules;
     if (rules) {
-      const error = await validValue(rules, value);
+      const error = await validValue(rules, value, lang);
       if (error) errors[item.name] = error;
     }
   }
@@ -398,7 +400,8 @@ function FormFooter() {
     values,
     Elements,
     items,
-    setErrors
+    setErrors,
+    lang
   } = useFormContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
     Elements.Button,
@@ -406,7 +409,7 @@ function FormFooter() {
       disabled: submitting,
       submit: async () => {
         setSubmitting(true);
-        const errors = await validValues(items, values);
+        const errors = await validValues(items, values, lang);
         if (Object.keys(errors).length) {
           setErrors(errors);
           setSubmitting(false);
@@ -414,7 +417,7 @@ function FormFooter() {
         }
         onSubmit(values).finally(() => setSubmitting(false));
       },
-      children: "Submit"
+      children: lang.submit
     }
   );
 }
@@ -490,18 +493,31 @@ var FormDefaultElements = {
   Input: FormInputElement,
   Button: FormButtonElement
 };
+
+// src/Form/lang.ts
+var FormDefaultLang = {
+  submit: "Submit",
+  required: "This field is required",
+  number: "This field must be a number"
+};
 function mergeValues(items, defaultValues = {}) {
   const values = {};
   for (const item of items)
     values[item.name] = defaultValues[item.name] ?? "";
   return values;
 }
-function FormContainer({ defaultValues, elements, ...props }) {
+function FormContainer({
+  defaultValues,
+  Elements,
+  lang,
+  ...props
+}) {
   const states = useSplittingState({
     values: mergeValues(props.items, defaultValues),
     errors: {},
     submitting: false,
-    Elements: Object.assign(FormDefaultElements, elements)
+    Elements: Object.assign(FormDefaultElements, Elements),
+    lang: Object.assign(FormDefaultLang, lang)
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     FormContextProvider,

package/dist/index.mjs

@@ -18,6 +18,7 @@ function equal(a, b) {
   if ((a === null || a === void 0) && (b === null || b === void 0))
     return true;
   if (typeof a !== typeof b) return false;
+  if (b === null || b === void 0) return false;
   const ctor = a.constructor;
   if (ctor !== b.constructor) return false;
   switch (ctor) {
@@ -345,6 +346,7 @@ var FormContext = createSplittingContext([
   "items",
   "onSubmit",
   "Elements",
+  "lang",
   "submitting",
   "setSubmitting",
   "values",
@@ -369,20 +371,20 @@ FormBody.displayName = "FormBody";
 FormBody.whyDidYouRender = true;
 
 // src/Form/rules.ts
-async function validValue(rules, value) {
+async function validValue(rules, value, lang) {
   if (rules.required && (value === null || value === void 0 || value === "" || Number.isNaN(value)))
-    return { message: "This field is required" };
+    return { message: lang.required };
   if (rules.type === "number" && Number.isNaN(Number(value)))
-    return { message: "This field must be a number" };
+    return { message: lang.number };
   return rules.custom?.(value);
 }
-async function validValues(items, values) {
+async function validValues(items, values, lang) {
   const errors = {};
   for (const item of items) {
     const value = values[item.name];
     const rules = item.rules;
     if (rules) {
-      const error = await validValue(rules, value);
+      const error = await validValue(rules, value, lang);
       if (error) errors[item.name] = error;
     }
   }
@@ -396,7 +398,8 @@ function FormFooter() {
     values,
     Elements,
     items,
-    setErrors
+    setErrors,
+    lang
   } = useFormContext();
   return /* @__PURE__ */ jsx(
     Elements.Button,
@@ -404,7 +407,7 @@ function FormFooter() {
       disabled: submitting,
       submit: async () => {
         setSubmitting(true);
-        const errors = await validValues(items, values);
+        const errors = await validValues(items, values, lang);
         if (Object.keys(errors).length) {
           setErrors(errors);
           setSubmitting(false);
@@ -412,7 +415,7 @@ function FormFooter() {
         }
         onSubmit(values).finally(() => setSubmitting(false));
       },
-      children: "Submit"
+      children: lang.submit
     }
   );
 }
@@ -488,18 +491,31 @@ var FormDefaultElements = {
   Input: FormInputElement,
   Button: FormButtonElement
 };
+
+// src/Form/lang.ts
+var FormDefaultLang = {
+  submit: "Submit",
+  required: "This field is required",
+  number: "This field must be a number"
+};
 function mergeValues(items, defaultValues = {}) {
   const values = {};
   for (const item of items)
     values[item.name] = defaultValues[item.name] ?? "";
   return values;
 }
-function FormContainer({ defaultValues, elements, ...props }) {
+function FormContainer({
+  defaultValues,
+  Elements,
+  lang,
+  ...props
+}) {
   const states = useSplittingState({
     values: mergeValues(props.items, defaultValues),
     errors: {},
     submitting: false,
-    Elements: Object.assign(FormDefaultElements, elements)
+    Elements: Object.assign(FormDefaultElements, Elements),
+    lang: Object.assign(FormDefaultLang, lang)
   });
   return /* @__PURE__ */ jsxs(
     FormContextProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/react",
-  "version": "3.7.0-beta.5",
+  "version": "3.7.0-beta.6",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -34,10 +34,10 @@
     "dist"
   ],
   "peerDependencies": {
-    "@faasjs/browser": "3.7.0-beta.5"
+    "@faasjs/browser": "3.7.0-beta.6"
   },
   "devDependencies": {
-    "@faasjs/browser": "3.7.0-beta.5",
+    "@faasjs/browser": "3.7.0-beta.6",
     "@types/react": "*",
     "react": "*"
   },