@react-typed-forms/schemas 7.3.2 → 8.1.0

package/lib/controlBuilder.d.ts

@@ -14,3 +14,9 @@ export declare function compoundControl(field: string, title: string | undefined
 export declare function createAction(actionId: string, onClick: () => void, actionText?: string): ActionRendererProps;
 export declare const emptyGroupDefinition: GroupedControlsDefinition;
 export declare function useControlDefinitionForSchema(sf: SchemaField[], definition?: GroupedControlsDefinition): GroupedControlsDefinition;
+export interface CustomRenderOptions {
+    value: string;
+    name: string;
+    fields: SchemaField[];
+}
+export declare function addCustomDataRenderOptions(controlFields: SchemaField[], customRenderOptions: CustomRenderOptions[]): SchemaField[];

package/lib/controlRender.d.ts

@@ -31,7 +31,7 @@ export interface ArrayRendererProps {
     elementCount: number;
     renderElement: (elemIndex: number) => ReactNode;
     elementKey: (elemIndex: number) => Key;
-    arrayControl?: Control<any[] | undefined | null>;
+    arrayControl: Control<any[] | undefined | null>;
     className?: string;
     style?: React.CSSProperties;
 }
@@ -78,6 +78,7 @@ export interface LabelRendererProps {
     label: ReactNode;
     required?: boolean | null;
     forId?: string;
+    className?: string;
 }
 export interface DisplayRendererProps {
     data: DisplayData;
@@ -86,14 +87,13 @@ export interface DisplayRendererProps {
     style?: React.CSSProperties;
 }
 export interface GroupRendererProps {
+    children: ControlDefinition[];
     renderOptions: GroupRenderOptions;
-    childCount: number;
-    renderChild: (child: number) => ReactNode;
+    renderChild: ChildRenderer;
     className?: string;
     style?: React.CSSProperties;
 }
 export interface DataRendererProps {
-    definition: DataControlDefinition;
     renderOptions: RenderOptions;
     field: SchemaField;
     id: string;
@@ -105,7 +105,7 @@ export interface DataRendererProps {
     className?: string;
     style?: React.CSSProperties;
     dataContext: ControlDataContext;
-    childCount: number;
+    children: ControlDefinition[];
     renderChild: ChildRenderer;
     toArrayProps?: () => ArrayRendererProps;
 }
@@ -132,7 +132,6 @@ export interface DataControlProps {
     control: Control<any>;
     options: FormContextOptions;
     style: React.CSSProperties | undefined;
-    childCount: number;
     renderChild: ChildRenderer;
     allowedOptions?: Control<any[] | undefined>;
     elementRenderer?: (elemIndex: number) => ReactNode;
@@ -152,24 +151,32 @@ export interface ControlRenderOptions extends FormContextOptions {
 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 ControlRenderer({ definition, fields, renderer, options, control, parentPath, }: {
+    definition: ControlDefinition;
+    fields: SchemaField[];
+    renderer: FormRenderer;
+    options?: ControlRenderOptions;
+    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, childIndex: number, props: ControlRenderProps) => ReactNode;
+export type ChildRenderer = (k: Key, child: number | number[], parentPath?: JsonPath[]) => ReactNode;
 export interface RenderControlProps {
     definition: ControlDefinition;
     renderer: FormRenderer;
-    childCount: number;
     renderChild: ChildRenderer;
     createDataProps: CreateDataProps;
     formOptions: FormContextOptions;
     dataContext: ControlDataContext;
     control?: Control<any>;
+    labelText?: Control<string | null | undefined>;
     schemaField?: SchemaField;
     displayControl?: Control<string | undefined>;
     style?: React.CSSProperties;
     allowedOptions?: Control<any[] | undefined>;
 }
-export declare function renderControlLayout({ definition: c, renderer, childCount, renderChild: childRenderer, control: childControl, schemaField, dataContext, formOptions: dataOptions, createDataProps: dataProps, displayControl, style, allowedOptions, }: RenderControlProps): ControlLayoutProps;
+export declare function renderControlLayout({ definition: c, renderer, renderChild: childRenderer, control: childControl, schemaField, dataContext, formOptions: dataOptions, createDataProps: dataProps, displayControl, style, labelText, allowedOptions, }: 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">;

package/lib/hooks.d.ts

@@ -19,3 +19,4 @@ export declare function useEvalDynamicHook(definition: ControlDefinition, type:
 export declare function matchesType(context: ControlDataContext, types?: string[] | null): boolean | undefined;
 export declare function hideDisplayOnly(context: ControlDataContext, field: SchemaField, definition: ControlDefinition, schemaInterface: SchemaInterface): boolean | undefined;
 export declare function useJsonataExpression(jExpr: string, dataContext: DataContext, bindings?: () => Record<string, any>): Control<any>;
+export declare function useEvalLabelText(useExpr: UseEvalExpressionHook, definition: ControlDefinition): EvalExpressionHook<string | null>;