@zealicsolutions/web-ui 0.2.91 → 0.2.92

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

@@ -17,13 +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;
-    internalConfig?: RadioButtonInternalConfigProps;
-};
-export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: 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, internalConfig, }: 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/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,5 +1,5 @@
-import { SelectOption } from 'atoms';
-import { ButtonProps, ImageProps, InputFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } 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 type { Nullable, StrictUnion } from 'typescript';
@@ -35,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';
@@ -71,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 {
@@ -130,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/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>;