@zealicsolutions/web-ui 0.4.7 → 0.4.8-6.1

package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { AvatarDropdown as AvatarDropdownComponent } from './AvatarDropdown';
 declare const _default: {
     title: string;
-    component: <T extends string | number>({ avatarProps, menuConfig, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
+    component: <T extends string | number>({ avatarProps, menuConfig, configurationItemInfo, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const AvatarDropdown: ComponentStory<typeof AvatarDropdownComponent>;

package/dist/cjs/src/molecules/BottomNavBarItem/BottomNavBarItem.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { BottomNavBarItem as BottomNavBarItemComponent } from './BottomNavBarItem';
 declare const _default: {

package/dist/cjs/src/molecules/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { MetadataStateConfig } from 'containers';
+import { ConfigurationItemInfo, MetadataStateConfig, MetadataType } from 'containers';
 import { PropsWithChildren } from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import type { Callback, StylesType } from 'typescript';
@@ -29,6 +29,7 @@ export declare type BaseButtonProps = PropsWithChildren<Partial<{
     href: string;
     type: ButtonType;
 }>>;
+export declare const baseButtonAllowedConfigurations: string[];
 export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
@@ -40,5 +41,7 @@ export declare type ButtonProps = BaseButtonProps & {
     buttonStyle?: StylesType;
     stateConfig?: MetadataStateConfig[];
     htmlElementId?: string;
+    metadata?: MetadataType;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export 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;
+export declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, configurationItemInfo, ...props }: ButtonProps) => JSX.Element | null;

package/dist/cjs/src/molecules/Button/Button.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { Button as ButtonComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
+    component: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, configurationItemInfo, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: StoryFn<typeof ButtonComponent>;

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { SelectOption } from 'atoms';
 import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
-import { ConditionConfig, FormStateType } from 'containers';
+import { ConditionConfig, ConfigurationItemInfo, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
@@ -31,5 +30,8 @@ export declare type CheckboxFieldProps = Partial<{
     defaultValue: string[];
     formData: AnyObject;
     htmlElementId: string;
+    isTrigger?: boolean;
+    moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, }: CheckboxFieldProps) => JSX.Element | null;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: CheckboxFieldProps) => JSX.Element | null;

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { CheckboxField as CheckboxFieldComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, }: Partial<{
+    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: Partial<{
         checkboxesProps: Partial<{
             checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -53,6 +52,9 @@ declare const _default: {
         defaultValue: string[];
         formData: import("../../typescript").AnyObject;
         htmlElementId: string;
+        isTrigger?: boolean | undefined;
+        moleculeId: string;
+        configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
     }>) => JSX.Element | null;
 };
 export default _default;

package/dist/cjs/src/molecules/CheckboxField/CheckboxGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RefCallBack } from 'react-hook-form/dist/types';
 import type { Callback } from 'typescript';
 import { CheckboxesProps } from './CheckboxField';

package/dist/cjs/src/molecules/CheckboxField/CheckboxGroup.stories.d.ts

@@ -0,0 +1,32 @@
+import type { StoryFn } from '@storybook/react';
+import { CheckboxGroup as CheckboxGroupComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ ref, onBlur, onChange, checkboxesProps }: Partial<{
+        ref: import("react-hook-form").RefCallBack;
+        onBlur: import("../../typescript").Callback;
+        onChange: (checkedIds: string[]) => void;
+        checkboxesProps: Partial<{
+            checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            onChange: (id: string) => void;
+            disabled: boolean;
+            options?: import("../..").SelectOption[] | undefined;
+            selectedIds?: string[] | undefined;
+            isError?: boolean | undefined;
+            isEditMode?: boolean | undefined;
+            isRichText: boolean;
+            internalConfig: Partial<{
+                selectedCheckboxBackgroundColor: string;
+                selectedCheckboxIconColor: string;
+                buttonPadding: number;
+                textPadding: number;
+                styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                buttonOptionSpacing?: import("theme").SizesTypes | undefined;
+            }>;
+        }>;
+    }>) => JSX.Element;
+};
+export default _default;
+export declare const CheckboxGroup: StoryFn<typeof CheckboxGroupComponent>;

package/dist/cjs/src/molecules/Checklist/Checklist.d.ts

@@ -0,0 +1,25 @@
+import { ConfigurationItemInfo } from 'containers';
+import { SizesTypes } from 'theme';
+import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
+import type { Nullable } from 'typescript';
+export declare type ChecklistItem = {
+    id: string;
+    isChecked: boolean;
+    eventId: Nullable<string>;
+    type: 'user_interactive' | 'system_controlled';
+    label: {
+        text: string;
+        isRichText: boolean;
+    };
+};
+export declare type ChecklistProps = {
+    items: ChecklistItem[];
+    props: {
+        gap: SizesTypes;
+    } & CheckboxInternalConfigProps;
+    configurationItemInfo?: ConfigurationItemInfo;
+};
+export declare const Checklist: ({ items, props: { gap, ...checkboxProps }, configurationItemInfo, }: ChecklistProps) => JSX.Element;
+export declare const ChecklistWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $gap: SizesTypes;
+}, never>;

package/dist/cjs/src/molecules/Checklist/Checklist.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { Checklist as ChecklistComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ items, props: { gap, ...checkboxProps }, configurationItemInfo, }: import("molecules").ChecklistProps) => JSX.Element;
+};
+export default _default;
+export declare const Checklist: StoryFn<typeof ChecklistComponent>;

package/dist/cjs/src/molecules/Columns/Column.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseColumnProps } from './types';
 export declare const Column: ({ item }: BaseColumnProps) => JSX.Element;
 export declare const ImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -9,5 +8,5 @@ export declare const ColumnImage: import("styled-components").StyledComponent<"i
     width: string | number;
     height: string | number;
     onClick: import("../../typescript").Callback;
-    cornerRadius: number;
+    cornerRadius: number | import("../..").SizesTypes;
 }> & import("../../typescript").OverrideStyles, never>;

package/dist/cjs/src/molecules/Columns/ColumnImage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseColumnProps } from './types';
 export declare type ColumnImageProps = BaseColumnProps & {
     isMobile: boolean;

package/dist/cjs/src/molecules/Columns/Columns.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Columns as ColumnsComponent } from './Columns';
 declare const _default: {

package/dist/cjs/src/molecules/Columns/styles.d.ts

@@ -23,6 +23,6 @@ export declare const ColumnBackgroundImage: import("styled-components").StyledCo
     width: string | number;
     height: string | number;
     onClick: import("../../typescript").Callback;
-    cornerRadius: number;
+    cornerRadius: number | import("../..").SizesTypes;
 }> & import("../../typescript").OverrideStyles, never>;
 export declare const ColumnBackgroundImageOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/src/molecules/Columns/useAnnotationCircle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextButtonProps } from 'atoms';
 export declare const useAnnotationCircle: (linkButton?: TextButtonProps) => {
     circleJSX: false | JSX.Element;

package/dist/cjs/src/molecules/Consent/Consent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CustomDescendant } from 'atoms/RichTextViewer/types';
 import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
 import { CSSProperties } from 'styled-components';

package/dist/cjs/src/molecules/Consent/Consent.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { Consent as ConsentComponent } from 'molecules/Consent/Consent';
 declare const _default: {

package/dist/cjs/src/molecules/Consent/ConsentCapture.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioButtonsProps } from 'atoms';
 import { ButtonProps } from 'molecules';
 export declare type ButtonCaptureProps = {

package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { ConsentFieldMolecule } from 'containers';
+import { ConfigurationItemInfo, ConsentFieldMolecule } from 'containers';
 import { AnyObject } from 'typescript';
 declare type ConsentMoleculeProps = {
     attributes: ConsentFieldMolecule['attributes'];
     config: ConsentFieldMolecule['config'];
     formData?: AnyObject;
     htmlElementId?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const ConsentMolecule: ({ attributes, formData, config, htmlElementId, }: ConsentMoleculeProps) => JSX.Element | null;
+export declare const ConsentMolecule: ({ attributes, formData, config, htmlElementId, configurationItemInfo, }: ConsentMoleculeProps) => JSX.Element | null;
 export {};

package/dist/cjs/src/molecules/CustomValidation/CustomValidation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormStateType } from 'containers';
 export declare type CustomValidationRule<T = string> = {
     text: string;

package/dist/cjs/src/molecules/CustomValidation/CustomValidation.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { CustomValidation as CustomValidationComponent } from './CustomValidation';
 declare const _default: {

package/dist/cjs/src/molecules/Drawer/Drawer.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { DrawerProps } from './styles';
-export declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
+export declare const Drawer: ({ children, closeIconColor, withCloseIcon, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;

package/dist/cjs/src/molecules/Drawer/Drawer.stories.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { Drawer as DrawerComponent } from './Drawer';
 declare const _default: {
     title: string;
-    component: ({ children, closeIconColor, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
+    component: ({ children, closeIconColor, withCloseIcon, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
 };
 export default _default;
 export declare const Drawer: StoryFn<typeof DrawerComponent>;

package/dist/cjs/src/molecules/Drawer/styles.d.ts

@@ -4,16 +4,18 @@ import { Drawer as DrawerComponent, DrawerProps as DrawerComponentProps } from '
 export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 export declare type DrawerProps = DrawerComponentProps & {
     anchor: Anchor;
-    padding?: SizesTypes | number;
+    padding?: SizesTypes | number | string;
     height?: number | string;
     width?: number | string;
+    withCloseIcon?: boolean;
     closeIconColor?: ThemeColors | string;
 };
 export declare const BaseDrawer: import("styled-components").StyledComponent<typeof DrawerComponent, import("styled-components").DefaultTheme, DrawerComponentProps & {
     anchor: Anchor;
-    padding?: number | SizesTypes | undefined;
+    padding?: string | number | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
+    withCloseIcon?: boolean | undefined;
     closeIconColor?: string | undefined;
 }, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/dist/cjs/src/molecules/EmphasizedText/EmphasizedText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type EmphasizedTextProps = {
     type: 'emphasized_text';
     invertColors: boolean;

package/dist/cjs/src/molecules/EmphasizedText/EmphasizedText.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { EmphasizedText as EmphasizedTextComponent } from './EmphasizedText';
 declare const _default: {

package/dist/cjs/src/molecules/FeedContentHeader/FeedContentHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputFieldProps, MenuItemsProps } from 'molecules';
 import { FilteredFeedContentType } from 'organisms';
 export declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;

package/dist/cjs/src/molecules/FeedContentHeader/FeedContentHeader.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentStory } from '@storybook/react';
 import { FeedContentHeader as FeedContentHeaderComponent } from './FeedContentHeader';
 declare const _default: {

package/dist/cjs/src/molecules/FieldLabels/FieldLabels.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FontSizesTypes, ThemeColors } from 'theme';
 import type { Nullable, StylesType } from 'typescript';
 export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';

package/dist/cjs/src/molecules/FieldLabels/FieldLabels.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StoryFn } from '@storybook/react';
 import { FieldLabelsProps } from './FieldLabels';
 declare const _default: {

package/dist/cjs/src/molecules/FieldMapper/FieldMapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UIField } from 'fieldsConfiguration';
 import { Control } from 'react-hook-form/dist/types';
 import { StylesType } from 'typescript';

package/dist/cjs/src/molecules/FieldSection/FieldSection.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Control } from 'react-hook-form/dist/types';
 import { UIFields } from '../../fieldsConfiguration';
 export declare type FieldSectionProps<T extends object> = {

package/dist/cjs/src/molecules/FieldSection/FieldSection.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { FieldSection as FieldSectionComponent } from './FieldSection';
 declare const _default: {

package/dist/cjs/src/molecules/HeroImage/HeroImage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegularImageProps } from 'atoms';
 import { ButtonProps } from 'molecules';
 export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';

package/dist/cjs/src/molecules/HeroImage/HeroImage.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { HeroImage as HeroImageComponent } from './HeroImage';
 declare const _default: {

package/dist/cjs/src/molecules/HorizontalButtonsField/HorizontalButtonsField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HorizontalButtonsProps } from 'atoms';
 import { Control } from 'react-hook-form/dist/types';
 declare type ToggleFieldProps = {

package/dist/cjs/src/molecules/HorizontalButtonsField/HorizontalButtonsField.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { HorizontalButtonsField as HorizontalButtonsFieldComponent } from './HorizontalButtonsField';
 declare const _default: {

package/dist/cjs/src/molecules/Image/Image.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { MetadataStateConfig } from 'containers';
-import { Callback, StylesType } from 'typescript';
+import { ConfigurationItemInfo, MetadataType } from 'containers';
+import type { Callback, StylesType } from 'typescript';
+import { SizesTypes } from 'theme';
 export declare type ImageProps = {
     src: string;
 } & Partial<{
@@ -10,10 +10,11 @@ export declare type ImageProps = {
     onClick: Callback;
     width: number;
     height: number;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | number;
     behaveAs: 'background' | 'regular';
     styles: StylesType;
-    stateConfig: MetadataStateConfig[];
+    metadata: MetadataType;
     htmlElementId: string;
+    configurationItemInfo: ConfigurationItemInfo;
 }>;
-export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, stateConfig, htmlElementId, }: ImageProps) => JSX.Element | null;
+export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, htmlElementId, metadata, configurationItemInfo, }: ImageProps) => JSX.Element | null;

package/dist/cjs/src/molecules/Image/Image.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { Image as ImageComponent } from './Image';
 declare const _default: {
     title: string;
-    component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, stateConfig, htmlElementId, }: import("./Image").ImageProps) => JSX.Element | null;
+    component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, htmlElementId, metadata, configurationItemInfo, }: import("./Image").ImageProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Image: StoryFn<typeof ImageComponent>;

package/dist/cjs/src/molecules/InputField/InputField.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { InputProps } from 'atoms';
-import { ConditionConfig, FormStateType } from 'containers';
+import { ConditionConfig, ConfigurationItemInfo, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
@@ -11,7 +10,6 @@ export declare type InputFieldProps = Partial<{
     required: boolean;
     optional: boolean;
     defaultValue: string;
-    displayOnlyInputDefaultValue?: string;
     inputProps: InputProps;
     styles: StylesType;
     labelsProps: FieldLabelsProps;
@@ -19,6 +17,6 @@ export declare type InputFieldProps = Partial<{
     state: FormStateType;
     formData: AnyObject;
     htmlElementId: string;
-    isFormInEditMode: boolean;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isFormInEditMode, }: InputFieldProps) => JSX.Element | null;
+export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, configurationItemInfo, }: InputFieldProps) => JSX.Element | null;

package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
 import { InputFieldProps } from './InputField';
 declare const _default: {
     title: string;
-    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isFormInEditMode, }: Partial<{
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, configurationItemInfo, }: Partial<{
         name: string;
         control: import("react-hook-form").Control<any, any>;
         rules: Omit<Partial<{
@@ -27,7 +27,6 @@ declare const _default: {
         required: boolean;
         optional: boolean;
         defaultValue: string;
-        displayOnlyInputDefaultValue?: string | undefined;
         inputProps: Partial<{
             value: string;
             leftIcon: import("../..").InputIconProps;
@@ -51,11 +50,7 @@ declare const _default: {
                 styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
                 wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             }>;
-            config?: Partial<{
-                maskPlaceholder: string;
-                dataModelFieldType: import("fieldsConfiguration").InputFieldTypes;
-                maskPattern: (string | RegExp)[];
-            }> | undefined;
+            config?: import("../../atoms/Input/helpers").MaskConfig | undefined;
             state: import("../..").FormStateType;
         }>;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -64,7 +59,7 @@ declare const _default: {
         state: import("../..").FormStateType;
         formData: import("typescript").AnyObject;
         htmlElementId: string;
-        isFormInEditMode: boolean;
+        configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
     }>) => JSX.Element | null;
 };
 export default _default;

package/dist/cjs/src/molecules/Link/Link.d.ts

@@ -1,9 +1,13 @@
-/// <reference types="react" />
 import { TextButtonProps } from 'atoms';
+import { ConfigurationItemInfo } from 'containers';
 export declare type LinkProps = Omit<TextButtonProps, 'children'> & Partial<{
     text: string;
     isRichText: boolean;
     href: string;
     htmlElementId: string;
+    moleculeId: string;
+    isTrigger: boolean;
+    onExternalLink?: () => void;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const Link: ({ text, isRichText, htmlElementId, ...props }: LinkProps) => JSX.Element | null;
+export declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, configurationItemInfo, ...props }: LinkProps) => JSX.Element | null;

package/dist/cjs/src/molecules/Link/Link.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { Link as LinkComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ text, isRichText, htmlElementId, ...props }: import("molecules").LinkProps) => JSX.Element | null;
+    component: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, configurationItemInfo, ...props }: import("molecules").LinkProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Link: StoryFn<typeof LinkComponent>;

package/dist/cjs/src/molecules/MenuItems/MenuItem.d.ts

@@ -0,0 +1,20 @@
+export declare type MenuItemType<T> = {
+    id: T;
+    title: string;
+    active?: boolean;
+    onClick: (id: T) => void;
+    options?: MenuItemType<T>[];
+    divider?: boolean;
+    disabled?: boolean;
+    itemColor?: string;
+    activeItemColor?: string;
+};
+export declare type MenuItemProps<T> = {
+    item: MenuItemType<T>;
+    activeKey?: T;
+    itemColor?: string;
+    menuTheme?: 'light' | 'dark';
+    activeItemColor?: string;
+    parentHandleClick?: (id: T) => void;
+};
+export declare const MenuItem: <T extends string | number>({ item, activeKey, menuTheme, itemColor, activeItemColor, parentHandleClick, }: MenuItemProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/MenuItems/MenuItems.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-export declare type MenuItem<T> = {
-    id: T;
-    title: string;
-    onClick?: (id: T) => void;
-};
+import { MenuItemType } from './MenuItem';
 export declare type MenuItemsProps<T> = {
     title?: string;
+    options?: MenuItemType<T>[];
+    activeKey?: T;
+    itemColor?: string;
+    menuTheme?: 'light' | 'dark';
     onItemPress?: (id: T) => void;
-    options?: MenuItem<T>[];
+    activeItemColor?: string;
 };
-export declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
+export declare const MenuItems: <T extends string | number>({ title, options, activeKey, itemColor, menuTheme, onItemPress, activeItemColor, }: MenuItemsProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/MenuItems/MenuItems.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { MenuItems as MenuItemsComponent } from './MenuItems';
 declare const _default: {
     title: string;
-    component: <T extends string | number>({ title, onItemPress, options, }: import("./MenuItems").MenuItemsProps<T>) => JSX.Element;
+    component: <T extends string | number>({ title, options, activeKey, itemColor, menuTheme, onItemPress, activeItemColor, }: import("./MenuItems").MenuItemsProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const MenuItems: ComponentStory<typeof MenuItemsComponent>;

package/dist/cjs/src/molecules/MenuNavigation/MenuNavigation.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import { IconNames } from 'atoms';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
 export declare type MenuNavigationProps<T> = {
     menuConfig: MenuItemsProps<T>;
+    customIconType?: IconNames;
 };
-export declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
+export declare const MenuNavigation: <T extends string | number>({ menuConfig, customIconType, }: MenuNavigationProps<T>) => JSX.Element;
 export declare const CaretIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isOpen: boolean;
 }, never>;

package/dist/cjs/src/molecules/MenuNavigation/MenuNavigation.stories.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { MenuNavigation as MenuNavigationComponent } from 'molecules/MenuNavigation/MenuNavigation';
 import 'rc-dropdown/assets/index.css';
 declare const _default: {
     title: string;
-    component: <T extends string | number>({ menuConfig, }: import("molecules/MenuNavigation/MenuNavigation").MenuNavigationProps<T>) => JSX.Element;
+    component: <T extends string | number>({ menuConfig, customIconType, }: import("molecules/MenuNavigation/MenuNavigation").MenuNavigationProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const MenuNavigation: ComponentStory<typeof MenuNavigationComponent>;