@zealicsolutions/web-ui 0.1.52 → 0.1.54

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

@@ -4,17 +4,21 @@ export declare type IconProps = {
     name: IconNames;
     size?: number;
     color?: ThemeColors | string;
+    fill?: ThemeColors | string;
     pointerEvents?: 'auto' | 'none';
 };
 declare const availableIcons: {
     CaretDown: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
     CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    CaretLeft: ({ color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    CaretRight: ({ color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
     Filter: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Check: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Info: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     View: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
     Hide: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
     Close: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Play: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Minus: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
     Warning: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;

package/dist/esm/src/atoms/RichTextViewer/types.d.ts

@@ -27,3 +27,4 @@ export declare type CommunicationLinkPayload = {
     type: LinkType;
     url: string;
 };
+export declare type CustomDescendant = CustomText | CustomElement;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
+import { CSSProperties } from 'styled-components';
+export declare type VideoProps = {
+    src: string;
+    style?: CSSProperties;
+    template?: FeedContentTemplateTypes;
+    autoplay?: boolean;
+};
+export declare const Video: ({ style, src, template, autoplay }: VideoProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { Video as VideoComponent } from './Video';
+declare const _default: {
+    title: string;
+    component: ({ style, src, template, autoplay }: import("./Video").VideoProps) => JSX.Element;
+};
+export default _default;
+export declare const Video: ComponentStory<typeof VideoComponent>;

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

@@ -10,6 +10,7 @@ export * from './Spinner/Spinner';
 export * from './Image/Image';
 export * from './Buttons/LinkButton';
 export * from './ValidationTag/ValidationTag';
+export * from './Video/Video';
 export * from './Tooltip/Tooltip';
 export * from './Toast/toast';
 export * from './Avatar/Avatar';

package/dist/esm/src/helpers/slate.d.ts

@@ -0,0 +1,2 @@
+import { CustomDescendant } from 'atoms/RichTextViewer/types';
+export declare const descendantToPlainText: (nodes: CustomDescendant[]) => string;

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,8 @@
+export { Bookmark } from './Bookmark';
 export { CaretDown } from './CaretDown';
 export { CaretUp } from './CaretUp';
+export { CaretLeft } from './CaretLeft';
+export { CaretRight } from './CaretRight';
 export { Check } from './Check';
 export { Info } from './Info';
 export { Filter } from './Filter';
@@ -15,3 +18,4 @@ export { Mail } from './Mail';
 export { Edit } from './Edit';
 export { Save } from './Save';
 export { Menu } from './Menu';
+export { Play } from './Play';

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare type PdfDocumentProps = {
+    source: string;
+};
+export declare const PdfDocument: ({ source }: PdfDocumentProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { PdfDocument as PdfDocumentComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ source }: import("molecules").PdfDocumentProps) => JSX.Element;
+};
+export default _default;
+export declare const PdfDocument: ComponentStory<typeof PdfDocumentComponent>;

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FeedContentProps } from './types';
+export declare const FeedContent: ({ template, ...props }: FeedContentProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { FeedContent as FeedContentComponent } from './FeedContent';
+declare const _default: {
+    title: string;
+    component: ({ template, ...props }: import("./types").FeedContentProps) => JSX.Element;
+};
+export default _default;
+export declare const FeedContent: ComponentStory<typeof FeedContentComponent>;

package/dist/esm/src/organisms/FeedContent/components/BackToFeedButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare const BackToFeedButton: ({ buttonConfig }: Pick<FeedContentProps, 'buttonConfig'>) => JSX.Element;

package/dist/esm/src/organisms/FeedContent/components/ExpandedContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare const ExpandedContent: ({ document, lastUpdated, description, title, image, video, isMobile, buttonConfig, template, }: Omit<FeedContentProps, 'type' | 'isExpanded'>) => JSX.Element;

package/dist/esm/src/organisms/FeedContent/components/FullWidthContentTemplate.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare const FullWidthContentTemplate: (props: Omit<FeedContentProps, 'type'>) => JSX.Element;

package/dist/esm/src/organisms/FeedContent/components/StandardContentTemplate.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FeedContentProps } from 'organisms/FeedContent/types';
+export declare const StandardContentTemplate: (props: Omit<FeedContentProps, 'type'>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+export declare const ExpandedWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isMobile?: boolean | undefined;
+}, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CollapsedWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    src?: string | undefined;
+    isMobile?: boolean | undefined;
+}, never>;
+export declare const TruncatedText: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("atoms").TextWrapperProps, never>;

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

@@ -0,0 +1,17 @@
+import { Nullable } from 'typescript';
+export declare type FeedContentTemplateTypes = 'full_width' | 'standard' | 'autoplay' | '';
+export declare type FeedContentProps = {
+    template: FeedContentTemplateTypes;
+    image?: string;
+    video?: string;
+    document?: string;
+    title?: Nullable<string>;
+    description: Nullable<string>;
+    lastUpdated: string;
+    buttonConfig: {
+        disabled?: boolean;
+        onClick?: () => void;
+    };
+    isMobile?: boolean;
+    isExpanded: boolean;
+};

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

@@ -3,6 +3,7 @@ export * from './AcquisitionForm/AcquisitionForm';
 export * from './LoginForm/LoginForm';
 export * from './TwoFactorAuth/TwoFactorAuth';
 export * from './Footer/Footer';
+export * from './FeedContent/FeedContent';
 export * from './Footer/types';
 export * from './ProfileInformation/ProfileInformation';
 export * from './ForgotPasswordForm/ForgotPasswordForm';

package/dist/esm/src/typescript.d.ts

@@ -1,3 +1,4 @@
 import { DefaultTheme, ThemedCssFunction } from 'styled-components';
 export declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
 export declare type Callback = () => void;
+export declare type Nullable<T> = T | null;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Callback, StylesType } from 'typescript';
+import { Callback, StylesType, Nullable } from 'typescript';
 import * as react from 'react';
 import react__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction } from 'react';
 import * as styled_components from 'styled-components';
@@ -11,6 +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 { 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';
@@ -120,17 +121,21 @@ declare type IconProps = {
     name: IconNames;
     size?: number;
     color?: ThemeColors$2 | string;
+    fill?: ThemeColors$2 | string;
     pointerEvents?: 'auto' | 'none';
 };
 declare const availableIcons: {
     CaretDown: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
     CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    CaretLeft: ({ color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    CaretRight: ({ color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
     Filter: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Check: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Info: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     View: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
     Hide: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
     Close: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Play: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Minus: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
     Warning: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
@@ -191,6 +196,14 @@ declare type ValidationTagProps = {
 };
 declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;
 
+declare type VideoProps = {
+    src: string;
+    style?: CSSProperties;
+    template?: FeedContentTemplateTypes$1;
+    autoplay?: boolean;
+};
+declare const Video: ({ style, src, template, autoplay }: VideoProps) => JSX.Element;
+
 declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
 declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
 declare const Tooltip: ({ trigger, placement, ...props }: TooltipProps) => JSX.Element;
@@ -568,6 +581,11 @@ declare type StepperProps = {
 };
 declare const Stepper: ({ active, steps, orientation }: StepperProps) => JSX.Element;
 
+declare type PdfDocumentProps = {
+    source: string;
+};
+declare const PdfDocument: ({ source }: PdfDocumentProps) => JSX.Element;
+
 declare type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;
@@ -637,6 +655,25 @@ declare const LoginForm: ({ logoUrl, fields, isTooltipVisible, onSubmit, options
 declare type FooterProps = FooterAProps | FooterBProps | FooterCProps;
 declare const Footer: (props: FooterProps) => JSX.Element;
 
+declare type FeedContentTemplateTypes = 'full_width' | 'standard' | 'autoplay' | '';
+declare type FeedContentProps = {
+    template: FeedContentTemplateTypes;
+    image?: string;
+    video?: string;
+    document?: string;
+    title?: Nullable<string>;
+    description: Nullable<string>;
+    lastUpdated: string;
+    buttonConfig: {
+        disabled?: boolean;
+        onClick?: () => void;
+    };
+    isMobile?: boolean;
+    isExpanded: boolean;
+};
+
+declare const FeedContent: ({ template, ...props }: FeedContentProps) => JSX.Element;
+
 declare type FooterContentInfo = {
     phoneNumber: string;
     addressLine1: string;
@@ -808,4 +845,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, 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, 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, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, 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, 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, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.1.52",
+  "version": "0.1.54",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -53,6 +53,7 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.0.0",
     "@types/react": "^18.0.18",
+    "@types/react-pdf": "^6.2.0",
     "@types/styled-components": "^5.1.26",
     "@types/styled-system": "^5.1.15",
     "@typescript-eslint/eslint-plugin": "^5.36.2",
@@ -94,6 +95,7 @@
     "react-dom": "^18.2.0",
     "react-google-maps": "^9.4.5",
     "react-hook-form": "^7.34.2",
+    "react-pdf": "6.2.1",
     "slate": "^0.85.0",
     "slate-react": "^0.83.2",
     "styled-components": "^5.3.5"