@zealicsolutions/web-ui 0.3.22 → 0.3.24

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

@@ -6,4 +6,4 @@ export declare const navigateToPage: (url: string) => void;
 export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
 export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
-}) => JSX.Element;
+}) => JSX.Element | null;

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

@@ -91,45 +91,45 @@ export interface BaseMolecule {
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
-    attributes: {
+    attributes: Partial<{
         image: ImageAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         link: LinkAttributes;
-    };
+    }>;
     config: {
         props?: Omit<ImageProps, 'src' | 'link' | 'altText'>;
     };
 }
 export interface TextMoleculeType extends BaseMolecule {
     type: 'text';
-    attributes: {
+    attributes: Partial<{
         text: TextAttributes;
         seoStyle: SelectAttributes;
         fontVariant: SelectAttributes;
-    };
+    }>;
     config: {
         props?: TextMoleculeProps;
     };
 }
 export interface ButtonMolecule extends BaseMolecule {
     type: 'button';
-    attributes: {
+    attributes: Partial<{
         title: TextAttributes;
         action: ActionAttributes;
-    };
+    }>;
     config: {
         props?: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
     };
 }
 export interface VideoMolecule extends BaseMolecule {
     type: 'video';
-    attributes: {
+    attributes: Partial<{
         video: VideoAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         autoPlayVideo: BooleanAttributes;
         enableCoverImage: BooleanAttributes;
         coverImage: ImageAttributes;
-    };
+    }>;
     config: {
         props: Partial<{
             width: number;
@@ -147,13 +147,13 @@ export interface TabGroupMolecule extends BaseMolecule {
 }
 export interface TextInputMolecule extends BaseMolecule {
     type: 'input_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         inputType: SelectAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
-    };
+    }>;
     config: {
         props?: Partial<{
             state: 'default' | 'error';
@@ -162,13 +162,13 @@ export interface TextInputMolecule extends BaseMolecule {
 }
 export interface SelectFieldMolecule extends BaseMolecule {
     type: 'select_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
-    };
+    }>;
     config: {
         props?: Partial<{
             state: 'default' | 'error';
@@ -177,13 +177,13 @@ export interface SelectFieldMolecule extends BaseMolecule {
 }
 export interface RadioButtonFieldMolecule extends BaseMolecule {
     type: 'radio_button_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
-    };
+    }>;
     config: {
         props?: Partial<{
             state: 'default' | 'error';
@@ -192,13 +192,13 @@ export interface RadioButtonFieldMolecule extends BaseMolecule {
 }
 export interface CheckboxFieldMolecule extends BaseMolecule {
     type: 'checkbox_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
-    };
+    }>;
     config: {
         props?: Partial<{
             state: 'default' | 'error';
@@ -207,13 +207,13 @@ export interface CheckboxFieldMolecule extends BaseMolecule {
 }
 export interface ConsentFieldMolecule extends BaseMolecule {
     type: 'consent';
-    attributes: {
-        consent: {
+    attributes: Partial<{
+        consent: Partial<{
             attributeType: 'consent';
             consent: Consent;
             required: BooleanAttributes;
-        };
-    };
+        }>;
+    }>;
 }
 export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
     form?: UseFormReturn<any>;

package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption } from 'atoms';
-import type { StylesType } from 'typescript';
 import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
-import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 import { ConditionConfig } from 'containers';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { StylesType } from 'typescript';
+import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type CheckboxesProps = Partial<{
     checkboxGroupWrapperStyles: StylesType;
     checkboxFieldWrapperStyles: StylesType;

package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ConsentFieldMolecule } from 'containers';
-export declare const ConsentMolecule: (attributes: ConsentFieldMolecule['attributes']) => JSX.Element;
+export declare const ConsentMolecule: (attributes: ConsentFieldMolecule['attributes']) => JSX.Element | null;

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

@@ -13,4 +13,4 @@ export declare type ImageProps = {
     behaveAs: 'background' | 'regular';
     styles: StylesType;
 }>;
-export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;

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

@@ -3,7 +3,7 @@ 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;
+    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/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
+import { ConditionConfig } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import type { StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-import { ConditionConfig } from 'containers';
 export declare type RadioButtonFieldProps<T extends string> = Partial<{
     name: string;
     rules: ControllerProps['rules'];

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { SelectProps } from 'atoms';
+import { ConditionConfig } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import type { StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-import { ConditionConfig } from 'containers';
 export declare type SelectFieldProps = Partial<{
     selectProps: SelectProps;
     labelsProps: FieldLabelsProps;

package/dist/esm/src/molecules/Video/Video.d.ts

@@ -11,4 +11,4 @@ export declare type VideoProps = {
     style: CSSProperties;
     template: FeedContentTemplateTypes;
 }>;
-export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
+export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element | null;

package/dist/esm/src/molecules/Video/Video.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { Video as VideoComponent } from './Video';
 declare const _default: {
     title: string;
-    component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: import("./Video").VideoProps) => JSX.Element;
+    component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: import("./Video").VideoProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Video: StoryFn<typeof VideoComponent>;

package/dist/index.d.ts

@@ -1303,7 +1303,7 @@ declare type VideoProps = {
     style: CSSProperties;
     template: FeedContentTemplateTypes$1;
 }>;
-declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
+declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element | null;
 
 declare type ImageProps = {
     src: string;
@@ -1318,7 +1318,7 @@ declare type ImageProps = {
     behaveAs: 'background' | 'regular';
     styles: StylesType;
 }>;
-declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
 
 declare type CarouselProps = {
     children: JSX.Element[];
@@ -1557,45 +1557,45 @@ interface BaseMolecule {
 }
 interface ImageMolecule extends BaseMolecule {
     type: 'image';
-    attributes: {
+    attributes: Partial<{
         image: ImageAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         link: LinkAttributes;
-    };
+    }>;
     config: {
         props?: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
     };
 }
 interface TextMoleculeType extends BaseMolecule {
     type: 'text';
-    attributes: {
+    attributes: Partial<{
         text: TextAttributes;
         seoStyle: SelectAttributes;
         fontVariant: SelectAttributes;
-    };
+    }>;
     config: {
         props?: TextMoleculeProps$1;
     };
 }
 interface ButtonMolecule extends BaseMolecule {
     type: 'button';
-    attributes: {
+    attributes: Partial<{
         title: TextAttributes;
         action: ActionAttributes;
-    };
+    }>;
     config: {
         props?: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
     };
 }
 interface VideoMolecule extends BaseMolecule {
     type: 'video';
-    attributes: {
+    attributes: Partial<{
         video: VideoAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         autoPlayVideo: BooleanAttributes;
         enableCoverImage: BooleanAttributes;
         coverImage: ImageAttributes;
-    };
+    }>;
     config: {
         props: Partial<{
             width: number;
@@ -1613,13 +1613,13 @@ interface TabGroupMolecule extends BaseMolecule {
 }
 interface TextInputMolecule extends BaseMolecule {
     type: 'input_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         inputType: SelectAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
-    };
+    }>;
     config: {
         props?: Partial<{
             state: 'default' | 'error';
@@ -1628,13 +1628,13 @@ interface TextInputMolecule extends BaseMolecule {
 }
 interface SelectFieldMolecule extends BaseMolecule {
     type: 'select_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
-    };
+    }>;
     config: {
         props?: Partial<{
             state: 'default' | 'error';
@@ -1643,13 +1643,13 @@ interface SelectFieldMolecule extends BaseMolecule {
 }
 interface RadioButtonFieldMolecule extends BaseMolecule {
     type: 'radio_button_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
-    };
+    }>;
     config: {
         props?: Partial<{
             state: 'default' | 'error';
@@ -1658,13 +1658,13 @@ interface RadioButtonFieldMolecule extends BaseMolecule {
 }
 interface CheckboxFieldMolecule extends BaseMolecule {
     type: 'checkbox_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
-    };
+    }>;
     config: {
         props?: Partial<{
             state: 'default' | 'error';
@@ -1673,13 +1673,13 @@ interface CheckboxFieldMolecule extends BaseMolecule {
 }
 interface ConsentFieldMolecule extends BaseMolecule {
     type: 'consent';
-    attributes: {
-        consent: {
+    attributes: Partial<{
+        consent: Partial<{
             attributeType: 'consent';
             consent: Consent$1;
             required: BooleanAttributes;
-        };
-    };
+        }>;
+    }>;
 }
 declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
     form?: UseFormReturn<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.22",
+  "version": "0.3.24",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"