@faasjs/react 3.7.0-beta.8 → 3.7.0

package/README.md

@@ -56,6 +56,7 @@ npm install @faasjs/react react
 - [useEqualMemoize](functions/useEqualMemoize.md)
 - [useFaas](functions/useFaas.md)
 - [useFormContext](functions/useFormContext.md)
+- [usePrevious](functions/usePrevious.md)
 - [useSplittingState](functions/useSplittingState.md)
 - [validValues](functions/validValues.md)
 - [withFaasData](functions/withFaasData.md)
@@ -88,6 +89,7 @@ npm install @faasjs/react react
 - [FormItemName](type-aliases/FormItemName.md)
 - [FormItemProps](type-aliases/FormItemProps.md)
 - [FormLabelElementProps](type-aliases/FormLabelElementProps.md)
+- [FormLang](type-aliases/FormLang.md)
 - [FormProps](type-aliases/FormProps.md)
 - [FormRule](type-aliases/FormRule.md)
 - [FormRules](type-aliases/FormRules.md)
@@ -101,4 +103,5 @@ npm install @faasjs/react react
 ## Variables
 
 - [FormDefaultElements](variables/FormDefaultElements.md)
+- [FormDefaultLang](variables/FormDefaultLang.md)
 - [FormDefaultRules](variables/FormDefaultRules.md)

package/dist/index.d.mts

@@ -57,6 +57,14 @@ declare function useEqualMemo<T>(callback: () => T, dependencies: any[]): T;
  * @returns The result of the `useCallback` hook with memoized dependencies.
  */
 declare function useEqualCallback<T extends (...args: any[]) => any>(callback: T, dependencies: any[]): T;
+/**
+ * Hook to store the previous value of a state or prop.
+ *
+ * @template T - The type of the value.
+ * @param {T} value - The current value to be stored.
+ * @returns {T | undefined} - The previous value, or undefined if there is no previous value.
+ */
+declare function usePrevious<T>(value: T): T | undefined;
 
 /**
  * Creates a splitting context with the given default value.
@@ -451,7 +459,7 @@ type FormInputProps<FormElements extends FormElementTypes = FormElementTypes> =
 type FormItemName = string;
 type FormItemProps<FormElements extends FormElementTypes = FormElementTypes, FormRulesOptions extends Record<string, any> = FormDefaultRulesOptions> = {
     name: FormItemName;
-    label?: Omit<FormLabelElementProps, 'name'> & {
+    label?: Omit<FormLabelElementProps, 'name' | 'children'> & {
         Label?: ComponentType<FormLabelElementProps>;
     };
     input?: FormInputProps<FormElements>;
@@ -515,4 +523,4 @@ declare const FormContextProvider: <NewT extends FormContextProps<Record<string,
 }) => react.ReactNode;
 declare const useFormContext: <NewT extends FormContextProps<Record<string, any>, FormRules> = FormContextProps<Record<string, any>, FormRules>>() => Readonly<NewT>;
 
-export { ErrorBoundary, type ErrorBoundaryProps, type ErrorChildrenProps, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, FaasReactClient, type FaasReactClientInstance, type FaasReactClientOptions, FormContainer as Form, type FormButtonElementProps, type FormContextProps, FormContextProvider, FormDefaultElements, FormDefaultRules, type FormDefaultRulesOptions, type FormElementTypes, type FormInputElementProps, FormItem, type FormItemName, type FormItemProps, type FormLabelElementProps, type FormProps, type FormRule, type FormRules, type InferFormRulesOptions, type OnError, OptionalWrapper, type OptionalWrapperProps, createSplittingContext, equal, faas, getClient, useConstant, useEqualCallback, useEqualEffect, useEqualMemo, useEqualMemoize, useFaas, type useFaasOptions, useFormContext, useSplittingState, validValues, withFaasData };
+export { ErrorBoundary, type ErrorBoundaryProps, type ErrorChildrenProps, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, FaasReactClient, type FaasReactClientInstance, type FaasReactClientOptions, FormContainer as Form, type FormButtonElementProps, type FormContextProps, FormContextProvider, FormDefaultElements, FormDefaultLang, FormDefaultRules, type FormDefaultRulesOptions, type FormElementTypes, type FormInputElementProps, FormItem, type FormItemName, type FormItemProps, type FormLabelElementProps, type FormLang, type FormProps, type FormRule, type FormRules, type InferFormRulesOptions, type OnError, OptionalWrapper, type OptionalWrapperProps, createSplittingContext, equal, faas, getClient, useConstant, useEqualCallback, useEqualEffect, useEqualMemo, useEqualMemoize, useFaas, type useFaasOptions, useFormContext, usePrevious, useSplittingState, validValues, withFaasData };

package/dist/index.d.ts

@@ -57,6 +57,14 @@ declare function useEqualMemo<T>(callback: () => T, dependencies: any[]): T;
  * @returns The result of the `useCallback` hook with memoized dependencies.
  */
 declare function useEqualCallback<T extends (...args: any[]) => any>(callback: T, dependencies: any[]): T;
+/**
+ * Hook to store the previous value of a state or prop.
+ *
+ * @template T - The type of the value.
+ * @param {T} value - The current value to be stored.
+ * @returns {T | undefined} - The previous value, or undefined if there is no previous value.
+ */
+declare function usePrevious<T>(value: T): T | undefined;
 
 /**
  * Creates a splitting context with the given default value.
@@ -451,7 +459,7 @@ type FormInputProps<FormElements extends FormElementTypes = FormElementTypes> =
 type FormItemName = string;
 type FormItemProps<FormElements extends FormElementTypes = FormElementTypes, FormRulesOptions extends Record<string, any> = FormDefaultRulesOptions> = {
     name: FormItemName;
-    label?: Omit<FormLabelElementProps, 'name'> & {
+    label?: Omit<FormLabelElementProps, 'name' | 'children'> & {
         Label?: ComponentType<FormLabelElementProps>;
     };
     input?: FormInputProps<FormElements>;
@@ -515,4 +523,4 @@ declare const FormContextProvider: <NewT extends FormContextProps<Record<string,
 }) => react.ReactNode;
 declare const useFormContext: <NewT extends FormContextProps<Record<string, any>, FormRules> = FormContextProps<Record<string, any>, FormRules>>() => Readonly<NewT>;
 
-export { ErrorBoundary, type ErrorBoundaryProps, type ErrorChildrenProps, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, FaasReactClient, type FaasReactClientInstance, type FaasReactClientOptions, FormContainer as Form, type FormButtonElementProps, type FormContextProps, FormContextProvider, FormDefaultElements, FormDefaultRules, type FormDefaultRulesOptions, type FormElementTypes, type FormInputElementProps, FormItem, type FormItemName, type FormItemProps, type FormLabelElementProps, type FormProps, type FormRule, type FormRules, type InferFormRulesOptions, type OnError, OptionalWrapper, type OptionalWrapperProps, createSplittingContext, equal, faas, getClient, useConstant, useEqualCallback, useEqualEffect, useEqualMemo, useEqualMemoize, useFaas, type useFaasOptions, useFormContext, useSplittingState, validValues, withFaasData };
+export { ErrorBoundary, type ErrorBoundaryProps, type ErrorChildrenProps, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, FaasReactClient, type FaasReactClientInstance, type FaasReactClientOptions, FormContainer as Form, type FormButtonElementProps, type FormContextProps, FormContextProvider, FormDefaultElements, FormDefaultLang, FormDefaultRules, type FormDefaultRulesOptions, type FormElementTypes, type FormInputElementProps, FormItem, type FormItemName, type FormItemProps, type FormLabelElementProps, type FormLang, type FormProps, type FormRule, type FormRules, type InferFormRulesOptions, type OnError, OptionalWrapper, type OptionalWrapperProps, createSplittingContext, equal, faas, getClient, useConstant, useEqualCallback, useEqualEffect, useEqualMemo, useEqualMemoize, useFaas, type useFaasOptions, useFormContext, usePrevious, useSplittingState, validValues, withFaasData };

package/dist/index.js

@@ -48,10 +48,8 @@ function equal(a, b) {
     case Promise:
       return a === b;
     case Object: {
-      const keys = Object.keys(a);
-      for (const key of keys) {
+      for (const key of /* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)]))
         if (!equal(a[key], b[key])) return false;
-      }
       return true;
     }
     default:
@@ -79,6 +77,13 @@ function useEqualCallback(callback, dependencies) {
     useEqualMemoize(dependencies)
   );
 }
+function usePrevious(value) {
+  const ref = react.useRef();
+  react.useEffect(() => {
+    ref.current = value;
+  });
+  return ref.current;
+}
 function useSplittingState(initialStates) {
   const states = {};
   for (const key of Object.keys(initialStates)) {
@@ -360,10 +365,10 @@ var FormContext = createSplittingContext([
 var FormContextProvider = FormContext.Provider;
 var useFormContext = FormContext.use;
 function FormItem(props) {
-  const { Elements, values, setValues } = useFormContext();
+  const { Elements, values, setValues, errors } = useFormContext();
   const Label = props.label?.Label ?? Elements.Label;
   const Input = props.input?.Input ?? Elements.Input;
-  return /* @__PURE__ */ jsxRuntime.jsx(Label, { name: props.name, ...props.label, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Label, { name: props.name, ...props.label, error: errors[props.name], children: /* @__PURE__ */ jsxRuntime.jsx(
     Input,
     {
       name: props.name,
@@ -547,6 +552,7 @@ exports.FaasReactClient = FaasReactClient;
 exports.Form = FormContainer;
 exports.FormContextProvider = FormContextProvider;
 exports.FormDefaultElements = FormDefaultElements;
+exports.FormDefaultLang = FormDefaultLang;
 exports.FormDefaultRules = FormDefaultRules;
 exports.FormItem = FormItem;
 exports.OptionalWrapper = OptionalWrapper;
@@ -561,6 +567,7 @@ exports.useEqualMemo = useEqualMemo;
 exports.useEqualMemoize = useEqualMemoize;
 exports.useFaas = useFaas;
 exports.useFormContext = useFormContext;
+exports.usePrevious = usePrevious;
 exports.useSplittingState = useSplittingState;
 exports.validValues = validValues;
 exports.withFaasData = withFaasData;

package/dist/index.mjs

@@ -46,10 +46,8 @@ function equal(a, b) {
     case Promise:
       return a === b;
     case Object: {
-      const keys = Object.keys(a);
-      for (const key of keys) {
+      for (const key of /* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)]))
         if (!equal(a[key], b[key])) return false;
-      }
       return true;
     }
     default:
@@ -77,6 +75,13 @@ function useEqualCallback(callback, dependencies) {
     useEqualMemoize(dependencies)
   );
 }
+function usePrevious(value) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = value;
+  });
+  return ref.current;
+}
 function useSplittingState(initialStates) {
   const states = {};
   for (const key of Object.keys(initialStates)) {
@@ -358,10 +363,10 @@ var FormContext = createSplittingContext([
 var FormContextProvider = FormContext.Provider;
 var useFormContext = FormContext.use;
 function FormItem(props) {
-  const { Elements, values, setValues } = useFormContext();
+  const { Elements, values, setValues, errors } = useFormContext();
   const Label = props.label?.Label ?? Elements.Label;
   const Input = props.input?.Input ?? Elements.Input;
-  return /* @__PURE__ */ jsx(Label, { name: props.name, ...props.label, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Label, { name: props.name, ...props.label, error: errors[props.name], children: /* @__PURE__ */ jsx(
     Input,
     {
       name: props.name,
@@ -539,4 +544,4 @@ function FormContainer({
 FormContainer.displayName = "FormContainer";
 FormContainer.whyDidYouRender = true;
 
-export { ErrorBoundary, FaasDataWrapper, FaasReactClient, FormContainer as Form, FormContextProvider, FormDefaultElements, FormDefaultRules, FormItem, OptionalWrapper, createSplittingContext, equal, faas, getClient, useConstant, useEqualCallback, useEqualEffect, useEqualMemo, useEqualMemoize, useFaas, useFormContext, useSplittingState, validValues, withFaasData };
+export { ErrorBoundary, FaasDataWrapper, FaasReactClient, FormContainer as Form, FormContextProvider, FormDefaultElements, FormDefaultLang, FormDefaultRules, FormItem, OptionalWrapper, createSplittingContext, equal, faas, getClient, useConstant, useEqualCallback, useEqualEffect, useEqualMemo, useEqualMemoize, useFaas, useFormContext, usePrevious, useSplittingState, validValues, withFaasData };

package/package.json

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