@zealicsolutions/web-ui 0.4.8-6.1 → 0.4.8

package/dist/cjs/src/atoms/Avatar/Avatar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Callback } from 'typescript';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import { IconNames } from '..';

package/dist/cjs/src/atoms/Avatar/Avatar.stories.d.ts

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

package/dist/cjs/src/atoms/Buttons/IconButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ThemeColors } from 'theme';
 import { IconNames, TouchableOpacityProps } from 'atoms';
 import type { Callback } from 'typescript';

package/dist/cjs/src/atoms/Checkbox/Checkbox.d.ts

@@ -1,14 +1,15 @@
+/// <reference types="react" />
 import { CheckboxInternalConfigProps } from './types';
 export declare type CheckboxProps = {
     id: string;
     onClick: (id: string) => void;
     label: string;
-    isError?: boolean;
-    disabled?: boolean;
-    isEditMode?: boolean;
-    isSelected?: boolean;
-    isRichText?: boolean;
-    notInteractable?: boolean;
-    internalConfig?: CheckboxInternalConfigProps;
-};
-export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => JSX.Element;
+} & Partial<{
+    isError: boolean;
+    disabled: boolean;
+    isEditMode: boolean;
+    isSelected: boolean;
+    isRichText: boolean;
+    internalConfig: CheckboxInternalConfigProps;
+}>;
+export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, internalConfig, }: CheckboxProps) => JSX.Element;

package/dist/cjs/src/atoms/Checkbox/Checkbox.stories.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Checkbox as CheckboxComponent } from './Checkbox';
 declare const _default: {
     title: string;
-    component: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
+    component: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
 };
 export default _default;
 export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

package/dist/cjs/src/atoms/Circle/Circle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type CircleType = 'link' | 'message';
 export declare type CircleBoxProps = {
     index: number;

package/dist/cjs/src/atoms/Circle/Circle.stories.d.ts

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

package/dist/cjs/src/atoms/CircularIndicator/CircularIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ThemeColors } from 'theme';
 export declare type CircularIndicatorProps = {
     active: boolean;

package/dist/cjs/src/atoms/CircularIndicator/CircularIndicator.stories.d.ts

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

package/dist/cjs/src/atoms/HorizontalButtons/HorizontalButtons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type HorizontalButtonsProps = {
     selectedButtonId: string;
     buttonOptions: {

package/dist/cjs/src/atoms/HorizontalButtons/HorizontalButtons.stories.d.ts

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

package/dist/cjs/src/atoms/Icon/Icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 import { ThemeColors } from 'theme';
 export declare type IconProps = {

package/dist/cjs/src/atoms/Icon/Icon.stories.d.ts

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

package/dist/cjs/src/atoms/Input/Input.stories.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { InputProps } from './Input';
-import { InputFieldTypes } from '../../fieldsConfiguration';
 declare const _default: {
     title: string;
     component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: Partial<{
@@ -9,7 +8,7 @@ declare const _default: {
         leftIcon: import("./Input").InputIconProps;
         rightIcon: import("./Input").InputIconProps;
         onBlur: import("../../typescript").Callback;
-        type: InputFieldTypes;
+        type: import("../..").InputFieldTypes;
         placeholder: string;
         disabled: boolean;
         isEditMode: boolean;
@@ -27,7 +26,11 @@ 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?: import("./helpers").MaskConfig | undefined;
+        config?: Partial<{
+            maskPlaceholder: string;
+            dataModelFieldType: import("../..").InputFieldTypes;
+            maskPattern: (string | RegExp)[];
+        }> | undefined;
         state: import("../..").FormStateType;
     }>) => JSX.Element;
 };

package/dist/cjs/src/atoms/Input/helpers.d.ts

@@ -3,12 +3,11 @@ import { HTMLInputTypeAttribute } from 'react';
 import { ThemeColors } from 'theme';
 import { InputProps } from 'atoms';
 import { InputFieldTypes } from '../../fieldsConfiguration';
-import { DataModelFieldFormatCodeTypes } from '../../containers';
-export declare type MaskConfig = {
-    maskPlaceholder?: string;
-    maskPattern?: Array<string | RegExp>;
-    dataModelFieldType: DataModelFieldFormatCodeTypes;
-};
+export declare type MaskConfig = Partial<{
+    maskPlaceholder: string;
+    dataModelFieldType: InputFieldTypes;
+    maskPattern: Array<string | RegExp>;
+}>;
 export declare const getSpecificInputProps: (type: InputFieldTypes) => {
     type?: HTMLInputTypeAttribute | undefined;
     inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
@@ -37,8 +36,12 @@ export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disab
         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?: MaskConfig | undefined;
-    state: import("../../containers").FormStateType;
-}>, "disabled" | "isEditMode" | "isError"> & {
+    config?: Partial<{
+        maskPlaceholder: string;
+        dataModelFieldType: InputFieldTypes;
+        maskPattern: Array<string | RegExp>;
+    }> | undefined;
+    state: import("../..").FormStateType;
+}>, "disabled" | "isError" | "isEditMode"> & {
     isFocused: boolean;
 }) => ThemeColors;

package/dist/cjs/src/atoms/Paddings/Paddings.d.ts

@@ -1,6 +1,6 @@
 import { SizesTypes } from 'theme';
-export declare type PaddingProps = {
+export declare type HorizontalPaddingProps = {
     padding: SizesTypes | number;
 };
-export declare const HorizontalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PaddingProps, never>;
-export declare const VerticalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PaddingProps, never>;
+export declare const HorizontalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HorizontalPaddingProps, never>;
+export declare const VerticalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HorizontalPaddingProps, never>;

package/dist/cjs/src/atoms/RadioButtons/RadioButtons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioGroup } from '@mui/material';
 import { RefCallBack } from 'react-hook-form/dist/types';
 import { SizesTypes, ThemeColors } from 'theme';

package/dist/cjs/src/atoms/RadioButtons/RadioButtons.stories.d.ts

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

package/dist/cjs/src/atoms/RadioButtons/RadioOption.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioButtonInternalConfigProps, SelectOption } from 'atoms';
 declare type RadioOptionProps = {
     option: SelectOption;

package/dist/cjs/src/atoms/RegularImage/RegularImage.d.ts

@@ -1,5 +1,5 @@
-import type { Callback, OverrideStyles } from 'typescript';
-import { SizesTypes } from 'theme';
+import type { Callback } from 'typescript';
+import { OverrideStyles } from 'typescript';
 export declare type RegularImageProps = {
     src: string;
 } & Partial<{
@@ -7,7 +7,7 @@ export declare type RegularImageProps = {
     width: number | string;
     height: number | string;
     onClick: Callback;
-    cornerRadius: SizesTypes | number;
+    cornerRadius: number;
 }> & OverrideStyles;
 export declare const RegularImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
     src: string;
@@ -16,7 +16,7 @@ export declare const RegularImage: import("styled-components").StyledComponent<"
     width: number | string;
     height: number | string;
     onClick: Callback;
-    cornerRadius: SizesTypes | number;
+    cornerRadius: number;
 }> & OverrideStyles, never>;
 export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
     src: string;
@@ -25,5 +25,5 @@ export declare const BackgroundImage: import("styled-components").StyledComponen
     width: number | string;
     height: number | string;
     onClick: Callback;
-    cornerRadius: SizesTypes | number;
+    cornerRadius: number;
 }> & OverrideStyles, never>;

package/dist/cjs/src/atoms/RegularImage/RegularImage.stories.d.ts

@@ -9,7 +9,7 @@ declare const _default: {
         width: string | number;
         height: string | number;
         onClick: import("../../typescript").Callback;
-        cornerRadius: number | import("../..").SizesTypes;
+        cornerRadius: number;
     }> & import("../../typescript").OverrideStyles, never>;
 };
 export default _default;

package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextProps } from 'atoms';
 import { Descendant } from 'slate';
 import { FontSizesTypes, ThemeColors } from 'theme';
@@ -18,7 +19,5 @@ export declare type RichTextEditorProps = Partial<{
     renderElementWrapperComponent: (props: AnyObject) => JSX.Element;
     renderElementWrapperProps: AnyObject;
     htmlElementId: string;
-    moleculeId: string;
-    isTrigger: boolean;
 }>;
-export declare const RichTextViewer: ({ value, font, color, textStyles, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, moleculeId, isTrigger, }: RichTextEditorProps) => JSX.Element;
+export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, }: RichTextEditorProps) => JSX.Element | null;

package/dist/cjs/src/atoms/RichTextViewer/components/EditorElement.d.ts

@@ -1,5 +1,3 @@
+/// <reference types="react" />
 import { RenderElementProps } from 'slate-react/dist/components/editable';
-import { Callback } from 'typescript';
-export declare const EditorElement: ({ element, children, attributes, onClick, }: RenderElementProps & {
-    onClick?: Callback | undefined;
-}) => JSX.Element;
+export declare const EditorElement: ({ element, children, attributes }: RenderElementProps) => JSX.Element;

package/dist/cjs/src/atoms/RichTextViewer/components/Leaf.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { RenderLeafProps } from 'slate-react';
 export declare const Leaf: ({ leaf, children, attributes }: RenderLeafProps) => JSX.Element;

package/dist/cjs/src/atoms/Select/Select.d.ts

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

package/dist/cjs/src/atoms/Select/Select.stories.d.ts

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

package/dist/cjs/src/atoms/Tab/Tab.d.ts

@@ -39,7 +39,7 @@ export declare const Tab: <T, K>(props: {
     vertical: boolean;
     isActive: boolean;
     onClick: (key: T) => void;
-    options: MenuItem<K_1>[];
+    options: MenuItem<K>[];
     onOptionClick: (optionKey: K) => void;
     tabTheme: TabTheme;
     divider: boolean;

package/dist/cjs/src/atoms/Tab/Tab.stories.d.ts

@@ -11,7 +11,7 @@ declare const _default: {
         vertical: boolean;
         isActive: boolean;
         onClick: (key: T) => void;
-        options: MenuItem<K_1>[];
+        options: import("../..").MenuItem<K>[];
         onOptionClick: (optionKey: K) => void;
         tabTheme: import("atoms").TabTheme;
         divider: boolean;

package/dist/cjs/src/atoms/Tab/styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabProps } from 'atoms/Tab/Tab';
 declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'defaultTabTextColor'>;
 declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'defaultTabTextColor' | 'tabPadding' | 'tabFont'>;

package/dist/cjs/src/atoms/TextWrapper/TextWrapper.stories.d.ts

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

package/dist/cjs/src/atoms/Toast/ToastContent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ToastType } from './types';
 declare type ToastContentProps = {
     type: ToastType;

package/dist/cjs/src/atoms/Tooltip/Tooltip.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipProps as TooltipComponentProps } from 'rc-tooltip/lib/Tooltip';
 import { OverrideStyles, StylesType } from 'typescript';
 import 'rc-tooltip/assets/bootstrap.css';

package/dist/cjs/src/atoms/ValidationTag/ValidationTag.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
 export declare type ValidationTagProps = {
     status: ValidationTagStatus;

package/dist/cjs/src/atoms/ValidationTag/ValidationTag.stories.d.ts

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

package/dist/cjs/src/containers/Container.d.ts

@@ -1,84 +1,66 @@
 import { ContainerComponentProps, ContainerProps } from 'containers';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
-import type { AnyObject } from 'typescript';
-export declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: {
+import { AnyObject } from 'typescript';
+export declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, isFormInEditMode, }: Partial<{
     type: import("containers").ContainerType;
-    metadata: import("containers").MetadataType;
-} & Partial<{
     containerTemplateType: "row_content_container";
     wide: Partial<{
         containerStyle: import("styled-components").CSSProperties;
         containerProps: Partial<{
             position: import("containers").ContainerPositionType;
-            alignItems: import("containers").ContainerAlignItemsType;
             scrollBehaviour: import("containers").ContainerScrollBehaviourType;
             cornerRadius: number | import("theme").SizesTypes;
             gap: import("theme").SizesTypes;
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            paddingTop: import("theme").SizesTypes;
-            paddingBottom: import("theme").SizesTypes;
-            paddingLeft: import("theme").SizesTypes;
-            paddingRight: import("theme").SizesTypes;
-            autoplay: boolean;
-            autoplayDuration: number;
+            sliderProps: import("containers").SliderProps;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
+            padding: import("containers").Padding;
             border: string;
             activeChildrenIds: string[];
             activeOrganismIds: string[];
-            padding: import("containers").Padding;
         }>;
     }>;
     compact: Partial<{
         containerStyle: import("styled-components").CSSProperties;
         containerProps: Partial<{
             position: import("containers").ContainerPositionType;
-            alignItems: import("containers").ContainerAlignItemsType;
             scrollBehaviour: import("containers").ContainerScrollBehaviourType;
             cornerRadius: number | import("theme").SizesTypes;
             gap: import("theme").SizesTypes;
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            paddingTop: import("theme").SizesTypes;
-            paddingBottom: import("theme").SizesTypes;
-            paddingLeft: import("theme").SizesTypes;
-            paddingRight: import("theme").SizesTypes;
-            autoplay: boolean;
-            autoplayDuration: number;
+            sliderProps: import("containers").SliderProps;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
+            padding: import("containers").Padding;
             border: string;
             activeChildrenIds: string[];
             activeOrganismIds: string[];
-            padding: import("containers").Padding;
         }>;
     }>;
     props: Partial<{
         position: import("containers").ContainerPositionType;
-        alignItems: import("containers").ContainerAlignItemsType;
         scrollBehaviour: import("containers").ContainerScrollBehaviourType;
         cornerRadius: number | import("theme").SizesTypes;
         gap: import("theme").SizesTypes;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        paddingTop: import("theme").SizesTypes;
-        paddingBottom: import("theme").SizesTypes;
-        paddingLeft: import("theme").SizesTypes;
-        paddingRight: import("theme").SizesTypes;
-        autoplay: boolean;
-        autoplayDuration: number;
+        sliderProps: import("containers").SliderProps;
         formProps: import("containers").FormContainerProps;
         formStepProps: import("containers").FormStepContainerProps;
+        padding: import("containers").Padding;
         border: string;
         activeChildrenIds: string[];
         activeOrganismIds: string[];
-        padding: import("containers").Padding;
     }>;
+    metadata: import("containers").MetadataType;
     isMobile: boolean;
+    isFormInEditMode: boolean;
 }> & {
     children?: ReactNode;
 } & {
     id: string;
 }) => JSX.Element | null;
-export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, isConfigurationMode, }: ContainerComponentProps & {
+export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, }: ContainerComponentProps & {
     formData?: AnyObject | undefined;
     setFormData?: Dispatch<SetStateAction<AnyObject>> | undefined;
 }) => JSX.Element | null;

package/dist/cjs/src/containers/FormContainer.d.ts

@@ -2,7 +2,5 @@ import { PropsWithChildren } from 'react';
 import { ValidationMode } from 'react-hook-form';
 export declare type FormContainerProps = PropsWithChildren<{
     mode?: keyof ValidationMode;
-    id?: string;
-    isTrigger?: boolean;
 }>;
-export declare const FormContainer: ({ mode, children, id, isTrigger, }: FormContainerProps) => JSX.Element;
+export declare const FormContainer: ({ mode, children }: FormContainerProps) => JSX.Element;

package/dist/cjs/src/containers/FormStepContainer.d.ts

@@ -1,9 +1,10 @@
 import { FormStepContainerProps, MetadataType } from 'containers';
+import { InputFieldTypes } from 'fieldsConfiguration';
 import { PropsWithChildren } from 'react';
-import { InputFieldTypes } from '../fieldsConfiguration';
 export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
     id: string;
     metadata?: MetadataType;
+    isFormInEditMode?: boolean;
 };
 export declare const parsedDateValue: (value: string, type: InputFieldTypes) => string;
-export declare const FormStepContainer: ({ order, id, metadata, formStepStyles, }: StepContainerProps) => JSX.Element | null;
+export declare const FormStepContainer: ({ order, id, metadata, formStepStyles, isFormInEditMode, }: StepContainerProps) => JSX.Element | null;

package/dist/cjs/src/containers/MoleculeItem.d.ts

@@ -1,16 +1,12 @@
-import { Molecule, MoleculeTypes } from 'containers';
+/// <reference types="react" />
+import { CustomDescendant } from 'atoms/RichTextViewer/types';
+import { Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
-import { ThemeColors } from 'theme';
-export declare type InternalLinkAliases = 'account-information' | 'forgot-password' | 'change-password' | 'login' | 'account-creation' | 'landing';
-export declare type RuntimeRoutes = '/account-info' | '/forgot-password' | '/change-password' | '/login' | '/account-creation' | '/landing';
-export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, metadata, organismLibraryMoleculeId, }: Molecule & {
+export declare const getFullLink: (url: string) => string;
+export declare const navigateToPage: (url: string) => void;
+export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
+export declare const parseDescendantContent: (string: string) => CustomDescendant[];
+export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, metadata, isFormInEditMode, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
     isMobile?: boolean | undefined;
 }) => JSX.Element | null;
-export declare const ConfigurationWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    $color?: ThemeColors | undefined;
-    $itemId?: string | undefined;
-    $itemType?: "container" | "molecule" | undefined;
-    $entityType?: MoleculeTypes | undefined;
-    $selected?: boolean | undefined;
-}, never>;

package/dist/cjs/src/containers/OrganismItem.d.ts

@@ -1,14 +1,13 @@
 import { ContainerComponentProps, Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
 import { Dispatch, SetStateAction } from 'react';
-import type { AnyObject } from 'typescript';
+import { AnyObject } from 'typescript';
 export declare type OrganismItemProps = {
     item: ContainerComponentProps | Molecule;
     tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
     formData?: AnyObject;
     setFormData?: Dispatch<SetStateAction<AnyObject>>;
     isMobile?: boolean;
-    isConfigurationMode?: boolean;
-    onConfigurationItemHandler?: (itemPath: string) => void;
+    isFormInEditMode?: boolean;
 };
-export declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, }: OrganismItemProps) => JSX.Element | null;
+export declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, isFormInEditMode, }: OrganismItemProps) => JSX.Element | null;

package/dist/cjs/src/containers/hooks/useCheckCondition.d.ts

@@ -1,16 +1,11 @@
 import { ConditionConfig, ConditionCriteria } from 'containers/types/types';
-import type { AnyObject } from 'typescript';
+import { AnyObject } from 'typescript';
 /**
  * @attention This hook needs to be used inside of the form container for the form fields
  */
 export declare const useCheckCondition: (config?: ConditionConfig, formData?: AnyObject) => boolean;
-export declare type FormDataForCheckingCriteria = {
-    [dataFieldId: string]: string | string[] | {
-        [subtypeId: string]: string | string[];
-    };
-};
 export declare type GetEvaluateCriteriaFunctionParams = {
     criteriaList?: ConditionCriteria[];
-    data?: FormDataForCheckingCriteria;
+    data?: AnyObject;
 };
 export declare const getEvaluateCriteriaFunction: ({ criteriaList, data, }: GetEvaluateCriteriaFunctionParams) => (criteria?: ConditionCriteria) => boolean;

package/dist/cjs/src/containers/hooks/useSetFormData.d.ts

@@ -1,10 +1,17 @@
-import { DataConnectionValues } from 'containers/types/moleculeTypes';
+import { DataConnectionAttributes } from 'containers/types/moleculeTypes';
+import { InputFieldTypes } from 'fieldsConfiguration';
 import { Dispatch, SetStateAction } from 'react';
-import type { AnyObject } from 'typescript';
-declare type UseSetFormDataProps<DefaultValueType> = {
-    defaultValue?: DefaultValueType;
-    dataModelField?: DataConnectionValues;
-    setFormData?: Dispatch<SetStateAction<AnyObject>>;
-};
-export declare const useSetFormData: <DefaultValueType>({ setFormData, defaultValue, dataModelField, }: UseSetFormDataProps<DefaultValueType>) => void;
+import { AnyObject } from 'typescript';
+declare type UseSetFormDataProps<DefaultValueType> = Partial<{
+    defaultValue: DefaultValueType;
+    dataModelField: DataConnectionAttributes;
+    setFormData: Dispatch<SetStateAction<AnyObject>>;
+    inputType: InputFieldTypes;
+}>;
+export declare const useSetFormData: <DefaultValueType>({ setFormData, defaultValue, dataModelField, inputType, }: Partial<{
+    defaultValue: DefaultValueType;
+    dataModelField: DataConnectionAttributes;
+    setFormData: Dispatch<SetStateAction<AnyObject>>;
+    inputType: InputFieldTypes;
+}>) => void;
 export {};

package/dist/cjs/src/containers/hooks/useStateClickModifierHandler.d.ts

@@ -0,0 +1,2 @@
+import { MetadataStateConfig } from 'containers/types/types';
+export declare const useStateClickModifierHandler: (metadataStateConfig?: MetadataStateConfig[]) => () => void;

package/dist/cjs/src/containers/hooks/useStateListenerValue.d.ts

@@ -1,18 +1,5 @@
-declare type UseStateListenerValueProps = {
-    stateListenerId?: string;
-    isAction?: boolean;
+import { MetadataType } from 'containers/types/types';
+export declare const useStateListenerValue: (metadata?: MetadataType) => {
+    isStateDisabled: boolean | undefined;
+    isStateVisible: boolean | undefined;
 };
-export declare const useStateListenerValue: ({ stateListenerId, isAction, }: UseStateListenerValueProps) => {
-    isStateDisabled: boolean;
-    isStateVisible: boolean;
-    stateValue?: undefined;
-} | {
-    isStateDisabled: boolean;
-    isStateVisible: boolean;
-    stateValue: (string & Partial<Record<string, never>>) | (true & Partial<Record<string | number | typeof Symbol.iterator, never>>) | ({
-        value?: string | number | undefined;
-    } & Record<string, {
-        value?: string | number | undefined;
-    }> & Partial<Record<number | typeof Symbol.iterator, never>>) | (import("..").ActionEventType & Partial<Record<number | typeof Symbol.iterator, never>>) | (import("..").ProcessTrackerStateValue & Partial<Record<string | number | typeof Symbol.iterator, never>>);
-};
-export {};