@faasjs/react 3.7.1 → 4.0.0

package/dist/index.d.mts

@@ -3,7 +3,7 @@ export { FaasAction, FaasData, FaasParams } from '@faasjs/types';
 import { Response, BaseUrl, ResponseError, Options, FaasBrowserClient } from '@faasjs/browser';
 export { Options, Response, ResponseError, ResponseHeaders } from '@faasjs/browser';
 import * as react from 'react';
-import { ReactNode, Dispatch, SetStateAction, ReactElement, Component, ComponentType, ComponentProps, JSXElementConstructor } from 'react';
+import { ReactNode, Dispatch, SetStateAction, JSX, ReactElement, Component, ComponentType, ComponentProps, JSXElementConstructor } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
@@ -371,7 +371,7 @@ declare class ErrorBoundary extends Component<ErrorBoundaryProps, {
     static whyDidYouRender: boolean;
     constructor(props: ErrorBoundaryProps);
     componentDidCatch(error: Error | null, info: any): void;
-    render(): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode>> | react_jsx_runtime.JSX.Element;
 }
 
 type OptionalWrapperProps<TWrapper extends ComponentType<{
@@ -413,7 +413,7 @@ declare const OptionalWrapper: React.FC<OptionalWrapperProps> & {
  */
 type FormButtonElementProps = {
     children?: React.ReactNode;
-    disabled: boolean;
+    submitting?: boolean;
     submit: () => Promise<void>;
 };
 

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { FaasAction, FaasData, FaasParams } from '@faasjs/types';
 import { Response, BaseUrl, ResponseError, Options, FaasBrowserClient } from '@faasjs/browser';
 export { Options, Response, ResponseError, ResponseHeaders } from '@faasjs/browser';
 import * as react from 'react';
-import { ReactNode, Dispatch, SetStateAction, ReactElement, Component, ComponentType, ComponentProps, JSXElementConstructor } from 'react';
+import { ReactNode, Dispatch, SetStateAction, JSX, ReactElement, Component, ComponentType, ComponentProps, JSXElementConstructor } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
@@ -371,7 +371,7 @@ declare class ErrorBoundary extends Component<ErrorBoundaryProps, {
     static whyDidYouRender: boolean;
     constructor(props: ErrorBoundaryProps);
     componentDidCatch(error: Error | null, info: any): void;
-    render(): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode>> | react_jsx_runtime.JSX.Element;
 }
 
 type OptionalWrapperProps<TWrapper extends ComponentType<{
@@ -413,7 +413,7 @@ declare const OptionalWrapper: React.FC<OptionalWrapperProps> & {
  */
 type FormButtonElementProps = {
     children?: React.ReactNode;
-    disabled: boolean;
+    submitting?: boolean;
     submit: () => Promise<void>;
 };
 

package/dist/index.js

@@ -6,7 +6,7 @@ var browser = require('@faasjs/browser');
 
 // src/constant.ts
 function useConstant(fn) {
-  const ref = react.useRef();
+  const ref = react.useRef(null);
   if (!ref.current) {
     ref.current = { v: fn() };
   }
@@ -78,7 +78,7 @@ function useEqualCallback(callback, dependencies) {
   );
 }
 function usePrevious(value) {
-  const ref = react.useRef();
+  const ref = react.useRef(void 0);
   react.useEffect(() => {
     ref.current = value;
   });
@@ -193,7 +193,7 @@ function useFaas(action, defaultParams, options = {}) {
   const [skip, setSkip] = react.useState(
     typeof options.skip === "function" ? options.skip(defaultParams) : options.skip
   );
-  const promiseRef = react.useRef();
+  const promiseRef = react.useRef(null);
   const controllerRef = react.useRef(null);
   useEqualEffect(() => {
     setSkip(
@@ -478,7 +478,7 @@ function FormFooter() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Elements.Button,
     {
-      disabled: submitting,
+      submitting,
       submit: async () => {
         setSubmitting(true);
         const errors = await validValues(rules, items, values, lang);
@@ -495,11 +495,11 @@ function FormFooter() {
 }
 FormFooter.displayName = "FormFooter";
 FormFooter.whyDidYouRender = true;
-var FormButtonElement = react.forwardRef(({ disabled, children, submit, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var FormButtonElement = react.forwardRef(({ children, submit, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "button",
   {
     type: "button",
-    disabled,
+    disabled: props.submitting,
     onClick: submit,
     ...props,
     ref,
@@ -507,10 +507,10 @@ var FormButtonElement = react.forwardRef(({ disabled, children, submit, ...props
   }
 ));
 FormButtonElement.displayName = "FormButtonElement";
-FormButtonElement.whyDidYouRender = true;
+Object.assign(FormButtonElement, { whyDidYouRender: true });
 var FormInputElement = react.forwardRef(({ onChange, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ...props, onChange: (e) => onChange(e.target.value), ref }));
 FormInputElement.displayName = "FormInputElement";
-FormInputElement.whyDidYouRender = true;
+Object.assign(FormInputElement, { whyDidYouRender: true });
 var FormLabelElement = ({
   name,
   title,

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { FaasBrowserClient } from '@faasjs/browser';
 
 // src/constant.ts
 function useConstant(fn) {
-  const ref = useRef();
+  const ref = useRef(null);
   if (!ref.current) {
     ref.current = { v: fn() };
   }
@@ -76,7 +76,7 @@ function useEqualCallback(callback, dependencies) {
   );
 }
 function usePrevious(value) {
-  const ref = useRef();
+  const ref = useRef(void 0);
   useEffect(() => {
     ref.current = value;
   });
@@ -191,7 +191,7 @@ function useFaas(action, defaultParams, options = {}) {
   const [skip, setSkip] = useState(
     typeof options.skip === "function" ? options.skip(defaultParams) : options.skip
   );
-  const promiseRef = useRef();
+  const promiseRef = useRef(null);
   const controllerRef = useRef(null);
   useEqualEffect(() => {
     setSkip(
@@ -476,7 +476,7 @@ function FormFooter() {
   return /* @__PURE__ */ jsx(
     Elements.Button,
     {
-      disabled: submitting,
+      submitting,
       submit: async () => {
         setSubmitting(true);
         const errors = await validValues(rules, items, values, lang);
@@ -493,11 +493,11 @@ function FormFooter() {
 }
 FormFooter.displayName = "FormFooter";
 FormFooter.whyDidYouRender = true;
-var FormButtonElement = forwardRef(({ disabled, children, submit, ...props }, ref) => /* @__PURE__ */ jsx(
+var FormButtonElement = forwardRef(({ children, submit, ...props }, ref) => /* @__PURE__ */ jsx(
   "button",
   {
     type: "button",
-    disabled,
+    disabled: props.submitting,
     onClick: submit,
     ...props,
     ref,
@@ -505,10 +505,10 @@ var FormButtonElement = forwardRef(({ disabled, children, submit, ...props }, re
   }
 ));
 FormButtonElement.displayName = "FormButtonElement";
-FormButtonElement.whyDidYouRender = true;
+Object.assign(FormButtonElement, { whyDidYouRender: true });
 var FormInputElement = forwardRef(({ onChange, ...props }, ref) => /* @__PURE__ */ jsx("input", { ...props, onChange: (e) => onChange(e.target.value), ref }));
 FormInputElement.displayName = "FormInputElement";
-FormInputElement.whyDidYouRender = true;
+Object.assign(FormInputElement, { whyDidYouRender: true });
 var FormLabelElement = ({
   name,
   title,

package/package.json

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