@uob-web-and-digital/component-library 0.0.57 → 0.0.59

package/dist/components/atoms/Icons/Icons.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { ThemeProps } from '../../../themeProps';
 import './icons.scss';
-export type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'tiktok' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'slim-cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play' | 'person' | 'people' | 'computer' | 'book' | 'mortar-board' | 'document' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings' | 'rocket' | 'staggered-arrow' | 'segmented-pie-chart' | 'home' | 'domain' | 'note-add' | 'flight' | 'one' | 'two' | 'one-two-three' | 'camping' | 'groups' | 'bed' | 'restaurant' | 'success' | 'warning-light' | 'warning-dark' | 'information' | 'star';
+export type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'tiktok' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'slim-cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play' | 'person' | 'people' | 'computer' | 'book' | 'mortar-board' | 'document' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings' | 'rocket' | 'staggered-arrow' | 'segmented-pie-chart' | 'home' | 'domain' | 'note-add' | 'flight' | 'one' | 'two' | 'one-two-three' | 'camping' | 'groups' | 'bed' | 'restaurant' | 'success' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu';
 export type IconProps = {
     /**
      * The theme to use

package/dist/components/atoms/InPageNavLink/InPageNavLink.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './inPageNavLink.scss';
+export interface InPageNavLinkProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    url: string;
+    title: string;
+}
+export default function InPageNavLink({ theme, inverse, url, title }: InPageNavLinkProps): ReactElement;

package/dist/components/atoms/InPageNavLink/InPageNavLink.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react';
+import InPageNavLink from './InPageNavLink';
+declare const meta: {
+    title: string;
+    component: typeof InPageNavLink;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Dark: Story;
+export declare const Light: Story;

package/dist/components/atoms/MainWrapper/MainWrapper.d.ts

@@ -1,5 +1,4 @@
 import { PropsWithChildren, ReactElement } from 'react';
-interface MainWrapperProps {
+export interface MainWrapperProps {
 }
 export default function MainWrapper({ children }: PropsWithChildren<MainWrapperProps>): ReactElement;
-export {};

package/dist/components/molecules/InPageNavigationLinks/InPageNavigationLinks.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { InPageNavLinkProps } from '../../atoms/InPageNavLink/InPageNavLink';
+import { TextButtonProps } from '../../atoms/TextButton/TextButton';
+import './inPageNavigationLinks.scss';
+export type InPageNavigationLinksProps = {
+    theme: ThemeProps;
+    heading?: string;
+    links: Omit<InPageNavLinkProps, 'theme'>[];
+    buttonLinks?: Omit<TextButtonProps, 'theme'>[];
+};
+export default function InPageNavigationLinks({ theme, heading, links, buttonLinks }: InPageNavigationLinksProps): ReactElement;

package/dist/components/molecules/InPageNavigationLinks/InPageNavigationLinks.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import InPageNavigationLinks from './InPageNavigationLinks';
+declare const meta: {
+    title: string;
+    component: typeof InPageNavigationLinks;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;

package/dist/components/molecules/InPageNavigationLinks/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { InPageNavigationLinksProps } from './InPageNavigationLinks';
+export declare const inPageNavigationLinksProps: InPageNavigationLinksProps;

package/dist/components/organisms/Carousel/Carousel.d.ts

@@ -21,5 +21,6 @@ export interface CarouselProps {
     setCardInverse?: 'dark' | 'light';
     cards: Omit<CardNewsProps, 'titleTag'>[] | CardFeaturedProps[] | CardVideoProps[] | CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[] | CardStaffProps[] | CardRelatedProps[] | CardImageProps[] | CardFeaturedNewsProps[];
     exploreMore?: string;
+    cardCopyIsRichText?: boolean;
 }
-export default function Carousel({ theme, inverse, type, title, cards, cardTitleTag, setCardInverse, exploreMore }: CarouselProps): ReactElement;
+export default function Carousel({ theme, inverse, type, title, cards, cardTitleTag, setCardInverse, exploreMore, cardCopyIsRichText }: CarouselProps): ReactElement;

package/dist/components/organisms/Carousel/Carousel.stories.d.ts

@@ -8,3 +8,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof Carousel>;
 export declare const CarouselExample: Story;
+export declare const CarouselWithPromoCards: Story;

package/dist/components/organisms/GeneralSearchFilter/GeneralSearchFilter.d.ts

@@ -7,6 +7,7 @@ export interface GeneralSearchFilterProps {
     typeName: string;
     defaultCheckedType?: string;
     typeGroups: TypeGroup[];
+    onViewResults: () => void;
     onClearFilters: () => void;
 }
 export interface TypeGroup {
@@ -27,4 +28,4 @@ export interface CheckboxGroupProps {
     onChange?: (e: ChangeEvent) => void;
     defaultValues?: string[];
 }
-export default function GeneralSearchFilter({ theme, heading, typeName, typeGroups, onClearFilters, defaultCheckedType }: GeneralSearchFilterProps): ReactElement;
+export default function GeneralSearchFilter({ theme, heading, typeName, typeGroups, onClearFilters, onViewResults, defaultCheckedType }: GeneralSearchFilterProps): ReactElement;

package/dist/components/organisms/GeneralSearchFilter/GeneralSearchFilter.stories.d.ts

@@ -11,6 +11,7 @@ declare const meta: {
         typeName: string;
         defaultCheckedType?: string | undefined;
         typeGroups: import("./GeneralSearchFilter").TypeGroup[];
+        onViewResults: () => void;
         onClearFilters: () => void;
     }>) => JSX.Element)[];
 };

package/dist/components/organisms/InPageNavigation/InPageNavigation.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './inPageNavigation.scss';
+import { InPageNavigationLinksProps } from '../../molecules/InPageNavigationLinks/InPageNavigationLinks';
+export interface InPageNavigationProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    expandableHeader?: string;
+    links: InPageNavigationLinksProps;
+}
+export default function InPageNavigation({ theme, inverse, links, expandableHeader }: InPageNavigationProps): ReactElement;

package/dist/components/organisms/InPageNavigation/InPageNavigation.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react';
+import InPageNavigation from './InPageNavigation';
+declare const meta: {
+    title: string;
+    component: typeof InPageNavigation;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Dark: Story;
+export declare const Light: Story;

package/dist/components/organisms/InPageNavigation/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { InPageNavigationProps } from './InPageNavigation';
+export declare const inPageNavigationProps: InPageNavigationProps;

package/dist/components/organisms/SkipToContent/SkipToContent.d.ts

@@ -1,8 +1,7 @@
 import { ReactElement } from 'react';
 import './SkipToContent.scss';
 import { ThemeProps } from '../../../themeProps';
-interface SkipToContentProps {
+export interface SkipToContentProps {
     theme: ThemeProps;
 }
 export default function SkipToContent({ theme }: SkipToContentProps): ReactElement;
-export {};

package/dist/components/organisms/StandardListingFilter/StandardListingFilter.d.ts

@@ -7,6 +7,7 @@ export interface StandardListingFilterProps {
     heading: string;
     listingGroups: ListingGroup[];
     onClearFilters: () => void;
+    onViewResults: () => void;
 }
 type ListingGroup = DateProps | RadioProps | CheckboxProps | SelectProps;
 export interface RadioProps {
@@ -48,5 +49,5 @@ export interface SelectProps extends FilterAccordionSelectProps {
     name: string;
     id: string;
 }
-export default function StandardListingFilter({ theme, heading, listingGroups, onClearFilters }: StandardListingFilterProps): ReactElement;
+export default function StandardListingFilter({ theme, heading, listingGroups, onClearFilters, onViewResults }: StandardListingFilterProps): ReactElement;
 export {};

package/dist/components/organisms/StandardListingFilter/StandardListingFilter.stories.d.ts

@@ -10,6 +10,7 @@ declare const meta: {
         heading: string;
         listingGroups: (import("./StandardListingFilter").DateProps | import("./StandardListingFilter").RadioProps | import("./StandardListingFilter").CheckboxProps | import("./StandardListingFilter").SelectProps)[];
         onClearFilters: () => void;
+        onViewResults: () => void;
     }>) => JSX.Element)[];
 };
 export default meta;

package/dist/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function useOnClickOutside(ref: React.RefObject<HTMLElement>, handler: () => void): void;