@zealicsolutions/web-ui 0.2.90 → 0.2.92

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

@@ -1,4 +1,15 @@
 /// <reference types="react" />
+import { SizesTypes, ThemeColors } from 'theme';
+import { StylesType } from 'typescript';
+export declare type RadioButtonInternalConfigProps = {
+    selectedRadioOptionBackgroundColor: ThemeColors | string;
+    selectedRadioOptionIndicatorColor: ThemeColors | string;
+    buttonPadding: number;
+    textPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+    buttonOptionSpacing?: SizesTypes;
+};
 export declare type RadioButtonType<T extends string = string> = {
     id: T;
     label?: string;
@@ -6,12 +17,21 @@ export declare type RadioButtonType<T extends string = string> = {
     disabled?: boolean;
     isRichText?: boolean;
 };
-export declare type RadioButtonsProps<T extends string> = {
-    isEditMode?: boolean;
+export declare type RadioButtonsProps<T extends string> = Partial<{
+    isEditMode: boolean;
     onChange: (value: T) => void;
     value: T;
-    isRow?: boolean;
+    isRow: boolean;
     items: RadioButtonType<T>[];
     name: string;
-};
-export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: RadioButtonsProps<T>) => JSX.Element;
+    internalConfig: RadioButtonInternalConfigProps;
+}>;
+export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
+    isEditMode: boolean;
+    onChange: (value: T) => void;
+    value: T;
+    isRow: boolean;
+    items: RadioButtonType<T>[];
+    name: string;
+    internalConfig: RadioButtonInternalConfigProps;
+}>) => JSX.Element;

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

@@ -3,7 +3,15 @@ import type { ComponentStory } from '@storybook/react';
 import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
 declare const _default: {
     title: string;
-    component: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: import("./RadioButtons").RadioButtonsProps<T>) => JSX.Element;
+    component: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
+        isEditMode: boolean;
+        onChange: (value: T) => void;
+        value: T;
+        isRow: boolean;
+        items: import("./RadioButtons").RadioButtonType<T>[];
+        name: string;
+        internalConfig: import("./RadioButtons").RadioButtonInternalConfigProps;
+    }>) => JSX.Element;
 };
 export default _default;
 export declare const RadioButtons: ComponentStory<typeof RadioButtonsComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RadioButtonInternalConfigProps, RadioButtonType } from 'atoms';
+declare type RadioOptionProps = {
+    item: RadioButtonType;
+    isEditMode?: boolean;
+    internalConfig?: RadioButtonInternalConfigProps;
+};
+export declare const RadioOption: ({ item, internalConfig, isEditMode }: RadioOptionProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { RadioButtonInternalConfigProps, RadioButtonType } from 'atoms';
+import { StylesType } from 'typescript';
+declare type RadioOptionStylesConfig = {
+    textStyles: StylesType;
+    radioIconWrapperStyles: StylesType;
+    radioLabelWrapperStyles: StylesType;
+};
+export declare const getRadioOptionStyles: (item: RadioButtonType, internalConfig?: RadioButtonInternalConfigProps) => RadioOptionStylesConfig;
+export {};

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

@@ -0,0 +1,9 @@
+import { FormControlLabel, Radio } from '@mui/material';
+import { OverrideStyles } from 'typescript';
+export declare const RadioLabelWrapper: import("styled-components").StyledComponent<typeof FormControlLabel, import("styled-components").DefaultTheme, {
+    error: boolean;
+} & OverrideStyles, never>;
+export declare const RadioIconWrapper: import("styled-components").StyledComponent<typeof Radio, import("styled-components").DefaultTheme, {
+    disabled: boolean;
+    error: boolean;
+} & OverrideStyles, never>;

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

@@ -3,6 +3,6 @@ import { Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
 export declare const getFullLink: (url: string) => string;
 export declare const navigateToPage: (url: string) => void;
-export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, }: Molecule & {
+export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
 }) => JSX.Element;

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

@@ -1,2 +1,2 @@
 import { ContainerScrollBehaviourType } from 'containers/types/types';
-export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: auto";
+export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: unset";

package/dist/cjs/src/containers/types/moleculeTypes.d.ts

@@ -1,9 +1,8 @@
-import { SelectOption } from 'atoms';
-import { ButtonProps, ImageProps, InputFieldProps, SelectFieldProps, TabGroupProps } from 'molecules';
+import { RadioButtonType, SelectOption } from 'atoms';
+import { ButtonProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
 import { UseFormReturn } from 'react-hook-form';
 import { CSSProperties } from 'styled-components';
-import { FontSizesTypes, ThemeColors } from 'theme';
-import type { Nullable, StrictUnion, StylesType } from 'typescript';
+import type { Nullable, StrictUnion } from 'typescript';
 export declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
@@ -36,9 +35,9 @@ export interface BooleanAttributes {
 }
 export interface IterableAttributes {
     attributeType: 'iterable';
-    options: SelectOption[];
+    options: SelectOption | RadioButtonType[];
 }
-export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field';
+export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field';
 export interface BaseMolecule {
     id: string;
     instance: 'molecule';
@@ -62,15 +61,7 @@ export interface TextMoleculeType extends BaseMolecule {
         seoStyle: SelectAttributes;
     };
     config: {
-        props: Partial<{
-            fontVariant: FontSizesTypes;
-            textSize: number;
-            textColor: ThemeColors | string;
-            letterSpacing: number;
-            lineHeight: number;
-            isRichText: boolean;
-            styles: StylesType;
-        }>;
+        props: TextMoleculeProps;
     };
 }
 export interface ButtonMolecule extends BaseMolecule {
@@ -80,7 +71,9 @@ export interface ButtonMolecule extends BaseMolecule {
         buttonLink: LinkAttributes;
     };
     config: {
-        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
+        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>> & {
+            type?: 'button' | 'submit' | 'reset';
+        };
     };
 }
 export interface VideoMolecule extends BaseMolecule {
@@ -139,6 +132,19 @@ export interface SelectFieldMolecule extends BaseMolecule {
         } & SelectFieldProps>;
     };
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule> & {
+export interface RadioButtonFieldMolecule extends BaseMolecule {
+    type: 'radio_button_field';
+    attributes: {
+        label: TextAttributes;
+        required: BooleanAttributes;
+        options: IterableAttributes;
+    };
+    config: {
+        props: Partial<{
+            state: 'default' | 'error';
+        } & RadioButtonFieldProps<string>>;
+    };
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule> & {
     form?: UseFormReturn<any>;
 };

package/dist/cjs/src/contexts/MlrRichTextViewerContext/types.d.ts

@@ -4,7 +4,8 @@ export declare type AnnotationsList = {
         label: string;
     }[];
     links: {
-        id: string;
+        referencedById: string;
+        moleculeId: string;
         text: string;
         url: string;
     }[];

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

@@ -1,5 +1,4 @@
 import { PropsWithChildren } from 'react';
-import { CSSProperties } from 'styled-components';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import type { Callback } from 'typescript';
 import { StylesType } from 'typescript';
@@ -35,7 +34,7 @@ export declare type ButtonProps = BaseButtonProps & {
     elementId?: string;
     loading?: boolean;
     isRichText?: boolean;
-    containerStyle?: CSSProperties;
-    buttonStyle?: CSSProperties;
+    containerStyle?: StylesType;
+    buttonStyle?: StylesType;
 };
 export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, ...props }: ButtonProps) => JSX.Element | null;

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

@@ -1,5 +1,5 @@
-import { TooltipInternalConfig } from './FieldLabels';
 import { StylesType } from 'typescript';
+import { TooltipInternalConfig } from './FieldLabels';
 declare type ToolTipStylesConfig = {
     tooltipStyles: StylesType;
     tooltipWrapperStyles: StylesType;

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

@@ -3,15 +3,33 @@ import { RadioButtonsProps } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { CSSProperties } from 'styled-components';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-export declare type RadioButtonFieldProps<T extends string> = {
+export declare type RadioButtonFieldProps<T extends string> = Partial<{
     name: string;
-    control?: Control<any>;
-    rules?: ControllerProps['rules'];
-    required?: boolean;
-    optional?: boolean;
-    defaultValue?: string;
-    styles?: CSSProperties;
+    control: Control<any>;
+    rules: ControllerProps['rules'];
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    styles: CSSProperties;
     radioButtonsProps: RadioButtonsProps<T>;
-    labelsProps?: FieldLabelsProps;
-};
-export declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
+    labelsProps: FieldLabelsProps;
+}>;
+export declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
+    name: string;
+    control: Control<any>;
+    rules: ControllerProps['rules'];
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    styles: CSSProperties;
+    radioButtonsProps: Partial<{
+        isEditMode: boolean;
+        onChange: (value: T) => void;
+        value: T;
+        isRow: boolean;
+        items: import("atoms").RadioButtonType<T>[];
+        name: string;
+        internalConfig: import("atoms").RadioButtonInternalConfigProps;
+    }>;
+    labelsProps: FieldLabelsProps;
+}>) => JSX.Element;

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

@@ -3,7 +3,42 @@ import type { ComponentStory } from '@storybook/react';
 import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
 declare const _default: {
     title: string;
-    component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: import("./RadioButtonField").RadioButtonFieldProps<T>) => JSX.Element;
+    component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: 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;
+        styles: import("styled-components").CSSProperties;
+        radioButtonsProps: Partial<{
+            isEditMode: boolean;
+            onChange: (value: T) => void;
+            value: T;
+            isRow: boolean;
+            items: import("../..").RadioButtonType<T>[];
+            name: string;
+            internalConfig: import("../..").RadioButtonInternalConfigProps;
+        }>;
+        labelsProps: import("..").FieldLabelsProps;
+    }>) => JSX.Element;
 };
 export default _default;
 export declare const RadioButtonField: ComponentStory<typeof RadioButtonFieldComponent>;

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

@@ -14,5 +14,5 @@ export declare type TextMoleculeProps = Partial<{
     isRichText: boolean;
     styles: StylesType;
     textAlign: 'center' | 'right' | 'left';
-}> & Pick<TextProps, 'seoTag'>;
-export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;
+}> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
+export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { TextMoleculeProps } from './TextMolecule';
 declare const _default: {
     title: string;
-    component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;
+    component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
 };
 export default _default;
 export declare const TextMolecule: StoryFn<TextMoleculeProps>;