@react-typed-forms/schemas 9.2.0 → 10.0.0

package/lib/components/DefaultArrayRenderer.d.ts

@@ -0,0 +1,16 @@
+import { ArrayRendererRegistration } from "../renderers";
+import { ActionRendererProps, ArrayRendererProps } from "../controlRender";
+import React, { ReactNode } from "react";
+export interface DefaultArrayRendererOptions {
+    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/controlRender.d.ts

@@ -1,7 +1,7 @@
 import React, { CSSProperties, FC, Key, ReactNode } from "react";
 import { Control } from "@react-typed-forms/core";
 import { AdornmentPlacement, ControlAdornment, ControlDefinition, DataControlDefinition, DisplayData, FieldOption, GroupRenderOptions, RenderOptions, SchemaField, SchemaInterface } from "./types";
-import { ControlDataContext } from "./util";
+import { ControlDataContext, JsonPath } from "./util";
 import { EvalExpressionHook, UseEvalExpressionHook } from "./hooks";
 export interface FormRenderer {
     renderData: (props: DataRendererProps) => (layout: ControlLayoutProps) => ControlLayoutProps;
@@ -28,12 +28,12 @@ export interface ArrayRendererProps {
     addAction?: ActionRendererProps;
     required: boolean;
     removeAction?: (elemIndex: number) => ActionRendererProps;
-    elementCount: number;
     renderElement: (elemIndex: number) => ReactNode;
-    elementKey: (elemIndex: number) => Key;
     arrayControl: Control<any[] | undefined | null>;
     className?: string;
     style?: React.CSSProperties;
+    min?: number | null;
+    max?: number | null;
 }
 export interface Visibility {
     visible: boolean;
@@ -87,21 +87,25 @@ export interface DisplayRendererProps {
     className?: string;
     style?: React.CSSProperties;
 }
+export type ChildVisibilityFunc = (child: ControlDefinition, context?: ControlDataContext) => EvalExpressionHook<boolean>;
 export interface ParentRendererProps {
     childDefinitions: ControlDefinition[];
     renderChild: ChildRenderer;
     className?: string;
     style?: React.CSSProperties;
     dataContext: ControlDataContext;
-    useChildVisibility: (child: number | number[]) => EvalExpressionHook<boolean>;
+    parentContext: ControlDataContext;
+    useChildVisibility: ChildVisibilityFunc;
 }
 export interface GroupRendererProps extends ParentRendererProps {
+    definition: ControlDefinition;
     renderOptions: GroupRenderOptions;
 }
 export interface DataRendererProps extends ParentRendererProps {
     renderOptions: RenderOptions;
     definition: DataControlDefinition;
     field: SchemaField;
+    elementIndex?: number;
     id: string;
     control: Control<any>;
     readonly: boolean;
@@ -130,29 +134,26 @@ export interface DataControlProps {
     definition: DataControlDefinition;
     field: SchemaField;
     dataContext: ControlDataContext;
+    parentContext: ControlDataContext;
     control: Control<any>;
-    options: FormContextOptions;
-    style: React.CSSProperties | undefined;
+    formOptions: FormContextOptions;
+    style?: React.CSSProperties | undefined;
     renderChild: ChildRenderer;
+    elementIndex?: number;
     allowedOptions?: Control<any[] | undefined>;
-    elementRenderer?: (elemIndex: number) => ReactNode;
-    useChildVisibility: (child: number | number[]) => EvalExpressionHook<boolean>;
+    useChildVisibility: ChildVisibilityFunc;
 }
 export type CreateDataProps = (controlProps: DataControlProps) => DataRendererProps;
-export type JsonPath = string | number;
-export interface DataContext {
-    data: Control<any>;
-    path: JsonPath[];
-}
 export interface ControlRenderOptions extends FormContextOptions {
     useDataHook?: (c: ControlDefinition) => CreateDataProps;
     useEvalExpressionHook?: UseEvalExpressionHook;
     clearHidden?: boolean;
     schemaInterface?: SchemaInterface;
+    elementIndex?: number;
 }
 export declare function useControlRenderer(definition: ControlDefinition, fields: SchemaField[], renderer: FormRenderer, options?: ControlRenderOptions): FC<ControlRenderProps>;
 export declare function lookupSchemaField(c: ControlDefinition, fields: SchemaField[]): SchemaField | undefined;
-export declare function getControlData(schemaField: SchemaField | undefined, parentContext: ControlDataContext): [Control<any> | undefined, Control<any> | undefined, ControlDataContext];
+export declare function getControlData(schemaField: SchemaField | undefined, parentContext: ControlDataContext, elementIndex: number | undefined): [Control<any> | undefined, Control<any> | undefined, ControlDataContext];
 export declare function ControlRenderer({ definition, fields, renderer, options, control, parentPath, }: {
     definition: ControlDefinition;
     fields: SchemaField[];
@@ -161,9 +162,13 @@ export declare function ControlRenderer({ definition, fields, renderer, options,
     control: Control<any>;
     parentPath?: JsonPath[];
 }): React.JSX.Element;
-export declare function defaultDataProps({ definition, field, control, options, elementRenderer, style, allowedOptions, ...props }: DataControlProps): DataRendererProps;
-export declare function defaultArrayProps(arrayControl: Control<any[] | undefined | null>, field: SchemaField, required: boolean, style: CSSProperties | undefined, className: string | undefined, renderElement: (elemIndex: number) => ReactNode): ArrayRendererProps;
-export type ChildRenderer = (k: Key, child: number | number[], parentPath?: JsonPath[]) => ReactNode;
+export declare function defaultDataProps({ definition, field, control, formOptions, style, allowedOptions, ...props }: DataControlProps): DataRendererProps;
+export declare function defaultArrayProps(arrayControl: Control<any[] | undefined | null>, field: SchemaField, required: boolean, style: CSSProperties | undefined, className: string | undefined, renderElement: (elemIndex: number) => ReactNode, min: number | undefined | null, max: number | undefined | null): ArrayRendererProps;
+export interface ChildRendererOptions {
+    elementIndex?: number;
+    dataContext?: ControlDataContext;
+}
+export type ChildRenderer = (k: Key, child: ControlDefinition, options?: ChildRendererOptions) => ReactNode;
 export interface RenderControlProps {
     definition: ControlDefinition;
     renderer: FormRenderer;
@@ -171,15 +176,17 @@ export interface RenderControlProps {
     createDataProps: CreateDataProps;
     formOptions: FormContextOptions;
     dataContext: ControlDataContext;
+    parentContext: ControlDataContext;
     control?: Control<any>;
     labelText?: Control<string | null | undefined>;
-    schemaField?: SchemaField;
+    field?: SchemaField;
+    elementIndex?: number;
     displayControl?: Control<string | undefined>;
     style?: React.CSSProperties;
     allowedOptions?: Control<any[] | undefined>;
-    useChildVisibility: (child: number | number[]) => EvalExpressionHook<boolean>;
+    useChildVisibility: ChildVisibilityFunc;
 }
-export declare function renderControlLayout({ definition: c, renderer, renderChild: childRenderer, control: childControl, schemaField, dataContext, formOptions: dataOptions, createDataProps: dataProps, displayControl, style, labelText, allowedOptions, useChildVisibility, }: RenderControlProps): ControlLayoutProps;
+export declare function renderControlLayout(props: RenderControlProps): ControlLayoutProps;
 export declare function appendMarkup(k: keyof Omit<RenderedLayout, "errorControl" | "style" | "className">, markup: ReactNode): (layout: RenderedLayout) => void;
 export declare function wrapMarkup(k: keyof Omit<RenderedLayout, "errorControl" | "style" | "className">, wrap: (ex: ReactNode) => ReactNode): (layout: RenderedLayout) => void;
 export declare function layoutKeyForPlacement(pos: AdornmentPlacement): keyof Omit<RenderedLayout, "errorControl" | "style" | "className">;
@@ -187,3 +194,7 @@ export declare function appendMarkupAt(pos: AdornmentPlacement, markup: ReactNod
 export declare function wrapMarkupAt(pos: AdornmentPlacement, wrap: (ex: ReactNode) => ReactNode): (layout: RenderedLayout) => void;
 export declare function renderLayoutParts(props: ControlLayoutProps, renderer: FormRenderer): RenderedLayout;
 export declare function controlTitle(title: string | undefined | null, field: SchemaField): string;
+export declare function applyArrayLengthRestrictions({ arrayControl, min, max, addAction: aa, removeAction: ra, required, }: Pick<ArrayRendererProps, "addAction" | "removeAction" | "arrayControl" | "min" | "max" | "required">, disable?: boolean): Pick<ArrayRendererProps, "addAction" | "removeAction"> & {
+    addDisabled: boolean;
+    removeDisabled: boolean;
+};

package/lib/createDefaultRenderers.d.ts

@@ -1,10 +1,11 @@
 import { DefaultDisplayRendererOptions } from "./components/DefaultDisplay";
 import { DefaultLayoutRendererOptions } from "./components/DefaultLayout";
-import { ActionRendererRegistration, AdornmentRendererRegistration, ArrayRendererRegistration, DataRendererRegistration, DefaultRenderers, GroupRendererRegistration, LabelRendererRegistration } from "./renderers";
+import { ActionRendererRegistration, AdornmentRendererRegistration, DataRendererRegistration, DefaultRenderers, GroupRendererRegistration, LabelRendererRegistration } from "./renderers";
 import { CSSProperties, ReactElement, ReactNode } from "react";
 import { FieldOption, GridRenderer } from "./types";
 import { SelectRendererOptions } from "./components/SelectDataRenderer";
 import { RadioRendererOptions } from "./components/RadioRenderer";
+import { DefaultArrayRendererOptions } from "./components/DefaultArrayRenderer";
 export interface DefaultRendererOptions {
     data?: DefaultDataRendererOptions;
     display?: DefaultDisplayRendererOptions;
@@ -23,15 +24,6 @@ interface DefaultActionRendererOptions {
     className?: string;
 }
 export declare function createDefaultActionRenderer(options?: DefaultActionRendererOptions): ActionRendererRegistration;
-interface DefaultArrayRendererOptions {
-    className?: string;
-    removableClass?: string;
-    childClass?: string;
-    removableChildClass?: string;
-    removeActionClass?: string;
-    addActionClass?: string;
-}
-export declare function createDefaultArrayRenderer(options?: DefaultArrayRendererOptions): ArrayRendererRegistration;
 interface DefaultGroupRendererOptions {
     className?: string;
     standardClassName?: string;

package/lib/hooks.d.ts

@@ -1,8 +1,7 @@
 import { ControlDefinition, DynamicPropertyType, EntityExpression, SchemaField, SchemaInterface } from "./types";
 import React from "react";
 import { Control } from "@react-typed-forms/core";
-import { ControlDataContext, DynamicHookGenerator } from "./util";
-import { DataContext } from "./controlRender";
+import { ControlDataContext, DataContext, DynamicHookGenerator } from "./util";
 export type EvalExpressionHook<A = any> = DynamicHookGenerator<Control<A | undefined>, ControlDataContext>;
 export type UseEvalExpressionHook = (expr: EntityExpression | undefined) => DynamicHookGenerator<Control<any> | undefined, ControlDataContext>;
 export declare function useEvalVisibilityHook(useEvalExpressionHook: UseEvalExpressionHook, definition: ControlDefinition, schemaField?: SchemaField): EvalExpressionHook<boolean>;
@@ -11,7 +10,7 @@ export declare function useEvalStyleHook(useEvalExpressionHook: UseEvalExpressio
 export declare function useEvalAllowedOptionsHook(useEvalExpressionHook: UseEvalExpressionHook, definition: ControlDefinition): EvalExpressionHook<any[]>;
 export declare function useEvalDisabledHook(useEvalExpressionHook: UseEvalExpressionHook, definition: ControlDefinition): EvalExpressionHook<boolean>;
 export declare function useEvalDisplayHook(useEvalExpressionHook: UseEvalExpressionHook, definition: ControlDefinition): DynamicHookGenerator<Control<string | undefined> | undefined, ControlDataContext>;
-export declare function useEvalDefaultValueHook(useEvalExpressionHook: UseEvalExpressionHook, definition: ControlDefinition, schemaField?: SchemaField): EvalExpressionHook;
+export declare function useEvalDefaultValueHook(useEvalExpressionHook: UseEvalExpressionHook, definition: ControlDefinition, schemaField: SchemaField | undefined, element: boolean): EvalExpressionHook;
 export declare function defaultEvalHooks(expr: EntityExpression, context: ControlDataContext): Control<any>;
 export declare const defaultUseEvalExpressionHook: UseEvalExpressionHook;
 export declare function makeEvalExpressionHook(f: (expr: EntityExpression, context: ControlDataContext) => Control<any>): UseEvalExpressionHook;