@nestledjs/forms-native 0.1.0

package/lib/fields/button-field.d.ts

@@ -0,0 +1,4 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function ButtonField({ field, form, hasError, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Button;
+}>>): import("react/jsx-runtime").JSX.Element;

package/lib/fields/button.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+export interface ButtonProps {
+    children?: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'danger';
+    disabled?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    onPress?: () => void;
+    style?: ViewStyle;
+    textStyle?: TextStyle;
+    className?: string;
+    type?: 'button' | 'submit' | 'reset';
+    accessibilityLabel?: string;
+}
+export declare function Button({ children, variant, disabled, loading, fullWidth, onPress, style, textStyle, className, accessibilityLabel, }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/lib/fields/checkbox-field.d.ts

@@ -0,0 +1,12 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+type CheckboxFieldType = Extract<FormField, {
+    type: FormFieldType.Checkbox;
+}>;
+interface CheckboxFieldProps extends Omit<FormFieldProps<CheckboxFieldType>, 'hasError'> {
+    hasError?: boolean;
+    errorMessage?: string;
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}
+export declare function CheckboxField(props: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/fields/checkbox-group.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function CheckboxGroupField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.CheckboxGroup;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/content-field.d.ts

@@ -0,0 +1,6 @@
+import { FormField, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function ContentField({ field, }: {
+    field: Extract<FormField, {
+        type: FormFieldType.Content;
+    }>;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/custom-checkbox-field.d.ts

@@ -0,0 +1,8 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function CustomCheckboxField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.CustomCheckbox;
+}>> & {
+    hasError?: boolean;
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/custom-field.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function CustomField<T = unknown>({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Custom;
+}>> & {
+    hasError?: boolean;
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): React.JSX.Element;
+export declare namespace CustomField {
+    var displayName: string;
+}

package/lib/fields/datepicker-field.d.ts

@@ -0,0 +1,8 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function DatePickerField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.DatePicker;
+}>> & {
+    hasError?: boolean;
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/datetimepicker-field.d.ts

@@ -0,0 +1,8 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function DateTimePickerField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.DateTimePicker;
+}>> & {
+    hasError?: boolean;
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/email-field.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function EmailField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Email;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/label.d.ts

@@ -0,0 +1,15 @@
+import { ViewStyle, TextStyle } from 'react-native';
+interface FormLabelProps {
+    fieldKey: string;
+    label: string;
+    required?: boolean;
+    unstyled?: boolean;
+    containerStyle?: ViewStyle;
+    labelStyle?: TextStyle;
+    requiredIndicatorStyle?: TextStyle;
+    containerClassName?: string;
+    labelClassName?: string;
+    requiredIndicatorClassName?: string;
+}
+export declare function FormLabel({ fieldKey, label, required, unstyled, containerStyle, labelStyle, requiredIndicatorStyle, containerClassName, labelClassName, requiredIndicatorClassName, }: FormLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/fields/markdown-editor.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function MarkdownEditor({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.MarkdownEditor;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/money-field.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldType, FormFieldProps } from '../../../../forms-core/src/index.ts';
+export declare function MoneyField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Currency;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/number-field.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function NumberField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Number;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/password-field.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function PasswordField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Password;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/phone-field.d.ts

@@ -0,0 +1,14 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+/**
+ * Phone field using a basic TextInput with phone-pad keyboard.
+ * For full country-picker support, consumers should install
+ * `react-native-phone-number-input` and use a CustomField.
+ * This basic implementation handles phone input with validation
+ * delegated to forms-core.
+ */
+export declare function PhoneField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Phone;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/radio-field.d.ts

@@ -0,0 +1,7 @@
+import { FormFieldProps, FormField, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function RadioField(props: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Radio;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/select-field-enum.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function SelectFieldEnum({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.EnumSelect;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/select-field-multi-search-apollo.d.ts

@@ -0,0 +1,16 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function multiSelectSubmitTransform(value: any): string[];
+export declare const apolloMultiSelectSubmitTransform: typeof multiSelectSubmitTransform;
+type RequiredItemShape = {
+    id: string;
+    name?: string;
+    firstName?: string;
+    lastName?: string;
+};
+export declare function SelectFieldMultiSearchApollo<TDataItem extends RequiredItemShape>({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.SearchSelectMultiApollo;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/fields/select-field-multi-search.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function SelectFieldMultiSearch({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.SearchSelectMulti;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/select-field-multi.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function SelectFieldMulti({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.MultiSelect;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/select-field-search-apollo.d.ts

@@ -0,0 +1,10 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function SelectFieldSearchApollo<TDataItem extends {
+    id: string;
+    name?: string;
+}>({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.SearchSelectApollo;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/select-field-search.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function SelectFieldSearch({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.SearchSelect;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/select-field.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function SelectField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Select;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/switch-field.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function SwitchField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Switch;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/text-field.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function TextField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Text;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/textarea-field.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function TextAreaField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.TextArea;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/fields/timepicker-field.d.ts

@@ -0,0 +1,11 @@
+import { FormFieldProps, FormFieldType, BaseFieldOptions } from '../../../../forms-core/src/index.ts';
+interface TimePickerFieldType {
+    key: string;
+    type: FormFieldType.TimePicker;
+    options: BaseFieldOptions;
+}
+export declare function TimePickerField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<TimePickerFieldType> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/fields/url-field.d.ts

@@ -0,0 +1,7 @@
+import { FormField, FormFieldProps, FormFieldType } from '../../../../forms-core/src/index.ts';
+export declare function UrlField({ form, field, hasError, formReadOnly, formReadOnlyStyle, }: FormFieldProps<Extract<FormField, {
+    type: FormFieldType.Url;
+}>> & {
+    formReadOnly?: boolean;
+    formReadOnlyStyle?: 'value' | 'disabled';
+}): import("react/jsx-runtime").JSX.Element;

package/lib/form.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { ViewStyle } from 'react-native';
+import { UseFormProps, FieldValues } from 'react-hook-form';
+import { FormField } from '../../../forms-core/src/index.ts';
+import { ZodTypeAny } from 'zod';
+import { NativeTheme } from './themes/default';
+type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+export interface NativeFormProps<T extends FieldValues = Record<string, unknown>> extends UseFormProps<T> {
+    id: string;
+    fields?: (FormField | null)[];
+    children?: React.ReactNode;
+    submit: (values: T) => void | Promise<unknown>;
+    style?: ViewStyle;
+    className?: string;
+    readOnly?: boolean;
+    readOnlyStyle?: 'value' | 'disabled';
+    nativeTheme?: DeepPartial<NativeTheme>;
+    labelDisplay?: 'all' | 'default' | 'none';
+    schema?: ZodTypeAny;
+    validationGroup?: string;
+    validationGroups?: string[];
+}
+/**
+ * React Native Form component. Wraps fields in a View (no <form> element in RN).
+ * Provides FormContext, ThemeContext, FormConfigContext, and NativeThemeContext.
+ * Submission is handled via form.handleSubmit() — consumers typically wire a
+ * ButtonField with type="submit" that calls form.handleSubmit().
+ */
+export declare function NativeForm<T extends FieldValues = Record<string, unknown>>({ id, fields, children, submit, defaultValues, style, className, readOnly, readOnlyStyle: formReadOnlyStyle, nativeTheme: userNativeTheme, labelDisplay, schema, validationGroup, validationGroups, }: Readonly<NativeFormProps<T>>): import("react/jsx-runtime").JSX.Element;
+export {};