@react-typed-forms/schemas 12.1.0 → 13.0.0

package/lib/types.d.ts

@@ -264,7 +264,11 @@ export interface ArrayRenderOptions extends RenderOptions {
     noReorder?: boolean | null;
     childOptions?: RenderOptions | null;
 }
-export type ArrayActionOptions = Pick<ArrayRenderOptions, "addText" | "addActionId" | "removeText" | "removeActionId" | "noAdd" | "noRemove" | "noReorder">;
+export type ArrayActionOptions = Pick<ArrayRenderOptions, "addText" | "addActionId" | "removeText" | "removeActionId" | "noAdd" | "noRemove" | "noReorder"> & {
+    readonly?: boolean;
+    disabled?: boolean;
+    designMode?: boolean;
+};
 export interface CheckListRenderOptions extends RenderOptions {
     type: DataRenderType.CheckList;
 }

package/lib/util.d.ts

@@ -2,10 +2,15 @@ import { CompoundField, ControlDefinition, DataControlDefinition, DisplayOnlyRen
 import { MutableRefObject } from "react";
 import { SchemaDataNode } from "./treeNodes";
 export type JsonPath = string | number;
+export interface FormContextData {
+    option?: FieldOption;
+    optionSelected?: boolean;
+}
 export interface ControlDataContext {
     schemaInterface: SchemaInterface;
     dataNode: SchemaDataNode | undefined;
     parentNode: SchemaDataNode;
+    formData: FormContextData;
 }
 export declare function applyDefaultValues(v: Record<string, any> | undefined, fields: SchemaField[], doneSet?: Set<Record<string, any>>): any;
 export declare function applyDefaultForField(v: any, field: SchemaField, parent: SchemaField[], notElement?: boolean, doneSet?: Set<Record<string, any>>): any;
@@ -57,3 +62,4 @@ export declare function toDepString(x: any): string;
 export declare function applyLengthRestrictions<Min, Max>(length: number, min: number | null | undefined, max: number | null | undefined, minValue: Min, maxValue: Max): [Min | undefined, Max | undefined];
 export declare function findFieldPath(fields: SchemaField[], fieldPath: string | undefined): SchemaField[] | undefined;
 export declare function mergeObjects<A extends Record<string, any> | undefined>(o1: A, o2: A, doMerge?: (k: keyof NonNullable<A>, v1: unknown, v2: unknown) => unknown): A;
+export declare function coerceToString(v: unknown): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-typed-forms/schemas",
-  "version": "12.1.0",
+  "version": "13.0.0",
   "description": "",
   "type": "module",
   "main": "lib/index.cjs",

package/lib/components/CheckRenderer.d.ts

@@ -1,26 +0,0 @@
-import { FieldOption } from "../types";
-import { Control } from "@react-typed-forms/core";
-import React from "react";
-export interface CheckRendererOptions {
-    className?: string;
-    entryClass?: string;
-    checkClass?: string;
-    labelClass?: string;
-}
-export declare function createRadioRenderer(options?: CheckRendererOptions): import("../renderers").DataRendererRegistration;
-export declare function createCheckListRenderer(options?: CheckRendererOptions): import("../renderers").DataRendererRegistration;
-export declare function CheckButtons({ control, options, labelClass, checkClass, readonly, entryClass, className, id, type, isChecked, setChecked, }: {
-    id?: string;
-    className?: string;
-    options?: FieldOption[] | null;
-    control: Control<any>;
-    entryClass?: string;
-    checkClass?: string;
-    labelClass?: string;
-    readonly?: boolean;
-    type: "checkbox" | "radio";
-    isChecked: (c: Control<any>, o: FieldOption) => boolean;
-    setChecked: (c: Control<any>, o: FieldOption, checked: boolean) => void;
-}): React.JSX.Element;
-export declare function setIncluded<A>(array: A[], elem: A, included: boolean): A[];
-export declare function createCheckboxRenderer(options?: CheckRendererOptions): import("../renderers").DataRendererRegistration;

package/lib/components/ControlInput.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { Control } from "@react-typed-forms/core";
-export declare function ControlInput({ control, convert, ...props }: React.InputHTMLAttributes<HTMLInputElement> & {
-    control: Control<any>;
-    convert: InputConversion;
-}): React.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

@@ -1,12 +0,0 @@
-import React, { CSSProperties, ReactElement } from "react";
-import { AccordionAdornment } from "../types";
-import { FormRenderer } from "../controlRender";
-import { DefaultAccordionRendererOptions } from "../createDefaultRenderers";
-export declare function DefaultAccordion({ children, accordion, contentStyle, contentClassName, designMode, iconOpenClass, iconClosedClass, className, renderTitle, renderToggler, renderers, titleClass, }: {
-    children: ReactElement;
-    accordion: Partial<AccordionAdornment>;
-    contentStyle?: CSSProperties;
-    contentClassName?: string;
-    designMode?: boolean;
-    renderers: FormRenderer;
-} & DefaultAccordionRendererOptions): React.JSX.Element;

package/lib/components/DefaultArrayRenderer.d.ts

@@ -1,18 +0,0 @@
-import { ArrayRendererRegistration, DataRendererRegistration } from "../renderers";
-import { ActionRendererProps, ArrayRendererProps } from "../controlRender";
-import React, { ReactNode } from "react";
-import { ArrayActionOptions } from "../types";
-export declare function createDefaultArrayDataRenderer(defaultActions?: ArrayActionOptions): DataRendererRegistration;
-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): React.JSX.Element;

package/lib/components/DefaultDisplay.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { DisplayRendererProps } from "../controlRender";
-import { DisplayRendererRegistration } from "../renderers";
-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;

package/lib/components/DefaultDisplayOnly.d.ts

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

package/lib/components/DefaultLayout.d.ts

@@ -1,10 +0,0 @@
-import { RenderedLayout } from "../controlRender";
-import React, { ReactNode } from "react";
-export interface DefaultLayoutRendererOptions {
-    className?: string;
-    errorClass?: string;
-    renderError?: (errorText: string | null | undefined) => ReactNode;
-}
-export declare function DefaultLayout({ errorClass, renderError, layout: { controlEnd, controlStart, label, children, errorControl }, }: DefaultLayoutRendererOptions & {
-    layout: RenderedLayout;
-}): React.JSX.Element;

package/lib/components/DefaultVisibility.d.ts

@@ -1,4 +0,0 @@
-import { VisibilityRendererProps } from "../controlRender";
-import React from "react";
-export declare function createDefaultVisibilityRenderer(): import("../renderers").VisibilityRendererRegistration;
-export declare function DefaultVisibility({ visibility, children, className, style, divRef, }: VisibilityRendererProps): React.JSX.Element;

package/lib/components/JsonataRenderer.d.ts

@@ -1,12 +0,0 @@
-import { JsonataRenderOptions } from "../types";
-import { ControlDataContext } from "../util";
-import { Control } from "@react-typed-forms/core";
-import React from "react";
-export declare function createJsonataRenderer(className?: string): import("../renderers").DataRendererRegistration;
-export declare function JsonataRenderer({ control, renderOptions: { expression }, readonly, className, dataContext, }: {
-    control: Control<any>;
-    renderOptions: JsonataRenderOptions;
-    className?: string;
-    dataContext: ControlDataContext;
-    readonly: boolean;
-}): React.JSX.Element;

package/lib/components/MultilineTextfield.d.ts

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

package/lib/components/NullToggle.d.ts

@@ -1 +0,0 @@
-export declare function createNullToggleRenderer(): import("../renderers").DataRendererRegistration;

package/lib/components/SelectDataRenderer.d.ts

@@ -1,24 +0,0 @@
-import { Control } from "@react-typed-forms/core";
-import React from "react";
-import { FieldOption } from "../types";
-export interface SelectRendererOptions {
-    className?: string;
-    emptyText?: string;
-    requiredText?: string;
-}
-export declare function createSelectRenderer(options?: SelectRendererOptions): import("../renderers").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): React.JSX.Element;
-export declare function createSelectConversion(ft: string): SelectConversion;
-export {};

package/lib/createDefaultRenderers.d.ts

@@ -1,77 +0,0 @@
-import { DefaultDisplayRendererOptions } from "./components/DefaultDisplay";
-import { DefaultLayoutRendererOptions } from "./components/DefaultLayout";
-import { ActionRendererRegistration, AdornmentRendererRegistration, DataRendererRegistration, DefaultRenderers, GroupRendererRegistration, LabelRendererRegistration } from "./renderers";
-import { CSSProperties, ReactElement, ReactNode } from "react";
-import { ArrayActionOptions, FieldOption, GridRenderer } from "./types";
-import { SelectRendererOptions } from "./components/SelectDataRenderer";
-import { Control } from "@react-typed-forms/core";
-import { DefaultArrayRendererOptions } from "./components/DefaultArrayRenderer";
-import { CheckRendererOptions } from "./components/CheckRenderer";
-export interface DefaultRendererOptions {
-    data?: DefaultDataRendererOptions;
-    display?: DefaultDisplayRendererOptions;
-    action?: DefaultActionRendererOptions;
-    array?: DefaultArrayRendererOptions;
-    group?: DefaultGroupRendererOptions;
-    label?: DefaultLabelRendererOptions;
-    adornment?: DefaultAdornmentRendererOptions;
-    layout?: DefaultLayoutRendererOptions;
-}
-interface StyleProps {
-    className?: string;
-    style?: CSSProperties;
-}
-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 interface DefaultGroupRendererOptions {
-    className?: string;
-    standardClassName?: string;
-    gridStyles?: (columns: GridRenderer) => StyleProps;
-    gridClassName?: string;
-    defaultGridColumns?: number;
-    flexClassName?: string;
-    defaultFlexGap?: string;
-}
-export declare function createDefaultGroupRenderer(options?: DefaultGroupRendererOptions): GroupRendererRegistration;
-export declare const DefaultBoolOptions: FieldOption[];
-export interface DefaultDataRendererOptions {
-    inputClass?: string;
-    displayOnlyClass?: string;
-    selectOptions?: SelectRendererOptions;
-    checkboxOptions?: CheckRendererOptions;
-    checkOptions?: CheckRendererOptions;
-    radioOptions?: CheckRendererOptions;
-    checkListOptions?: CheckRendererOptions;
-    booleanOptions?: FieldOption[];
-    optionRenderer?: DataRendererRegistration;
-    multilineClass?: string;
-    jsonataClass?: string;
-    arrayOptions?: ArrayActionOptions;
-}
-export declare function createDefaultDataRenderer(options?: DefaultDataRendererOptions): DataRendererRegistration;
-export interface DefaultAccordionRendererOptions {
-    className?: string;
-    titleClass?: string;
-    togglerClass?: string;
-    iconOpenClass?: string;
-    iconClosedClass?: string;
-    renderTitle?: (title: string | undefined, current: Control<boolean>) => ReactNode;
-    renderToggler?: (current: Control<boolean>, title: ReactNode) => ReactNode;
-}
-export interface DefaultAdornmentRendererOptions {
-    accordion?: DefaultAccordionRendererOptions;
-}
-export declare function createDefaultAdornmentRenderer(options?: DefaultAdornmentRendererOptions): AdornmentRendererRegistration;
-interface DefaultLabelRendererOptions {
-    className?: string;
-    groupLabelClass?: string;
-    controlLabelClass?: string;
-    requiredElement?: ReactNode;
-    labelContainer?: (children: ReactElement) => ReactElement;
-}
-export declare function createDefaultLabelRenderer(options?: DefaultLabelRendererOptions): LabelRendererRegistration;
-export declare function createDefaultRenderers(options?: DefaultRendererOptions): DefaultRenderers;
-export {};

package/lib/tailwind.d.ts

@@ -1,43 +0,0 @@
-import React from "react";
-export declare const defaultTailwindTheme: {
-    label: {
-        groupLabelClass: string;
-        requiredElement: React.JSX.Element;
-    };
-    array: {
-        removableClass: string;
-        childClass: string;
-        addActionClass: string;
-    };
-    group: {
-        standardClassName: string;
-        gridClassName: string;
-        flexClassName: string;
-    };
-    action: {
-        className: string;
-    };
-    layout: {
-        className: string;
-        errorClass: string;
-    };
-    data: {
-        displayOnlyClass: string;
-        checkOptions: {
-            className: string;
-            entryClass: string;
-        };
-        selectOptions: {
-            emptyText: string;
-        };
-        multilineClass: string;
-    };
-    adornment: {
-        accordion: {
-            className: string;
-            titleClass: string;
-            iconOpenClass: string;
-            iconClosedClass: string;
-        };
-    };
-};