@zealicsolutions/web-ui 0.1.68 → 0.1.69

package/dist/esm/src/atoms/Icon/Icon.d.ts

@@ -26,6 +26,7 @@ declare const availableIcons: {
     Mobile: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Mail: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Menu: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Search: ({ size, color, ...props }: Omit<IconProps, "name">) => JSX.Element;
 };
 export declare type IconNames = keyof typeof availableIcons;
 export declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;

package/dist/esm/src/icons/Search.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from '../atoms/Icon/Icon';
+export declare const Search: ({ size, color, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/esm/src/icons/index.d.ts

@@ -19,3 +19,4 @@ export { Edit } from './Edit';
 export { Save } from './Save';
 export { Menu } from './Menu';
 export { Play } from './Play';
+export { Search } from './Search';

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

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

package/dist/esm/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: <T extends string | number>({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: import("./FeedContentHeader").FeedContentHeaderProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const FeedContentHeader: ComponentStory<typeof FeedContentHeaderComponent>;

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

@@ -18,3 +18,4 @@ export * from './RadioButtonField/RadioButtonField';
 export * from './Alert/Alert';
 export * from './Stepper/Stepper';
 export * from './PdfDocument/PdfDocument';
+export * from './FeedContentHeader/FeedContentHeader';

package/dist/esm/src/organisms/Body/Body.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { ColumnsProps, EmphasizedTextProps, HeroImageProps } from 'molecules';
+import { FeedContentContainerProps } from 'organisms/FeedContentContainer/FeedContentContainer';
 import { CSSProperties } from 'styled-components';
 export declare type BodyProps = {
     elements: {
-        data: (HeroImageProps | ColumnsProps | EmphasizedTextProps)[];
+        data: (HeroImageProps | ColumnsProps | EmphasizedTextProps | FeedContentContainerProps)[];
         spacer?: number;
     };
     horizontalPaddings?: number;

package/dist/esm/src/organisms/FeedContent/types.d.ts

@@ -1,6 +1,8 @@
+import { FilteredFeedContentType } from 'organisms';
 import { Nullable } from 'typescript';
 export declare type FeedContentTemplateTypes = 'full_width' | 'standard' | 'autoplay' | '';
 export declare type FeedContentProps = {
+    type: Omit<FilteredFeedContentType, 'all'>;
     template: FeedContentTemplateTypes;
     image?: string;
     video?: string;

package/dist/esm/src/organisms/FeedContentContainer/FeedContentContainer.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FeedContentHeaderProps } from 'molecules';
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare type FilteredFeedContentType = 'article' | 'document' | 'video' | 'all';
+export declare type FeedContentContainerProps<T> = {
+    type: 'feed';
+    feedHeader: Omit<FeedContentHeaderProps<T>, 'isMobile'>;
+    feedContent?: Omit<FeedContentProps, 'isMobile'>[];
+    isMobile?: boolean;
+};
+export declare const FeedContentContainer: <T extends string | number>({ feedHeader, feedContent, isMobile, }: FeedContentContainerProps<T>) => JSX.Element | null;

package/dist/esm/src/organisms/FeedContentContainer/FeedContentContainer.stories.d.ts

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
+import { FeedContentContainer as FeedContentContainerComponent } from './FeedContentContainer';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ feedHeader, feedContent, isMobile, }: import("./FeedContentContainer").FeedContentContainerProps<T>) => JSX.Element | null;
+};
+export default _default;
+export declare const FeedContentContainer: ComponentStory<typeof FeedContentContainerComponent>;
+export declare const feedContentContainerMockProps: {
+    feedContent: ({
+        type: string;
+        buttonConfig: {
+            disabled: boolean;
+        };
+        isExpanded: boolean;
+        image: string;
+        template: FeedContentTemplateTypes;
+        lastUpdated: string;
+        title: string;
+        description: string;
+        video?: undefined;
+    } | {
+        type: string;
+        buttonConfig: {
+            disabled: boolean;
+        };
+        isExpanded: boolean;
+        image: string;
+        template: FeedContentTemplateTypes;
+        lastUpdated: string;
+        title: string;
+        description: string;
+        video: string;
+    })[];
+    feedHeader: {
+        title: string;
+        name: string;
+        inputProps: {
+            placeholder: string;
+        };
+        menuConfig: {
+            options: {
+                title: string;
+                id: string;
+            }[];
+        };
+        templateType: "feed_a" | "feed_b";
+    };
+};

package/dist/esm/src/organisms/index.d.ts

@@ -12,3 +12,4 @@ export * from './ISI/ISI';
 export * from './Header/Header';
 export * from './Consent/Consent';
 export * from './ProcessTracker/ProcessTracker';
+export * from './FeedContentContainer/FeedContentContainer';

package/dist/esm/src/templates/DefaultTemplate/DefaultTemplate.d.ts

@@ -5,7 +5,8 @@ export declare type DefaultTemplateProps = {
     alerts?: AlertProps[];
     processTracker?: ProcessTrackerProps;
     header: React.ReactNode;
+    feedContent?: React.ReactNode;
     banner?: React.ReactNode;
     content?: React.ReactNode;
 };
-export declare const DefaultTemplate: ({ header, banner, content, alerts, processTracker, }: DefaultTemplateProps) => JSX.Element;
+export declare const DefaultTemplate: ({ header, banner, content, alerts, processTracker, feedContent, }: DefaultTemplateProps) => JSX.Element;

package/dist/esm/src/templates/DefaultTemplate/DefaultTemplate.stories.d.ts

@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
 import { DefaultTemplate as DefaultTemplateComponent } from './DefaultTemplate';
 declare const _default: {
     title: string;
-    component: ({ header, banner, content, alerts, processTracker, }: import("./DefaultTemplate").DefaultTemplateProps) => JSX.Element;
+    component: ({ header, banner, content, alerts, processTracker, feedContent, }: import("./DefaultTemplate").DefaultTemplateProps) => JSX.Element;
 };
 export default _default;
 export declare const DefaultTemplate: ComponentStory<typeof DefaultTemplateComponent>;

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import * as _mui_material from '@mui/material';
 import { DrawerProps as DrawerProps$1 } from '@mui/material';
 import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
 import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
-import { FeedContentTemplateTypes as FeedContentTemplateTypes$1 } from 'organisms/FeedContent/types';
+import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProps as FeedContentProps$1 } from 'organisms/FeedContent/types';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
@@ -19,13 +19,14 @@ import { InputProps as InputProps$1, RadioButtonsProps as RadioButtonsProps$1, B
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState } from 'react-hook-form';
+import { FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1 } from 'molecules';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
-import { ConsentProps as ConsentProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
+import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
 import { ConsentProps as ConsentProps$2 } from 'organisms/Consent/Consent';
 import { FooterAProps } from 'organisms/Footer/FooterA';
 import { FooterBProps } from 'organisms/Footer/FooterB';
 import { FooterCProps } from 'organisms/Footer/FooterC';
-import { FieldSectionProps as FieldSectionProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1 } from 'molecules';
+import { FeedContentContainerProps as FeedContentContainerProps$1 } from 'organisms/FeedContentContainer/FeedContentContainer';
 import { ISIAProps } from 'organisms/ISI/ISIA';
 import { HeaderAProps as HeaderAProps$1 } from 'organisms/Header/HeaderA';
 import { AlertProps as AlertProps$1 } from 'molecules/Alert/Alert';
@@ -144,6 +145,7 @@ declare const availableIcons: {
     Mobile: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Mail: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Menu: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Search: ({ size, color, ...props }: Omit<IconProps, "name">) => JSX.Element;
 };
 declare type IconNames = keyof typeof availableIcons;
 declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;
@@ -589,6 +591,16 @@ declare type PdfDocumentProps = {
 };
 declare const PdfDocument: ({ source, isMobile }: PdfDocumentProps) => JSX.Element;
 
+declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;
+declare type FeedContentHeaderProps<T> = {
+    title: string;
+    enableFavoriting?: boolean;
+    templateType: FeedTemplateKeys;
+    isMobile?: boolean;
+    menuConfig: MenuItemsProps$1<T>;
+} & Partial<Omit<InputFieldProps$1, 'labelsProps' | 'required' | 'optional'>>;
+declare const FeedContentHeader: <T extends string | number>({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: FeedContentHeaderProps<T>) => JSX.Element;
+
 declare type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;
@@ -662,6 +674,7 @@ declare const Footer: (props: FooterProps) => JSX.Element;
 
 declare type FeedContentTemplateTypes = 'full_width' | 'standard' | 'autoplay' | '';
 declare type FeedContentProps = {
+    type: Omit<FilteredFeedContentType$1, 'all'>;
     template: FeedContentTemplateTypes;
     image?: string;
     video?: string;
@@ -719,7 +732,7 @@ declare const ForgotPasswordForm: ({ logoUrl, onBack, onSubmit, isLoading, }: Fo
 
 declare type BodyProps = {
     elements: {
-        data: (HeroImageProps$1 | ColumnsProps$1 | EmphasizedTextProps$1)[];
+        data: (HeroImageProps$1 | ColumnsProps$1 | EmphasizedTextProps$1 | FeedContentContainerProps$1)[];
         spacer?: number;
     };
     horizontalPaddings?: number;
@@ -803,14 +816,24 @@ declare type ProcessTrackerProps = {
 };
 declare const ProcessTracker: ({ title, states, isMobile, description, activeStep, style, }: ProcessTrackerProps) => JSX.Element;
 
+declare type FilteredFeedContentType = 'article' | 'document' | 'video' | 'all';
+declare type FeedContentContainerProps<T> = {
+    type: 'feed';
+    feedHeader: Omit<FeedContentHeaderProps$1<T>, 'isMobile'>;
+    feedContent?: Omit<FeedContentProps$1, 'isMobile'>[];
+    isMobile?: boolean;
+};
+declare const FeedContentContainer: <T extends string | number>({ feedHeader, feedContent, isMobile, }: FeedContentContainerProps<T>) => JSX.Element | null;
+
 declare type DefaultTemplateProps = {
     alerts?: AlertProps$1[];
     processTracker?: ProcessTrackerProps$1;
     header: React.ReactNode;
+    feedContent?: React.ReactNode;
     banner?: React.ReactNode;
     content?: React.ReactNode;
 };
-declare const DefaultTemplate: ({ header, banner, content, alerts, processTracker, }: DefaultTemplateProps) => JSX.Element;
+declare const DefaultTemplate: ({ header, banner, content, alerts, processTracker, feedContent, }: DefaultTemplateProps) => JSX.Element;
 
 interface Helpers {
     goToNextStep: () => void;
@@ -852,4 +875,4 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, EmphasizedText, EmphasizedTextProps, FeedContent, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, 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.1.68",
+  "version": "0.1.69",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"