@strictly/react-form 0.0.18 → 0.0.19

package/.out/mantine/hooks.d.ts

@@ -10,6 +10,7 @@ import { type ListFieldsOfFields } from 'types/list_fields_of_fields';
 import { type StringFieldsOfFields } from 'types/string_fields_of_fields';
 import { type SubFormFields } from 'types/sub_form_fields';
 import { type ValueTypeOfField } from 'types/value_type_of_field';
+import { type RefOfProps } from 'util/partial';
 import { type SuppliedCheckboxProps } from './create_checkbox';
 import { type FieldViewProps } from './create_field_view';
 import { type FieldsView } from './create_fields_view';
@@ -41,12 +42,12 @@ declare class MantineFormImpl<F extends Fields> implements MantineForm<F> {
     onFieldBlur: ((this: void, key: keyof F) => void) | undefined;
     onFieldSubmit: ((this: void, key: keyof F) => boolean | void) | undefined;
     constructor(fields: F);
-    textInput<K extends keyof StringFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedTextInputProps, TextInputProps, ErrorOfField<F[K]>>;
-    textInput<K extends keyof StringFieldsOfFields<F>, P extends SuppliedTextInputProps<any>>(valuePath: K, TextInput?: ComponentType<P>): MantineFieldComponent<SuppliedTextInputProps, P, ErrorOfField<F[K]>>;
+    textInput<K extends keyof StringFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedTextInputProps, TextInputProps, ErrorOfField<F[K]>, HTMLInputElement>;
+    textInput<K extends keyof StringFieldsOfFields<F>, P extends SuppliedTextInputProps<any>>(valuePath: K, TextInput?: ComponentType<P>): MantineFieldComponent<SuppliedTextInputProps, P, ErrorOfField<F[K]>, RefOfProps<P, HTMLInputElement>>;
     valueInput<K extends keyof AllFieldsOfFields<F>, P extends SuppliedValueInputProps<ValueTypeOfField<F[K]>, any>>(valuePath: K, ValueInput: ComponentType<P>): MantineFieldComponent<SuppliedValueInputProps<ValueTypeOfField<F[K]>>, P, ErrorOfField<F[K]>>;
-    select<K extends keyof StringFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedTextInputProps, ComponentProps<typeof SimpleSelect>, ErrorOfField<F[K]>>;
-    checkbox<K extends keyof BooleanFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedCheckboxProps, CheckboxProps, ErrorOfField<F[K]>>;
-    checkbox<K extends keyof BooleanFieldsOfFields<F>, P extends SuppliedCheckboxProps>(valuePath: K, Checkbox: ComponentType<P>): MantineFieldComponent<SuppliedCheckboxProps, P, ErrorOfField<F[K]>>;
+    select<K extends keyof StringFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedValueInputProps<ValueTypeOfField<F[K]>>, ComponentProps<typeof SimpleSelect>, ErrorOfField<F[K]>, HTMLSelectElement>;
+    checkbox<K extends keyof BooleanFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedCheckboxProps, CheckboxProps, ErrorOfField<F[K]>, HTMLInputElement>;
+    checkbox<K extends keyof BooleanFieldsOfFields<F>, P extends SuppliedCheckboxProps>(valuePath: K, Checkbox: ComponentType<P>): MantineFieldComponent<SuppliedCheckboxProps, P, ErrorOfField<F[K]>, RefOfProps<P, HTMLInputElement>>;
     radioGroup<K extends keyof StringFieldsOfFields<F>, P extends RadioGroupProps = RadioGroupProps>(valuePath: K): MantineFieldComponent<SuppliedRadioGroupProps, P, ErrorOfField<F[K]>>;
     radioGroup<K extends keyof StringFieldsOfFields<F>, P extends SuppliedRadioGroupProps>(valuePath: K, RadioGroup: ComponentType<P>): MantineFieldComponent<SuppliedRadioGroupProps, P, ErrorOfField<F[K]>>;
     radio<K extends keyof StringFieldsOfFields<F>>(valuePath: K, value: ValueTypeOfField<F[K]>): MantineFieldComponent<SuppliedRadioProps, RadioProps, ErrorOfField<F[K]>>;

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

@@ -1,9 +1,12 @@
 import { type Meta, type StoryObj } from '@storybook/react';
 import { type FieldsViewProps } from 'core/props';
+import { type Ref } from 'react';
 import { type Field } from 'types/field';
-declare function Component({ ...props }: FieldsViewProps<{
+declare function Component({ componentRef, ...props }: FieldsViewProps<{
     $: Field<boolean, string>;
-}>): import("react/jsx-runtime").JSX.Element;
+}> & {
+    componentRef: Ref<HTMLInputElement>;
+}): import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof Component>;
 export default meta;
 type Story = StoryObj<typeof Component>;

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

@@ -17,10 +17,10 @@ function ErrorRenderer({ error }) {
     return `Error ${error}`;
 }
 function Component(_a) {
-    var props = __rest(_a, []);
+    var { componentRef } = _a, props = __rest(_a, ["componentRef"]);
     const inputProps = useMantineFormFields(props);
     const CheckboxComponent = inputProps.checkbox('$');
-    return (_jsx(CheckboxComponent, { ErrorRenderer: ErrorRenderer, label: CHECKBOX_LABEL }));
+    return (_jsx(CheckboxComponent, { ErrorRenderer: ErrorRenderer, label: CHECKBOX_LABEL, ref: componentRef }));
 }
 const meta = {
     component: Component,
@@ -29,6 +29,7 @@ const meta = {
         onFieldFocus: action('onFieldFocus'),
         onFieldSubmit: action('onFieldSubmit'),
         onFieldValueChange: action('onFieldValueChange'),
+        componentRef: action('componentRef'),
     },
 };
 export default meta;

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

@@ -2,12 +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 ComponentType } from 'react';
+import { type ComponentType, type Ref } 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, ...props }: FieldsViewProps<{
+declare function Component<T extends TextInputTarget>({ TextInput, componentRef, ...props }: FieldsViewProps<{
     $: Field<string, string>;
 }> & {
+    componentRef: Ref<HTMLInputElement>;
     TextInput?: ComponentType<StoryTextInputProps<T>>;
 }): import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof Component>;

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

@@ -18,10 +18,10 @@ function ErrorRenderer({ error }) {
     return `error ${error}`;
 }
 function Component(_a) {
-    var { TextInput } = _a, props = __rest(_a, ["TextInput"]);
+    var { TextInput, componentRef } = _a, props = __rest(_a, ["TextInput", "componentRef"]);
     const form = useMantineFormFields(props);
     const TextInputComponent = form.textInput('$', TextInput);
-    return (_jsx(TextInputComponent, { ErrorRenderer: ErrorRenderer, label: TEXT_INPUT_LABEL }));
+    return (_jsx(TextInputComponent, { ErrorRenderer: ErrorRenderer, label: TEXT_INPUT_LABEL, ref: componentRef }));
 }
 const meta = {
     component: Component,
@@ -30,6 +30,7 @@ const meta = {
         onFieldFocus: action('onFieldFocus'),
         onFieldSubmit: action('onFieldSubmit'),
         onFieldValueChange: action('onFieldValueChange'),
+        componentRef: action('componentRef'),
     },
 };
 export default meta;

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

@@ -1,6 +1,6 @@
 import { type ComponentType } from 'react';
 import { type Fields } from 'types/field';
-import { type UnsafePartialComponent } from 'util/partial';
+import { type RefOfProps, type UnsafePartialComponent } from 'util/partial';
 import { type ErrorRenderer } from './error_renderer';
 export type MantineForm<F extends Fields> = {
     fields: F;
@@ -9,8 +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, [
+export type MantineFieldComponent<T, P = T, E = any, R = RefOfProps<P>> = UnsafePartialComponent<ComponentType<P>, T, [
     E
 ] extends [never] ? {} : {
     ErrorRenderer: ErrorRenderer<E>;
-}>;
+}, R>;