@socotra/ec-react-components 2.30.0-next.7 → 2.30.2-next.0

package/dist/index.d.ts

@@ -141,7 +141,7 @@ declare interface CreateProps extends Props_12 {
  * DataPropertyForm is a form to render data based on data property schema and data model with edit and submission capabilities.
  */
 export declare const DataPropertyForm: {
-    ({ data, dataModel, id, titles, dataPropertySchema, handleSubmit, isSubmitting, disabled, hideSubmitButton, validateOnSubmit, submitButtonText, readonly, styles, scope, }: Props_11): JSX.Element;
+    ({ data, dataModel, id, titles, dataPropertySchema, handleSubmit, isSubmitting, disabled, hideSubmitButton, validateOnSubmit, submitButtonText, readonly, styles, formConfig, scope, }: Props_11): JSX.Element;
     displayName: string;
 };
 
@@ -166,7 +166,7 @@ export declare const ElementForm: {
  * Apply a payment to an existing invoice form
  */
 export declare const ExistingPaymentForm: {
-    ({ accountLocator, invoiceLocator, balance, currency, validateOnSubmit, hideSubmitButton, submitButtonText, handleSubmit, isSubmitting, disabled, id, titles, invoiceBalance, styles, }: Props_6): JSX.Element;
+    ({ accountLocator, invoiceLocator, balance, currency, validateOnSubmit, hideSubmitButton, submitButtonText, handleSubmit, isSubmitting, disabled, id, titles, invoiceBalance, styles, formConfig, }: Props_6): JSX.Element;
     displayName: string;
 };
 
@@ -174,7 +174,7 @@ export declare const ExistingPaymentForm: {
  * FnolForm is a form to render data based on fnol schema.
  */
 export declare const FnolForm: {
-    ({ dataModel, id, titles, fnol, defaultValues, handleSubmit, isSubmitting, disabled, hideSubmitButton, validateOnSubmit, submitButtonText, readonly, styles, }: CreateProps | PatchProps): JSX.Element;
+    ({ dataModel, id, titles, fnol, defaultValues, handleSubmit, isSubmitting, disabled, hideSubmitButton, validateOnSubmit, submitButtonText, readonly, styles, formConfig, }: CreateProps | PatchProps): JSX.Element;
     displayName: string;
 };
 
@@ -212,6 +212,12 @@ declare interface FormBaseProps {
      * See https://github.com/eclipsesource/jsonforms/blob/master/packages/vanilla-renderers/Styles.md
      */
     styles?: StyleDefinition[];
+    /**
+     * Custom form config
+     */
+    formConfig?: {
+        modal?: boolean;
+    };
 }
 
 declare type GetDisbursementFormDefaultFieldsProps = {
@@ -252,7 +258,7 @@ export declare const InitializedTransactionForm: {
  * DisbursementForm is a form for creating a disbursement.
  */
 export declare const NewDisbursementForm: {
-    ({ accountLocator, accountBalance, currency, validateOnSubmit, hideSubmitButton, submitButtonText, handleSubmit, isSubmitting, disabled, dataModel, id, titles, styles, }: Props_10): JSX.Element;
+    ({ accountLocator, accountBalance, currency, validateOnSubmit, hideSubmitButton, submitButtonText, handleSubmit, isSubmitting, disabled, dataModel, id, titles, styles, formConfig, }: Props_10): JSX.Element;
     displayName: string;
 };
 
@@ -260,7 +266,7 @@ export declare const NewDisbursementForm: {
  * PaymentForm is a form for making a payment.
  */
 export declare const NewPaymentForm: {
-    ({ accountLocator, invoiceLocator, currency, validateOnSubmit, hideSubmitButton, submitButtonText, handleSubmit, isSubmitting, disabled, dataModel, id, titles, invoiceBalance, styles, }: Props_5): JSX.Element;
+    ({ accountLocator, invoiceLocator, currency, validateOnSubmit, hideSubmitButton, submitButtonText, handleSubmit, isSubmitting, disabled, dataModel, id, titles, invoiceBalance, styles, formConfig, }: Props_5): JSX.Element;
     displayName: string;
 };
 
@@ -301,7 +307,7 @@ declare type Props = (BaseProps & {
     handleSubmit: (data: AccountCreateRequest) => void;
 });
 
-declare type Props_10 = {
+declare type Props_10 = FormBaseProps & {
     /**
      * Account locator
      */
@@ -322,30 +328,6 @@ declare type Props_10 = {
      * The function to call when the form is submitted. It will create an PaymentRequest from the form data.
      */
     handleSubmit: (data: DisbursementCreateRequest) => void;
-    /**
-     * Set to true when the form is submitting to set fields to readonly and disable the submit button
-     */
-    isSubmitting?: boolean;
-    /**
-     * Disables the form
-     */
-    disabled?: boolean;
-    /**
-     * Hides the submit button
-     */
-    hideSubmitButton?: boolean;
-    /**
-     * Whether to validate the form on submit
-     */
-    validateOnSubmit?: boolean;
-    /**
-     * The text to display on the submit button
-     */
-    submitButtonText?: string;
-    /**
-     * ID for the form wrapper
-     * */
-    id?: string;
     /**
      * Custom form styling
      * See https://github.com/eclipsesource/jsonforms/blob/master/packages/vanilla-renderers/Styles.md
@@ -361,7 +343,7 @@ declare type Props_10 = {
     } & Partial<GetDisbursementFormDefaultFieldsProps['titles']>;
 };
 
-declare type Props_11 = {
+declare type Props_11 = FormBaseProps & {
     /**
      * The resolved data model retrieved from data model response
      */
@@ -378,34 +360,6 @@ declare type Props_11 = {
      * The function to call when the form is submitted. It will create an PaymentRequest from the form data.
      */
     handleSubmit?: (data: Record<string, PropertyRef>) => void;
-    /**
-     * Set to true when the form is submitting to set fields to readonly and disable the submit button
-     */
-    isSubmitting?: boolean;
-    /**
-     * Disables the form
-     */
-    disabled?: boolean;
-    /**
-     * Hides the submit button
-     */
-    hideSubmitButton?: boolean;
-    /**
-     * Whether to validate the form on submit
-     */
-    validateOnSubmit?: boolean;
-    /**
-     * The text to display on the submit button
-     */
-    submitButtonText?: string;
-    /**
-     * Readonly mode for the form
-     */
-    readonly?: boolean;
-    /**
-     * ID for the form wrapper
-     */
-    id?: string;
     /**
      * Titles for the form and boolean labels
      */
@@ -808,7 +762,7 @@ declare type Props_4 = {
     allowSaveStaticData?: boolean;
 };
 
-declare type Props_5 = {
+declare type Props_5 = FormBaseProps & {
     /**
      * Account locator
      */
@@ -829,35 +783,6 @@ declare type Props_5 = {
      * The function to call when the form is submitted. It will create an PaymentRequest from the form data.
      */
     handleSubmit: (data: PaymentRequest_2) => void;
-    /**
-     * Set to true when the form is submitting to set fields to readonly and disable the submit button
-     */
-    isSubmitting?: boolean;
-    /**
-     * Disables the form
-     */
-    disabled?: boolean;
-    /**
-     * Hides the submit button
-     */
-    hideSubmitButton?: boolean;
-    /**
-     * Whether to validate the form on submit
-     */
-    validateOnSubmit?: boolean;
-    /**
-     * The text to display on the submit button
-     */
-    submitButtonText?: string;
-    /**
-     * ID for the form wrapper
-     * */
-    id?: string;
-    /**
-     * Custom form styling
-     * See https://github.com/eclipsesource/jsonforms/blob/master/packages/vanilla-renderers/Styles.md
-     */
-    styles?: StyleDefinition[];
     /**
      * Titles
      */
@@ -872,7 +797,7 @@ declare type Props_5 = {
     invoiceBalance: number;
 };
 
-declare type Props_6 = {
+declare type Props_6 = FormBaseProps & {
     /**
      * Account locator
      */
@@ -893,35 +818,6 @@ declare type Props_6 = {
      * The function to call when the form is submitted. It will create an CreditDistributionRequest from the form data.
      */
     handleSubmit: (data: CreditDistributionRequest) => void;
-    /**
-     * Set to true when the form is submitting to set fields to readonly and disable the submit button
-     */
-    isSubmitting?: boolean;
-    /**
-     * Disables the form
-     */
-    disabled?: boolean;
-    /**
-     * Hides the submit button
-     */
-    hideSubmitButton?: boolean;
-    /**
-     * Whether to validate the form on submit
-     */
-    validateOnSubmit?: boolean;
-    /**
-     * The text to display on the submit button
-     */
-    submitButtonText?: string;
-    /**
-     * ID for the form wrapper
-     * */
-    id?: string;
-    /**
-     * Custom form styling
-     * See https://github.com/eclipsesource/jsonforms/blob/master/packages/vanilla-renderers/Styles.md
-     */
-    styles?: StyleDefinition[];
     /**
      * Titles
      */
@@ -937,7 +833,7 @@ declare type Props_6 = {
     invoiceBalance: number;
 };
 
-declare type Props_7 = {
+declare type Props_7 = FormBaseProps & {
     /**
      * Amount to reverse
      */
@@ -954,35 +850,6 @@ declare type Props_7 = {
      * The function to call when the form is submitted. It will create an CreditDistributionReverseRequest from the form data.
      */
     handleSubmit: (data: CreditDistributionReverseRequest) => void;
-    /**
-     * Set to true when the form is submitting to set fields to readonly and disable the submit button
-     */
-    isSubmitting?: boolean;
-    /**
-     * Disables the form
-     */
-    disabled?: boolean;
-    /**
-     * Hides the submit button
-     */
-    hideSubmitButton?: boolean;
-    /**
-     * Whether to validate the form on submit
-     */
-    validateOnSubmit?: boolean;
-    /**
-     * The text to display on the submit button
-     */
-    submitButtonText?: string;
-    /**
-     * ID for the form wrapper
-     * */
-    id?: string;
-    /**
-     * Custom form styling
-     * See https://github.com/eclipsesource/jsonforms/blob/master/packages/vanilla-renderers/Styles.md
-     */
-    styles?: StyleDefinition[];
     /**
      * Titles
      */
@@ -1232,7 +1099,7 @@ export declare type QuoteFormRef = {
  * Apply a payment to an existing invoice form
  */
 export declare const ReversePaymentForm: {
-    ({ amount, reversalTypes, currency, validateOnSubmit, hideSubmitButton, submitButtonText, handleSubmit, isSubmitting, disabled, id, titles, styles, }: Props_7): JSX.Element;
+    ({ amount, reversalTypes, currency, validateOnSubmit, hideSubmitButton, submitButtonText, handleSubmit, isSubmitting, disabled, id, titles, styles, formConfig, }: Props_7): JSX.Element;
     displayName: string;
 };