@strictly/react-form 0.0.7 → 0.0.8

package/.out/mantine/specs/text_input_hooks.stories.d.ts

@@ -2,16 +2,13 @@ import { type TextInputProps } from '@mantine/core';
 import { type Meta, type StoryObj } from '@storybook/react';
 import { type FieldsViewProps } from 'core/props';
 import { type SuppliedTextInputProps, type TextInputTarget } from 'mantine/create_text_input';
-import { type ErrorRenderer } from 'mantine/error_renderer';
 import { type ComponentType } from 'react';
 import { type Field } from 'types/field';
 type StoryTextInputProps<T extends TextInputTarget> = SuppliedTextInputProps<T> & Pick<TextInputProps, 'label'>;
-declare function Component<T extends TextInputTarget>({ TextInput, ErrorRenderer, ...props }: FieldsViewProps<{
+declare function Component<T extends TextInputTarget>({ TextInput, ...props }: FieldsViewProps<{
     $: Field<string, string>;
 }> & {
     TextInput?: ComponentType<StoryTextInputProps<T>>;
-} & {
-    ErrorRenderer?: ErrorRenderer;
 }): import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof Component>;
 export default meta;
@@ -20,6 +17,6 @@ export declare const Empty: Story;
 export declare const Populated: Story;
 export declare const Required: Story;
 export declare const Disabled: Story;
-export declare const CustomError: Story;
+export declare const Error: Story;
 export declare const OverriddenTextarea: Story<HTMLTextAreaElement>;
 export declare const OverriddenPillsInputField: Story;

package/.out/mantine/specs/text_input_hooks.stories.js

@@ -3,7 +3,10 @@ import { PillsInputField, Textarea, } from '@mantine/core';
 import { action } from '@storybook/addon-actions';
 import { useMantineFormFields } from 'mantine/hooks';
 import { TEXT_INPUT_LABEL } from './text_input_constants';
-function Component({ TextInput, ErrorRenderer, ...props }) {
+function ErrorRenderer({ error }) {
+    return `error ${error}`;
+}
+function Component({ TextInput, ...props }) {
     const form = useMantineFormFields(props);
     const TextInputComponent = form.textInput('$', TextInput);
     return (_jsx(TextInputComponent, { ErrorRenderer: ErrorRenderer, label: TEXT_INPUT_LABEL }));
@@ -62,7 +65,7 @@ export const Disabled = {
         },
     },
 };
-export const CustomError = {
+export const Error = {
     args: {
         fields: {
             $: {
@@ -72,9 +75,6 @@ export const CustomError = {
                 error: 'error',
             },
         },
-        ErrorRenderer: function () {
-            return 'custom error';
-        },
     },
 };
 export const OverriddenTextarea = {

package/.out/mantine/specs/value_input_hooks.stories.d.ts

@@ -2,18 +2,15 @@ import { type JsonInputProps, type NumberInputProps, type RatingProps, type Slid
 import { type Meta, type StoryObj } from '@storybook/react';
 import { type FieldsViewProps } from 'core/props';
 import { type SuppliedValueInputProps } from 'mantine/create_value_input';
-import { type ErrorRenderer } from 'mantine/error_renderer';
 import { type ComponentType } from 'react';
 import { type Field } from 'types/field';
 type StoryValueInputProps<V> = SuppliedValueInputProps<V, any>;
-declare function Component<V, P extends StoryValueInputProps<V>>({ ValueInput, ErrorRenderer, inputProps, ...props }: FieldsViewProps<{
+declare function Component<V, P extends StoryValueInputProps<V>>({ ValueInput, inputProps, ...props }: FieldsViewProps<{
     $: Field<V, string>;
 }> & {
     ValueInput: ComponentType<P>;
 } & {
     inputProps: P;
-} & {
-    ErrorRenderer?: ErrorRenderer;
 }): import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof Component>;
 export default meta;
@@ -21,7 +18,7 @@ type Story<V, P extends StoryValueInputProps<V>> = StoryObj<typeof Component<V,
 export declare const EmptyNumberInput: Story<number | string, NumberInputProps>;
 export declare const PopulatedNumberInput: Story<number | string, NumberInputProps>;
 export declare const RequiredNumberInput: Story<number | string, NumberInputProps>;
-export declare const CustomErrorNumberInput: Story<number | string, NumberInputProps>;
+export declare const ErrorNumberInput: Story<number | string, NumberInputProps>;
 export declare const DisabledNumberInput: Story<number | string, NumberInputProps>;
 export declare const AnSlider: Story<number, SliderProps>;
 export declare const AnRating: Story<number, RatingProps>;

package/.out/mantine/specs/value_input_hooks.stories.js

@@ -3,7 +3,10 @@ import { JsonInput, NumberInput, Rating, Slider, } from '@mantine/core';
 import { action } from '@storybook/addon-actions';
 import { useMantineFormFields } from 'mantine/hooks';
 import { NUMBER_INPUT_LABEL, SLIDER_LABEL, } from './value_input_constants';
-function Component({ ValueInput, ErrorRenderer, inputProps, ...props }) {
+function ErrorRenderer({ error }) {
+    return `error ${error}`;
+}
+function Component({ ValueInput, inputProps, ...props }) {
     const form = useMantineFormFields(props);
     const ValueInputComponent = form.valueInput('$', ValueInput);
     return (_jsx(ValueInputComponent, { ...inputProps, ErrorRenderer: ErrorRenderer }));
@@ -63,7 +66,7 @@ export const RequiredNumberInput = {
         },
     },
 };
-export const CustomErrorNumberInput = {
+export const ErrorNumberInput = {
     args: {
         fields: {
             $: {
@@ -74,9 +77,6 @@ export const CustomErrorNumberInput = {
             },
         },
         ValueInput: NumberInput,
-        ErrorRenderer: function () {
-            return 'a custom error';
-        },
         inputProps: {
             label: NUMBER_INPUT_LABEL,
         },

package/.out/mantine/types.d.ts

@@ -9,6 +9,8 @@ export type MantineForm<F extends Fields> = {
     onFieldBlur: ((this: void, key: keyof F) => void) | undefined;
     onFieldSubmit: ((this: void, key: keyof F) => boolean | void) | undefined;
 };
-export type MantineFieldComponent<T, P = T, E = any> = UnsafePartialComponent<ComponentType<P>, T, {
-    ErrorRenderer?: ErrorRenderer<E>;
+export type MantineFieldComponent<T, P = T, E = any> = UnsafePartialComponent<ComponentType<P>, T, [
+    E
+] extends [never] ? {} : {
+    ErrorRenderer: ErrorRenderer<E>;
 }>;