@zealicsolutions/web-ui 0.1.68 → 0.1.69

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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>;