@zealicsolutions/web-ui 0.4.23 → 0.4.25
Sign up to get free protection for your applications and to get access to all the features.
- 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;
|