@react-typed-forms/schemas-html 3.0.0 → 4.0.0

package/lib/components/CheckRenderer.d.ts

@@ -1,6 +1,6 @@
 import { Control } from "@react-typed-forms/core";
-import React, { ReactNode } from "react";
-import { CheckEntryClasses, FieldOption, FormRenderer } from "@react-typed-forms/schemas";
+import { ReactNode } from "react";
+import { CheckEntryClasses, FieldOption, FormRenderer, HtmlInputProperties } from "@react-typed-forms/schemas";
 export interface CheckRendererOptions {
     className?: string;
     entryClass?: string;
@@ -30,11 +30,9 @@ export declare function CheckButtons({ control, options, readonly, className, id
 }): JSX.Element;
 export declare function setIncluded<A>(array: A[], elem: A, included: boolean): A[];
 export declare function createCheckboxRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
-export type FcheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    control: Control<boolean | undefined | null>;
-    type?: "checkbox" | "radio";
-    notValue?: boolean;
-};
-export declare function Fcheckbox({ control, type, notValue, renderer, ...others }: FcheckboxProps & {
+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;
 }): JSX.Element;

package/lib/components/ControlInput.d.ts

@@ -1,11 +1,18 @@
 import React from "react";
 import { Control } from "@react-typed-forms/core";
 import { FormRenderer } from "@react-typed-forms/schemas";
-export declare function ControlInput({ control, convert, renderer, ...props }: React.InputHTMLAttributes<HTMLInputElement> & {
+export interface ControlInputProps {
+    className?: string;
+    textClass?: string;
+    style?: React.CSSProperties;
+    id?: string;
+    readOnly?: boolean;
+    placeholder?: string;
     control: Control<any>;
     convert: InputConversion;
     renderer: FormRenderer;
-}): JSX.Element;
+}
+export declare function ControlInput({ control, convert, renderer, ...props }: ControlInputProps): JSX.Element;
 type InputConversion = [
     string,
     (s: string) => any,

package/lib/components/DefaultAccordion.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties, ReactElement } from "react";
 import { Control } from "@react-typed-forms/core";
 import { DefaultAccordionRendererOptions } from "../createDefaultRenderers";
 import { AccordionAdornment, ControlDataContext, FormRenderer } from "@react-typed-forms/schemas";
-export declare function DefaultAccordion({ children, accordion, contentStyle, contentClassName, designMode, iconOpenClass, iconClosedClass, className, renderTitle, renderToggler, renderers, titleClass, useCss, dataContext, }: {
+export declare function DefaultAccordion({ children, accordion, contentStyle, contentClassName, designMode, iconOpen, iconClosed, className, renderTitle, renderToggler, renderers, titleClass, useCss, dataContext, }: {
     children: ReactElement;
     accordion: Partial<AccordionAdornment>;
     contentStyle?: CSSProperties;

package/lib/components/DefaultArrayRenderer.d.ts

@@ -1,6 +1,9 @@
 import React, { ReactNode } from "react";
-import { ActionRendererProps, ArrayActionOptions, ArrayRendererProps, ArrayRendererRegistration, DataRendererProps, DataRendererRegistration, FormRenderer } from "@react-typed-forms/schemas";
+import { ActionRendererProps, ArrayActionOptions, ArrayRendererProps, ArrayRendererRegistration, DataRendererProps, DataRendererRegistration, FormRenderer, HtmlComponents } from "@react-typed-forms/schemas";
 export declare function createDefaultArrayDataRenderer(defaultActions?: ArrayActionOptions): DataRendererRegistration;
+/**
+ * @trackControls
+ */
 export declare function DataArrayRenderer({ dataProps, renderers, defaultActions, }: {
     renderers: FormRenderer;
     dataProps: DataRendererProps;
@@ -17,5 +20,6 @@ export interface DefaultArrayRendererOptions extends ArrayActionOptions {
 export declare function createDefaultArrayRenderer(options?: DefaultArrayRendererOptions): ArrayRendererRegistration;
 export interface DefaultArrayRendererProps extends DefaultArrayRendererOptions, ArrayRendererProps {
     renderAction: (props: ActionRendererProps) => ReactNode;
+    html: HtmlComponents;
 }
 export declare function DefaultArrayRenderer(props: DefaultArrayRendererProps): JSX.Element;

package/lib/components/DefaultDialogRenderer.d.ts

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

package/lib/components/DefaultDisplay.d.ts

@@ -1,9 +1,12 @@
 import { DisplayRendererProps, DisplayRendererRegistration, FormRenderer } from "@react-typed-forms/schemas";
 export interface DefaultDisplayRendererOptions {
     textClassName?: string;
+    textTextClass?: string;
     htmlClassName?: string;
 }
 export declare function createDefaultDisplayRenderer(options?: DefaultDisplayRendererOptions): DisplayRendererRegistration;
-export declare function DefaultDisplay({ data, display, className, style, renderer, ...options }: DefaultDisplayRendererOptions & DisplayRendererProps & {
+export declare function DefaultDisplay({ renderer, options, displayProps, }: {
+    displayProps: DisplayRendererProps;
+    options: DefaultDisplayRendererOptions;
     renderer: FormRenderer;
 }): JSX.Element;

package/lib/components/DefaultDisplayOnly.d.ts

@@ -1,12 +1,12 @@
-import { Control } from "@react-typed-forms/core";
 import React from "react";
-import { FormRenderer, SchemaField, SchemaInterface } from "@react-typed-forms/schemas";
-export declare function DefaultDisplayOnly({ control, className, emptyText, schemaInterface, field, style, renderer, }: {
-    control: Control<any>;
-    field: SchemaField;
+import { FormRenderer, SchemaDataNode, SchemaInterface } from "@react-typed-forms/schemas";
+export declare function DefaultDisplayOnly({ dataNode, className, emptyText, schemaInterface, style, renderer, textClass, inline, }: {
+    dataNode: SchemaDataNode;
     schemaInterface: SchemaInterface;
     className?: string;
+    textClass?: string;
     style?: React.CSSProperties;
+    inline: boolean;
     renderer: FormRenderer;
     emptyText?: string | null;
 }): JSX.Element;

package/lib/components/DefaultGroupRenderer.d.ts

@@ -1,19 +1,17 @@
-import { GridRenderer, GroupRendererRegistration } from "@react-typed-forms/schemas";
-import { CSSProperties } from "react";
+import { GroupRendererRegistration } from "@react-typed-forms/schemas";
 import { DefaultTabsRenderOptions } from "./TabsRenderer";
-interface StyleProps {
-    className?: string;
-    style?: CSSProperties;
-}
+import { DefaultGridRenderOptions } from "./GridRenderer";
+import { DefaultWizardRenderOptions } from "./DefaultWizardRenderer";
+import { DefaultDialogRenderOptions } from "./DefaultDialogRenderer";
 export interface DefaultGroupRendererOptions {
     className?: string;
     standardClassName?: string;
-    gridStyles?: (columns: GridRenderer) => StyleProps;
-    gridClassName?: string;
-    defaultGridColumns?: number;
+    grid?: DefaultGridRenderOptions;
     flexClassName?: string;
     defaultFlexGap?: string;
+    inlineClass?: string;
     tabs?: DefaultTabsRenderOptions;
+    wizard?: DefaultWizardRenderOptions;
+    dialog?: DefaultDialogRenderOptions;
 }
 export declare function createDefaultGroupRenderer(options?: DefaultGroupRendererOptions): GroupRendererRegistration;
-export {};

package/lib/components/DefaultLayout.d.ts

@@ -1,5 +1,4 @@
-import { RenderedLayout } from "@react-typed-forms/schemas";
-import { FormRenderer } from "@react-typed-forms/schemas";
+import { FormRenderer, RenderedLayout } from "@react-typed-forms/schemas";
 import { ReactNode } from "react";
 export interface DefaultLayoutRendererOptions {
     className?: string;
@@ -7,7 +6,7 @@ export interface DefaultLayoutRendererOptions {
     renderError?: (errorText: string | null | undefined) => ReactNode;
 }
 export declare function createDefaultLayoutRenderer(options?: DefaultLayoutRendererOptions): import("@react-typed-forms/schemas").LayoutRendererRegistration;
-export declare function DefaultLayout({ errorClass, renderer: { h, renderText }, renderError, layout: { controlEnd, controlStart, label, children, errorControl }, }: DefaultLayoutRendererOptions & {
+export declare function DefaultLayout({ errorClass, renderer: { html: { Div, Span }, }, renderError, layout: { controlEnd, controlStart, label, children, errorControl }, }: DefaultLayoutRendererOptions & {
     layout: RenderedLayout;
     renderer: FormRenderer;
 }): JSX.Element;

package/lib/components/DefaultVisibility.d.ts

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

package/lib/components/DefaultWizardRenderer.d.ts

@@ -0,0 +1,28 @@
+import { ActionRendererProps, FormRenderer, IconReference } from "@react-typed-forms/schemas";
+import { ReactNode } from "react";
+export interface CustomNavigationProps {
+    className?: string;
+    page: number;
+    totalPages: number;
+    next: ActionRendererProps;
+    prev: ActionRendererProps;
+    formRenderer: FormRenderer;
+    validatePage: () => Promise<boolean>;
+}
+export interface DefaultWizardRenderOptions {
+    classes?: {
+        className?: string;
+        navContainerClass?: string;
+        contentClass?: string;
+    };
+    actions?: {
+        nextText?: string;
+        nextIcon?: IconReference;
+        nextValidate?: boolean;
+        prevText?: string;
+        prevIcon?: IconReference;
+        prevValidate?: boolean;
+    };
+    renderNavigation?: (props: CustomNavigationProps) => ReactNode;
+}
+export declare function createWizardRenderer(options?: DefaultWizardRenderOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;

package/lib/components/GridRenderer.d.ts

@@ -0,0 +1,6 @@
+export interface DefaultGridRenderOptions {
+    className?: string;
+    defaultColumns?: number;
+    rowClass?: string;
+}
+export declare function createGridRenderer(options?: DefaultGridRenderOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;

package/lib/components/JsonataRenderer.d.ts

@@ -1,11 +1,12 @@
 import { Control } from "@react-typed-forms/core";
-import { ControlDataContext, JsonataRenderOptions, SchemaDataNode } from "@react-typed-forms/schemas";
+import { ControlDataContext, JsonataRenderOptions, RunExpression, SchemaDataNode } from "@react-typed-forms/schemas";
 export declare function createJsonataRenderer(className?: string): import("@react-typed-forms/schemas").DataRendererRegistration;
-export declare function JsonataRenderer({ control, renderOptions, readonly, className, dataContext, dataNode, }: {
+export declare function JsonataRenderer({ control, renderOptions, readonly, className, dataContext, dataNode, runExpression, }: {
     control: Control<any>;
     renderOptions: JsonataRenderOptions;
     className?: string;
     dataContext: ControlDataContext;
     dataNode: SchemaDataNode;
     readonly: boolean;
+    runExpression: RunExpression;
 }): JSX.Element;

package/lib/components/TabsRenderer.d.ts

@@ -1,4 +1,3 @@
-import { GroupRendererProps, TabsRenderOptions } from "@react-typed-forms/schemas";
 export interface DefaultTabsRenderOptions {
     className?: string;
     tabListClass?: string;
@@ -9,7 +8,3 @@ export interface DefaultTabsRenderOptions {
     contentClass?: string;
 }
 export declare function createTabsRenderer(options?: DefaultTabsRenderOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;
-export declare function TabsGroupRenderer({ formNode, className, options, renderChild, designMode, tabOptions, }: GroupRendererProps & {
-    options: DefaultTabsRenderOptions;
-    tabOptions: TabsRenderOptions;
-}): JSX.Element;

package/lib/components/ValueForFieldRenderer.d.ts

@@ -2,6 +2,8 @@ import { ControlDefinitionExtension, RenderOptions, SchemaNode } from "@react-ty
 export interface ValueForFieldRenderOptions extends RenderOptions {
     type: "ValueForField";
     fieldRef?: string | null;
+    noOptions?: boolean;
+    refIsDirect?: boolean;
 }
 export declare const ValueForFieldExtension: ControlDefinitionExtension;
 export interface ValueForFieldOptions {

package/lib/components/VisibleChildrenRenderer.d.ts

@@ -0,0 +1,14 @@
+import { ControlDataContext, FormNode, ParentRendererProps } from "@react-typed-forms/schemas";
+import { ReactNode } from "react";
+interface VisibleChildrenRendererProps<A> {
+    parent: ParentRendererProps;
+    parentFormNode: FormNode;
+    dataContext: ControlDataContext;
+    props: A;
+    render: (props: A, isChildVisible: (childIndex: number) => boolean) => ReactNode;
+}
+/**
+ * @trackControls
+ */
+export declare function VisibleChildrenRenderer<A>(props: VisibleChildrenRendererProps<A>): ReactNode;
+export {};

package/lib/createButtonActionRenderer.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+import { ActionRendererRegistration, IconPlacement, IconReference } from "@react-typed-forms/schemas";
+export interface DefaultActionRendererOptions {
+    buttonClass?: string;
+    textClass?: string;
+    primaryClass?: string;
+    primaryTextClass?: string;
+    secondaryClass?: string;
+    secondaryTextClass?: string;
+    linkClass?: string;
+    linkTextClass?: string;
+    iconBeforeClass?: string;
+    iconAfterClass?: string;
+    groupClass?: string;
+    renderContent?: (actionText: string, actionId: string, actionData: any) => ReactNode;
+    icon?: IconReference;
+    iconPlacement?: IconPlacement;
+    notWrapInText?: boolean;
+    androidRippleColor?: string;
+}
+export declare function createButtonActionRenderer(actionId: string | string[] | undefined, options?: DefaultActionRendererOptions): ActionRendererRegistration;

package/lib/createDefaultRenderers.d.ts

@@ -5,11 +5,12 @@ import { SelectRendererOptions } from "./components/SelectDataRenderer";
 import { Control } from "@react-typed-forms/core";
 import { DefaultArrayRendererOptions } from "./components/DefaultArrayRenderer";
 import { CheckRendererOptions } from "./components/CheckRenderer";
-import { ActionRendererRegistration, AdornmentRendererRegistration, ArrayActionOptions, DataRendererRegistration, DefaultRenderers, FieldOption, FormRenderer, LabelRendererRegistration } from "@react-typed-forms/schemas";
+import { AdornmentRendererRegistration, ArrayActionOptions, DataRendererRegistration, DefaultRenderers, FieldOption, FormRenderer, HtmlButtonProperties, HtmlComponents, HtmlDivProperties, HtmlIconProperties, HtmlInputProperties, HtmlLabelProperties, IconReference, LabelRendererRegistration, RendererRegistration } from "@react-typed-forms/schemas";
 import { DefaultGroupRendererOptions } from "./components/DefaultGroupRenderer";
 import { AutocompleteRendererOptions } from "./components/AutocompleteRenderer";
 import { DefaultOptionalAdornmentOptions } from "./adornments/optionalAdornment";
 import { ArrayElementRendererOptions } from "./components/ArrayElementRenderer";
+import { DefaultActionRendererOptions } from "./createButtonActionRenderer";
 export interface DefaultRendererOptions {
     data?: DefaultDataRendererOptions;
     display?: DefaultDisplayRendererOptions;
@@ -19,17 +20,13 @@ export interface DefaultRendererOptions {
     label?: DefaultLabelRendererOptions;
     adornment?: DefaultAdornmentRendererOptions;
     layout?: DefaultLayoutRendererOptions;
-    renderText?: (props: ReactNode) => ReactNode;
-    h?: FormRenderer["h"];
+    extraRenderers?: (options: DefaultRendererOptions) => RendererRegistration[];
+    html?: FormRenderer["html"];
 }
-export interface DefaultActionRendererOptions {
-    className?: string;
-    renderContent?: (actionText: string, actionId: string, actionData: any) => ReactNode;
-}
-export declare function createButtonActionRenderer(actionId: string | string[] | undefined, options?: DefaultActionRendererOptions): ActionRendererRegistration;
 export declare const DefaultBoolOptions: FieldOption[];
 export interface DefaultDataRendererOptions {
     inputClass?: string;
+    inputTextClass?: string;
     displayOnlyClass?: string;
     selectOptions?: SelectRendererOptions;
     checkboxOptions?: CheckRendererOptions;
@@ -50,25 +47,43 @@ export interface DefaultAccordionRendererOptions {
     className?: string;
     titleClass?: string;
     togglerClass?: string;
-    iconOpenClass?: string;
-    iconClosedClass?: string;
+    iconOpen?: IconReference;
+    iconClosed?: IconReference;
     renderTitle?: (title: string | undefined, current: Control<boolean>) => ReactNode;
     renderToggler?: (current: Control<boolean>, title: ReactNode) => ReactNode;
     useCss?: boolean;
 }
+export interface DefaultHelpTextRendererOptions {
+    triggerContainerClass?: string;
+    triggerLabelClass?: string;
+    contentContainerClass?: string;
+    contentTextClass?: string;
+    iconName?: string;
+    iconClass?: string;
+}
 export interface DefaultAdornmentRendererOptions {
     accordion?: DefaultAccordionRendererOptions;
+    helpText?: DefaultHelpTextRendererOptions;
     optional?: DefaultOptionalAdornmentOptions;
 }
 export declare function createDefaultAdornmentRenderer(options?: DefaultAdornmentRendererOptions): AdornmentRendererRegistration;
 interface DefaultLabelRendererOptions {
     className?: string;
+    textClass?: string;
     groupLabelClass?: string;
+    groupLabelTextClass?: string;
     controlLabelClass?: string;
-    requiredElement?: (h: FormRenderer["h"]) => ReactNode;
+    controlLabelTextClass?: string;
+    requiredElement?: (h: FormRenderer["html"]) => ReactNode;
     labelContainer?: (children: ReactElement) => ReactElement;
 }
 export declare function createDefaultLabelRenderer(options?: DefaultLabelRendererOptions): LabelRendererRegistration;
+export declare const StandardHtmlComponents: HtmlComponents;
+export declare function DefaultHtmlButtonRenderer({ inline, textClass, className, notWrapInText, androidRippleColor, onClick, nonTextContent, ...props }: HtmlButtonProperties): JSX.Element;
+export declare function DefaultHtmlInputRenderer({ textClass, className, onChangeValue, onChangeChecked, inputRef, ...props }: HtmlInputProperties): JSX.Element;
+export declare function DefaultHtmlDivRenderer({ text, html, children, className, textClass, nativeRef, inline, ...props }: HtmlDivProperties): JSX.Element;
+export declare function DefaultHtmlLabelRenderer({ textClass, className, ...props }: HtmlLabelProperties): JSX.Element;
+export declare function DefaultHtmlIconRenderer({ iconName, iconLibrary, className, style, }: HtmlIconProperties): JSX.Element | undefined;
 export declare function createDefaultRenderers(options?: DefaultRendererOptions): DefaultRenderers;
 export declare function createClassStyledRenderers(): DefaultRenderers;
 export {};