@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.
Files changed (36) hide show
  1. package/dist/cjs/index.js +3 -3
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/Input/Input.d.ts +17 -15
  4. package/dist/cjs/src/atoms/Input/Input.stories.d.ts +30 -1
  5. package/dist/cjs/src/atoms/Input/helpers.d.ts +30 -1
  6. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +12 -15
  7. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +5 -3
  8. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +4 -2
  9. package/dist/cjs/src/molecules/InputField/InputField.d.ts +9 -4
  10. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +33 -3
  11. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -3
  12. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  13. package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +3 -2
  14. package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  15. package/dist/cjs/src/molecules/Video/Video.d.ts +3 -1
  16. package/dist/cjs/src/molecules/Video/Video.stories.d.ts +1 -1
  17. package/dist/cjs/src/organisms/FeedContent/styles.d.ts +1 -1
  18. package/dist/esm/index.js +3 -3
  19. package/dist/esm/index.js.map +1 -1
  20. package/dist/esm/src/atoms/Input/Input.d.ts +17 -15
  21. package/dist/esm/src/atoms/Input/Input.stories.d.ts +30 -1
  22. package/dist/esm/src/atoms/Input/helpers.d.ts +30 -1
  23. package/dist/esm/src/containers/types/moleculeTypes.d.ts +12 -15
  24. package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +5 -3
  25. package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +4 -2
  26. package/dist/esm/src/molecules/InputField/InputField.d.ts +9 -4
  27. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +33 -3
  28. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +5 -3
  29. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  30. package/dist/esm/src/molecules/SelectField/SelectField.d.ts +3 -2
  31. package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  32. package/dist/esm/src/molecules/Video/Video.d.ts +3 -1
  33. package/dist/esm/src/molecules/Video/Video.stories.d.ts +1 -1
  34. package/dist/esm/src/organisms/FeedContent/styles.d.ts +1 -1
  35. package/dist/index.d.ts +50 -42
  36. 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?: string;
23
- leftIcon?: InputIconProps;
24
- rightIcon?: InputIconProps;
25
- onBlur?: Callback;
26
- type?: InputFieldTypes;
27
- placeholder?: string;
28
- disabled?: boolean;
29
- isEditMode?: boolean;
30
- isError?: boolean;
31
- maxLength?: number;
32
- onChange?: (value: string) => void;
33
- onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
34
- internalConfig?: InputFieldInternalConfigProps;
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 }: InputProps) => JSX.Element;
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<InputProps, "disabled" | "isError" | "isEditMode"> & {
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 { CSSProperties } from 'styled-components';
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: CSSProperties;
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?: Partial<{
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?: Partial<{
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?: Partial<{
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?: Partial<{
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?: 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?: import("../..").ConditionConfig | undefined;
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?: ConditionConfig;
18
+ conditionConfig: ConditionConfig;
19
+ state: FormStateType;
18
20
  }>;
19
- export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, }: InputFieldProps) => JSX.Element | null;
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: import("../..").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?: import("../..").ConditionConfig | undefined;
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?: 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?: ConditionConfig | undefined;
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?: import("../..").ConditionConfig | undefined;
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?: 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?: import("../..").ConditionConfig | undefined;
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, "feedContentTemplate" | "withCloseIcon">, never>;
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>;