@zealicsolutions/web-ui 0.3.82 → 0.3.84

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 (82) 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/RichTextViewer/RichTextViewer.d.ts +4 -1
  4. package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
  5. package/dist/cjs/src/containers/Container.d.ts +1 -1
  6. package/dist/cjs/src/containers/FormStepContainer.d.ts +1 -1
  7. package/dist/cjs/src/containers/MoleculeItem.d.ts +3 -1
  8. package/dist/cjs/src/containers/helpers.d.ts +2 -0
  9. package/dist/cjs/src/containers/hooks/useStateClickModifierHandler.d.ts +2 -0
  10. package/dist/cjs/src/containers/hooks/useStateListenerValue.d.ts +5 -0
  11. package/dist/cjs/src/containers/hooks/useStateViewModifierHandler.d.ts +2 -0
  12. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +0 -2
  13. package/dist/cjs/src/containers/types/types.d.ts +6 -5
  14. package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +2 -0
  15. package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -1
  16. package/dist/cjs/src/contexts/StateContext/StateContext.d.ts +1 -0
  17. package/dist/cjs/src/contexts/StateContext/StateContextProvider.d.ts +2 -1
  18. package/dist/cjs/src/molecules/Button/Button.d.ts +4 -1
  19. package/dist/cjs/src/molecules/Button/Button.stories.d.ts +1 -1
  20. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +2 -1
  21. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +2 -1
  22. package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts +2 -1
  23. package/dist/cjs/src/molecules/CustomValidation/CustomValidation.d.ts +2 -1
  24. package/dist/cjs/src/molecules/CustomValidation/CustomValidation.stories.d.ts +1 -1
  25. package/dist/cjs/src/molecules/Image/Image.d.ts +4 -1
  26. package/dist/cjs/src/molecules/Image/Image.stories.d.ts +1 -1
  27. package/dist/cjs/src/molecules/InputField/InputField.d.ts +2 -1
  28. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +2 -1
  29. package/dist/cjs/src/molecules/Link/Link.d.ts +2 -1
  30. package/dist/cjs/src/molecules/Link/Link.stories.d.ts +1 -1
  31. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +3 -1
  32. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  33. package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +2 -1
  34. package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  35. package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +2 -1
  36. package/dist/cjs/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
  37. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts +2 -1
  38. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
  39. package/dist/cjs/src/molecules/Video/Video.d.ts +2 -1
  40. package/dist/cjs/src/molecules/Video/Video.stories.d.ts +1 -1
  41. package/dist/esm/index.js +3 -3
  42. package/dist/esm/index.js.map +1 -1
  43. package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +4 -1
  44. package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
  45. package/dist/esm/src/containers/Container.d.ts +1 -1
  46. package/dist/esm/src/containers/FormStepContainer.d.ts +1 -1
  47. package/dist/esm/src/containers/MoleculeItem.d.ts +3 -1
  48. package/dist/esm/src/containers/helpers.d.ts +2 -0
  49. package/dist/esm/src/containers/hooks/useStateClickModifierHandler.d.ts +2 -0
  50. package/dist/esm/src/containers/hooks/useStateListenerValue.d.ts +5 -0
  51. package/dist/esm/src/containers/hooks/useStateViewModifierHandler.d.ts +2 -0
  52. package/dist/esm/src/containers/types/moleculeTypes.d.ts +0 -2
  53. package/dist/esm/src/containers/types/types.d.ts +6 -5
  54. package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +2 -0
  55. package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -1
  56. package/dist/esm/src/contexts/StateContext/StateContext.d.ts +1 -0
  57. package/dist/esm/src/contexts/StateContext/StateContextProvider.d.ts +2 -1
  58. package/dist/esm/src/molecules/Button/Button.d.ts +4 -1
  59. package/dist/esm/src/molecules/Button/Button.stories.d.ts +1 -1
  60. package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +2 -1
  61. package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +2 -1
  62. package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts +2 -1
  63. package/dist/esm/src/molecules/CustomValidation/CustomValidation.d.ts +2 -1
  64. package/dist/esm/src/molecules/CustomValidation/CustomValidation.stories.d.ts +1 -1
  65. package/dist/esm/src/molecules/Image/Image.d.ts +4 -1
  66. package/dist/esm/src/molecules/Image/Image.stories.d.ts +1 -1
  67. package/dist/esm/src/molecules/InputField/InputField.d.ts +2 -1
  68. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +2 -1
  69. package/dist/esm/src/molecules/Link/Link.d.ts +2 -1
  70. package/dist/esm/src/molecules/Link/Link.stories.d.ts +1 -1
  71. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +3 -1
  72. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  73. package/dist/esm/src/molecules/SelectField/SelectField.d.ts +2 -1
  74. package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  75. package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +2 -1
  76. package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
  77. package/dist/esm/src/molecules/TextMolecule/TextMolecule.d.ts +2 -1
  78. package/dist/esm/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
  79. package/dist/esm/src/molecules/Video/Video.d.ts +2 -1
  80. package/dist/esm/src/molecules/Video/Video.stories.d.ts +1 -1
  81. package/dist/index.d.ts +42 -22
  82. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -10,7 +10,7 @@ import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, OverrideS
10
10
  import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
11
11
  import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
12
12
  import * as containers from 'containers';
13
- import { FormStateType as FormStateType$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1 } from 'containers';
13
+ import { FormStateType as FormStateType$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1, MetadataStateConfig as MetadataStateConfig$1 } from 'containers';
14
14
  import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
15
15
  import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
16
16
  import * as react_hook_form from 'react-hook-form';
@@ -21,6 +21,7 @@ import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldPr
21
21
  import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
22
22
  import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
23
23
  import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
24
+ import { Descendant } from 'slate';
24
25
  import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
25
26
  import { UIFields as UIFields$2, UIField as UIField$1 } from 'fieldsConfiguration';
26
27
  import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
@@ -214,6 +215,7 @@ declare type TextProps = {
214
215
  textAlign?: TextAlign;
215
216
  behaveAs?: 'text' | 'button';
216
217
  seoTag?: SeoTags;
218
+ htmlElementId?: string;
217
219
  };
218
220
  declare type TextWrapperProps = PropsWithChildren<TextProps>;
219
221
  declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
@@ -391,6 +393,7 @@ declare const GoogleMap: react__default.ComponentClass<{
391
393
  position: MapPosition;
392
394
  } & WithScriptjsProps & WithGoogleMapProps, any>;
393
395
 
396
+ declare const defaultValue: Descendant[];
394
397
  declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
395
398
  declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
396
399
  declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
@@ -405,8 +408,9 @@ declare type RichTextEditorProps = Partial<{
405
408
  extraTextProps: TextProps$1;
406
409
  renderElementWrapperComponent: (props: AnyObject$1) => JSX.Element;
407
410
  renderElementWrapperProps: AnyObject$1;
411
+ htmlElementId: string;
408
412
  }>;
409
- declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;
413
+ declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, }: RichTextEditorProps) => JSX.Element | null;
410
414
 
411
415
  declare type RadioButtonInternalConfigProps = Partial<{
412
416
  selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
@@ -924,6 +928,7 @@ declare type OrganismContextType = {
924
928
  formId: string;
925
929
  data: AnyObject$1;
926
930
  }[]) => void;
931
+ validations?: PasswordRuleValidation[];
927
932
  };
928
933
  declare const OrganismContext: react.Context<OrganismContextType>;
929
934
 
@@ -934,8 +939,9 @@ declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
934
939
  formId: string;
935
940
  data: AnyObject$1;
936
941
  }[]) => void;
942
+ validations: PasswordRuleValidation[];
937
943
  }>>;
938
- declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, }: FormStepContextProviderProps) => JSX.Element;
944
+ declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, }: FormStepContextProviderProps) => JSX.Element;
939
945
 
940
946
  declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
941
947
  declare type LabelInternalConfig = {
@@ -991,8 +997,9 @@ declare type InputFieldProps = Partial<{
991
997
  conditionConfig: ConditionConfig$1;
992
998
  state: FormStateType$1;
993
999
  formData: AnyObject$1;
1000
+ htmlElementId: string;
994
1001
  }>;
995
- declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, }: InputFieldProps) => JSX.Element | null;
1002
+ declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
996
1003
 
997
1004
  declare type FieldMapperProps<T extends object> = {
998
1005
  field: UIField$1<keyof T>;
@@ -1030,8 +1037,9 @@ declare type CheckboxFieldProps = Partial<{
1030
1037
  state: FormStateType$1;
1031
1038
  defaultValue: string[];
1032
1039
  formData: AnyObject$1;
1040
+ htmlElementId: string;
1033
1041
  }>;
1034
- declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, }: CheckboxFieldProps) => JSX.Element | null;
1042
+ declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, }: CheckboxFieldProps) => JSX.Element | null;
1035
1043
 
1036
1044
  declare type CheckboxGroupProps = Partial<{
1037
1045
  ref: RefCallBack;
@@ -1054,8 +1062,9 @@ declare type SelectFieldProps = Partial<{
1054
1062
  conditionConfig: ConditionConfig$1;
1055
1063
  state: FormStateType$1;
1056
1064
  formData: AnyObject$1;
1065
+ htmlElementId: string;
1057
1066
  }>;
1058
- declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, }: SelectFieldProps) => JSX.Element | null;
1067
+ declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
1059
1068
 
1060
1069
  declare type CustomValidationRule<T = string> = {
1061
1070
  text: string;
@@ -1066,8 +1075,9 @@ declare type CustomValidationProps<T = string> = {
1066
1075
  value: T;
1067
1076
  isSubmitted?: boolean;
1068
1077
  rules: CustomValidationRule<T>[];
1078
+ spacer?: number;
1069
1079
  };
1070
- declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
1080
+ declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: CustomValidationProps<T>) => JSX.Element;
1071
1081
 
1072
1082
  declare type BaseSelectableProps<T> = {
1073
1083
  iconName: IconNames$2;
@@ -1169,8 +1179,9 @@ declare type TabGroupProps<T = string, K = string> = {
1169
1179
  wide?: AdditionalTabContainerProps;
1170
1180
  compact?: AdditionalTabContainerProps;
1171
1181
  isMobile?: boolean;
1182
+ htmlElementId?: string;
1172
1183
  };
1173
- declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, ...props }: TabGroupProps<T, K>) => JSX.Element;
1184
+ declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, ...props }: TabGroupProps<T, K>) => JSX.Element;
1174
1185
 
1175
1186
  declare type FieldSectionProps<T extends object> = {
1176
1187
  label: string;
@@ -1209,8 +1220,9 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
1209
1220
  conditionConfig: ConditionConfig$1;
1210
1221
  state: FormStateType$1;
1211
1222
  formData: AnyObject$1;
1223
+ htmlElementId: string;
1212
1224
  }>;
1213
- declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, }: Partial<{
1225
+ declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, }: Partial<{
1214
1226
  name: string;
1215
1227
  rules: ControllerProps$1['rules'];
1216
1228
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
@@ -1255,6 +1267,7 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
1255
1267
  conditionConfig: ConditionConfig$1;
1256
1268
  state: FormStateType$1;
1257
1269
  formData: AnyObject$1;
1270
+ htmlElementId: string;
1258
1271
  }>) => JSX.Element | null;
1259
1272
 
1260
1273
  declare type AlertProps = {
@@ -1341,8 +1354,9 @@ declare type VideoProps = {
1341
1354
  style: CSSProperties;
1342
1355
  styles: StylesType;
1343
1356
  template: FeedContentTemplateTypes$1;
1357
+ htmlElementId: string;
1344
1358
  }>;
1345
- declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, }: VideoProps) => JSX.Element | null;
1359
+ declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, }: VideoProps) => JSX.Element | null;
1346
1360
 
1347
1361
  declare type ImageProps = {
1348
1362
  src: string;
@@ -1356,8 +1370,10 @@ declare type ImageProps = {
1356
1370
  cornerRadius: number;
1357
1371
  behaveAs: 'background' | 'regular';
1358
1372
  styles: StylesType;
1373
+ stateConfig: MetadataStateConfig$1[];
1374
+ htmlElementId: string;
1359
1375
  }>;
1360
- declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
1376
+ declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, stateConfig, htmlElementId, }: ImageProps) => JSX.Element | null;
1361
1377
 
1362
1378
  declare type CarouselProps = {
1363
1379
  children: JSX.Element[];
@@ -1388,8 +1404,9 @@ declare type TextMoleculeProps = Partial<{
1388
1404
  isRichText: boolean;
1389
1405
  styles: StylesType;
1390
1406
  textAlign: 'center' | 'right' | 'left';
1407
+ htmlElementId: string;
1391
1408
  }> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
1392
- declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
1409
+ declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
1393
1410
 
1394
1411
  declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
1395
1412
  declare type ButtonType = 'button' | 'submit' | 'reset';
@@ -1427,8 +1444,10 @@ declare type ButtonProps = BaseButtonProps & {
1427
1444
  isRichText?: boolean;
1428
1445
  containerStyle?: StylesType;
1429
1446
  buttonStyle?: StylesType;
1447
+ stateConfig?: MetadataStateConfig$1[];
1448
+ htmlElementId?: string;
1430
1449
  };
1431
- declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
1450
+ declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, ...props }: ButtonProps) => JSX.Element | null;
1432
1451
 
1433
1452
  declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
1434
1453
  padding?: number | string;
@@ -1476,8 +1495,9 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
1476
1495
  text: string;
1477
1496
  isRichText: boolean;
1478
1497
  href: string;
1498
+ htmlElementId: string;
1479
1499
  }>;
1480
- declare const Link: ({ text, isRichText, ...props }: LinkProps) => JSX.Element | null;
1500
+ declare const Link: ({ text, isRichText, htmlElementId, ...props }: LinkProps) => JSX.Element | null;
1481
1501
 
1482
1502
  declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
1483
1503
  type: containers.ContainerType;
@@ -1536,7 +1556,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1536
1556
  children?: ReactNode;
1537
1557
  } & {
1538
1558
  id: string;
1539
- }) => JSX.Element;
1559
+ }) => JSX.Element | null;
1540
1560
  declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, }: ContainerComponentProps$1 & {
1541
1561
  formData?: AnyObject$1 | undefined;
1542
1562
  setFormData?: Dispatch<SetStateAction<AnyObject$1>> | undefined;
@@ -1791,7 +1811,6 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
1791
1811
  form: UseFormReturn<any>;
1792
1812
  formData: AnyObject$1;
1793
1813
  setFormData: Dispatch<SetStateAction<AnyObject$1>>;
1794
- validations: PasswordRuleValidation[];
1795
1814
  }>;
1796
1815
 
1797
1816
  declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
@@ -1802,14 +1821,14 @@ declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' |
1802
1821
  declare type StateActionType = 'visible' | 'disabled';
1803
1822
  declare type StateEventType = 'click' | 'view';
1804
1823
  declare type StateListenerConfigType = {
1805
- stateRole: 'stateListener';
1824
+ role: 'stateListener';
1806
1825
  stateKey: string;
1807
- stateValue: string;
1808
- defaultState: Record<StateActionType, boolean>;
1809
- action: Record<StateActionType, boolean>;
1826
+ stateValue: string | boolean;
1827
+ defaultState: Partial<Record<StateActionType, boolean>>;
1828
+ action: Partial<Record<StateActionType, boolean>>;
1810
1829
  };
1811
1830
  declare type StateModifierConfigType = {
1812
- stateRole: 'stateModifier';
1831
+ role: 'stateModifier';
1813
1832
  stateKey: string;
1814
1833
  event: StateEventType;
1815
1834
  };
@@ -1827,6 +1846,7 @@ declare type FormStepContainerProps = {
1827
1846
  formStepName: string;
1828
1847
  order: number;
1829
1848
  conditionConfig: ConditionConfig;
1849
+ formStepStyles?: CSSProperties;
1830
1850
  };
1831
1851
  declare type FormContainerProps = {
1832
1852
  mode: keyof ValidationMode;
@@ -1930,4 +1950,4 @@ declare type FormOrganismItemProps = {
1930
1950
  };
1931
1951
  declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => JSX.Element | null;
1932
1952
 
1933
- export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateEventType, StateListenerConfigType, StateModifierConfigType, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
1953
+ export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateEventType, StateListenerConfigType, StateModifierConfigType, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.82",
3
+ "version": "0.3.84",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"