@zealicsolutions/web-ui 0.4.23 → 0.4.25
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.
- package/dist/cjs/index.js +16 -16
 - package/dist/cjs/index.js.map +1 -1
 - package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +1 -1
 - package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +1 -1
 - package/dist/cjs/src/atoms/Input/Input.stories.d.ts +1 -0
 - package/dist/cjs/src/atoms/Input/helpers.d.ts +2 -2
 - package/dist/cjs/src/containers/hooks/useSetFormData.d.ts +3 -3
 - package/dist/cjs/src/containers/types/moleculeTypes.d.ts +9 -8
 - package/dist/cjs/src/helpers/validations.d.ts +1 -1
 - package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +1 -1
 - package/dist/cjs/src/molecules/Columns/styles.d.ts +1 -1
 - package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +2 -1
 - package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +1 -1
 - package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +1 -1
 - package/dist/esm/index.js +18 -18
 - package/dist/esm/index.js.map +1 -1
 - package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +1 -1
 - package/dist/esm/src/atoms/Buttons/TextButton.d.ts +1 -1
 - package/dist/esm/src/atoms/Input/Input.stories.d.ts +1 -0
 - package/dist/esm/src/atoms/Input/helpers.d.ts +2 -2
 - package/dist/esm/src/containers/hooks/useSetFormData.d.ts +3 -3
 - package/dist/esm/src/containers/types/moleculeTypes.d.ts +9 -8
 - package/dist/esm/src/helpers/validations.d.ts +1 -1
 - package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +1 -1
 - package/dist/esm/src/molecules/Columns/styles.d.ts +1 -1
 - package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +2 -1
 - package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +1 -1
 - package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +1 -1
 - package/dist/index.d.ts +11 -10
 - package/package.json +2 -1
 
| 
         @@ -7,7 +7,7 @@ declare const _default: { 
     | 
|
| 
       7 
7 
     | 
    
         
             
                title: string;
         
     | 
| 
       8 
8 
     | 
    
         
             
                component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
         
     | 
| 
       9 
9 
     | 
    
         
             
                    target: "_blank";
         
     | 
| 
       10 
     | 
    
         
            -
                } & Pick<import("../..").BaseButtonProps, " 
     | 
| 
      
 10 
     | 
    
         
            +
                } & Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
         
     | 
| 
       11 
11 
     | 
    
         
             
                    buttonLink: string;
         
     | 
| 
       12 
12 
     | 
    
         
             
                    elementId: string;
         
     | 
| 
       13 
13 
     | 
    
         
             
                    $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         
     | 
| 
         @@ -9,7 +9,7 @@ export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClic 
     | 
|
| 
       9 
9 
     | 
    
         
             
            }>;
         
     | 
| 
       10 
10 
     | 
    
         
             
            export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
         
     | 
| 
       11 
11 
     | 
    
         
             
                target: "_blank";
         
     | 
| 
       12 
     | 
    
         
            -
            } & Pick<BaseButtonProps, " 
     | 
| 
      
 12 
     | 
    
         
            +
            } & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
         
     | 
| 
       13 
13 
     | 
    
         
             
                buttonLink: string;
         
     | 
| 
       14 
14 
     | 
    
         
             
                elementId: string;
         
     | 
| 
       15 
15 
     | 
    
         
             
                $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         
     | 
| 
         @@ -11,7 +11,7 @@ export declare type MaskConfig = { 
     | 
|
| 
       11 
11 
     | 
    
         
             
            };
         
     | 
| 
       12 
12 
     | 
    
         
             
            export declare const getSpecificInputProps: (type: InputFieldTypes) => {
         
     | 
| 
       13 
13 
     | 
    
         
             
                type?: HTMLInputTypeAttribute | undefined;
         
     | 
| 
       14 
     | 
    
         
            -
                inputMode?: "text" | " 
     | 
| 
      
 14 
     | 
    
         
            +
                inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         
     | 
| 
       15 
15 
     | 
    
         
             
            };
         
     | 
| 
       16 
16 
     | 
    
         
             
            export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
         
     | 
| 
       17 
17 
     | 
    
         
             
            export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
         
     | 
| 
         @@ -39,6 +39,6 @@ export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disab 
     | 
|
| 
       39 
39 
     | 
    
         
             
                }>;
         
     | 
| 
       40 
40 
     | 
    
         
             
                config?: MaskConfig | undefined;
         
     | 
| 
       41 
41 
     | 
    
         
             
                state: import("../../containers").FormStateType;
         
     | 
| 
       42 
     | 
    
         
            -
            }>, "disabled" | " 
     | 
| 
      
 42 
     | 
    
         
            +
            }>, "disabled" | "isError" | "isEditMode"> & {
         
     | 
| 
       43 
43 
     | 
    
         
             
                isFocused: boolean;
         
     | 
| 
       44 
44 
     | 
    
         
             
            }) => ThemeColors;
         
     | 
| 
         @@ -1,14 +1,14 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            import {  
     | 
| 
      
 1 
     | 
    
         
            +
            import { DataConnectionValues } from 'containers/types/moleculeTypes';
         
     | 
| 
       2 
2 
     | 
    
         
             
            import { Dispatch, SetStateAction } from 'react';
         
     | 
| 
       3 
3 
     | 
    
         
             
            import { AnyObject } from 'typescript';
         
     | 
| 
       4 
4 
     | 
    
         
             
            declare type UseSetFormDataProps<DefaultValueType> = Partial<{
         
     | 
| 
       5 
5 
     | 
    
         
             
                defaultValue: DefaultValueType;
         
     | 
| 
       6 
     | 
    
         
            -
                dataModelField:  
     | 
| 
      
 6 
     | 
    
         
            +
                dataModelField: DataConnectionValues;
         
     | 
| 
       7 
7 
     | 
    
         
             
                setFormData: Dispatch<SetStateAction<AnyObject>>;
         
     | 
| 
       8 
8 
     | 
    
         
             
            }>;
         
     | 
| 
       9 
9 
     | 
    
         
             
            export declare const useSetFormData: <DefaultValueType>({ setFormData, defaultValue, dataModelField, }: Partial<{
         
     | 
| 
       10 
10 
     | 
    
         
             
                defaultValue: DefaultValueType;
         
     | 
| 
       11 
     | 
    
         
            -
                dataModelField:  
     | 
| 
      
 11 
     | 
    
         
            +
                dataModelField: DataConnectionValues;
         
     | 
| 
       12 
12 
     | 
    
         
             
                setFormData: Dispatch<SetStateAction<AnyObject>>;
         
     | 
| 
       13 
13 
     | 
    
         
             
            }>) => void;
         
     | 
| 
       14 
14 
     | 
    
         
             
            export {};
         
     | 
| 
         @@ -79,17 +79,18 @@ export declare type DataModelFieldFormat = { 
     | 
|
| 
       79 
79 
     | 
    
         
             
                code: DataModelFieldFormatCodeTypes;
         
     | 
| 
       80 
80 
     | 
    
         
             
                config: MaskConfig;
         
     | 
| 
       81 
81 
     | 
    
         
             
            };
         
     | 
| 
      
 82 
     | 
    
         
            +
            export declare type DataConnectionValues = {
         
     | 
| 
      
 83 
     | 
    
         
            +
                dataFieldName: string;
         
     | 
| 
      
 84 
     | 
    
         
            +
                dataModelFieldId: string;
         
     | 
| 
      
 85 
     | 
    
         
            +
                defaultValue?: string;
         
     | 
| 
      
 86 
     | 
    
         
            +
                entitySubtypeId?: string;
         
     | 
| 
      
 87 
     | 
    
         
            +
                entitySubtypeName?: string;
         
     | 
| 
      
 88 
     | 
    
         
            +
                format: DataModelFieldFormat;
         
     | 
| 
      
 89 
     | 
    
         
            +
            };
         
     | 
| 
       82 
90 
     | 
    
         
             
            export interface DataConnectionAttributes {
         
     | 
| 
       83 
91 
     | 
    
         
             
                id: string;
         
     | 
| 
       84 
92 
     | 
    
         
             
                attributeType: 'data_model_field';
         
     | 
| 
       85 
     | 
    
         
            -
                dataModelField:  
     | 
| 
       86 
     | 
    
         
            -
                    dataFieldName: string;
         
     | 
| 
       87 
     | 
    
         
            -
                    dataModelFieldId: string;
         
     | 
| 
       88 
     | 
    
         
            -
                    defaultValue?: string;
         
     | 
| 
       89 
     | 
    
         
            -
                    entitySubtypeId?: string;
         
     | 
| 
       90 
     | 
    
         
            -
                    entitySubtypeName?: string;
         
     | 
| 
       91 
     | 
    
         
            -
                    format: DataModelFieldFormat;
         
     | 
| 
       92 
     | 
    
         
            -
                };
         
     | 
| 
      
 93 
     | 
    
         
            +
                dataModelField: DataConnectionValues;
         
     | 
| 
       93 
94 
     | 
    
         
             
            }
         
     | 
| 
       94 
95 
     | 
    
         
             
            export interface ConditionConfigAttributes {
         
     | 
| 
       95 
96 
     | 
    
         
             
                id: string;
         
     | 
| 
         @@ -18,6 +18,6 @@ export declare const monthDayYearDateMask: (string | RegExp)[]; 
     | 
|
| 
       18 
18 
     | 
    
         
             
            export declare const dayMonthYearDateMask: (string | RegExp)[];
         
     | 
| 
       19 
19 
     | 
    
         
             
            export declare const monthYearDateMask: (string | RegExp)[];
         
     | 
| 
       20 
20 
     | 
    
         
             
            export declare const phoneNumberMask: (string | RegExp)[];
         
     | 
| 
       21 
     | 
    
         
            -
            export declare const integerMask:  
     | 
| 
      
 21 
     | 
    
         
            +
            export declare const integerMask: any;
         
     | 
| 
       22 
22 
     | 
    
         
             
            export declare const numericalMask: any;
         
     | 
| 
       23 
23 
     | 
    
         
             
            export declare const removeMaskFromString: (inputString: string) => string;
         
     | 
| 
         @@ -42,7 +42,7 @@ declare const _default: { 
     | 
|
| 
       42 
42 
     | 
    
         
             
                        onBlur?: ((event: any) => void) | undefined;
         
     | 
| 
       43 
43 
     | 
    
         
             
                        disabled: boolean;
         
     | 
| 
       44 
44 
     | 
    
         
             
                        deps: string | string[];
         
     | 
| 
       45 
     | 
    
         
            -
                    }>, " 
     | 
| 
      
 45 
     | 
    
         
            +
                    }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         
     | 
| 
       46 
46 
     | 
    
         
             
                    control: import("react-hook-form").Control<any, any>;
         
     | 
| 
       47 
47 
     | 
    
         
             
                    required: boolean;
         
     | 
| 
       48 
48 
     | 
    
         
             
                    optional: boolean;
         
     | 
| 
         @@ -4,7 +4,7 @@ export declare const ColumnWrapper: import("styled-components").StyledComponent< 
     | 
|
| 
       4 
4 
     | 
    
         
             
            export declare const InfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
         
     | 
| 
       5 
5 
     | 
    
         
             
            export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
         
     | 
| 
       6 
6 
     | 
    
         
             
                target: "_blank";
         
     | 
| 
       7 
     | 
    
         
            -
            } & Pick<import("..").BaseButtonProps, " 
     | 
| 
      
 7 
     | 
    
         
            +
            } & Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
         
     | 
| 
       8 
8 
     | 
    
         
             
                buttonLink: string;
         
     | 
| 
       9 
9 
     | 
    
         
             
                elementId: string;
         
     | 
| 
       10 
10 
     | 
    
         
             
                $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         
     | 
| 
         @@ -1,3 +1,4 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            /// <reference types="react" />
         
     | 
| 
       1 
2 
     | 
    
         
             
            import { StoryFn } from '@storybook/react';
         
     | 
| 
       2 
3 
     | 
    
         
             
            import { InputFieldProps } from './InputField';
         
     | 
| 
       3 
4 
     | 
    
         
             
            declare const _default: {
         
     | 
| 
         @@ -22,7 +23,7 @@ declare const _default: { 
     | 
|
| 
       22 
23 
     | 
    
         
             
                        onBlur?: ((event: any) => void) | undefined;
         
     | 
| 
       23 
24 
     | 
    
         
             
                        disabled: boolean;
         
     | 
| 
       24 
25 
     | 
    
         
             
                        deps: string | string[];
         
     | 
| 
       25 
     | 
    
         
            -
                    }>, " 
     | 
| 
      
 26 
     | 
    
         
            +
                    }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         
     | 
| 
       26 
27 
     | 
    
         
             
                    required: boolean;
         
     | 
| 
       27 
28 
     | 
    
         
             
                    optional: boolean;
         
     | 
| 
       28 
29 
     | 
    
         
             
                    defaultValue: string;
         
     | 
| 
         @@ -21,7 +21,7 @@ declare const _default: { 
     | 
|
| 
       21 
21 
     | 
    
         
             
                        onBlur?: ((event: any) => void) | undefined;
         
     | 
| 
       22 
22 
     | 
    
         
             
                        disabled: boolean;
         
     | 
| 
       23 
23 
     | 
    
         
             
                        deps: string | string[];
         
     | 
| 
       24 
     | 
    
         
            -
                    }>, " 
     | 
| 
      
 24 
     | 
    
         
            +
                    }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         
     | 
| 
       25 
25 
     | 
    
         
             
                    styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         
     | 
| 
       26 
26 
     | 
    
         
             
                    control: import("react-hook-form").Control<any, any>;
         
     | 
| 
       27 
27 
     | 
    
         
             
                    optional: boolean;
         
     | 
| 
         @@ -36,7 +36,7 @@ declare const _default: { 
     | 
|
| 
       36 
36 
     | 
    
         
             
                        onBlur?: ((event: any) => void) | undefined;
         
     | 
| 
       37 
37 
     | 
    
         
             
                        disabled: boolean;
         
     | 
| 
       38 
38 
     | 
    
         
             
                        deps: string | string[];
         
     | 
| 
       39 
     | 
    
         
            -
                    }>, " 
     | 
| 
      
 39 
     | 
    
         
            +
                    }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         
     | 
| 
       40 
40 
     | 
    
         
             
                    control: import("react-hook-form").Control<any, any>;
         
     | 
| 
       41 
41 
     | 
    
         
             
                    required: boolean;
         
     | 
| 
       42 
42 
     | 
    
         
             
                    optional: boolean;
         
     |