npm - @zealicsolutions/web-ui - Versions diffs - 1.0.38 → 1.0.40-beta-0 - Mend

@zealicsolutions/web-ui 1.0.38 → 1.0.40-beta-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/dist/cjs/containers/FormContainer.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { ValidationMode } from 'react-hook-form';
 export declare type FormContainerProps = PropsWithChildren<{
-    mode?: keyof ValidationMode;
-    id?: string;
+    mode?: 'onSubmit' | 'onBlur' | 'onChange' | 'all';
+    state?: 'default' | 'required_error' | 'validation_error';
 }>;
-export declare const FormContainer: ({ mode, children, id }: FormContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FormContainer: ({ mode, state, children }: FormContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/containers/mock-data.d.ts CHANGED Viewed

@@ -268,3 +268,617 @@ export declare const jdContainer: {
         }[];
     }[];
 };
+export declare const formContainer: {
+    id: string;
+    pmiObjectId: null;
+    stateValueOptionMasterStateId: null;
+    instance: string;
+    organismLibraryContainerId: string;
+    containerLibraryId: string;
+    type: string;
+    ordering: number;
+    config: {
+        props: {
+            formProps: {
+                state: string;
+            };
+        };
+        wide: {
+            containerProps: {};
+            containerStyle: {
+                gap: string;
+                width: string;
+                flexWrap: string;
+                paddingTop: string;
+                paddingLeft: string;
+                paddingRight: string;
+                paddingBottom: string;
+                justifyContent: string;
+            };
+        };
+        compact: {
+            containerProps: {};
+            containerStyle: {
+                gap: string;
+                width: string;
+                flexWrap: string;
+                paddingTop: string;
+                paddingLeft: string;
+                paddingRight: string;
+                paddingBottom: string;
+            };
+        };
+    };
+    metadata: {
+        display: {
+            type: string;
+            itemsPerStep: number;
+        };
+    };
+    properties: {
+        backgroundImage: {
+            id: string;
+            property: string;
+            propertyType: string;
+            imageFile: {
+                id: string;
+                url: string;
+                name: string;
+                size: number;
+                type: string;
+                source: null;
+                property: string;
+                fileType: string;
+                createdAt: string;
+                updatedAt: string;
+                description: null;
+                originalName: string;
+                propertyType: string;
+            };
+        };
+    };
+    items: ({
+        id: string;
+        name: string;
+        type: string;
+        config: {
+            wide: {
+                containerProps: {};
+                containerStyle: {
+                    gap: string;
+                    width: string;
+                    flexWrap: string;
+                    paddingTop: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                    flexDirection: string;
+                    paddingBottom: string;
+                };
+            };
+            compact: {
+                containerProps: {};
+                containerStyle: {
+                    gap: string;
+                    width: string;
+                    flexWrap: string;
+                    paddingTop: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                    paddingBottom: string;
+                };
+            };
+            props?: undefined;
+        };
+        instance: string;
+        metadata: {
+            group: string[];
+        };
+        ordering: number;
+        properties: {
+            backgroundImage: {
+                id: string;
+                property: string;
+                propertyType: string;
+                imageFile: {
+                    id: string;
+                    url: string;
+                    name: string;
+                    size: number;
+                    type: string;
+                    source: string;
+                    property: string;
+                    fileType: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    description: null;
+                    originalName: string;
+                    propertyType: string;
+                };
+            };
+            objectModification: {
+                id: string;
+                value: boolean;
+                property: string;
+                createdAt: string;
+                updatedAt: string;
+                propertyType: string;
+            };
+            text?: undefined;
+            action?: undefined;
+            disabled?: undefined;
+            interacted?: undefined;
+        };
+        pmiObjectId: string;
+        containerLibraryId: string;
+        containerLibraryName: string;
+        organismLibraryContainerId: string;
+        stateValueOptionMasterStateId: string;
+        items: {
+            id: string;
+            name: string;
+            type: string;
+            config: {
+                props: {
+                    color: string;
+                    styles: {};
+                    fontSize: string;
+                    inputType: string;
+                    textAlign: string;
+                    fontFamily: string;
+                    paddingTop: string;
+                    borderColor: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                    paddingBottom: string;
+                };
+            };
+            children: never[];
+            instance: string;
+            metadata: {};
+            ordering: number;
+            actionable: boolean;
+            properties: {
+                text: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+                required: {
+                    id: string;
+                    value: boolean;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    propertyType: string;
+                };
+                dataCapture: {
+                    id: string;
+                    property: string;
+                    required: boolean;
+                    createdAt: string;
+                    updatedAt: string;
+                    propertyType: string;
+                    isConfigurable: boolean;
+                    moleculeItemId: null;
+                    dataCaptureName: string;
+                    sourceDataModelFieldId: string;
+                };
+                placeholderText: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+                requiredErrorText: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+                validationErrorText: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+            };
+            triggerable: boolean;
+            referenceName: string;
+            moleculeLibraryId: string;
+            organismLibraryMoleculeId: string;
+        }[];
+        children?: undefined;
+        actionable?: undefined;
+        triggerable?: undefined;
+        referenceName?: undefined;
+        moleculeLibraryId?: undefined;
+        organismLibraryMoleculeId?: undefined;
+    } | {
+        id: string;
+        name: string;
+        type: string;
+        config: {
+            wide: {
+                containerProps: {};
+                containerStyle: {
+                    gap: string;
+                    width: string;
+                    flexWrap: string;
+                    paddingTop: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                    flexDirection: string;
+                    paddingBottom: string;
+                };
+            };
+            compact: {
+                containerProps: {};
+                containerStyle: {
+                    gap: string;
+                    width: string;
+                    flexWrap: string;
+                    paddingTop: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                    paddingBottom: string;
+                };
+            };
+            props?: undefined;
+        };
+        instance: string;
+        metadata: {
+            group: string[];
+        };
+        ordering: number;
+        properties: {
+            backgroundImage: {
+                id: string;
+                property: string;
+                propertyType: string;
+                imageFile: {
+                    id: string;
+                    url: string;
+                    name: string;
+                    size: number;
+                    type: string;
+                    source: string;
+                    property: string;
+                    fileType: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    description: null;
+                    originalName: string;
+                    propertyType: string;
+                };
+            };
+            objectModification: {
+                id: string;
+                value: boolean;
+                property: string;
+                createdAt: string;
+                updatedAt: string;
+                propertyType: string;
+            };
+            text?: undefined;
+            action?: undefined;
+            disabled?: undefined;
+            interacted?: undefined;
+        };
+        pmiObjectId: string;
+        containerLibraryId: string;
+        containerLibraryName: string;
+        organismLibraryContainerId: string;
+        stateValueOptionMasterStateId: string;
+        items: ({
+            id: string;
+            name: string;
+            type: string;
+            config: {
+                props: {
+                    color: string;
+                    masked: string;
+                    styles: {};
+                    fontSize: string;
+                    textAlign: string;
+                    fontFamily: string;
+                    paddingTop: string;
+                    borderColor: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                    paddingBottom: string;
+                    textColor?: undefined;
+                    allowNegative?: undefined;
+                    numericPrecision?: undefined;
+                };
+            };
+            children: never[];
+            instance: string;
+            metadata: {};
+            ordering: number;
+            actionable: boolean;
+            properties: {
+                text: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+                required: {
+                    id: string;
+                    value: boolean;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    propertyType: string;
+                };
+                dataCapture: {
+                    id: string;
+                    property: string;
+                    required: boolean;
+                    createdAt: string;
+                    updatedAt: string;
+                    propertyType: string;
+                    isConfigurable: boolean;
+                    moleculeItemId: null;
+                    dataCaptureName: string;
+                    sourceDataModelFieldId: string;
+                };
+                placeholderText: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+                requiredErrorText: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+                validationErrorText: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+            };
+            triggerable: boolean;
+            referenceName: string;
+            moleculeLibraryId: string;
+            organismLibraryMoleculeId: string;
+        } | {
+            id: string;
+            name: string;
+            type: string;
+            config: {
+                props: {
+                    styles: {};
+                    fontSize: string;
+                    textAlign: string;
+                    textColor: string;
+                    fontFamily: string;
+                    paddingTop: string;
+                    borderColor: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                    allowNegative: boolean;
+                    paddingBottom: string;
+                    numericPrecision: string;
+                    color?: undefined;
+                    masked?: undefined;
+                };
+            };
+            children: never[];
+            instance: string;
+            metadata: {};
+            ordering: number;
+            actionable: boolean;
+            properties: {
+                text: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+                required: {
+                    id: string;
+                    value: boolean;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    propertyType: string;
+                };
+                dataCapture: {
+                    id: string;
+                    property: string;
+                    required: boolean;
+                    createdAt: string;
+                    updatedAt: string;
+                    propertyType: string;
+                    isConfigurable: boolean;
+                    moleculeItemId: null;
+                    dataCaptureName: string;
+                    sourceDataModelFieldId: string;
+                };
+                placeholderText: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+                requiredErrorText: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+                validationErrorText: {
+                    id: string;
+                    text: string;
+                    property: string;
+                    createdAt: string;
+                    updatedAt: string;
+                    isRichText: boolean;
+                    propertyType: string;
+                    moleculeItemId: null;
+                    showRichTextToolbar: boolean;
+                };
+            };
+            triggerable: boolean;
+            referenceName: string;
+            moleculeLibraryId: string;
+            organismLibraryMoleculeId: string;
+        })[];
+        children?: undefined;
+        actionable?: undefined;
+        triggerable?: undefined;
+        referenceName?: undefined;
+        moleculeLibraryId?: undefined;
+        organismLibraryMoleculeId?: undefined;
+    } | {
+        id: string;
+        name: string;
+        type: string;
+        config: {
+            props: {
+                color: string;
+                width: string;
+                height: string;
+                styles: {};
+                variant: string;
+                fontSize: string;
+                fullWidth: boolean;
+                textAlign: string;
+                textColor: string;
+                fontFamily: string;
+                fontWeight: string;
+                paddingTop: string;
+                paddingLeft: string;
+                borderRadius: string;
+                paddingRight: string;
+                paddingBottom: string;
+            };
+            wide?: undefined;
+            compact?: undefined;
+        };
+        children: never[];
+        instance: string;
+        metadata: {
+            group?: undefined;
+        };
+        ordering: number;
+        actionable: boolean;
+        properties: {
+            text: {
+                id: string;
+                text: string;
+                property: string;
+                createdAt: string;
+                updatedAt: string;
+                isRichText: boolean;
+                propertyType: string;
+                moleculeItemId: null;
+                showRichTextToolbar: boolean;
+            };
+            action: {
+                id: string;
+                propertyType: string;
+                property: string;
+                action: {
+                    type: string;
+                    reset: {};
+                };
+            };
+            disabled: {
+                id: string;
+                value: string;
+                property: string;
+                createdAt: string;
+                updatedAt: string;
+                propertyType: string;
+                moleculeItemId: null;
+                organismAppliedId: null;
+                containerAppliedId: null;
+            };
+            interacted: {
+                id: string;
+                value: string;
+                property: string;
+                createdAt: string;
+                updatedAt: string;
+                propertyType: string;
+                moleculeItemId: null;
+                organismAppliedId: null;
+                containerAppliedId: null;
+            };
+            backgroundImage?: undefined;
+            objectModification?: undefined;
+        };
+        triggerable: boolean;
+        referenceName: null;
+        moleculeLibraryId: string;
+        organismLibraryMoleculeId: string;
+        pmiObjectId?: undefined;
+        containerLibraryId?: undefined;
+        containerLibraryName?: undefined;
+        organismLibraryContainerId?: undefined;
+        stateValueOptionMasterStateId?: undefined;
+        items?: undefined;
+    })[];
+};

package/dist/cjs/containers/types/moleculeTypes.d.ts CHANGED Viewed

@@ -15,6 +15,7 @@ import { NumericInputFieldProps } from '../../molecules/NumericInputField/Numeri
 import { AccordionProps } from '../../molecules/Accordion/Accordion';
 import { TabsProps } from '../../molecules/Tabs/Tabs';
 import { MenuProps } from '../../molecules/Menu/Menu';
+import { AvatarMoleculeProps } from '../../molecules/Avatar/Avatar';
 export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
 export declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
 export declare type DataModelFieldFormatValueTypes = 'any' | 'text' | 'email' | 'integer' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
@@ -122,7 +123,7 @@ export declare type ObjectStateProperties = {
     pmiObjectId: string | null;
 };
 export declare type MoleculeItemTypes = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item';
-export declare type MoleculeTypes = 'simple_text' | 'text' | 'header_tab_group' | 'consent' | 'signup_password_fields' | 'account_button' | 'stepper' | 'checklist' | 'accordion' | 'menu' | 'tabs' | 'divider' | 'link' | 'video' | 'image' | 'button' | 'alert' | 'badge' | 'chip' | 'basic_text_field' | 'rating' | 'switch' | 'slider' | 'select' | 'date_picker' | 'email_input_field' | 'phone_number_input_field' | 'numeric_input_field' | 'currency_input_field' | 'email_display_field' | 'phone_number_display_field' | 'numeric_display_field' | 'currency_display_field' | 'basic_text_display_field' | 'select_display_field' | 'rating_display_field' | 'switch_display_field' | 'slider_display_field' | 'date_display_field';
+export declare type MoleculeTypes = 'simple_text' | 'text' | 'header_tab_group' | 'consent' | 'signup_password_fields' | 'account_button' | 'stepper' | 'checklist' | 'accordion' | 'menu' | 'tabs' | 'divider' | 'link' | 'video' | 'image' | 'button' | 'alert' | 'badge' | 'chip' | 'basic_text_field' | 'rating' | 'switch' | 'slider' | 'select' | 'date_picker' | 'email_input_field' | 'phone_number_input_field' | 'numeric_input_field' | 'currency_input_field' | 'email_display_field' | 'phone_number_display_field' | 'numeric_display_field' | 'currency_display_field' | 'basic_text_display_field' | 'select_display_field' | 'rating_display_field' | 'switch_display_field' | 'slider_display_field' | 'date_display_field' | 'avatar';
 /**
  * [ NEW MOLECULE: 3 ] Second Step is to add the new molecule name to this list, in snake case format
  *
@@ -456,7 +457,16 @@ export interface CurrencyInputFieldMoleculeType extends BaseMoleculeType {
         dataCapture: DataCaptureProperties;
     };
 }
-export declare type Molecule = StrictUnion<SimpleTextMoleculeType | TextMoleculeType | ConsentFieldMoleculeType | PasswordSetupMoleculeType | StepperMoleculeType | ChecklistsMoleculeType | AccordionMoleculeType | MenuMoleculeType | TabsMoleculeType | DividerMoleculeType | LinkMoleculeType | VideoMoleculeType | ImageMoleculeType | ButtonMoleculeType | ChipMoleculeType | BadgeMoleculeType | AlertMoleculeType | BasicTextFieldMoleculeType | RatingMoleculeType | SwitchMoleculeType | SliderMoleculeType | SelectMoleculeType | DatePickerMoleculeType | EmailInputFieldMoleculeType | PhoneNumberInputFieldMoleculeType | NumericInputFieldMoleculeType | CurrencyInputFieldMoleculeType> & Partial<{
+export interface AvatarMoleculeType extends BaseMoleculeType {
+    type: 'avatar';
+    config: {
+        props: Omit<AvatarMoleculeProps, 'sourceDataModelField' | 'configurationItemInfo'>;
+    };
+    properties: {
+        dataCapture: DataCaptureProperties;
+    };
+}
+export declare type Molecule = StrictUnion<SimpleTextMoleculeType | TextMoleculeType | ConsentFieldMoleculeType | PasswordSetupMoleculeType | StepperMoleculeType | ChecklistsMoleculeType | AccordionMoleculeType | MenuMoleculeType | TabsMoleculeType | DividerMoleculeType | LinkMoleculeType | VideoMoleculeType | ImageMoleculeType | ButtonMoleculeType | ChipMoleculeType | BadgeMoleculeType | AlertMoleculeType | BasicTextFieldMoleculeType | RatingMoleculeType | SwitchMoleculeType | SliderMoleculeType | SelectMoleculeType | DatePickerMoleculeType | EmailInputFieldMoleculeType | PhoneNumberInputFieldMoleculeType | NumericInputFieldMoleculeType | CurrencyInputFieldMoleculeType | AvatarMoleculeType> & Partial<{
     form: UseFormReturn<any>;
     formData: AnyObject;
     setFormData: Dispatch<SetStateAction<AnyObject>>;

package/dist/cjs/containers/utils.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 export declare function overrideProperties(savedProperties: Partial<Record<string, unknown>>, currentContentProperties: Partial<Record<string, unknown>> | undefined, propertyKeys: string[], // Renamed to avoid conflict
 selected: boolean): Partial<Record<string, unknown>>;
 export declare function overrideProps(savedProps: Partial<Record<string, unknown>>, currentStyleProperties?: Partial<Record<string, unknown>>, selected?: boolean): Partial<Record<string, unknown>>;
+export declare const getInvalidValue: (rx: RegExp) => string;