@zealicsolutions/web-ui 0.3.137 → 0.3.139
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 +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.d.ts +1 -5
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.stories.d.ts +1 -3
- package/dist/cjs/src/atoms/Select/Select.d.ts +1 -3
- package/dist/cjs/src/atoms/Select/Select.stories.d.ts +1 -3
- package/dist/cjs/src/containers/FormContainer.d.ts +3 -1
- package/dist/cjs/src/containers/mock-data.d.ts +1 -0
- package/dist/cjs/src/molecules/CheckboxField/CheckboxGroup.d.ts +1 -3
- package/dist/cjs/src/molecules/InputField/InputField.d.ts +1 -3
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +1 -3
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +0 -2
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +0 -2
- package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +1 -3
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +1 -5
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.d.ts +1 -5
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.stories.d.ts +1 -3
- package/dist/esm/src/atoms/Select/Select.d.ts +1 -3
- package/dist/esm/src/atoms/Select/Select.stories.d.ts +1 -3
- package/dist/esm/src/containers/FormContainer.d.ts +3 -1
- package/dist/esm/src/containers/mock-data.d.ts +1 -0
- package/dist/esm/src/molecules/CheckboxField/CheckboxGroup.d.ts +1 -3
- package/dist/esm/src/molecules/InputField/InputField.d.ts +1 -3
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +1 -3
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +0 -2
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +0 -2
- package/dist/esm/src/molecules/SelectField/SelectField.d.ts +1 -3
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +1 -5
- package/dist/index.d.ts +5 -19
- package/package.json +2 -2
@@ -27,10 +27,8 @@ export declare type RadioButtonsProps<T extends string> = Partial<{
|
|
27
27
|
isEditMode: boolean;
|
28
28
|
isRichText: boolean;
|
29
29
|
internalConfig: RadioButtonInternalConfigProps;
|
30
|
-
isTrigger?: boolean;
|
31
|
-
moleculeId: string;
|
32
30
|
}>;
|
33
|
-
export declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig,
|
31
|
+
export declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
|
34
32
|
ref: RefCallBack;
|
35
33
|
name: string;
|
36
34
|
value: T;
|
@@ -52,8 +50,6 @@ export declare const RadioButtons: <T extends string>({ ref, name, value, option
|
|
52
50
|
buttonOptionSpacing: SizesTypes;
|
53
51
|
radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
54
52
|
}>;
|
55
|
-
isTrigger?: boolean | undefined;
|
56
|
-
moleculeId: string;
|
57
53
|
}>) => JSX.Element;
|
58
54
|
export declare const RadioGroupWrapper: import("styled-components").StyledComponent<typeof RadioGroup, import("styled-components").DefaultTheme, StyledTransientProps<{
|
59
55
|
isRow: boolean;
|
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
|
|
3
3
|
import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig,
|
6
|
+
component: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
|
7
7
|
ref: import("react-hook-form").RefCallBack;
|
8
8
|
name: string;
|
9
9
|
value: T;
|
@@ -25,8 +25,6 @@ declare const _default: {
|
|
25
25
|
buttonOptionSpacing: import("theme").SizesTypes;
|
26
26
|
radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
27
27
|
}>;
|
28
|
-
isTrigger?: boolean | undefined;
|
29
|
-
moleculeId: string;
|
30
28
|
}>) => JSX.Element;
|
31
29
|
};
|
32
30
|
export default _default;
|
@@ -31,7 +31,5 @@ export declare type SelectProps = Partial<{
|
|
31
31
|
isEditMode: boolean;
|
32
32
|
selectInternalConfig: SelectInternalConfigurationOptions;
|
33
33
|
isRichText: boolean;
|
34
|
-
isTrigger?: boolean;
|
35
|
-
moleculeId: string;
|
36
34
|
}>;
|
37
|
-
export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText,
|
35
|
+
export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
|
@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
|
|
3
3
|
import { SelectProps } from './Select';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText,
|
6
|
+
component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: Partial<{
|
7
7
|
ref: import("react-hook-form").RefCallBack;
|
8
8
|
onBlur: import("../../typescript").Callback;
|
9
9
|
value: string;
|
@@ -16,8 +16,6 @@ declare const _default: {
|
|
16
16
|
isEditMode: boolean;
|
17
17
|
selectInternalConfig: import("./Select").SelectInternalConfigurationOptions;
|
18
18
|
isRichText: boolean;
|
19
|
-
isTrigger?: boolean | undefined;
|
20
|
-
moleculeId: string;
|
21
19
|
}>) => JSX.Element;
|
22
20
|
};
|
23
21
|
export default _default;
|
@@ -2,5 +2,7 @@ import { PropsWithChildren } from 'react';
|
|
2
2
|
import { ValidationMode } from 'react-hook-form';
|
3
3
|
export declare type FormContainerProps = PropsWithChildren<{
|
4
4
|
mode?: keyof ValidationMode;
|
5
|
+
id?: string;
|
6
|
+
isTrigger?: boolean;
|
5
7
|
}>;
|
6
|
-
export declare const FormContainer: ({ mode, children }: FormContainerProps) => JSX.Element;
|
8
|
+
export declare const FormContainer: ({ mode, children, id, isTrigger, }: FormContainerProps) => JSX.Element;
|
@@ -16,3 +16,4 @@ export declare const DataField: ContainerComponentProps;
|
|
16
16
|
export declare const LogInPermanentPage: ContainerComponentProps;
|
17
17
|
export declare const stateObjectButton: ContainerComponentProps;
|
18
18
|
export declare const stateObjectLink: ContainerComponentProps;
|
19
|
+
export declare const oneFieldMock: ContainerComponentProps;
|
@@ -7,7 +7,5 @@ export declare type CheckboxGroupProps = Partial<{
|
|
7
7
|
onBlur: Callback;
|
8
8
|
onChange: (checkedIds: string[]) => void;
|
9
9
|
checkboxesProps: CheckboxesProps;
|
10
|
-
isTrigger?: boolean;
|
11
|
-
moleculeId: string;
|
12
10
|
}>;
|
13
|
-
export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps
|
11
|
+
export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
|
@@ -19,7 +19,5 @@ export declare type InputFieldProps = Partial<{
|
|
19
19
|
state: FormStateType;
|
20
20
|
formData: AnyObject;
|
21
21
|
htmlElementId: string;
|
22
|
-
isTrigger?: boolean;
|
23
|
-
moleculeId: string;
|
24
22
|
}>;
|
25
|
-
export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId,
|
23
|
+
export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
|
@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
|
|
3
3
|
import { InputFieldProps } from './InputField';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId,
|
6
|
+
component: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: Partial<{
|
7
7
|
name: string;
|
8
8
|
control: import("react-hook-form").Control<any, any>;
|
9
9
|
rules: Omit<Partial<{
|
@@ -60,8 +60,6 @@ declare const _default: {
|
|
60
60
|
state: import("../..").FormStateType;
|
61
61
|
formData: import("typescript").AnyObject;
|
62
62
|
htmlElementId: string;
|
63
|
-
isTrigger?: boolean | undefined;
|
64
|
-
moleculeId: string;
|
65
63
|
}>) => JSX.Element | null;
|
66
64
|
};
|
67
65
|
export default _default;
|
@@ -53,8 +53,6 @@ export declare const RadioButtonField: <T extends string>({ name, rules, styles,
|
|
53
53
|
buttonOptionSpacing: import("../..").SizesTypes;
|
54
54
|
radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
55
55
|
}>;
|
56
|
-
isTrigger?: boolean | undefined;
|
57
|
-
moleculeId: string;
|
58
56
|
}>;
|
59
57
|
internalConfig: Partial<{
|
60
58
|
selectedRadioOptionBackgroundColor: string;
|
@@ -51,8 +51,6 @@ declare const _default: {
|
|
51
51
|
buttonOptionSpacing: import("theme").SizesTypes;
|
52
52
|
radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
53
53
|
}>;
|
54
|
-
isTrigger?: boolean | undefined;
|
55
|
-
moleculeId: string;
|
56
54
|
}>;
|
57
55
|
internalConfig: Partial<{
|
58
56
|
selectedRadioOptionBackgroundColor: string;
|
@@ -19,7 +19,5 @@ export declare type SelectFieldProps = Partial<{
|
|
19
19
|
state: FormStateType;
|
20
20
|
formData: AnyObject;
|
21
21
|
htmlElementId: string;
|
22
|
-
isTrigger?: boolean;
|
23
|
-
moleculeId: string;
|
24
22
|
}>;
|
25
|
-
export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId,
|
23
|
+
export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
|
@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
|
|
3
3
|
import { SelectFieldProps } from './SelectField';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId,
|
6
|
+
component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: Partial<{
|
7
7
|
selectProps: Partial<{
|
8
8
|
ref: import("react-hook-form").RefCallBack;
|
9
9
|
onBlur: import("typescript").Callback;
|
@@ -17,8 +17,6 @@ declare const _default: {
|
|
17
17
|
isEditMode: boolean;
|
18
18
|
selectInternalConfig: import("../..").SelectInternalConfigurationOptions;
|
19
19
|
isRichText: boolean;
|
20
|
-
isTrigger?: boolean | undefined;
|
21
|
-
moleculeId: string;
|
22
20
|
}>;
|
23
21
|
labelsProps: import("..").FieldLabelsProps;
|
24
22
|
name: string;
|
@@ -49,8 +47,6 @@ declare const _default: {
|
|
49
47
|
state: import("../..").FormStateType;
|
50
48
|
formData: import("typescript").AnyObject;
|
51
49
|
htmlElementId: string;
|
52
|
-
isTrigger?: boolean | undefined;
|
53
|
-
moleculeId: string;
|
54
50
|
}>) => JSX.Element | null;
|
55
51
|
};
|
56
52
|
export default _default;
|
package/dist/index.d.ts
CHANGED
@@ -115,10 +115,8 @@ declare type SelectProps = Partial<{
|
|
115
115
|
isEditMode: boolean;
|
116
116
|
selectInternalConfig: SelectInternalConfigurationOptions;
|
117
117
|
isRichText: boolean;
|
118
|
-
isTrigger?: boolean;
|
119
|
-
moleculeId: string;
|
120
118
|
}>;
|
121
|
-
declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText,
|
119
|
+
declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
|
122
120
|
|
123
121
|
declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
|
124
122
|
type: containers.ContainerType;
|
@@ -918,10 +916,8 @@ declare type RadioButtonsProps<T extends string> = Partial<{
|
|
918
916
|
isEditMode: boolean;
|
919
917
|
isRichText: boolean;
|
920
918
|
internalConfig: RadioButtonInternalConfigProps;
|
921
|
-
isTrigger?: boolean;
|
922
|
-
moleculeId: string;
|
923
919
|
}>;
|
924
|
-
declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig,
|
920
|
+
declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
|
925
921
|
ref: RefCallBack;
|
926
922
|
name: string;
|
927
923
|
value: T;
|
@@ -943,8 +939,6 @@ declare const RadioButtons: <T extends string>({ ref, name, value, options, onBl
|
|
943
939
|
buttonOptionSpacing: SizesTypes$1;
|
944
940
|
radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
945
941
|
}>;
|
946
|
-
isTrigger?: boolean | undefined;
|
947
|
-
moleculeId: string;
|
948
942
|
}>) => JSX.Element;
|
949
943
|
declare const RadioGroupWrapper: styled_components.StyledComponent<typeof RadioGroup, styled_components.DefaultTheme, StyledTransientProps<{
|
950
944
|
isRow: boolean;
|
@@ -1531,10 +1525,8 @@ declare type InputFieldProps = Partial<{
|
|
1531
1525
|
state: FormStateType$1;
|
1532
1526
|
formData: AnyObject$1;
|
1533
1527
|
htmlElementId: string;
|
1534
|
-
isTrigger?: boolean;
|
1535
|
-
moleculeId: string;
|
1536
1528
|
}>;
|
1537
|
-
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId,
|
1529
|
+
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
|
1538
1530
|
|
1539
1531
|
declare type FieldMapperProps<T extends object> = {
|
1540
1532
|
field: UIField$1<keyof T>;
|
@@ -1583,10 +1575,8 @@ declare type CheckboxGroupProps = Partial<{
|
|
1583
1575
|
onBlur: Callback$1;
|
1584
1576
|
onChange: (checkedIds: string[]) => void;
|
1585
1577
|
checkboxesProps: CheckboxesProps;
|
1586
|
-
isTrigger?: boolean;
|
1587
|
-
moleculeId: string;
|
1588
1578
|
}>;
|
1589
|
-
declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps
|
1579
|
+
declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
|
1590
1580
|
|
1591
1581
|
declare type SelectFieldProps = Partial<{
|
1592
1582
|
selectProps: SelectProps$1;
|
@@ -1602,10 +1592,8 @@ declare type SelectFieldProps = Partial<{
|
|
1602
1592
|
state: FormStateType$1;
|
1603
1593
|
formData: AnyObject$1;
|
1604
1594
|
htmlElementId: string;
|
1605
|
-
isTrigger?: boolean;
|
1606
|
-
moleculeId: string;
|
1607
1595
|
}>;
|
1608
|
-
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId,
|
1596
|
+
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
|
1609
1597
|
|
1610
1598
|
declare type CustomValidationRule<T = string> = {
|
1611
1599
|
text: string;
|
@@ -1798,8 +1786,6 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
|
|
1798
1786
|
buttonOptionSpacing: SizesTypes;
|
1799
1787
|
radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1800
1788
|
}>;
|
1801
|
-
isTrigger?: boolean | undefined;
|
1802
|
-
moleculeId: string;
|
1803
1789
|
}>;
|
1804
1790
|
internalConfig: Partial<{
|
1805
1791
|
selectedRadioOptionBackgroundColor: string;
|
package/package.json
CHANGED