reactaform 1.9.0 → 1.9.2

package/dist/components/fields/Description.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface DescriptionProps {
+    field: {
+        displayText?: string;
+        textAlign?: "left" | "center" | "right";
+        allowHtml?: boolean;
+    };
+}
+declare const _default: React.NamedExoticComponent<DescriptionProps>;
+export default _default;

package/dist/components/form/ReactaForm.d.ts

@@ -9,7 +9,7 @@ import type { ReactaFormProps } from "../../core/reactaFormTypes";
  * @param {string} [props.className] - Additional CSS class names
  * @param {string} [props.theme] - Theme name ('light' or 'dark')
  * @param {React.CSSProperties} [props.style] - Inline styles
- * @param {FieldValidationMode} [props.fieldValidationMode] - Validation timing mode ('realTime' or 'onSubmission')
+ * @param {FieldValidationMode} [props.fieldValidationMode] - Field Validation mode ('onEdit' or 'onSubmission' or 'realTime')
  * @param {boolean} [props.displayInstanceName] - Whether to display the instance name
  */
 declare const ReactaForm: React.FC<ReactaFormProps>;

package/dist/components/form/ReactaFormProvider.d.ts

@@ -9,7 +9,7 @@ import '../../styles/reactaform.css';
  * @param {string} [props.defaultLanguage='en'] - Default language code for translations
  * @param {string} [props.defaultTheme='light'] - Default theme name
  * @param {string} [props.defaultLocalizeName] - Name of custom localization file
- * @param {FieldValidationMode} [props.defaultFieldValidationMode='realTime'] - Validation timing mode
+ * @param {FieldValidationMode} [props.defaultFieldValidationMode='onEdit'] - Field Validation mode
  * @param {string} [props.className='reactaform-container'] - CSS class name for the container
  * @param {boolean} [props.displayInstanceName] - Whether to display the instance name
  */

package/dist/core/reactaFormTypes.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode, CSSProperties } from 'react';
+import type { ReactNode } from 'react';
 type Integer = number;
 type Float = number;
 export type FieldValueType = boolean | Integer | Float | string | Integer[] | Float[] | string[] | [number, string] | File | File[];
@@ -48,8 +48,8 @@ export interface DefinitionPropertyField {
     multiple?: boolean;
     allowRelative?: boolean;
     action?: string;
-    buttonClassName?: string;
-    buttonStyle?: CSSProperties;
+    displayText?: string;
+    textAlign?: 'left' | 'center' | 'right';
 }
 export interface ReactaDefinition {
     name: string;
@@ -79,8 +79,12 @@ export interface ReactaFormProps {
     onValidation?: FormValidationHandler;
 }
 export type TranslationFunction = (text: string, ...args: unknown[]) => string;
-/** Validation mode controls where validation is performed. */
-export type FieldValidationMode = 'realTime' | 'onSubmission';
+/** Validation mode controls where validation is performed.
+ * 'onEdit' (default) - Validate fields as they are edited, showing errors immediately.
+ * 'onSubmission' - Validate only when the form is submitted, showing errors after submission attempt.
+ * 'realTime' - deprecated, use 'onEdit' instead.
+ */
+export type FieldValidationMode = 'onEdit' | 'onSubmission' | 'realTime';
 export type FieldCustomValidationHandler = (fieldName: string, value: FieldValueType | unknown, t: TranslationFunction) => string | undefined;
 export type FieldTypeValidationHandler = (field: DefinitionPropertyField, input: FieldValueType, t: TranslationFunction) => string | undefined;
 export type FormValidationHandler = (valuesMap: Record<string, FieldValueType | unknown>, t: TranslationFunction) => string[] | Promise<string[] | undefined> | undefined;
@@ -104,8 +108,8 @@ export type ReactaFormContextType = {
     };
     fieldStyle: Record<string, unknown>;
     t: TranslationFunction;
-    fieldValidationMode?: FieldValidationMode;
-    displayInstanceName?: boolean;
+    fieldValidationMode: FieldValidationMode;
+    displayInstanceName: boolean;
 };
 export type ReactaFormProviderProps = {
     children: ReactNode;