@react-typed-forms/schemas-rn 1.0.0 → 2.0.0

package/lib/components/CheckRenderer.d.ts

@@ -0,0 +1,11 @@
+import { Control } from "@react-typed-forms/core";
+import { CheckRendererOptions, FormRenderer, HtmlInputProperties } from "@react-typed-forms/schemas";
+export declare function createRadioRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
+export declare function createCheckListRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
+export declare function createCheckboxRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
+export declare function createElementSelectedRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
+export declare function Fcheckbox({ control, type, notValue, renderer, ...others }: HtmlInputProperties & {
+    control: Control<boolean | null | undefined>;
+    renderer: FormRenderer;
+    notValue?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/components/ControlInput.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { Control } from "@react-typed-forms/core";
+import { FormRenderer } from "@react-typed-forms/schemas";
+export interface ControlInputProps {
+    className?: string;
+    textClass?: string;
+    style?: React.CSSProperties;
+    id?: string;
+    errorId?: string;
+    readOnly?: boolean;
+    placeholder?: string;
+    control: Control<any>;
+    convert: InputConversion;
+    renderer: FormRenderer;
+}
+export declare function ControlInput({ control, convert, renderer, errorId, ...props }: ControlInputProps): import("react/jsx-runtime").JSX.Element;
+type InputConversion = [
+    string,
+    (s: string) => any,
+    (a: any) => string | number
+];
+export declare function createInputConversion(ft: string): InputConversion;
+export {};

package/lib/components/DefaultAccordion.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties, ReactElement, ReactNode } from "react";
+import { Control } from "@react-typed-forms/core";
+import { ControlDataContext, FormRenderer } from "@react-typed-forms/schemas";
+import { DefaultAccordionRendererOptions } from "../rendererOptions";
+export declare function DefaultAccordion({ openCtrl, children, contentStyle, className, contentClassName, designMode, renderers, dataContext, title, options, defaultExpanded, isGroup, titleTextClass, }: {
+    openCtrl?: Control<boolean> | undefined;
+    children: ReactElement;
+    title: ReactNode;
+    isGroup: boolean;
+    className?: string;
+    titleTextClass?: string;
+    defaultExpanded?: boolean | null;
+    contentStyle?: CSSProperties;
+    contentClassName?: string;
+    designMode?: boolean;
+    renderers: FormRenderer;
+    dataContext: ControlDataContext;
+    options?: DefaultAccordionRendererOptions;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function getAccordionState(c: Control<unknown>): Control<boolean> | undefined;
+export declare function createAccordionGroupRenderer(options?: DefaultAccordionRendererOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;

package/lib/components/DefaultArrayRenderer.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from "react";
+import { ActionRendererProps, ArrayActionOptions, ArrayRendererProps, ArrayRendererRegistration, DataRendererProps, DataRendererRegistration, FormRenderer } from "@react-typed-forms/schemas";
+export declare function createDefaultArrayDataRenderer(defaultActions?: ArrayActionOptions): DataRendererRegistration;
+/**
+ * @trackControls
+ */
+export declare function DataArrayRenderer({ dataProps, renderers, defaultActions, }: {
+    renderers: FormRenderer;
+    dataProps: DataRendererProps;
+    defaultActions?: ArrayActionOptions;
+}): React.ReactNode;
+export interface DefaultArrayRendererOptions extends ArrayActionOptions {
+    className?: string;
+    removableClass?: string;
+    childClass?: string;
+    removableChildClass?: string;
+    removeActionClass?: string;
+    addActionClass?: string;
+}
+export declare function createDefaultArrayRenderer(options?: DefaultArrayRendererOptions): ArrayRendererRegistration;
+export interface DefaultArrayRendererProps extends DefaultArrayRendererOptions, ArrayRendererProps {
+    renderAction: (props: ActionRendererProps) => ReactNode;
+}
+export declare function DefaultArrayRenderer(props: DefaultArrayRendererProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/DefaultDialogRenderer.d.ts

@@ -0,0 +1,16 @@
+import { DefaultDialogRenderOptions } from "../rendererOptions";
+import { DialogRenderOptions, FormRenderer, GroupRendererProps } from "@react-typed-forms/schemas";
+export declare const defaultRNDialogOptions: {
+    classes: {
+        className: string;
+        titleClass: string;
+        containerClass: string;
+    };
+};
+export declare function createDialogRenderer(options?: DefaultDialogRenderOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;
+export declare function DefaultDialogRenderer({ props, options, renderOptions, renderer, }: {
+    props: GroupRendererProps;
+    options?: DefaultDialogRenderOptions;
+    renderOptions: DialogRenderOptions;
+    renderer: FormRenderer;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/components/DefaultDisplay.d.ts

@@ -0,0 +1,8 @@
+import { DisplayRendererProps, DisplayRendererRegistration, FormRenderer } from "@react-typed-forms/schemas";
+import { DefaultDisplayRendererOptions } from "../rendererOptions";
+export declare function createDefaultDisplayRenderer(options?: DefaultDisplayRendererOptions): DisplayRendererRegistration;
+export declare function DefaultDisplay({ renderer, options, displayProps, }: {
+    displayProps: DisplayRendererProps;
+    options: DefaultDisplayRendererOptions;
+    renderer: FormRenderer;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/components/DefaultDisplayOnly.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { FormRenderer, FormStateNode, SchemaDataNode, SchemaInterface } from "@react-typed-forms/schemas";
+export declare function DefaultDisplayOnly({ dataNode, className, emptyText, schemaInterface, style, renderer, textClass, inline, state, }: {
+    dataNode: SchemaDataNode;
+    schemaInterface: SchemaInterface;
+    className?: string;
+    textClass?: string;
+    style?: React.CSSProperties;
+    inline: boolean;
+    renderer: FormRenderer;
+    emptyText?: string | null;
+    state: FormStateNode;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/components/DefaultGroupRenderer.d.ts

@@ -0,0 +1,16 @@
+import { GroupRendererRegistration } from "@react-typed-forms/schemas";
+import { DefaultTabsRenderOptions, DefaultGridRenderOptions, DefaultWizardRenderOptions, DefaultDialogRenderOptions } from "../rendererOptions";
+import { DefaultAccordionRendererOptions, DefaultAdornmentRendererOptions } from "../rendererOptions";
+export interface DefaultGroupRendererOptions {
+    className?: string;
+    standardClassName?: string;
+    grid?: DefaultGridRenderOptions;
+    flexClassName?: string;
+    defaultFlexGap?: string;
+    inlineClass?: string;
+    tabs?: DefaultTabsRenderOptions;
+    wizard?: DefaultWizardRenderOptions;
+    dialog?: DefaultDialogRenderOptions;
+    accordion?: DefaultAccordionRendererOptions;
+}
+export declare function createDefaultGroupRenderer(options?: DefaultGroupRendererOptions, adornmentOptions?: DefaultAdornmentRendererOptions): GroupRendererRegistration;

package/lib/components/DefaultLayout.d.ts

@@ -0,0 +1,7 @@
+import { FormRenderer, RenderedLayout } from "@react-typed-forms/schemas";
+import { DefaultLayoutRendererOptions } from "../rendererOptions";
+export declare function createDefaultLayoutRenderer(options?: DefaultLayoutRendererOptions): import("@react-typed-forms/schemas").LayoutRendererRegistration;
+export declare function DefaultLayout({ errorClass, renderer: { html: { Div, Span }, }, renderError, layout: { controlEnd, controlStart, label, children, errorControl, errorId }, }: DefaultLayoutRendererOptions & {
+    layout: RenderedLayout;
+    renderer: FormRenderer;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/components/DefaultVisibility.d.ts

@@ -0,0 +1,7 @@
+import { VisibilityRendererProps } from "@react-typed-forms/schemas";
+import { FormRenderer } from "@react-typed-forms/schemas";
+import React from "react";
+export declare function createDefaultVisibilityRenderer(): import("@react-typed-forms/schemas").VisibilityRendererRegistration;
+export declare function DefaultVisibility({ visibility, children, className, style, divRef, renderer, inline, }: VisibilityRendererProps & {
+    renderer: FormRenderer;
+}): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;

package/lib/components/DefaultWizardRenderer.d.ts

@@ -0,0 +1,2 @@
+import { DefaultWizardRenderOptions } from "../rendererOptions";
+export declare function createWizardRenderer(options?: DefaultWizardRenderOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;

package/lib/components/GridRenderer.d.ts

@@ -0,0 +1,2 @@
+import { DefaultGridRenderOptions } from "../rendererOptions";
+export declare function createGridRenderer(options?: DefaultGridRenderOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;

package/lib/components/Icon.d.ts

@@ -4,4 +4,4 @@ export type RNIconProps = {
     className?: string;
     iconLibrary?: IconLibrary;
 };
-export declare function Icon({ name, className, iconLibrary, }: RNIconProps): JSX.Element;
+export declare function Icon({ name, className, iconLibrary, }: RNIconProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/NullToggle.d.ts

@@ -0,0 +1 @@
+export declare function createNullToggleRenderer(): import("@react-typed-forms/schemas").DataRendererRegistration;

package/lib/components/RNCheckButtons.d.ts

@@ -0,0 +1,2 @@
+import { CheckButtonsProps } from "@react-typed-forms/schemas";
+export declare function RNCheckButtons(props: CheckButtonsProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/RNCheckboxRenderer.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { CheckRendererOptions } from "@react-typed-forms/schemas";
+import { View } from "react-native";
+export declare function createRNCheckboxRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
+export declare const RNCheckbox: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+    asChild?: boolean;
+} & {
+    onKeyDown?: (ev: React.KeyboardEvent) => void;
+    onKeyUp?: (ev: React.KeyboardEvent) => void;
+} & {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+} & React.RefAttributes<View>>;

package/lib/components/RNDateTimePickerRenderer.d.ts

@@ -1,6 +1,6 @@
 import { DateTimePickerProps } from "react-native-modal-datetime-picker";
 import { Control } from "@react-typed-forms/core";
-import { DefaultDataRendererOptions } from "@react-typed-forms/schemas-html";
+import { DefaultDataRendererOptions } from "../rendererOptions";
 export type RNDateTimeProps = Pick<DateTimePickerProps, "mode" | "locale" | "maximumDate" | "minimumDate" | "is24Hour"> & {
     control: Control<string | null>;
     readonly?: boolean;

package/lib/components/RNDialog.d.ts

@@ -1,5 +1,42 @@
+import * as DialogPrimitive from "@rn-primitives/dialog";
 import * as React from "react";
+import { View } from "react-native";
 import { Control } from "@react-typed-forms/core";
+export declare const Dialog: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (value: boolean) => void;
+} & React.RefAttributes<View>>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+    asChild?: boolean;
+} & {
+    onKeyDown?: (ev: React.KeyboardEvent) => void;
+    onKeyUp?: (ev: React.KeyboardEvent) => void;
+} & React.RefAttributes<View>>;
+export declare const DialogPortal: typeof DialogPrimitive.Portal;
+export declare const DialogClose: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+    asChild?: boolean;
+} & {
+    onKeyDown?: (ev: React.KeyboardEvent) => void;
+    onKeyUp?: (ev: React.KeyboardEvent) => void;
+} & React.RefAttributes<View>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<import("@rn-primitives/types").ForceMountable & import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    onOpenAutoFocus?: (ev: Event) => void;
+    onCloseAutoFocus?: (ev: Event) => void;
+    onEscapeKeyDown?: (ev: Event) => void;
+    onInteractOutside?: (ev: Event) => void;
+    onPointerDownOutside?: (ev: Event) => void;
+} & {
+    portalHost?: string;
+    closeOnOutsidePress?: boolean;
+} & React.RefAttributes<View>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<import("react-native").TextProps & {
+    asChild?: boolean;
+} & React.RefAttributes<import("react-native").Text>>;
 export type RNDialogProps = {
     title: React.ReactNode;
     trigger?: React.ReactNode;
@@ -11,4 +48,7 @@ export type RNDialogProps = {
     closeOnOutsidePress?: boolean;
     portalHost?: string;
 };
-export declare function RNDialog({ title, trigger, content, footer, open, onOpenChange, closeOnOutsidePress, containerClass, portalHost, }: RNDialogProps): JSX.Element;
+/**
+ * If the content is <ScrollView>, the first child of the ScrollView should be a View with a prop of onStartShouldSetResponder={() => true}
+ */
+export declare function RNDialog({ title, trigger, content, footer, open, onOpenChange, closeOnOutsidePress, containerClass, portalHost, }: RNDialogProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/RNHtmlRenderer.d.ts

@@ -2,4 +2,4 @@ export type RNHtmlRendererProps = {
     className?: string;
     html?: string;
 };
-export declare function RNHtmlRenderer({ className, html }: RNHtmlRendererProps): JSX.Element | undefined;
+export declare function RNHtmlRenderer({ className, html }: RNHtmlRendererProps): import("react/jsx-runtime").JSX.Element | undefined;

package/lib/components/RNScrollListRenderer.d.ts

@@ -0,0 +1,7 @@
+import { DefaultScrollListOptions } from "../rendererOptions";
+export interface ExtendedDefaultScrollListOptions extends DefaultScrollListOptions {
+    itemGap?: number;
+    contentContainerClassName?: string;
+    refreshControlTintColor?: string;
+}
+export declare function createRNScrollListRenderer(options?: ExtendedDefaultScrollListOptions): import("@react-typed-forms/schemas").DataRendererRegistration;

package/lib/components/RNSelectRenderer.d.ts

@@ -1,5 +1,8 @@
-import { SelectRendererOptions } from "@react-typed-forms/schemas-html";
+import { SelectRendererOptions } from "../rendererOptions";
+import { SelectDataRendererProps } from "../selectUtils";
 export interface ExtendedDropdown {
     portalHost?: string;
+    requiredText?: string;
 }
 export declare function createRNSelectRenderer(options?: SelectRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
+export declare function RNSelectRenderer({ state, options, className, convert, required, emptyText, requiredText, portalHost, readonly, ...props }: SelectDataRendererProps & ExtendedDropdown): import("react/jsx-runtime").JSX.Element;

package/lib/components/RNTextInputRenderer.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { TextInput, type TextInputProps } from "react-native";
+export interface ExtendedTextInput {
+    keyboardType?: string;
+    autoComplete?: string;
+}
+export declare function createRNTextInputRenderer(inputClass?: string, inputTextClass?: string): import("@react-typed-forms/schemas").DataRendererRegistration;
+export declare function RNTextInput({ className, placeholderClassName, ...props }: TextInputProps & React.RefAttributes<TextInput> & {
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace RNTextInput {
+    var displayName: string;
+}

package/lib/components/SelectDataRenderer.d.ts

@@ -0,0 +1,23 @@
+import { Control } from "@react-typed-forms/core";
+import { FieldOption } from "@react-typed-forms/schemas";
+export interface SelectRendererOptions {
+    className?: string;
+    emptyText?: string;
+    requiredText?: string;
+}
+export declare function createSelectRenderer(options?: SelectRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
+type SelectConversion = (a: any) => string | number;
+export interface SelectDataRendererProps {
+    id?: string;
+    className?: string;
+    options: FieldOption[];
+    emptyText?: string;
+    requiredText?: string;
+    readonly: boolean;
+    required: boolean;
+    state: Control<any>;
+    convert: SelectConversion;
+}
+export declare function SelectDataRenderer({ state, options, className, convert, required, emptyText, requiredText, readonly, ...props }: SelectDataRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function createSelectConversion(ft: string): SelectConversion;
+export {};

package/lib/createButtonActionRenderer.d.ts

@@ -0,0 +1,3 @@
+import { ActionRendererRegistration } from "@react-typed-forms/schemas";
+import { DefaultActionRendererOptions } from "./rendererOptions";
+export declare function createButtonActionRenderer(actionId: string | string[] | undefined, options?: DefaultActionRendererOptions): ActionRendererRegistration;

package/lib/createDefaultRNRenderers.d.ts

@@ -0,0 +1,8 @@
+import { HtmlComponents } from "@react-typed-forms/schemas";
+import { AdornmentRendererRegistration, DataRendererRegistration, DefaultRenderers, LabelRendererRegistration } from "@react-typed-forms/schemas";
+import { DefaultRendererOptions, DefaultDataRendererOptions, DefaultLabelRendererOptions, DefaultAdornmentRendererOptions } from "./rendererOptions";
+export declare function createDefaultDataRenderer(options?: DefaultDataRendererOptions): DataRendererRegistration;
+export declare function createDefaultAdornmentRenderer(options?: DefaultAdornmentRendererOptions): AdornmentRendererRegistration;
+export declare function createDefaultLabelRenderer(options?: DefaultLabelRendererOptions): LabelRendererRegistration;
+export declare const ReactNativeHtmlComponents: HtmlComponents;
+export declare function createDefaultRenderers(options?: DefaultRendererOptions): DefaultRenderers;

package/lib/defaultTailwindTheme.d.ts

@@ -0,0 +1,95 @@
+import React from "react";
+export declare const defaultTailwindTheme: {
+    label: {
+        groupLabelClass: string;
+        requiredElement: ({ Span }: import("@react-typed-forms/schemas").HtmlComponents) => React.ReactElement<React.HTMLAttributes<HTMLSpanElement>, string | React.JSXElementConstructor<any>>;
+    };
+    array: {
+        removableClass: string;
+        childClass: string;
+        addActionClass: string;
+        removeActionClass: string;
+    };
+    group: {
+        standardClassName: string;
+        grid: {
+            className: string;
+            rowClass: string;
+            cellClass: string;
+        };
+        flexClassName: string;
+        inlineClass: string;
+        tabs: {
+            className: string;
+            tabListClass: string;
+            tabClass: string;
+            labelClass: string;
+            inactiveClass: string;
+            activeClass: string;
+            contentClass: string;
+        };
+    };
+    action: {
+        buttonClass: string;
+        primaryClass: string;
+        secondaryClass: string;
+        iconBeforeClass: string;
+        iconAfterClass: string;
+        busyIcon: {
+            library: import("@react-typed-forms/schemas").IconLibrary;
+            name: string;
+        };
+    };
+    layout: {
+        className: string;
+        errorClass: string;
+    };
+    data: {
+        inputClass: string;
+        displayOnlyClass: string;
+        checkOptions: {
+            className: string;
+            entryClass: string;
+        };
+        selectOptions: {
+            emptyText: string;
+        };
+        arrayElementOptions: {
+            actionsClass: string;
+        };
+        multilineClass: string;
+        autocompleteOptions: {
+            className: string;
+            listContainerClass: string;
+            listEntryClass: string;
+            chipContainerClass: string;
+            chipCloseButtonClass: string;
+        };
+        scrollListOptions: {
+            loadingIcon: {
+                library: import("@react-typed-forms/schemas").IconLibrary;
+                name: string;
+            };
+        };
+    };
+    adornment: {
+        accordion: {
+            className: string;
+            titleTextClass: string;
+            iconOpen: {
+                library: import("@react-typed-forms/schemas").IconLibrary;
+                name: string;
+            };
+            iconClosed: {
+                library: import("@react-typed-forms/schemas").IconLibrary;
+                name: string;
+            };
+        };
+        optional: {
+            checkClass: string;
+            className: string;
+            multiValuesClass: string;
+            childWrapperClass: string;
+        };
+    };
+};