@zealicsolutions/web-ui 0.2.94 → 0.2.96

package/dist/esm/src/containers/mock-data.d.ts

@@ -1,64 +1,3 @@
-import { ButtonMolecule, ContainerComponentProps, TabGroupMolecule } from 'containers';
+import { ContainerComponentProps } from 'containers';
 export declare const formContainerProps: ContainerComponentProps;
-export declare const columnContainerProps: {
-    id: string;
-    instance: string;
-    type: string;
-    config: {
-        wide: {
-            containerProps: {
-                position: string;
-                scrollBehaviour: string;
-                cornerRadius: number;
-            };
-            containerStyle: {
-                gap: number;
-                padding: number;
-                backgroundColor: string;
-            };
-        };
-        compact: {
-            containerProps: {};
-            containerStyle: {
-                flexDirection: string;
-                gap: number;
-            };
-        };
-    };
-    items: (ButtonMolecule | TabGroupMolecule | {
-        id: string;
-        instance: string;
-        type: string;
-        attributes: {
-            image: {
-                attributeType: string;
-                imageSource: string;
-            };
-            altText: {
-                attributeType: string;
-                text: string;
-            };
-            link: {
-                attributeType: string;
-                id: string;
-                externalLink: string;
-                type: string;
-                name: string;
-                internalLink: string;
-            };
-        };
-        config: {
-            props: {
-                cornerRadius: number;
-                behaveAs: string;
-            };
-        };
-    })[];
-    tabsProps: {
-        tabs: {
-            tabKey: string;
-            text: string;
-        }[];
-        activeTabKey: string;
-    };
-};
+export declare const columnContainerProps: ContainerComponentProps;

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

@@ -71,9 +71,7 @@ export interface ButtonMolecule extends BaseMolecule {
         buttonLink: LinkAttributes;
     };
     config: {
-        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>> & {
-            type?: 'button' | 'submit' | 'reset';
-        };
+        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
     };
 }
 export interface VideoMolecule extends BaseMolecule {

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

@@ -3,6 +3,7 @@ import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import type { Callback } from 'typescript';
 import { StylesType } from 'typescript';
 export declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
+export declare type ButtonType = 'button' | 'submit' | 'reset';
 export declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback;
     variant?: ButtonVariant;
@@ -26,6 +27,7 @@ export declare type BaseButtonProps = PropsWithChildren<{
     styles?: StylesType;
     colorTheme?: 'light' | 'dark';
     href?: string;
+    type?: ButtonType;
 }>;
 export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
@@ -37,4 +39,4 @@ export declare type ButtonProps = BaseButtonProps & {
     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;
+export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;

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

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { Button as ButtonComponent } from 'molecules/Button/Button';
 declare const _default: {
     title: string;
-    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, ...props }: import("molecules/Button/Button").ButtonProps) => JSX.Element | null;
+    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules/Button/Button").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: StoryFn<typeof ButtonComponent>;

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

@@ -3,6 +3,7 @@ import { StylesType } from 'typescript';
 export declare type ImageProps = {
     src: string;
 } & Partial<{
+    id: string;
     altText: string;
     link: string;
     width: number;
@@ -11,4 +12,4 @@ export declare type ImageProps = {
     behaveAs: 'background' | 'regular';
     styles: StylesType;
 }>;
-export declare const Image: ({ src, link, altText, styles, width, height, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+export declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;

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, link, altText, styles, width, height, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element;
+    component: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element;
 };
 export default _default;
 export declare const Image: StoryFn<typeof ImageComponent>;

package/dist/index.d.ts

@@ -1190,6 +1190,7 @@ declare const Video: ({ style, src, width, template, autoplay, enableCoverImage,
 declare type ImageProps = {
     src: string;
 } & Partial<{
+    id: string;
     altText: string;
     link: string;
     width: number;
@@ -1198,7 +1199,7 @@ declare type ImageProps = {
     behaveAs: 'background' | 'regular';
     styles: StylesType;
 }>;
-declare const Image: ({ src, link, altText, styles, width, height, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
 
 declare type CarouselProps = {
     children: JSX.Element[];
@@ -1231,6 +1232,7 @@ declare type TextMoleculeProps = Partial<{
 declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
 
 declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
+declare type ButtonType = 'button' | 'submit' | 'reset';
 declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback$1;
     variant?: ButtonVariant;
@@ -1254,6 +1256,7 @@ declare type BaseButtonProps = PropsWithChildren<{
     styles?: StylesType;
     colorTheme?: 'light' | 'dark';
     href?: string;
+    type?: ButtonType;
 }>;
 declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
@@ -1265,7 +1268,7 @@ declare type ButtonProps = BaseButtonProps & {
     containerStyle?: StylesType;
     buttonStyle?: StylesType;
 };
-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;
+declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
 
 declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
 declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
@@ -1338,9 +1341,7 @@ interface ButtonMolecule extends BaseMolecule {
         buttonLink: LinkAttributes;
     };
     config: {
-        props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>> & {
-            type?: 'button' | 'submit' | 'reset';
-        };
+        props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
     };
 }
 interface VideoMolecule extends BaseMolecule {
@@ -1468,4 +1469,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
     tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
 }) => JSX.Element | null;
 
-export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, ButtonProps, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

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