@zealicsolutions/web-ui 1.0.118 → 1.0.120

package/dist/cjs/components/Buttons/IconButton.d.ts

@@ -0,0 +1,12 @@
+import { ThemeColors } from 'theme';
+import { IconNames, TouchableOpacityProps } from 'components';
+import type { Callback } from 'typescript';
+export type IconButtonProps = {
+    name: IconNames;
+    size?: number;
+    onClick: Callback;
+    color?: ThemeColors | string;
+    fill?: ThemeColors | string;
+    pointerEvents?: 'auto' | 'none';
+};
+export declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Buttons/TextButton.d.ts

@@ -0,0 +1,21 @@
+import { BaseButtonProps } from 'molecules';
+import React from 'react';
+import type { StylesType } from 'typescript';
+export type LinkVariant = 'link' | 'custom';
+export type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+    textColor: string;
+}>;
+export declare const BaseTextButton: React.FC<TextButtonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>>;
+export declare const TextButton: import("@emotion/styled").StyledComponent<Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+    textColor: string;
+}> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/cjs/components/Buttons/TouchableOpacity.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+export type TouchableOpacityProps = PropsWithChildren<{
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
+    disabled?: boolean;
+}>;
+export declare const TouchableOpacity: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,14 @@
+import { CheckboxInternalConfigProps } from './types';
+export 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) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Checkbox/helpers.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxInternalConfigProps, CheckBoxStates, CheckboxStylesConfig } from './types';
+export declare const getCheckboxStyles: (isHovered: boolean, checkboxState: CheckBoxStates, internalConfig?: CheckboxInternalConfigProps) => CheckboxStylesConfig;

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

@@ -0,0 +1,18 @@
+import { SizesTypes, ThemeColors } from 'theme';
+import type { StylesType } from 'typescript';
+export type CheckboxInternalConfigProps = Partial<{
+    selectedCheckboxBackgroundColor: ThemeColors | string;
+    selectedCheckboxIconColor: ThemeColors | string;
+    buttonPadding: number;
+    textPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+    buttonOptionSpacing?: SizesTypes;
+}>;
+export type CheckboxStylesConfig = {
+    checkboxIconWrapperColor: StylesType;
+    checkboxIconColor: ThemeColors | string;
+    checkboxWrapperStyles: StylesType;
+    checkboxTextStyles: StylesType;
+};
+export type CheckBoxStates = 'selected' | 'disabled' | 'error' | 'default';

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

@@ -0,0 +1,12 @@
+import React from 'react';
+type CircleType = 'link' | 'message';
+export type CircleBoxProps = {
+    index: number;
+    type: CircleType;
+};
+export declare const Circle: ({ index, type }: CircleBoxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CirclesWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export {};

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ThemeColors } from 'theme';
+export type CircularIndicatorProps = {
+    active: boolean;
+    activeColor?: ThemeColors | string;
+    inactiveColor?: ThemeColors | string;
+};
+export declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CircularIndicatorStyledComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CircularIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/{esm/molecules → cjs/components}/ContentWrapper/ContentWrapper.stories.d.ts

@@ -4,7 +4,5 @@ declare const meta: Meta<typeof ContentWrapper>;
 export default meta;
 type Story = StoryObj<typeof ContentWrapper>;
 export declare const Default: Story;
-export declare const WithAbsoluteDrawer: Story;
 export declare const WithMargins: Story;
-export declare const WithMarginsAndAbsoluteDrawer: Story;
-export declare const WithConditionalMargin: Story;
+export declare const WithClassName: Story;

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

@@ -0,0 +1,14 @@
+import { FormStateType } from 'containers';
+export type CustomValidationRule<T = string> = {
+    text: string;
+    validate: (value?: T) => boolean;
+};
+export type CustomValidationProps<T = string> = {
+    label?: string;
+    value: T;
+    isSubmitted?: boolean;
+    rules: CustomValidationRule<T>[];
+    spacer?: number;
+    validationState?: FormStateType;
+};
+export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Error/SafeRender.d.ts

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const SafeRenderWrapper: FC<PropsWithChildren<{
+    additionalInfo?: string;
+}>>;

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

@@ -0,0 +1,27 @@
+import type { AutocompleteRenderGroupParams, AutocompleteRenderOptionState } from '@mui/material/Autocomplete';
+import React from 'react';
+export type GroupedOption = {
+    id: string;
+    label: string;
+    [key: string]: unknown;
+};
+export type GroupedAutocompleteProps<TOption extends GroupedOption = GroupedOption> = {
+    label: string;
+    options: TOption[];
+    value: TOption | null;
+    onChange: (next: TOption | null) => void;
+    getOptionLabel?: (o: TOption) => string;
+    disabled?: boolean;
+    loading?: boolean;
+    placeholder?: string;
+    groupBy?: (option: TOption) => string;
+    renderGroup?: (params: AutocompleteRenderGroupParams) => React.ReactNode;
+    highlightMatches?: boolean;
+    disableClientFilter?: boolean;
+    filterOptions?: (options: TOption[], state: {
+        inputValue: string;
+    }) => TOption[];
+    renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: TOption, state: AutocompleteRenderOptionState) => React.ReactNode;
+};
+export declare const GroupedAutocomplete: <TOption extends GroupedOption = GroupedOption>({ label, options, value, onChange, getOptionLabel, disabled, loading, placeholder, groupBy, renderGroup, highlightMatches, disableClientFilter, filterOptions, renderOption, }: GroupedAutocompleteProps<TOption>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default GroupedAutocomplete;

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

@@ -0,0 +1,11 @@
+export type HorizontalButtonsProps = {
+    selectedButtonId: string;
+    buttonOptions: {
+        value: string;
+        id: string;
+    }[];
+    onClick: (value: string) => void;
+    disabled?: boolean;
+    error?: boolean;
+};
+export declare const HorizontalButtons: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: HorizontalButtonsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+import { CSSObject } from '@emotion/react';
+import { ThemeColors } from 'theme';
+export type IconProps = {
+    name: IconNames;
+    size?: number;
+    color?: ThemeColors | string;
+    fill?: ThemeColors | string;
+    pointerEvents?: 'auto' | 'none';
+    style?: CSSObject;
+};
+declare const availableIcons: {
+    ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Bell: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CaretDown: ({ color, size, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CaretLeft: ({ color, size, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CaretRight: ({ color, size, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Check: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Close: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Edit: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Filter: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Hide: ({ color, size }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Info: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Mail: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Menu: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Minus: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Mobile: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Play: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Save: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Search: ({ size, color, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    View: ({ color, size, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Warning: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export type IconNames = keyof typeof availableIcons;
+export declare const Icon: ({ name, color, ...props }: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export type IconPickerProps = {
+    value?: string;
+    onChange: (name: string) => void;
+    label?: string;
+};
+export declare const IconPicker: React.FC<IconPickerProps>;

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

@@ -0,0 +1,39 @@
+import { FormStateType } from 'containers';
+import { InputFieldTypes } from 'fieldsConfiguration/types';
+import React from 'react';
+import { ThemeColors } from 'theme/types';
+import type { Callback, StylesType } from 'typescript';
+import type { IconNames } from '../Icon/Icon';
+import { MaskConfig } from './helpers';
+export type InputFieldInternalConfigProps = Partial<{
+    textColor: ThemeColors | string;
+    textFontSize: number;
+    placeholderTextColor: ThemeColors | string;
+    placeholderTextFontSize: number;
+    verticalPadding: number;
+    horizontalPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+}>;
+export type InputIconProps = {
+    name: IconNames;
+    onClick?: Callback;
+};
+export type InputProps = Partial<{
+    value: string;
+    leftIcon: InputIconProps;
+    rightIcon: InputIconProps;
+    onBlur: Callback;
+    type: InputFieldTypes;
+    placeholder: string;
+    disabled: boolean;
+    isEditMode: boolean;
+    isError: boolean;
+    maxLength: number;
+    onChange: (value: string) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    internalConfig: InputFieldInternalConfigProps;
+    config?: MaskConfig;
+    state: FormStateType;
+}>;
+export declare const Input: React.MemoExoticComponent<({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/cjs/components/Input/helpers.d.ts

@@ -0,0 +1,43 @@
+import { InputProps } from 'components';
+import { DataModelFieldFormatCodeTypes } from 'containers';
+import { HTMLInputTypeAttribute } from 'react';
+import { MaskedInputProps } from 'react-text-mask';
+import { ThemeColors } from 'theme';
+export type MaskConfig = {
+    maskPlaceholder?: string;
+    maskPattern?: Array<string | RegExp>;
+    dataModelFieldType: DataModelFieldFormatCodeTypes;
+};
+export declare const getSpecificInputProps: (type: string) => {
+    type?: HTMLInputTypeAttribute | undefined;
+    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+};
+export declare const getMaskInputProps: (type?: string, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
+export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
+    value: string;
+    leftIcon: import("components").InputIconProps;
+    rightIcon: import("components").InputIconProps;
+    onBlur: import("../../typescript").Callback;
+    type: InputFieldTypes;
+    placeholder: string;
+    disabled: boolean;
+    isEditMode: boolean;
+    isError: boolean;
+    maxLength: number;
+    onChange: (value: string) => void;
+    onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
+    internalConfig: Partial<{
+        textColor: string;
+        textFontSize: number;
+        placeholderTextColor: string;
+        placeholderTextFontSize: number;
+        verticalPadding: number;
+        horizontalPadding: number;
+        styles: import("@emotion/utils").SerializedStyles;
+        wrapperStyles: import("@emotion/utils").SerializedStyles;
+    }>;
+    config?: MaskConfig | undefined;
+    state: import("containers").FormStateType;
+}>, "disabled" | "isEditMode" | "isError"> & {
+    isFocused: boolean;
+}) => ThemeColors;

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

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

package/dist/{esm/molecules → cjs/components}/PdfDocument/PdfDocument.d.ts

@@ -1,3 +1,4 @@
+import { SxProps, Theme } from '@mui/material';
 import { ThemeColors } from 'theme';
 export type PdfDocumentProps = {
     source: string;
@@ -10,5 +11,6 @@ export type PdfDocumentProps = {
         paginationArrowColor: ThemeColors | string;
         disabledPaginationArrowColor: ThemeColors | string;
     }>;
+    sx?: SxProps<Theme>;
 };
-export declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const PdfDocument: ({ source, isMobile, customDocumentStyles, sx, }: PdfDocumentProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import { PdfDocument } from './PdfDocument';
+type Story = StoryObj<typeof PdfDocument>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const PdfDocumentExamples: Story;
+export declare const DefaultPdfViewer: Story;
+export declare const MobilePdfViewer: Story;
+export declare const DarkThemedPdfViewer: Story;
+export declare const StyledPdfViewer: Story;
+export declare const CompactPdfViewer: Story;
+export declare const PresentationPdfViewer: Story;
+export declare const EnhancedStyledPdfViewer: Story;
+export declare const BorderedPdfViewer: Story;
+export declare const CardPdfViewer: Story;

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

@@ -0,0 +1,56 @@
+import { RefCallBack } from 'react-hook-form/dist/types';
+import { SizesTypes, ThemeColors } from 'theme';
+import type { Callback, OverrideStyles, StyledTransientProps, StylesType } from 'typescript';
+import { SelectOption } from '../Select/Select';
+export type RadioButtonInternalConfigProps = Partial<{
+    selectedRadioOptionBackgroundColor: ThemeColors | string;
+    selectedRadioOptionIndicatorColor: ThemeColors | string;
+    buttonPadding: number;
+    textPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+    buttonOptionSpacing: SizesTypes;
+    radioGroupWrapperStyles: StylesType;
+}>;
+export type RadioButtonsProps<T extends string> = Partial<{
+    ref: RefCallBack;
+    name: string;
+    value: T;
+    options: SelectOption[];
+    onBlur: Callback;
+    onChange: (value: T) => void;
+    isRow: boolean;
+    isError: boolean;
+    disabled: boolean;
+    isEditMode: boolean;
+    isRichText: boolean;
+    internalConfig: RadioButtonInternalConfigProps;
+}>;
+export declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
+    ref: RefCallBack;
+    name: string;
+    value: T;
+    options: SelectOption[];
+    onBlur: Callback;
+    onChange: (value: T) => void;
+    isRow: boolean;
+    isError: boolean;
+    disabled: boolean;
+    isEditMode: boolean;
+    isRichText: boolean;
+    internalConfig: Partial<{
+        selectedRadioOptionBackgroundColor: ThemeColors | string;
+        selectedRadioOptionIndicatorColor: ThemeColors | string;
+        buttonPadding: number;
+        textPadding: number;
+        styles: StylesType;
+        wrapperStyles: StylesType;
+        buttonOptionSpacing: SizesTypes;
+        radioGroupWrapperStyles: StylesType;
+    }>;
+}>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RadioGroupWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").RadioGroupProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & StyledTransientProps<{
+    isRow: boolean;
+}> & OverrideStyles, {}, {}>;

package/dist/cjs/components/RadioButtons/RadioOption.d.ts

@@ -0,0 +1,11 @@
+import { RadioButtonInternalConfigProps, SelectOption } from 'components';
+type RadioOptionProps = {
+    option: SelectOption;
+    isError?: boolean;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isRichText?: boolean;
+    internalConfig?: RadioButtonInternalConfigProps;
+};
+export declare const RadioOption: ({ option, isError, disabled, isEditMode, isRichText, internalConfig, }: RadioOptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/RadioButtons/helpers.d.ts

@@ -0,0 +1,17 @@
+import { RadioButtonInternalConfigProps } from 'components';
+import { ThemeColors } from 'theme';
+import type { StylesType } from 'typescript';
+type RadioOptionStylesConfig = {
+    textStyles: StylesType;
+    groupWrapperStyles: StylesType;
+    radioIconWrapperStyles: StylesType;
+    radioLabelWrapperStyles: StylesType;
+    textColor: ThemeColors;
+};
+type GetRadioOptionStylesProps = Partial<{
+    isError: boolean;
+    disabled: boolean;
+    internalConfig: RadioButtonInternalConfigProps;
+}>;
+export declare const getRadioOptionStyles: ({ isError, disabled, internalConfig, }: GetRadioOptionStylesProps) => RadioOptionStylesConfig;
+export {};

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

@@ -0,0 +1,13 @@
+import type { OverrideStyles, StyledTransientProps } from 'typescript';
+export declare const RadioLabelWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlLabelProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & StyledTransientProps<{
+    isError?: boolean | undefined;
+}> & OverrideStyles, {}, {}>;
+export declare const RadioIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").RadioProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & StyledTransientProps<{
+    disabled: boolean;
+    isError?: boolean | undefined;
+    isEditMode?: boolean | undefined;
+}> & OverrideStyles, {}, {}>;

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import type { Callback, OverrideStyles } from 'typescript';
+import { SizesTypes } from 'theme';
+import { ConfigurationItemInfo } from 'containers';
+export type RegularImageProps = {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: number | string;
+    height: number | string;
+    onClick: Callback;
+    cornerRadius: SizesTypes | number;
+}> & ConfigurationItemInfo & OverrideStyles;
+export declare const RegularImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: number | string;
+    height: number | string;
+    onClick: Callback;
+    cornerRadius: SizesTypes | number;
+}> & ConfigurationItemInfo & OverrideStyles, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const BackgroundImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: number | string;
+    height: number | string;
+    onClick: Callback;
+    cornerRadius: SizesTypes | number;
+}> & ConfigurationItemInfo & OverrideStyles & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { Descendant } from 'slate';
+export declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
+export declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
+export declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
+export declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
+export declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
+export declare const richTextDefaultValue: Descendant[];
+export type RichTextEditorProps = {
+    value: string;
+    numberOfLines?: number;
+};
+export declare const RichTextViewer: FC<RichTextEditorProps>;

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

@@ -0,0 +1,2 @@
+import { RenderElementProps } from 'slate-react';
+export declare const EditorElement: (props: RenderElementProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { VariableElement } from '../types';
+type VariableProps = {
+    attributes: any;
+    children: React.ReactNode;
+    element: VariableElement;
+};
+export declare const Variable: React.FC<VariableProps>;
+export {};

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

@@ -0,0 +1,13 @@
+import { StateConfigType } from 'containers/types/types';
+import React from 'react';
+import { VariablePayload } from '../types';
+interface VariableFormatterProps {
+    children: React.ReactNode;
+    stateObject: StateConfigType;
+    variable: VariablePayload;
+    leaf: {
+        text: string;
+    };
+}
+export declare const VariableFormatter: React.FC<VariableFormatterProps>;
+export {};

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

@@ -0,0 +1,4 @@
+export { EditorElement } from './EditorElement';
+export { Leaf } from './Leaf';
+export { Variable } from './Variable';
+export { VariableFormatter } from './VariableFormatter';

package/dist/cjs/components/RichTextViewer/plugins/withLinks.d.ts

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

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;
+};