@zealicsolutions/web-ui 0.3.31 → 0.3.33
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 +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Input/Input.d.ts +17 -15
- package/dist/cjs/src/atoms/Input/Input.stories.d.ts +30 -1
- package/dist/cjs/src/atoms/Input/helpers.d.ts +30 -1
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +12 -15
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +5 -3
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +4 -2
- package/dist/cjs/src/molecules/InputField/InputField.d.ts +9 -4
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +33 -3
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -3
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
- package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +3 -2
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
- package/dist/cjs/src/molecules/Video/Video.d.ts +3 -1
- package/dist/cjs/src/molecules/Video/Video.stories.d.ts +1 -1
- package/dist/cjs/src/organisms/FeedContent/styles.d.ts +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Input/Input.d.ts +17 -15
- package/dist/esm/src/atoms/Input/Input.stories.d.ts +30 -1
- package/dist/esm/src/atoms/Input/helpers.d.ts +30 -1
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +12 -15
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +5 -3
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +4 -2
- package/dist/esm/src/molecules/InputField/InputField.d.ts +9 -4
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +33 -3
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -3
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
- package/dist/esm/src/molecules/SelectField/SelectField.d.ts +3 -2
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
- package/dist/esm/src/molecules/Video/Video.d.ts +3 -1
- package/dist/esm/src/molecules/Video/Video.stories.d.ts +1 -1
- package/dist/esm/src/organisms/FeedContent/styles.d.ts +1 -1
- package/dist/index.d.ts +50 -42
- package/package.json +1 -1
@@ -1,4 +1,5 @@
|
|
1
1
|
import type { IconNames } from 'atoms/Icon/Icon';
|
2
|
+
import { FormStateType } from 'containers';
|
2
3
|
import { InputFieldTypes } from 'fieldsConfiguration/types';
|
3
4
|
import React from 'react';
|
4
5
|
import { ThemeColors } from 'theme/types';
|
@@ -18,20 +19,21 @@ export declare type InputIconProps = {
|
|
18
19
|
name: IconNames;
|
19
20
|
onClick?: Callback;
|
20
21
|
};
|
21
|
-
export declare type InputProps = {
|
22
|
-
value
|
23
|
-
leftIcon
|
24
|
-
rightIcon
|
25
|
-
onBlur
|
26
|
-
type
|
27
|
-
placeholder
|
28
|
-
disabled
|
29
|
-
isEditMode
|
30
|
-
isError
|
31
|
-
maxLength
|
32
|
-
onChange
|
33
|
-
onKeyDown
|
34
|
-
internalConfig
|
22
|
+
export declare type InputProps = Partial<{
|
23
|
+
value: string;
|
24
|
+
leftIcon: InputIconProps;
|
25
|
+
rightIcon: InputIconProps;
|
26
|
+
onBlur: Callback;
|
27
|
+
type: InputFieldTypes;
|
28
|
+
placeholder: string;
|
29
|
+
disabled: boolean;
|
30
|
+
isEditMode: boolean;
|
31
|
+
isError: boolean;
|
32
|
+
maxLength: number;
|
33
|
+
onChange: (value: string) => void;
|
34
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
35
|
+
internalConfig: InputFieldInternalConfigProps;
|
35
36
|
config?: MaskConfig;
|
36
|
-
|
37
|
+
state: FormStateType;
|
38
|
+
}>;
|
37
39
|
export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
|
@@ -3,7 +3,36 @@ import type { StoryFn } from '@storybook/react';
|
|
3
3
|
import { InputProps } from './Input';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }:
|
6
|
+
component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: Partial<{
|
7
|
+
value: string;
|
8
|
+
leftIcon: import("./Input").InputIconProps;
|
9
|
+
rightIcon: import("./Input").InputIconProps;
|
10
|
+
onBlur: import("../../typescript").Callback;
|
11
|
+
type: import("../..").InputFieldTypes;
|
12
|
+
placeholder: string;
|
13
|
+
disabled: boolean;
|
14
|
+
isEditMode: boolean;
|
15
|
+
isError: boolean;
|
16
|
+
maxLength: number;
|
17
|
+
onChange: (value: string) => void;
|
18
|
+
onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
|
19
|
+
internalConfig: Partial<{
|
20
|
+
textColor: string;
|
21
|
+
textFontSize: number;
|
22
|
+
placeholderTextColor: string;
|
23
|
+
placeholderTextFontSize: number;
|
24
|
+
verticalPadding: number;
|
25
|
+
horizontalPadding: number;
|
26
|
+
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
27
|
+
wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
28
|
+
}>;
|
29
|
+
config?: Partial<{
|
30
|
+
maskPlaceholder: string;
|
31
|
+
dataModelFieldType: import("../..").InputFieldTypes;
|
32
|
+
maskPattern: (string | RegExp)[];
|
33
|
+
}> | undefined;
|
34
|
+
state: import("../..").FormStateType;
|
35
|
+
}>) => JSX.Element;
|
7
36
|
};
|
8
37
|
export default _default;
|
9
38
|
export declare const Input: StoryFn<InputProps>;
|
@@ -13,6 +13,35 @@ export declare const getSpecificInputProps: (type: InputFieldTypes) => {
|
|
13
13
|
inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
14
14
|
};
|
15
15
|
export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
|
16
|
-
export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<
|
16
|
+
export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
|
17
|
+
value: string;
|
18
|
+
leftIcon: import("atoms").InputIconProps;
|
19
|
+
rightIcon: import("atoms").InputIconProps;
|
20
|
+
onBlur: import("../../typescript").Callback;
|
21
|
+
type: InputFieldTypes;
|
22
|
+
placeholder: string;
|
23
|
+
disabled: boolean;
|
24
|
+
isEditMode: boolean;
|
25
|
+
isError: boolean;
|
26
|
+
maxLength: number;
|
27
|
+
onChange: (value: string) => void;
|
28
|
+
onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
|
29
|
+
internalConfig: Partial<{
|
30
|
+
textColor: string;
|
31
|
+
textFontSize: number;
|
32
|
+
placeholderTextColor: string;
|
33
|
+
placeholderTextFontSize: number;
|
34
|
+
verticalPadding: number;
|
35
|
+
horizontalPadding: number;
|
36
|
+
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
37
|
+
wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
38
|
+
}>;
|
39
|
+
config?: Partial<{
|
40
|
+
maskPlaceholder: string;
|
41
|
+
dataModelFieldType: InputFieldTypes;
|
42
|
+
maskPattern: Array<string | RegExp>;
|
43
|
+
}> | undefined;
|
44
|
+
state: import("../..").FormStateType;
|
45
|
+
}>, "disabled" | "isError" | "isEditMode"> & {
|
17
46
|
isFocused: boolean;
|
18
47
|
}) => ThemeColors;
|
@@ -1,8 +1,7 @@
|
|
1
1
|
import { SelectOption } from 'atoms';
|
2
2
|
import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, Consent, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
|
3
3
|
import { UseFormReturn } from 'react-hook-form';
|
4
|
-
import {
|
5
|
-
import type { AnyObject, Nullable, StrictUnion } from 'typescript';
|
4
|
+
import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
|
6
5
|
import { ConditionConfig, ContainerComponentProps } from './types';
|
7
6
|
export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
|
8
7
|
export declare type DownloadFile = {
|
@@ -28,6 +27,7 @@ declare type Action = {
|
|
28
27
|
reset: ResetAction;
|
29
28
|
destroy: DestroyAction;
|
30
29
|
}>;
|
30
|
+
export declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown';
|
31
31
|
export declare type ImageAttributes = {
|
32
32
|
attributeType: 'image';
|
33
33
|
imageSource: string;
|
@@ -82,6 +82,10 @@ export interface ConditionConfigAttributes {
|
|
82
82
|
attributeType: 'condition_config';
|
83
83
|
conditionConfig: ConditionConfig;
|
84
84
|
}
|
85
|
+
export interface ColorAttributes {
|
86
|
+
attributeType: 'color';
|
87
|
+
color: string;
|
88
|
+
}
|
85
89
|
export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
|
86
90
|
export interface BaseMolecule {
|
87
91
|
id: string;
|
@@ -106,6 +110,7 @@ export interface TextMoleculeType extends BaseMolecule {
|
|
106
110
|
text: TextAttributes;
|
107
111
|
seoStyle: SelectAttributes;
|
108
112
|
fontVariant: SelectAttributes;
|
113
|
+
textColor: ColorAttributes;
|
109
114
|
}>;
|
110
115
|
config: {
|
111
116
|
props?: TextMoleculeProps;
|
@@ -133,7 +138,7 @@ export interface VideoMolecule extends BaseMolecule {
|
|
133
138
|
config: {
|
134
139
|
props: Partial<{
|
135
140
|
width: number;
|
136
|
-
styles:
|
141
|
+
styles: StylesType;
|
137
142
|
}>;
|
138
143
|
};
|
139
144
|
}
|
@@ -155,9 +160,7 @@ export interface TextInputMolecule extends BaseMolecule {
|
|
155
160
|
conditionConfig: ConditionConfigAttributes;
|
156
161
|
}>;
|
157
162
|
config: {
|
158
|
-
props
|
159
|
-
state: 'default' | 'error';
|
160
|
-
} & InputFieldProps>;
|
163
|
+
props: InputFieldProps;
|
161
164
|
};
|
162
165
|
}
|
163
166
|
export interface SelectFieldMolecule extends BaseMolecule {
|
@@ -170,9 +173,7 @@ export interface SelectFieldMolecule extends BaseMolecule {
|
|
170
173
|
conditionConfig: ConditionConfigAttributes;
|
171
174
|
}>;
|
172
175
|
config: {
|
173
|
-
props
|
174
|
-
state: 'default' | 'error';
|
175
|
-
} & SelectFieldProps>;
|
176
|
+
props: SelectFieldProps;
|
176
177
|
};
|
177
178
|
}
|
178
179
|
export interface RadioButtonFieldMolecule extends BaseMolecule {
|
@@ -185,9 +186,7 @@ export interface RadioButtonFieldMolecule extends BaseMolecule {
|
|
185
186
|
conditionConfig: ConditionConfigAttributes;
|
186
187
|
}>;
|
187
188
|
config: {
|
188
|
-
props
|
189
|
-
state: 'default' | 'error';
|
190
|
-
} & RadioButtonFieldProps<string>>;
|
189
|
+
props: RadioButtonFieldProps<string>;
|
191
190
|
};
|
192
191
|
}
|
193
192
|
export interface CheckboxFieldMolecule extends BaseMolecule {
|
@@ -200,9 +199,7 @@ export interface CheckboxFieldMolecule extends BaseMolecule {
|
|
200
199
|
conditionConfig: ConditionConfigAttributes;
|
201
200
|
}>;
|
202
201
|
config: {
|
203
|
-
props
|
204
|
-
state: 'default' | 'error';
|
205
|
-
} & CheckboxFieldProps>;
|
202
|
+
props: CheckboxFieldProps;
|
206
203
|
};
|
207
204
|
}
|
208
205
|
export interface ConsentFieldMolecule extends BaseMolecule {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { SelectOption } from 'atoms';
|
3
3
|
import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
|
4
|
-
import { ConditionConfig } from 'containers';
|
4
|
+
import { ConditionConfig, FormStateType } from 'containers';
|
5
5
|
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
6
6
|
import type { StylesType } from 'typescript';
|
7
7
|
import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
|
@@ -26,6 +26,8 @@ export declare type CheckboxFieldProps = Partial<{
|
|
26
26
|
required: boolean;
|
27
27
|
optional: boolean;
|
28
28
|
wrapperStyles: StylesType;
|
29
|
-
conditionConfig
|
29
|
+
conditionConfig: ConditionConfig;
|
30
|
+
state: FormStateType;
|
31
|
+
defaultValue: string;
|
30
32
|
}>;
|
31
|
-
export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, }: CheckboxFieldProps) => JSX.Element | null;
|
33
|
+
export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: CheckboxFieldProps) => JSX.Element | null;
|
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
|
|
3
3
|
import { CheckboxField as CheckboxFieldComponent } from 'molecules';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, }: Partial<{
|
6
|
+
component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: Partial<{
|
7
7
|
checkboxesProps: Partial<{
|
8
8
|
checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
9
9
|
checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
@@ -48,7 +48,9 @@ declare const _default: {
|
|
48
48
|
required: boolean;
|
49
49
|
optional: boolean;
|
50
50
|
wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
51
|
-
conditionConfig
|
51
|
+
conditionConfig: import("../..").ConditionConfig;
|
52
|
+
state: import("../..").FormStateType;
|
53
|
+
defaultValue: string;
|
52
54
|
}>) => JSX.Element | null;
|
53
55
|
};
|
54
56
|
export default _default;
|
@@ -1,9 +1,10 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
3
2
|
import { InputProps } from 'atoms';
|
3
|
+
import { ConditionConfig, FormStateType } from 'containers';
|
4
|
+
import { InputFieldTypes } from 'fieldsConfiguration';
|
5
|
+
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
4
6
|
import type { StylesType } from 'typescript';
|
5
7
|
import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
|
6
|
-
import { ConditionConfig } from 'containers';
|
7
8
|
export declare type InputFieldProps = Partial<{
|
8
9
|
name: string;
|
9
10
|
control: Control<any>;
|
@@ -14,6 +15,10 @@ export declare type InputFieldProps = Partial<{
|
|
14
15
|
inputProps: InputProps;
|
15
16
|
styles: StylesType;
|
16
17
|
labelsProps: FieldLabelsProps;
|
17
|
-
conditionConfig
|
18
|
+
conditionConfig: ConditionConfig;
|
19
|
+
state: FormStateType;
|
18
20
|
}>;
|
19
|
-
|
21
|
+
declare type ReturnValueType = Record<FormStateType, string>;
|
22
|
+
export declare const getMockValueForSuccessAndFormatError: (type: InputFieldTypes) => ReturnValueType;
|
23
|
+
export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: InputFieldProps) => JSX.Element | null;
|
24
|
+
export {};
|
@@ -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, optional, required, rules, conditionConfig, }: Partial<{
|
6
|
+
component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: Partial<{
|
7
7
|
name: string;
|
8
8
|
control: import("react-hook-form").Control<any, any>;
|
9
9
|
rules: Omit<Partial<{
|
@@ -27,10 +27,40 @@ declare const _default: {
|
|
27
27
|
required: boolean;
|
28
28
|
optional: boolean;
|
29
29
|
defaultValue: string;
|
30
|
-
inputProps:
|
30
|
+
inputProps: Partial<{
|
31
|
+
value: string;
|
32
|
+
leftIcon: import("../..").InputIconProps;
|
33
|
+
rightIcon: import("../..").InputIconProps;
|
34
|
+
onBlur: import("typescript").Callback;
|
35
|
+
type: import("fieldsConfiguration").InputFieldTypes;
|
36
|
+
placeholder: string;
|
37
|
+
disabled: boolean;
|
38
|
+
isEditMode: boolean;
|
39
|
+
isError: boolean;
|
40
|
+
maxLength: number;
|
41
|
+
onChange: (value: string) => void;
|
42
|
+
onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
|
43
|
+
internalConfig: Partial<{
|
44
|
+
textColor: string;
|
45
|
+
textFontSize: number;
|
46
|
+
placeholderTextColor: string;
|
47
|
+
placeholderTextFontSize: number;
|
48
|
+
verticalPadding: number;
|
49
|
+
horizontalPadding: number;
|
50
|
+
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
51
|
+
wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
52
|
+
}>;
|
53
|
+
config?: Partial<{
|
54
|
+
maskPlaceholder: string;
|
55
|
+
dataModelFieldType: import("fieldsConfiguration").InputFieldTypes;
|
56
|
+
maskPattern: (string | RegExp)[];
|
57
|
+
}> | undefined;
|
58
|
+
state: import("../..").FormStateType;
|
59
|
+
}>;
|
31
60
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
32
61
|
labelsProps: import("..").FieldLabelsProps;
|
33
|
-
conditionConfig
|
62
|
+
conditionConfig: import("../..").ConditionConfig;
|
63
|
+
state: import("../..").FormStateType;
|
34
64
|
}>) => JSX.Element | null;
|
35
65
|
};
|
36
66
|
export default _default;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
|
3
|
-
import { ConditionConfig } from 'containers';
|
3
|
+
import { ConditionConfig, FormStateType } from 'containers';
|
4
4
|
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
5
5
|
import type { StylesType } from 'typescript';
|
6
6
|
import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
|
@@ -15,7 +15,8 @@ export declare type RadioButtonFieldProps<T extends string> = Partial<{
|
|
15
15
|
defaultValue: string;
|
16
16
|
radioButtonsProps: RadioButtonsProps<T>;
|
17
17
|
internalConfig: RadioButtonInternalConfigProps;
|
18
|
-
conditionConfig
|
18
|
+
conditionConfig: ConditionConfig;
|
19
|
+
state: FormStateType;
|
19
20
|
}>;
|
20
21
|
export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
|
21
22
|
name: string;
|
@@ -59,5 +60,6 @@ export declare const RadioButtonField: <T extends string>({ name, rules, styles,
|
|
59
60
|
buttonOptionSpacing: import("../..").SizesTypes;
|
60
61
|
radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
61
62
|
}>;
|
62
|
-
conditionConfig
|
63
|
+
conditionConfig: ConditionConfig;
|
64
|
+
state: FormStateType;
|
63
65
|
}>) => JSX.Element | null;
|
@@ -62,7 +62,8 @@ declare const _default: {
|
|
62
62
|
buttonOptionSpacing: import("theme").SizesTypes;
|
63
63
|
radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
64
64
|
}>;
|
65
|
-
conditionConfig
|
65
|
+
conditionConfig: import("../..").ConditionConfig;
|
66
|
+
state: import("../..").FormStateType;
|
66
67
|
}>) => JSX.Element | null;
|
67
68
|
};
|
68
69
|
export default _default;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { SelectProps } from 'atoms';
|
3
|
-
import { ConditionConfig } from 'containers';
|
3
|
+
import { ConditionConfig, FormStateType } from 'containers';
|
4
4
|
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
5
5
|
import type { StylesType } from 'typescript';
|
6
6
|
import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
|
@@ -14,6 +14,7 @@ export declare type SelectFieldProps = Partial<{
|
|
14
14
|
optional: boolean;
|
15
15
|
defaultValue: string;
|
16
16
|
styles: StylesType;
|
17
|
-
conditionConfig
|
17
|
+
conditionConfig: ConditionConfig;
|
18
|
+
state: FormStateType;
|
18
19
|
}>;
|
19
20
|
export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;
|
@@ -43,7 +43,8 @@ declare const _default: {
|
|
43
43
|
optional: boolean;
|
44
44
|
defaultValue: string;
|
45
45
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
46
|
-
conditionConfig
|
46
|
+
conditionConfig: import("../..").ConditionConfig;
|
47
|
+
state: import("../..").FormStateType;
|
47
48
|
}>) => JSX.Element | null;
|
48
49
|
};
|
49
50
|
export default _default;
|
@@ -1,6 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
|
3
3
|
import { CSSProperties } from 'styled-components';
|
4
|
+
import { StylesType } from 'typescript';
|
4
5
|
export declare type VideoProps = {
|
5
6
|
src: string;
|
6
7
|
} & Partial<{
|
@@ -9,6 +10,7 @@ export declare type VideoProps = {
|
|
9
10
|
enableCoverImage: boolean;
|
10
11
|
coverImageSrc: string;
|
11
12
|
style: CSSProperties;
|
13
|
+
styles: StylesType;
|
12
14
|
template: FeedContentTemplateTypes;
|
13
15
|
}>;
|
14
|
-
export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element | null;
|
16
|
+
export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, styles, }: VideoProps) => JSX.Element | null;
|
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
|
|
3
3
|
import { Video as VideoComponent } from './Video';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: import("./Video").VideoProps) => JSX.Element | null;
|
6
|
+
component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, styles, }: import("./Video").VideoProps) => JSX.Element | null;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const Video: StoryFn<typeof VideoComponent>;
|
@@ -15,5 +15,5 @@ export declare const CloseButton: import("styled-components").StyledComponent<"d
|
|
15
15
|
disabled?: boolean | undefined;
|
16
16
|
} & {
|
17
17
|
children?: import("react").ReactNode;
|
18
|
-
} & Pick<FeedContentProps, "
|
18
|
+
} & Pick<FeedContentProps, "withCloseIcon" | "feedContentTemplate">, never>;
|
19
19
|
export declare const PdfWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<FeedContentProps, "showDefaultDocumentStyles">, never>;
|