@zealicsolutions/web-ui 1.0.133 → 1.0.135

package/dist/cjs/components/RichTextViewer/types.d.ts

@@ -0,0 +1,60 @@
+export type TextFormatType = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'numbered-list' | 'bulleted-list' | 'communicationLink' | 'tag' | 'variable' | 'color' | 'bgColor' | 'fontSize' | 'fontFamily' | 'lineHeight' | 'letterSpacing' | 'textAlign';
+export type LinkType = 'externalLink' | 'internalLink';
+export type DataDisplayFormatType = 'phone_number' | 'us_zip_code' | 'zip_code' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date' | 'month_year_date' | 'numeric' | 'integer' | 'email' | 'password' | 'text' | 'string' | 'any';
+export type CommunicationLinkPayload = {
+    type: LinkType;
+    url: string;
+};
+export type DataModelField = {
+    defaultValue?: string | number | boolean | null;
+    pmiObjectName?: string;
+    dataFieldName?: string;
+    pmiObjectId?: string;
+    dataModelFieldId: string;
+    dataType?: string;
+    format?: DataDisplayFormatType;
+};
+export type VariablePayload = {
+    id: string;
+    text: string;
+    dataModelField?: DataModelField;
+};
+export type TextFormat = {
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    strikethrough?: boolean;
+    communicationLink?: CommunicationLinkPayload;
+    variable?: VariablePayload;
+    tag?: {
+        id: string;
+        label: string;
+    };
+    listItem?: boolean;
+    numberedList?: boolean;
+    bulletedList?: boolean;
+    color?: string;
+    bgColor?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    letterSpacing?: string;
+    lineHeight?: string;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+};
+export type CustomElementType = 'paragraph' | 'listItem' | 'orderedList' | 'unorderedList' | 'bulletedList' | 'numberedList' | 'headingOne' | 'headingTwo' | 'headingThree' | 'blockquote' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'justify' | 'span' | 'variable';
+export type CustomText = {
+    text: string;
+    type?: CustomElementType;
+} & TextFormat;
+export type VariableElement = {
+    type: 'variable';
+    variable: VariablePayload;
+    children: CustomText[];
+};
+export type CustomElement = {
+    type: Exclude<CustomElementType, 'variable'>;
+    children: (CustomText | CustomElement)[];
+    href?: string;
+    format?: TextFormatType;
+} | VariableElement;
+export type CustomDescendant = CustomText | CustomElement;

package/dist/cjs/components/RichTextViewer/withVariables.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from 'slate';
+export declare const withVariables: (editor: Editor) => import("slate").BaseEditor & import("slate-react").ReactEditor & {
+    type: import("./types").TextFormat;
+};

package/dist/cjs/components/Select/Select.d.ts

@@ -0,0 +1,34 @@
+import { RefCallBack } from 'react-hook-form/dist/types';
+import { ThemeColors } from 'theme';
+import type { AnyObject, Callback, StylesType } from 'typescript';
+export type SelectOption = {
+    id: string;
+    label: string;
+    value?: string;
+    config?: AnyObject;
+};
+export type SelectInternalConfigurationOptions = {
+    placeholderTextColor: ThemeColors | string;
+    placeholderTextFontSize: number;
+    selectedTextColor: ThemeColors | string;
+    selectedTextFontSize: number;
+    verticalPadding: number;
+    horizontalPadding: number;
+    wrapperStyles: StylesType;
+    styles: StylesType;
+};
+export type SelectProps = Partial<{
+    ref: RefCallBack;
+    onBlur: Callback;
+    value: string;
+    optionsPresentation: boolean;
+    onChange: (value: string) => void;
+    placeholder: string;
+    disabled: boolean;
+    options: SelectOption[];
+    isError: boolean;
+    isEditMode: boolean;
+    selectInternalConfig: SelectInternalConfigurationOptions;
+    isRichText: boolean;
+}>;
+export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Select/styles.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { StylesType } from 'typescript';
+import { SelectInternalConfigurationOptions } from './Select';
+type SelectContainerProps = {
+    hasValue: boolean;
+    disabled: boolean;
+    isOpen: boolean;
+    hasError: boolean;
+    $styles: StylesType;
+    isEditMode?: boolean;
+};
+export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & SelectContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropdownMenu: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropdownMenuItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $selected: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const getSelectStyles: (internalConfig?: SelectInternalConfigurationOptions, isSelectedOption?: boolean) => StylesType;
+export {};

package/dist/cjs/components/Spacer/Spacer.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SizesTypes } from 'theme';
+export type SpacerProps = {
+    width?: SizesTypes | number;
+    height?: SizesTypes | number;
+    layout?: 'div' | 'span';
+};
+export declare const Spacer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & SpacerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/Spinner/Spinner.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { SizesTypes, ThemeColors } from 'theme/types';
+export declare const Spinner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color?: ThemeColors | undefined;
+    size?: SizesTypes | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/TextWrapper/TextWrapper.d.ts

@@ -0,0 +1,30 @@
+import { ConfigurationItemInfo } from 'containers';
+import { PropsWithChildren } from 'react';
+import { FontSizesTypes, ThemeColors } from 'theme/types';
+import type { StylesType } from 'typescript';
+export type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
+export type TextAlign = 'center' | 'right' | 'left';
+export type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+export type TextElementProps = {
+    variant: FontSizesTypes;
+    layout?: 'div' | 'span';
+    type?: TextTypes;
+    styles?: StylesType;
+    color?: ThemeColors | string;
+    numberOfLines?: number;
+    textAlign?: TextAlign;
+    behaveAs?: 'text' | 'button';
+    seoTag?: SeoTags;
+    htmlElementId?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
+};
+export type TextWrapperProps = PropsWithChildren<TextElementProps>;
+export declare const TextWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TextElementProps & {
+    children?: import("react").ReactNode;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ErrorText: ({ text }: {
+    text: string;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Toast/ToastContent.d.ts

@@ -0,0 +1,7 @@
+import { ToastType } from './types';
+type ToastContentProps = {
+    type: ToastType;
+    message: string;
+};
+export declare const ToastContent: ({ type, message }: ToastContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/Toast/toast.d.ts

@@ -0,0 +1,3 @@
+import { ToastParams } from './types';
+import 'rc-notification/assets/index.css';
+export declare const toast: ({ message, type, duration }: ToastParams) => void | undefined;

package/dist/cjs/components/Toast/types.d.ts

@@ -0,0 +1,6 @@
+export type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
+export type ToastParams = {
+    message: string;
+    type?: ToastType;
+    duration?: number;
+};

package/dist/cjs/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TooltipProps as TooltipComponentProps } from 'rc-tooltip/lib/Tooltip';
+import type { OverrideStyles, StylesType } from 'typescript';
+import 'rc-tooltip/assets/bootstrap.css';
+export type TooltipProps = Pick<TooltipComponentProps, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'> & {
+    styles?: StylesType;
+};
+export declare const StyleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & OverrideStyles, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ValidationTag/ValidationTag.d.ts

@@ -0,0 +1,6 @@
+export type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
+export type ValidationTagProps = {
+    status: ValidationTagStatus;
+    text: string;
+};
+export declare const ValidationTag: ({ text, status }: ValidationTagProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ZealUIModal/ZealUIModal.d.ts

@@ -0,0 +1,30 @@
+import { ModalProps as MUIModalProps } from '@mui/material';
+import React, { CSSProperties, KeyboardEvent, PropsWithChildren } from 'react';
+import type { OverrideStyles } from 'typescript';
+export type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
+    padding?: number | string;
+    wrapperStyles?: CSSProperties;
+    onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
+    modalStyles?: CSSProperties;
+    size?: string;
+    popupId: string;
+    onClose: () => void;
+    withCloseIcon?: boolean;
+};
+export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, withCloseIcon, ...rest }: ZealUIModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ModalWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & OverrideStyles, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/cjs/components/ZealUIModal/ZealUIModal.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
+declare const _default: {
+    title: string;
+    component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, withCloseIcon, ...rest }: import("./ZealUIModal").ZealUIModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,25 @@
+export * from '../contexts';
+export * from '../molecules/Button';
+export * from './Buttons/IconButton';
+export * from './Buttons/TextButton';
+export * from './Buttons/TouchableOpacity';
+export * from './Circle/Circle';
+export * from './CircularIndicator/CircularIndicator';
+export * from './ContentWrapper/ContentWrapper';
+export * from './CustomValidation/CustomValidation';
+export * from './HorizontalButtons/HorizontalButtons';
+export * from './Icon/Icon';
+export * from './Input/Input';
+export * from './Paddings/Paddings';
+export * from './PdfDocument/PdfDocument';
+export * from './RadioButtons/RadioButtons';
+export * from './RegularImage/RegularImage';
+export * from './RichTextViewer/RichTextViewer';
+export * from './Select/Select';
+export * from './Spacer/Spacer';
+export * from './Spinner/Spinner';
+export * from './TextWrapper/TextWrapper';
+export * from './Toast/toast';
+export * from './Tooltip/Tooltip';
+export * from './ValidationTag/ValidationTag';
+export * from './ZealUIModal/ZealUIModal';

package/dist/cjs/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/cjs/containers/Container.d.ts

@@ -0,0 +1,8 @@
+import { ContainerProps } from 'containers';
+import { FC, PropsWithChildren } from 'react';
+import { DmfId, PathSegment } from '../contexts/ContainerRuntimeContext/types';
+export declare const Container: FC<PropsWithChildren<ContainerProps & {
+    id: string;
+    nestedPathSegments?: PathSegment[];
+    replicatorFieldId?: DmfId;
+}>>;

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

@@ -0,0 +1,22 @@
+import type { Meta, StoryFn } from '@storybook/react';
+import { ContainerComponentProps } from 'containers';
+import { SizesTypes } from 'theme/types';
+import { ContainerStoriesComponent } from './ContainerStoriesComponent';
+type StoryProps = Omit<ContainerComponentProps, 'instance'> & {
+    backgroundImage?: string[];
+    enableBackgroundImage?: boolean;
+    widePaddingTop?: SizesTypes;
+    widePaddingBottom?: SizesTypes;
+    widePaddingLeft?: SizesTypes;
+    widePaddingRight?: SizesTypes;
+    compactPaddingTop?: SizesTypes;
+    compactPaddingBottom?: SizesTypes;
+    compactPaddingLeft?: SizesTypes;
+    compactPaddingRight?: SizesTypes;
+    instance: 'container';
+};
+declare const meta: Meta<typeof ContainerStoriesComponent>;
+export default meta;
+type Story = StoryFn<StoryProps>;
+export declare const Container: Story;
+export declare const HeaderWithDrawer: Story;

package/dist/cjs/containers/ContainerStoriesComponent.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
+import type { AnyObject } from '../typescript';
+import { ContainerComponentProps } from './types/types';
+export declare const ContainerStoriesComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, properties, isConfigurationMode, }: ContainerComponentProps & {
+    formData?: AnyObject | undefined;
+    setFormData?: Dispatch<SetStateAction<AnyObject>> | undefined;
+}) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/cjs/containers/DefaultContainer/DefaultContainer.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import { OrganismItem } from '../OrganismItem';
+type Story = StoryObj<typeof OrganismItem>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const DefaultContainerExamples: Story;
+export declare const RowLayout: Story;
+export declare const ColumnLayout: Story;
+export declare const TwoColumnLayout: Story;
+export declare const ThreeColumnLayout: Story;
+export declare const GridLayout: Story;
+export declare const HeaderTwoColumnsLayout: Story;
+export declare const TwoColumnsHeaderLayout: Story;

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

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react';
+import { OrganismItem } from '../OrganismItem';
+type Story = StoryObj<typeof OrganismItem>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const FormContainerExamples: Story;
+export declare const ContactForm: Story;
+export declare const MultiStepFormWithSlider: Story;

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

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+export declare const walkFields: (node: Record<string, unknown>, fn: (f: {
+    name: string;
+    rules?: unknown;
+}) => void) => void;
+export type FormContainerProps = PropsWithChildren<{
+    mode?: 'onSubmit' | 'onBlur' | 'onChange' | 'all';
+    state?: 'default' | 'required_error' | 'validation_error';
+}>;
+export declare const FormContainer: ({ mode, state, children }: FormContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/containers/FormOrganismItem.d.ts

@@ -0,0 +1,11 @@
+import { ContainerComponentProps } from 'containers/types/types';
+import { Dispatch, SetStateAction } from 'react';
+import type { AnyObject } from 'typescript';
+export type FormOrganismItemProps = {
+    item: ContainerComponentProps;
+    activeChildrenIds: string[];
+    formData?: AnyObject;
+    setFormData?: Dispatch<SetStateAction<AnyObject>>;
+    isMobile?: boolean;
+};
+export declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,9 @@
+import { FormStepContainerProps, MetadataType } from 'containers';
+import { FC, PropsWithChildren } from 'react';
+import type { AnyObject } from 'typescript';
+export type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
+    id: string;
+    metadata?: MetadataType;
+    containerProps: AnyObject;
+};
+export declare const FormStepContainer: FC<StepContainerProps>;

package/dist/cjs/containers/JourneyDrivenContainer/JourneyDrivenContainer.stories.d.ts

@@ -0,0 +1,6 @@
+import type { StoryObj } from '@storybook/react';
+import { OrganismItem } from '../OrganismItem';
+type Story = StoryObj<typeof OrganismItem>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const ThreeStepJourney: Story;

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

@@ -0,0 +1,29 @@
+import { Dispatch, FC, SetStateAction } from 'react';
+import { PathSegment } from '../contexts/ContainerRuntimeContext/types';
+import type { AnyObject } from '../typescript';
+import { ContainerComponentProps, Molecule } from './index';
+export type HeaderTabs = {
+    text: string;
+    tabKey?: string;
+    options: {
+        id: string;
+        title: string;
+        onClick: () => void;
+    }[];
+};
+export type OrganismItemProps = {
+    item: ContainerComponentProps | Molecule;
+    tabsProps?: {
+        tabs: HeaderTabs[];
+        activeTabKey?: string;
+        onTabChange: (tabKey: string) => void;
+    };
+    formData?: AnyObject;
+    setFormData?: Dispatch<SetStateAction<AnyObject>>;
+    isMobile?: boolean;
+    parentId?: string;
+    isConfigurationMode?: boolean;
+    onConfigurationItemHandler?: (itemPath: string) => void;
+    nestedPathSegments?: PathSegment[];
+};
+export declare const OrganismItem: FC<OrganismItemProps>;

package/dist/cjs/containers/ReplicatorContainer/ReplicatorContainer.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { DmfId, PathSegment } from '../../contexts/ContainerRuntimeContext/types';
+export type ReplicatorContainerProps = {
+    replicatorFieldId?: DmfId;
+    nestedPathSegments?: PathSegment[];
+    children?: React.ReactNode;
+    /**
+     * Optional render function used by the parent Container to replicate the full
+     * container wrapper (styles, configuration handlers, etc.) for each iteration.
+     * When not provided, children are rendered directly.
+     */
+    renderWrapper?: (iterationIndex: number | undefined, children: React.ReactNode) => React.ReactNode;
+};
+export declare const ReplicatorContainer: React.NamedExoticComponent<React.PropsWithChildren<ReplicatorContainerProps>>;

package/dist/cjs/containers/ReplicatorContainer/ReplicatorContainer.stories.d.ts

@@ -0,0 +1,6 @@
+import type { StoryObj } from '@storybook/react';
+import { OrganismItem } from '../OrganismItem';
+type Story = StoryObj<typeof OrganismItem>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const DataListReplicator: Story;

package/dist/cjs/containers/ReplicatorContainer/index.d.ts

@@ -0,0 +1 @@
+export * from './ReplicatorContainer';

package/dist/cjs/containers/SliderContainer/SliderContainer.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react';
+import { OrganismItem } from '../OrganismItem';
+type Story = StoryObj<typeof OrganismItem>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const SliderContainerExamples: Story;
+export declare const ProductShowcaseSlider: Story;
+export declare const TestimonialsSlider: Story;

package/dist/cjs/containers/containerConfigurators.d.ts

@@ -0,0 +1,6 @@
+export type ContainerConfiguratorDescriptor = {
+    component: string;
+    version: string;
+    [key: string]: unknown;
+};
+export declare const containerConfiguratorsMap: Record<string, ContainerConfiguratorDescriptor>;

package/dist/cjs/containers/helpers.d.ts

@@ -0,0 +1,7 @@
+import { ContainerScrollBehaviourType, Padding } from 'containers/types/types';
+import { ThemeSizesType } from 'theme';
+import type { Nullable } from 'typescript';
+export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: unset";
+export declare const getPadding: (padding: Padding, sizes: ThemeSizesType) => string;
+export declare const isInViewport: (element: Nullable<HTMLElement>) => boolean;
+export declare const getBackgroundImageStyles: (enableBackgroundImage?: boolean, backgroundImage?: string) => import("@emotion/react").SerializedStyles | undefined;

package/dist/cjs/containers/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useCheckCondition } from './useCheckCondition';
+export { useFormOrganismItem } from './useFormOrganismItem';
+export { useStateModifierHandler } from './useStateModifierHandler';

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

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

package/dist/cjs/containers/hooks/useFormOrganismItem.d.ts

@@ -0,0 +1,3 @@
+import { FormOrganismItemProps } from 'containers/FormOrganismItem';
+import { ContainerComponentProps } from 'containers/types/types';
+export declare const useFormOrganismItem: ({ item, activeChildrenIds }: FormOrganismItemProps) => ContainerComponentProps | undefined;

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

@@ -0,0 +1,13 @@
+type UseStateListenerValueProps = {
+    stateListenerId?: string;
+};
+export declare const useStateListenerValue: ({ stateListenerId }: UseStateListenerValueProps) => {
+    isStateDisabled: boolean;
+    isStateVisible: boolean;
+    stateValue?: undefined;
+} | {
+    isStateDisabled: boolean;
+    isStateVisible: boolean;
+    stateValue: string | true | import("..").FormDataStateConfig | import("..").ActionEventType | import("..").BaseStateValue;
+};
+export {};

package/dist/cjs/containers/hooks/useStateModifierHandler.d.ts

@@ -0,0 +1,7 @@
+import { ActionType } from 'containers';
+export declare const useStateModifierHandler: () => {
+    onStateChange: ({ id, type }: {
+        id?: string | undefined;
+        type: ActionType;
+    }) => void;
+};

package/dist/cjs/containers/hooks/useStateViewModifierHandler.d.ts

@@ -0,0 +1,2 @@
+import { MetadataStateConfig } from 'containers/types/types';
+export declare const useStateViewModifierHandler: (itemStateConfig?: MetadataStateConfig[]) => string | undefined;

package/dist/cjs/containers/hooks/useStep.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+interface Helpers {
+    goToNextStep: () => void;
+    goToPrevStep: () => void;
+    reset: () => void;
+    canGoToNextStep: boolean;
+    canGoToPrevStep: boolean;
+    setStep: Dispatch<SetStateAction<number>>;
+}
+export declare const useStep: (maxStep: number) => [number, Helpers];
+export {};

package/dist/cjs/containers/index.d.ts

@@ -0,0 +1,8 @@
+export { BaseMolecule } from '../molecules/BaseMolecule';
+export * from './Container';
+export { FormOrganismItem } from './FormOrganismItem';
+export { OrganismItem } from './OrganismItem';
+export type { HeaderTabs } from './OrganismItem';
+export { ConfigurationItemInfo, ContainerWrapper } from './styles';
+export * from './types/moleculeTypes';
+export * from './types/types';