@zealicsolutions/web-ui 0.4.7 → 0.4.8-6.1

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

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

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

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

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

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

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

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 import { CheckboxInternalConfigProps } from './types';
 export declare type CheckboxProps = {
     id: string;
     onClick: (id: string) => void;
     label: string;
-} & 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;
+    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;

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

@@ -1,9 +1,8 @@
-/// <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, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
+    component: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
 };
 export default _default;
 export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,7 @@
 /// <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<{
@@ -8,7 +9,7 @@ declare const _default: {
         leftIcon: import("./Input").InputIconProps;
         rightIcon: import("./Input").InputIconProps;
         onBlur: import("../../typescript").Callback;
-        type: import("../..").InputFieldTypes;
+        type: InputFieldTypes;
         placeholder: string;
         disabled: boolean;
         isEditMode: boolean;
@@ -26,11 +27,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("../..").InputFieldTypes;
-            maskPattern: (string | RegExp)[];
-        }> | undefined;
+        config?: import("./helpers").MaskConfig | undefined;
         state: import("../..").FormStateType;
     }>) => JSX.Element;
 };

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

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

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

@@ -1,6 +1,6 @@
 import { SizesTypes } from 'theme';
-export declare type HorizontalPaddingProps = {
+export declare type PaddingProps = {
     padding: SizesTypes | number;
 };
-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>;
+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>;

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import type { Callback } from 'typescript';
-import { OverrideStyles } from 'typescript';
+import type { Callback, OverrideStyles } from 'typescript';
+import { SizesTypes } from 'theme';
 export declare type RegularImageProps = {
     src: string;
 } & Partial<{
@@ -7,7 +7,7 @@ export declare type RegularImageProps = {
     width: number | string;
     height: number | string;
     onClick: Callback;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | 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: number;
+    cornerRadius: SizesTypes | 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: number;
+    cornerRadius: SizesTypes | number;
 }> & OverrideStyles, never>;

package/dist/esm/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;
+        cornerRadius: number | import("../..").SizesTypes;
     }> & import("../../typescript").OverrideStyles, never>;
 };
 export default _default;

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

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

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

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

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

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

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

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

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

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

package/dist/esm/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>[];
+    options: MenuItem<K_1>[];
     onOptionClick: (optionKey: K) => void;
     tabTheme: TabTheme;
     divider: boolean;

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

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

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

@@ -1,4 +1,3 @@
-/// <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/esm/src/atoms/TextWrapper/TextWrapper.stories.d.ts

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

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

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

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

@@ -1,4 +1,3 @@
-/// <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/esm/src/atoms/ValidationTag/ValidationTag.d.ts

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

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

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

package/dist/esm/src/constants/params.d.ts

@@ -0,0 +1,8 @@
+export declare const paramKeys: {
+    internalLinkAlias: string;
+    internalLinkWebpageId: string;
+    internalLinkApplicationId: string;
+    previewApplicationId: string;
+    previewSelectedWebpageId: string;
+    runtimeSelectedWebpageId: string;
+};

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

@@ -1,66 +1,84 @@
 import { ContainerComponentProps, ContainerProps } from 'containers';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { AnyObject } from 'typescript';
-export declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, isFormInEditMode, }: Partial<{
+import type { AnyObject } from 'typescript';
+export declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: {
     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>>;
-            sliderProps: import("containers").SliderProps;
+            paddingTop: import("theme").SizesTypes;
+            paddingBottom: import("theme").SizesTypes;
+            paddingLeft: import("theme").SizesTypes;
+            paddingRight: import("theme").SizesTypes;
+            autoplay: boolean;
+            autoplayDuration: number;
             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>>;
-            sliderProps: import("containers").SliderProps;
+            paddingTop: import("theme").SizesTypes;
+            paddingBottom: import("theme").SizesTypes;
+            paddingLeft: import("theme").SizesTypes;
+            paddingRight: import("theme").SizesTypes;
+            autoplay: boolean;
+            autoplayDuration: number;
             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>>;
-        sliderProps: import("containers").SliderProps;
+        paddingTop: import("theme").SizesTypes;
+        paddingBottom: import("theme").SizesTypes;
+        paddingLeft: import("theme").SizesTypes;
+        paddingRight: import("theme").SizesTypes;
+        autoplay: boolean;
+        autoplayDuration: number;
         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, }: ContainerComponentProps & {
+export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, isConfigurationMode, }: ContainerComponentProps & {
     formData?: AnyObject | undefined;
     setFormData?: Dispatch<SetStateAction<AnyObject>> | undefined;
 }) => JSX.Element | null;

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

@@ -2,5 +2,7 @@ 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 }: FormContainerProps) => JSX.Element;
+export declare const FormContainer: ({ mode, children, id, isTrigger, }: FormContainerProps) => JSX.Element;

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

@@ -1,10 +1,9 @@
 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, isFormInEditMode, }: StepContainerProps) => JSX.Element | null;
+export declare const FormStepContainer: ({ order, id, metadata, formStepStyles, }: StepContainerProps) => JSX.Element | null;

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

@@ -1,12 +1,16 @@
-/// <reference types="react" />
-import { CustomDescendant } from 'atoms/RichTextViewer/types';
-import { Molecule } from 'containers';
+import { Molecule, MoleculeTypes } from 'containers';
 import { TabGroupProps } from 'molecules';
-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 & {
+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 & {
     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/esm/src/containers/OrganismItem.d.ts

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

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

@@ -1,11 +1,16 @@
 import { ConditionConfig, ConditionCriteria } from 'containers/types/types';
-import { AnyObject } from 'typescript';
+import type { 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?: AnyObject;
+    data?: FormDataForCheckingCriteria;
 };
 export declare const getEvaluateCriteriaFunction: ({ criteriaList, data, }: GetEvaluateCriteriaFunctionParams) => (criteria?: ConditionCriteria) => boolean;

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

@@ -1,17 +1,10 @@
-import { DataConnectionAttributes } from 'containers/types/moleculeTypes';
-import { InputFieldTypes } from 'fieldsConfiguration';
+import { DataConnectionValues } from 'containers/types/moleculeTypes';
 import { Dispatch, SetStateAction } from 'react';
-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;
+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;
 export {};

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

@@ -1,5 +1,18 @@
-import { MetadataType } from 'containers/types/types';
-export declare const useStateListenerValue: (metadata?: MetadataType) => {
-    isStateDisabled: boolean | undefined;
-    isStateVisible: boolean | undefined;
+declare type UseStateListenerValueProps = {
+    stateListenerId?: string;
+    isAction?: boolean;
 };
+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 {};

package/dist/esm/src/containers/hooks/useStateModifierHandler.d.ts

@@ -0,0 +1,7 @@
+declare type ActionTypeType = 'click' | 'start' | 'complete' | 'close';
+interface UseStateModifierHandlerProps {
+    isTrigger?: boolean;
+    id: string;
+}
+export declare const useStateModifierHandler: ({ id, isTrigger, }: UseStateModifierHandlerProps) => (actionType: ActionTypeType) => void;
+export {};