@zealicsolutions/web-ui 0.3.267 → 0.3.333

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { EmphasizedText as EmphasizedTextComponent } from './EmphasizedText';
+declare const _default: {
+    title: string;
+    component: ({ textContent, invertColors }: import("./EmphasizedText").EmphasizedTextProps) => JSX.Element;
+};
+export default _default;
+export declare const EmphasizedText: ComponentStory<typeof EmphasizedTextComponent>;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { InputFieldProps, MenuItemsProps } from 'molecules';
+import { FilteredFeedContentType } from 'organisms';
+export declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;
+export declare type FeedContentHeaderProps = {
+    title: string;
+    enableFavoriting?: boolean;
+    templateType: FeedTemplateKeys;
+    isMobile?: boolean;
+    menuConfig: MenuItemsProps<FilteredFeedContentType>;
+} & Partial<Omit<InputFieldProps, 'labelsProps' | 'required' | 'optional'>>;
+export declare const FeedContentHeader: ({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: FeedContentHeaderProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { FeedContentHeader as FeedContentHeaderComponent } from './FeedContentHeader';
+declare const _default: {
+    title: string;
+    component: ({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: import("./FeedContentHeader").FeedContentHeaderProps) => JSX.Element;
+};
+export default _default;
+export declare const FeedContentHeader: ComponentStory<typeof FeedContentHeaderComponent>;

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

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import type { StylesType } from 'typescript';
+import { FontSizesTypes, ThemeColors } from 'theme';
+export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
+export declare type LabelInternalConfig = {
+    fontVariant: FontSizesTypes;
+    fontSize: number;
+    fontWeight: string | number;
+    color: ThemeColors | string;
+    padding: string;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+};
+export declare type RuleLabelInternalConfig = {
+    requiredTextColor: ThemeColors | string;
+    optionalTextColor: ThemeColors | string;
+    padding: string;
+    fontSize: number;
+    styles: StylesType;
+};
+export declare type TooltipInternalConfig = {
+    fontVariant: FontSizesTypes;
+    fontSize: number;
+    fontWeight: string | number;
+    color: ThemeColors | string;
+    padding: string;
+    backgroundColor: ThemeColors | string;
+    iconColor: ThemeColors | string;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+};
+export declare type FieldLabelsProps = {
+    label?: string;
+    tooltipText?: string;
+    isError?: boolean;
+    isTooltipVisible?: boolean;
+    ruleLabel?: FieldRuleLabelTypes;
+    labelInternalConfig?: LabelInternalConfig;
+    ruleLabelInternalConfig?: RuleLabelInternalConfig;
+    tooltipInternalConfig?: TooltipInternalConfig;
+    isRichText?: boolean;
+};
+export declare const FieldLabels: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, labelInternalConfig, ruleLabelInternalConfig, tooltipInternalConfig, isRichText, }: FieldLabelsProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StoryFn } from '@storybook/react';
+import { FieldLabelsProps } from './FieldLabels';
+declare const _default: {
+    title: string;
+    component: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, labelInternalConfig, ruleLabelInternalConfig, tooltipInternalConfig, isRichText, }: FieldLabelsProps) => JSX.Element;
+};
+export default _default;
+export declare const FieldLabels: StoryFn<FieldLabelsProps>;

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

@@ -0,0 +1,8 @@
+import { StylesType } from 'typescript';
+import { TooltipInternalConfig } from './FieldLabels';
+declare type ToolTipStylesConfig = {
+    tooltipStyles: StylesType;
+    tooltipWrapperStyles: StylesType;
+};
+export declare const getTooltipStyles: (internalConfig?: TooltipInternalConfig) => ToolTipStylesConfig;
+export {};

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { UIField } from 'fieldsConfiguration';
+import { Control } from 'react-hook-form/dist/types';
+import { StylesType } from 'typescript';
+export declare type FieldMapperProps<T extends object> = {
+    field: UIField<keyof T>;
+    isEditMode?: boolean;
+    control?: Control<T>;
+    spacer?: number;
+    isTooltipVisible?: boolean;
+    optionsPresentation?: boolean;
+    styles?: StylesType;
+};
+export declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form/dist/types';
+import { UIFields } from '../../fieldsConfiguration';
+export declare type FieldSectionProps<T extends object> = {
+    label: string;
+    control?: Control<T>;
+    isEditMode?: boolean;
+    fields: UIFields<T>;
+};
+export declare const FieldSection: <T extends object>({ fields, label, isEditMode, control, }: FieldSectionProps<T>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { FieldSection as FieldSectionComponent } from './FieldSection';
+declare const _default: {
+    title: string;
+    component: <T extends object>({ fields, label, isEditMode, control, }: import("./FieldSection").FieldSectionProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const FieldSection: ComponentStory<typeof FieldSectionComponent>;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { RegularImageProps } from 'atoms';
+import { ButtonProps } from 'molecules';
+export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
+export declare type HeroImageTemplate = 'card' | 'full_width';
+export declare type HeroImageProps = {
+    type: 'hero_image';
+    backgroundImage: RegularImageProps;
+    mainHeading: string;
+    subHeading?: string;
+    button?: ButtonProps;
+    contentAlignment?: HeroImageAlignment;
+    horizontalPaddings?: number;
+    template?: HeroImageTemplate;
+    isMobile?: boolean;
+    height?: number;
+};
+export declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, height, }: HeroImageProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { HeroImage as HeroImageComponent } from './HeroImage';
+declare const _default: {
+    title: string;
+    component: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, height, }: import("./HeroImage").HeroImageProps) => JSX.Element;
+};
+export default _default;
+export declare const HeroImage: ComponentStory<typeof HeroImageComponent>;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { HorizontalButtonsProps } from 'atoms';
+import { Control } from 'react-hook-form/dist/types';
+declare type ToggleFieldProps = {
+    name: string;
+    title: string;
+    control?: Control<any>;
+    description?: string;
+    horizontalButtonsProps: HorizontalButtonsProps;
+    defaultValue?: string;
+};
+export declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { HorizontalButtonsField as HorizontalButtonsFieldComponent } from './HorizontalButtonsField';
+declare const _default: {
+    title: string;
+    component: ({ name, title, control, description, horizontalButtonsProps, }: {
+        name: string;
+        title: string;
+        control?: import("react-hook-form").Control<any, any> | undefined;
+        description?: string | undefined;
+        horizontalButtonsProps: import("../..").HorizontalButtonsProps;
+        defaultValue?: string | undefined;
+    }) => JSX.Element;
+};
+export default _default;
+export declare const HorizontalButtonsField: ComponentStory<typeof HorizontalButtonsFieldComponent>;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Callback, StylesType } from 'typescript';
+export declare type ImageProps = {
+    src: string;
+} & Partial<{
+    id: string;
+    altText: string;
+    link: string;
+    onClick: Callback;
+    width: number;
+    height: number;
+    cornerRadius: number;
+    behaveAs: 'background' | 'regular';
+    styles: StylesType;
+}>;
+export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;

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

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

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { InputProps } from 'atoms';
+import { ConditionConfig, FormStateType } from 'containers';
+import { InputFieldTypes } from 'fieldsConfiguration';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { StylesType } from 'typescript';
+import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
+export declare type InputFieldProps = Partial<{
+    name: string;
+    control: Control<any>;
+    rules: ControllerProps['rules'];
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    inputProps: InputProps;
+    styles: StylesType;
+    labelsProps: FieldLabelsProps;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+}>;
+declare type ReturnValueType = Record<FormStateType, string>;
+export declare const getMockValueForSuccessAndFormatError: (type: InputFieldTypes) => ReturnValueType;
+export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: InputFieldProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,67 @@
+/// <reference types="react" />
+import { StoryFn } from '@storybook/react';
+import { InputFieldProps } from './InputField';
+declare const _default: {
+    title: string;
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: Partial<{
+        name: string;
+        control: import("react-hook-form").Control<any, any>;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        required: boolean;
+        optional: boolean;
+        defaultValue: string;
+        inputProps: Partial<{
+            value: string;
+            leftIcon: import("../..").InputIconProps;
+            rightIcon: import("../..").InputIconProps;
+            onBlur: import("typescript").Callback;
+            type: import("fieldsConfiguration").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("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            }>;
+            config?: Partial<{
+                maskPlaceholder: string;
+                dataModelFieldType: import("fieldsConfiguration").InputFieldTypes;
+                maskPattern: (string | RegExp)[];
+            }> | undefined;
+            state: import("../..").FormStateType;
+        }>;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        labelsProps: import("..").FieldLabelsProps;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+    }>) => JSX.Element | null;
+};
+export default _default;
+export declare const InputField: StoryFn<InputFieldProps>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextButtonProps } from 'atoms';
+export declare type LinkProps = Omit<TextButtonProps, 'children'> & Partial<{
+    text: string;
+    isRichText: boolean;
+    href: string;
+}>;
+export declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type MenuItem<T> = {
+    id: T;
+    title: string;
+    onClick?: (id: T) => void;
+};
+export declare type MenuItemsProps<T> = {
+    title?: string;
+    onItemPress?: (id: T) => void;
+    options?: MenuItem<T>[];
+};
+export declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ThemeColors } from 'theme';
+export declare type PdfDocumentProps = {
+    source: string;
+    isMobile?: boolean;
+    customDocumentStyles?: Partial<{
+        wrapperBackgroundColor: ThemeColors | string;
+        pageNumberColor: ThemeColors | string;
+        pageWidth: number;
+        pageHeight: number;
+        paginationArrowColor: ThemeColors | string;
+        disabledPaginationArrowColor: ThemeColors | string;
+    }>;
+};
+export declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { PdfDocument as PdfDocumentComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ source, isMobile, customDocumentStyles, }: import("molecules").PdfDocumentProps) => JSX.Element;
+};
+export default _default;
+export declare const PdfDocument: ComponentStory<typeof PdfDocumentComponent>;

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

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
+import { ConditionConfig, FormStateType } from 'containers';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { StylesType } from 'typescript';
+import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
+export declare type RadioButtonFieldProps<T extends string> = Partial<{
+    name: string;
+    rules: ControllerProps['rules'];
+    styles: StylesType;
+    control: Control<any>;
+    optional: boolean;
+    required: boolean;
+    labelsProps: FieldLabelsProps;
+    defaultValue: string;
+    radioButtonsProps: RadioButtonsProps<T>;
+    internalConfig: RadioButtonInternalConfigProps;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+}>;
+export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
+    name: string;
+    rules: ControllerProps['rules'];
+    styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    control: Control<any>;
+    optional: boolean;
+    required: boolean;
+    labelsProps: FieldLabelsProps;
+    defaultValue: string;
+    radioButtonsProps: Partial<{
+        ref: import("react-hook-form").RefCallBack;
+        name: string;
+        value: T;
+        options: import("atoms").SelectOption[];
+        onBlur: import("typescript").Callback;
+        onChange: (value: T) => void;
+        isRow: boolean;
+        isError: boolean;
+        disabled: boolean;
+        isEditMode: boolean;
+        isRichText: boolean;
+        internalConfig: Partial<{
+            selectedRadioOptionBackgroundColor: string;
+            selectedRadioOptionIndicatorColor: string;
+            buttonPadding: number;
+            textPadding: number;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            buttonOptionSpacing: import("../..").SizesTypes;
+            radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        }>;
+    }>;
+    internalConfig: Partial<{
+        selectedRadioOptionBackgroundColor: string;
+        selectedRadioOptionIndicatorColor: string;
+        buttonPadding: number;
+        textPadding: number;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        buttonOptionSpacing: import("../..").SizesTypes;
+        radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    }>;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+}>) => JSX.Element | null;

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

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
+declare const _default: {
+    title: string;
+    component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
+        name: string;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        control: import("react-hook-form").Control<any, any>;
+        optional: boolean;
+        required: boolean;
+        labelsProps: import("..").FieldLabelsProps;
+        defaultValue: string;
+        radioButtonsProps: Partial<{
+            ref: import("react-hook-form").RefCallBack;
+            name: string;
+            value: T;
+            options: import("../..").SelectOption[];
+            onBlur: import("typescript").Callback;
+            onChange: (value: T) => void;
+            isRow: boolean;
+            isError: boolean;
+            disabled: boolean;
+            isEditMode: boolean;
+            isRichText: boolean;
+            internalConfig: Partial<{
+                selectedRadioOptionBackgroundColor: string;
+                selectedRadioOptionIndicatorColor: string;
+                buttonPadding: number;
+                textPadding: number;
+                styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                buttonOptionSpacing: import("theme").SizesTypes;
+                radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            }>;
+        }>;
+        internalConfig: Partial<{
+            selectedRadioOptionBackgroundColor: string;
+            selectedRadioOptionIndicatorColor: string;
+            buttonPadding: number;
+            textPadding: number;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            buttonOptionSpacing: import("theme").SizesTypes;
+            radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        }>;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+    }>) => JSX.Element | null;
+};
+export default _default;
+export declare const RadioButtonField: ComponentStory<typeof RadioButtonFieldComponent>;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { SelectProps } from 'atoms';
+import { ConditionConfig, FormStateType } from 'containers';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { StylesType } from 'typescript';
+import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
+export declare type SelectFieldProps = Partial<{
+    selectProps: SelectProps;
+    labelsProps: FieldLabelsProps;
+    name: string;
+    rules: ControllerProps['rules'];
+    control: Control<any>;
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    styles: StylesType;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+}>;
+export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;

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

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { StoryFn } from '@storybook/react';
+import { SelectFieldProps } from './SelectField';
+declare const _default: {
+    title: string;
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: Partial<{
+        selectProps: Partial<{
+            ref: import("react-hook-form").RefCallBack;
+            onBlur: import("typescript").Callback;
+            value: string;
+            optionsPresentation: boolean;
+            onChange: (value: string) => void;
+            placeholder: string;
+            disabled: boolean;
+            options: import("../..").SelectOption[];
+            isError: boolean;
+            isEditMode: boolean;
+            selectInternalConfig: import("../..").SelectInternalConfigurationOptions;
+            isRichText: boolean;
+        }>;
+        labelsProps: import("..").FieldLabelsProps;
+        name: string;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        control: import("react-hook-form").Control<any, any>;
+        required: boolean;
+        optional: boolean;
+        defaultValue: string;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+    }>) => JSX.Element | null;
+};
+export default _default;
+export declare const SelectField: StoryFn<SelectFieldProps>;

package/dist/cjs/src/molecules/SelectableInfoCard/BaseSelectable.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconNames } from 'atoms';
+export declare type BaseSelectableProps<T> = {
+    iconName: IconNames;
+    infoText: string;
+    isActive?: boolean;
+    onClick?: (value: T) => void;
+    value: T;
+};
+export declare const BaseSelectable: <T extends string>({ iconName, infoText, isActive, onClick, value, }: BaseSelectableProps<T>) => JSX.Element;