react-science 20.3.0 → 20.3.1

package/lib/components/form/components/layout/form.d.ts

@@ -1,4 +1,4 @@
-import type { SyntheticEvent } from 'react';
+import type { ReactNode, SyntheticEvent } from 'react';
 import type { FormProps as DomFormProps } from '../input_groups/form.js';
 export interface AppFormProps extends Omit<DomFormProps, 'noValidate'> {
     domValidate?: boolean;
@@ -11,7 +11,7 @@ export interface AppFormProps extends Omit<DomFormProps, 'noValidate'> {
  * Mount `form.AppForm` and `Form` with default onSubmit.
  * It reduces the boilerplate code.
  */
-export declare const AppForm: import("react").FunctionComponent<import("react").PropsWithChildren<NoInfer<AppFormProps> & {
+export declare const AppForm: MinimalFunctionComponent<MinimalProps<import("react").PropsWithChildren<NoInfer<AppFormProps> & {
     form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<any, any, any, import("@tanstack/form-core").FormAsyncValidateOrFn<any> | undefined, any, import("@tanstack/form-core").FormAsyncValidateOrFn<any> | undefined, any, import("@tanstack/form-core").FormAsyncValidateOrFn<any> | undefined, any, import("@tanstack/form-core").FormAsyncValidateOrFn<any> | undefined, import("@tanstack/form-core").FormAsyncValidateOrFn<any> | undefined, any, {
         readonly Input: typeof import("../input/input.tsx").Input;
         readonly NumericInput: typeof import("../input/numeric_input.tsx").NumericInput;
@@ -25,5 +25,15 @@ export declare const AppForm: import("react").FunctionComponent<import("react").
         readonly ResetButton: typeof import("../input/reset_button.tsx").ResetButton;
         readonly Section: typeof import("./Section.tsx").Section;
     }>;
-}>>;
+}>>>;
+type MinimalProps<Props extends {
+    form: unknown;
+}> = Omit<Props, 'form'> & {
+    /**
+     * Some properties of form are ignored because it is known to produce type errors on usage.
+     */
+    form: Omit<Props['form'], 'pushFieldValue' | 'insertFieldValue' | 'replaceFieldValue'>;
+};
+type MinimalFunctionComponent<Props> = (props: Props) => ReactNode;
+export {};
 //# sourceMappingURL=form.d.ts.map

package/lib/components/form/components/layout/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/layout/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGzE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IAGH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,eAAe,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC;CAC7E;AAWD;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;GA8BlB,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/layout/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGzE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IAGH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,eAAe,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC;CAC7E;AAWD;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;IAgCnB,CAAC;AAEF,KAAK,YAAY,CAAC,KAAK,SAAS;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG;IACzE;;OAEG;IACH,IAAI,EAAE,IAAI,CACR,KAAK,CAAC,MAAM,CAAC,EAKb,gBAAgB,GAAG,kBAAkB,GAAG,mBAAmB,CAC5D,CAAC;CACH,CAAC;AACF,KAAK,wBAAwB,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC"}

package/lib/components/form/components/layout/form.js

@@ -12,7 +12,7 @@ const defaultValues = undefined;
  * Mount `form.AppForm` and `Form` with default onSubmit.
  * It reduces the boilerplate code.
  */
-export const AppForm = withForm({
+export const AppForm = minimalForm(withForm({
     defaultValues,
     props,
     render: function FormRender(props) {
@@ -27,5 +27,8 @@ export const AppForm = withForm({
                     void form.handleSubmit(meta);
                 }, ...domProps, noValidate: !domValidate, children: children }) }));
     },
-});
+}));
+function minimalForm(component) {
+    return component;
+}
 //# sourceMappingURL=form.js.map

package/lib/components/form/components/layout/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../../src/components/form/components/layout/form.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAY1D,MAAM,KAAK,GAAiB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAE/C,+CAA+C;AAC/C,+CAA+C;AAC/C,+BAA+B;AAC/B,0GAA0G;AAC1G,8DAA8D;AAC9D,MAAM,aAAa,GAAQ,SAAS,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;IAC9B,aAAa;IACb,KAAK;IACL,MAAM,EAAE,SAAS,UAAU,CAAC,KAAK;QAC/B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;QACzE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAEzB,OAAO,CACL,KAAC,OAAO,cAEN,KAAC,OAAO,IACN,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBAEvB,MAAM,IAAI,GAAG,YAAY,EAAE;oBACzB,wCAAwC;oBACxC,wCAAwC;oBACxC,KAAqD,CACtD,CAAC;oBAEF,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC/B,CAAC,KACG,QAAQ,EACZ,UAAU,EAAE,CAAC,WAAW,YAEvB,QAAQ,GACD,GACF,CACX,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../../src/components/form/components/layout/form.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAY1D,MAAM,KAAK,GAAiB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAE/C,+CAA+C;AAC/C,+CAA+C;AAC/C,+BAA+B;AAC/B,0GAA0G;AAC1G,8DAA8D;AAC9D,MAAM,aAAa,GAAQ,SAAS,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAChC,QAAQ,CAAC;IACP,aAAa;IACb,KAAK;IACL,MAAM,EAAE,SAAS,UAAU,CAAC,KAAK;QAC/B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;QACzE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAEzB,OAAO,CACL,KAAC,OAAO,cAEN,KAAC,OAAO,IACN,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBAEvB,MAAM,IAAI,GAAG,YAAY,EAAE;oBACzB,wCAAwC;oBACxC,wCAAwC;oBACxC,KAAqD,CACtD,CAAC;oBAEF,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC/B,CAAC,KACG,QAAQ,EACZ,UAAU,EAAE,CAAC,WAAW,YAEvB,QAAQ,GACD,GACF,CACX,CAAC;IACJ,CAAC;CACF,CAAC,CACH,CAAC;AAiBF,SAAS,WAAW,CAClB,SAA0C;IAE1C,OAAO,SAA0D,CAAC;AACpE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "20.3.0",
+  "version": "20.3.1",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {

package/src/components/form/components/layout/form.tsx

@@ -1,4 +1,4 @@
-import type { SyntheticEvent } from 'react';
+import type { ReactNode, SyntheticEvent } from 'react';
 
 import { withForm } from '../../context/use_ts_form.js';
 import type { FormProps as DomFormProps } from '../input_groups/form.js';
@@ -27,34 +27,57 @@ const defaultValues: any = undefined;
  * Mount `form.AppForm` and `Form` with default onSubmit.
  * It reduces the boilerplate code.
  */
-export const AppForm = withForm({
-  defaultValues,
-  props,
-  render: function FormRender(props) {
-    const { form, children, domValidate, onSubmitMeta, ...domProps } = props;
-    const { AppForm } = form;
-
-    return (
-      <AppForm>
-        {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}
-        <DomForm
-          onSubmit={(event) => {
-            event.preventDefault();
-
-            const meta = onSubmitMeta?.(
-              // onSubmit event is not typed properly.
-              // It uses Event instead of SubmitEvent.
-              event as SyntheticEvent<HTMLFormElement, SubmitEvent>,
-            );
-
-            void form.handleSubmit(meta);
-          }}
-          {...domProps}
-          noValidate={!domValidate}
-        >
-          {children}
-        </DomForm>
-      </AppForm>
-    );
-  },
-});
+export const AppForm = minimalForm(
+  withForm({
+    defaultValues,
+    props,
+    render: function FormRender(props) {
+      const { form, children, domValidate, onSubmitMeta, ...domProps } = props;
+      const { AppForm } = form;
+
+      return (
+        <AppForm>
+          {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}
+          <DomForm
+            onSubmit={(event) => {
+              event.preventDefault();
+
+              const meta = onSubmitMeta?.(
+                // onSubmit event is not typed properly.
+                // It uses Event instead of SubmitEvent.
+                event as SyntheticEvent<HTMLFormElement, SubmitEvent>,
+              );
+
+              void form.handleSubmit(meta);
+            }}
+            {...domProps}
+            noValidate={!domValidate}
+          >
+            {children}
+          </DomForm>
+        </AppForm>
+      );
+    },
+  }),
+);
+
+type MinimalProps<Props extends { form: unknown }> = Omit<Props, 'form'> & {
+  /**
+   * Some properties of form are ignored because it is known to produce type errors on usage.
+   */
+  form: Omit<
+    Props['form'],
+    // field array API cause this kind of errors:
+    // Types of property 'pushFieldValue' are incompatible.
+    //  ...
+    //    Type 'any' is not assignable to type 'never'.
+    'pushFieldValue' | 'insertFieldValue' | 'replaceFieldValue'
+  >;
+};
+type MinimalFunctionComponent<Props> = (props: Props) => ReactNode;
+
+function minimalForm<Props extends { form: unknown }>(
+  component: MinimalFunctionComponent<Props>,
+): MinimalFunctionComponent<MinimalProps<Props>> {
+  return component as MinimalFunctionComponent<MinimalProps<Props>>;
+}