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

package/lib/components/CheckRenderer.d.ts

@@ -1,5 +1,5 @@
-import { Control } from "@react-typed-forms/core";
-import React, { ReactNode } from "react";
+import { Control, FcheckboxProps } from "@react-typed-forms/core";
+import { ReactNode } from "react";
 import { CheckEntryClasses, FieldOption, FormRenderer } from "@react-typed-forms/schemas";
 export interface CheckRendererOptions {
     className?: string;
@@ -30,11 +30,6 @@ 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 & {
     renderer: FormRenderer;
 }): JSX.Element;

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, iconOpenName, iconOpenClass, iconClosedName, iconClosedClass, className, renderTitle, renderToggler, renderers, titleClass, useCss, dataContext, }: {
     children: ReactElement;
     accordion: Partial<AccordionAdornment>;
     contentStyle?: CSSProperties;

package/lib/components/DefaultArrayRenderer.d.ts

@@ -1,5 +1,5 @@
 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;
 export declare function DataArrayRenderer({ dataProps, renderers, defaultActions, }: {
     renderers: FormRenderer;
@@ -17,5 +17,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/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 }, renderText, }, renderError, layout: { controlEnd, controlStart, label, children, errorControl }, }: DefaultLayoutRendererOptions & {
     layout: RenderedLayout;
     renderer: FormRenderer;
 }): JSX.Element;

package/lib/createDefaultRenderers.d.ts

@@ -5,7 +5,7 @@ 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 { ActionRendererRegistration, AdornmentRendererRegistration, ArrayActionOptions, DataRendererRegistration, DefaultRenderers, FieldOption, FormRenderer, HtmlComponents, LabelRendererRegistration, RendererRegistration } from "@react-typed-forms/schemas";
 import { DefaultGroupRendererOptions } from "./components/DefaultGroupRenderer";
 import { AutocompleteRendererOptions } from "./components/AutocompleteRenderer";
 import { DefaultOptionalAdornmentOptions } from "./adornments/optionalAdornment";
@@ -19,8 +19,9 @@ export interface DefaultRendererOptions {
     label?: DefaultLabelRendererOptions;
     adornment?: DefaultAdornmentRendererOptions;
     layout?: DefaultLayoutRendererOptions;
-    renderText?: (props: ReactNode) => ReactNode;
-    h?: FormRenderer["h"];
+    extraRenderers?: (options: DefaultRendererOptions) => RendererRegistration[];
+    renderText?: (props: ReactNode, className?: string) => ReactNode;
+    html?: FormRenderer["html"];
 }
 export interface DefaultActionRendererOptions {
     className?: string;
@@ -50,14 +51,25 @@ export interface DefaultAccordionRendererOptions {
     className?: string;
     titleClass?: string;
     togglerClass?: string;
+    iconOpenName?: string;
     iconOpenClass?: string;
+    iconClosedName?: string;
     iconClosedClass?: string;
     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;
@@ -65,10 +77,11 @@ interface DefaultLabelRendererOptions {
     className?: string;
     groupLabelClass?: string;
     controlLabelClass?: string;
-    requiredElement?: (h: FormRenderer["h"]) => ReactNode;
+    requiredElement?: (h: FormRenderer["html"]) => ReactNode;
     labelContainer?: (children: ReactElement) => ReactElement;
 }
 export declare function createDefaultLabelRenderer(options?: DefaultLabelRendererOptions): LabelRendererRegistration;
+export declare const StandardHtmlComponents: HtmlComponents;
 export declare function createDefaultRenderers(options?: DefaultRendererOptions): DefaultRenderers;
 export declare function createClassStyledRenderers(): DefaultRenderers;
 export {};