@react-typed-forms/schemas-html 2.3.2 → 2.4.0

package/lib/adornments/optionalAdornment.d.ts

@@ -1,6 +1,6 @@
 import { AdornmentPlacement, AdornmentRendererRegistration, ControlDataContext, OptionalAdornment } from "@react-typed-forms/schemas";
 import { Control } from "@react-typed-forms/core";
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 export interface OptionalRenderProps {
     allValues: Control<unknown[]>;
     editing: Control<boolean | undefined>;
@@ -29,4 +29,4 @@ export declare function OptionalEditRenderer({ children, options, adornment, edi
     adornment: OptionalAdornment;
     editing: Control<boolean | undefined>;
     dataControl: Control<any>;
-}): React.JSX.Element;
+}): JSX.Element;

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 } from "@react-typed-forms/schemas";
+import { CheckEntryClasses, FieldOption, FormRenderer } from "@react-typed-forms/schemas";
 export interface CheckRendererOptions {
     className?: string;
     entryClass?: string;
@@ -25,6 +25,16 @@ export interface CheckButtonsProps {
     setChecked: (c: Control<any>, o: FieldOption, checked: boolean) => void;
     entryAdornment?: (c: FieldOption, i: number, selected: boolean) => ReactNode;
 }
-export declare function CheckButtons({ control, options, readonly, className, id, type, isChecked, setChecked, entryAdornment, classes, controlClasses, }: CheckButtonsProps): React.JSX.Element;
+export declare function CheckButtons({ control, options, readonly, className, id, type, isChecked, setChecked, entryAdornment, classes, controlClasses, renderer, }: CheckButtonsProps & {
+    renderer: FormRenderer;
+}): 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/ControlInput.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 import { Control } from "@react-typed-forms/core";
-export declare function ControlInput({ control, convert, ...props }: React.InputHTMLAttributes<HTMLInputElement> & {
+import { FormRenderer } from "@react-typed-forms/schemas";
+export declare function ControlInput({ control, convert, renderer, ...props }: React.InputHTMLAttributes<HTMLInputElement> & {
     control: Control<any>;
     convert: InputConversion;
-}): React.JSX.Element;
+    renderer: FormRenderer;
+}): JSX.Element;
 type InputConversion = [
     string,
     (s: string) => any,

package/lib/components/DefaultAccordion.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties, ReactElement } from "react";
+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";
@@ -10,5 +10,5 @@ export declare function DefaultAccordion({ children, accordion, contentStyle, co
     designMode?: boolean;
     renderers: FormRenderer;
     dataContext: ControlDataContext;
-} & DefaultAccordionRendererOptions): React.JSX.Element;
+} & DefaultAccordionRendererOptions): JSX.Element;
 export declare function getAccordionState(c: Control<unknown>): Control<boolean> | undefined;

package/lib/components/DefaultArrayRenderer.d.ts

@@ -18,4 +18,4 @@ export declare function createDefaultArrayRenderer(options?: DefaultArrayRendere
 export interface DefaultArrayRendererProps extends DefaultArrayRendererOptions, ArrayRendererProps {
     renderAction: (props: ActionRendererProps) => ReactNode;
 }
-export declare function DefaultArrayRenderer(props: DefaultArrayRendererProps): React.JSX.Element;
+export declare function DefaultArrayRenderer(props: DefaultArrayRendererProps): JSX.Element;

package/lib/components/DefaultDisplay.d.ts

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

package/lib/components/DefaultDisplayOnly.d.ts

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

package/lib/components/DefaultGroupRenderer.d.ts

@@ -1,6 +1,6 @@
 import { GridRenderer, GroupRendererRegistration } from "@react-typed-forms/schemas";
 import { CSSProperties } from "react";
-import { TabsRendererOptions } from "./TabsRenderer";
+import { DefaultTabsRenderOptions } from "./TabsRenderer";
 interface StyleProps {
     className?: string;
     style?: CSSProperties;
@@ -13,7 +13,7 @@ export interface DefaultGroupRendererOptions {
     defaultGridColumns?: number;
     flexClassName?: string;
     defaultFlexGap?: string;
-    tabs?: TabsRendererOptions;
+    tabs?: DefaultTabsRenderOptions;
 }
 export declare function createDefaultGroupRenderer(options?: DefaultGroupRendererOptions): GroupRendererRegistration;
 export {};

package/lib/components/DefaultLayout.d.ts

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

package/lib/components/DefaultVisibility.d.ts

@@ -1,4 +1,6 @@
-import React from "react";
 import { VisibilityRendererProps } from "@react-typed-forms/schemas";
+import { FormRenderer } from "@react-typed-forms/schemas/lib";
 export declare function createDefaultVisibilityRenderer(): import("@react-typed-forms/schemas").VisibilityRendererRegistration;
-export declare function DefaultVisibility({ visibility, children, className, style, divRef, }: VisibilityRendererProps): React.JSX.Element;
+export declare function DefaultVisibility({ visibility, children, className, style, divRef, renderer, }: VisibilityRendererProps & {
+    renderer: FormRenderer;
+}): JSX.Element;

package/lib/components/JsonataRenderer.d.ts

@@ -1,5 +1,4 @@
 import { Control } from "@react-typed-forms/core";
-import React from "react";
 import { ControlDataContext, JsonataRenderOptions, 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, }: {
@@ -9,4 +8,4 @@ export declare function JsonataRenderer({ control, renderOptions, readonly, clas
     dataContext: ControlDataContext;
     dataNode: SchemaDataNode;
     readonly: boolean;
-}): React.JSX.Element;
+}): JSX.Element;

package/lib/components/MultilineTextfield.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { DataRendererProps } from "@react-typed-forms/schemas";
 export declare function createMultilineFieldRenderer(className?: string): import("@react-typed-forms/schemas").DataRendererRegistration;
-export declare function MultilineTextfield({ control, className }: DataRendererProps): React.JSX.Element;
+export declare function MultilineTextfield({ control, className }: DataRendererProps): JSX.Element;

package/lib/components/SelectDataRenderer.d.ts

@@ -1,5 +1,4 @@
 import { Control } from "@react-typed-forms/core";
-import React from "react";
 import { FieldOption } from "@react-typed-forms/schemas";
 export interface SelectRendererOptions {
     className?: string;
@@ -19,6 +18,6 @@ export interface SelectDataRendererProps {
     state: Control<any>;
     convert: SelectConversion;
 }
-export declare function SelectDataRenderer({ state, options, className, convert, required, emptyText, requiredText, readonly, ...props }: SelectDataRendererProps): React.JSX.Element;
+export declare function SelectDataRenderer({ state, options, className, convert, required, emptyText, requiredText, readonly, ...props }: SelectDataRendererProps): JSX.Element;
 export declare function createSelectConversion(ft: string): SelectConversion;
 export {};

package/lib/components/TabsRenderer.d.ts

@@ -1,6 +1,5 @@
-import { GroupRendererProps } from "@react-typed-forms/schemas";
-import React from "react";
-export interface TabsRendererOptions {
+import { GroupRendererProps, TabsRenderOptions } from "@react-typed-forms/schemas";
+export interface DefaultTabsRenderOptions {
     className?: string;
     tabListClass?: string;
     tabClass?: string;
@@ -9,7 +8,8 @@ export interface TabsRendererOptions {
     inactiveClass?: string;
     contentClass?: string;
 }
-export declare function createTabsRenderer(options?: TabsRendererOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;
-export declare function TabsGroupRenderer({ formNode, className, options, renderChild, designMode, }: GroupRendererProps & {
-    options: TabsRendererOptions;
-}): React.JSX.Element;
+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/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, LabelRendererRegistration } from "@react-typed-forms/schemas";
+import { ActionRendererRegistration, AdornmentRendererRegistration, ArrayActionOptions, DataRendererRegistration, DefaultRenderers, FieldOption, FormRenderer, LabelRendererRegistration } from "@react-typed-forms/schemas";
 import { DefaultGroupRendererOptions } from "./components/DefaultGroupRenderer";
 import { AutocompleteRendererOptions } from "./components/AutocompleteRenderer";
 import { DefaultOptionalAdornmentOptions } from "./adornments/optionalAdornment";
@@ -19,6 +19,8 @@ export interface DefaultRendererOptions {
     label?: DefaultLabelRendererOptions;
     adornment?: DefaultAdornmentRendererOptions;
     layout?: DefaultLayoutRendererOptions;
+    renderText?: (props: ReactNode) => ReactNode;
+    h?: FormRenderer["h"];
 }
 export interface DefaultActionRendererOptions {
     className?: string;
@@ -63,7 +65,7 @@ interface DefaultLabelRendererOptions {
     className?: string;
     groupLabelClass?: string;
     controlLabelClass?: string;
-    requiredElement?: ReactNode;
+    requiredElement?: (h: FormRenderer["h"]) => ReactNode;
     labelContainer?: (children: ReactElement) => ReactElement;
 }
 export declare function createDefaultLabelRenderer(options?: DefaultLabelRendererOptions): LabelRendererRegistration;