@uob-web-and-digital/component-library 0.0.42 → 0.0.43

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

@@ -31,12 +31,12 @@ export interface TabProps {
      */
     tabListTopRef: React.MutableRefObject<HTMLDivElement | null>;
     /**
-     * The method to set the active tab
+     * The method to handle a mouse click on the tab
      */
-    setActiveTab: (id: number) => void;
+    handleClick: (event: React.MouseEvent, activeTabId: number) => void;
     /**
      * The method to handle keyboard navigation events
      */
-    onKeyboardNavigation: (e: KeyboardEvent) => void;
+    handleKeyboardNavigation: (e: KeyboardEvent) => void;
 }
-export default function Tab({ id, theme, inverse, tabItem, isActive, hasFocus, setActiveTab, onKeyboardNavigation: onKeyboardNavigation }: TabProps): ReactElement | null;
+export default function Tab({ id, theme, inverse, tabItem, isActive, hasFocus, handleClick, handleKeyboardNavigation: handleKeyboardNavigation }: TabProps): ReactElement | null;

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

@@ -1,10 +1,12 @@
 import { ReactElement } from 'react';
 import { ThemeProps } from '../../../themeProps';
 import { CardFeaturedNewsProps } from '../../molecules/CardFeaturedNews/CardFeaturedNews';
+import { MostReadNewsProps } from '../../molecules/MostReadNews/MostReadNews';
 import './leadNewsArticles.scss';
 export interface LeadNewsArticlesProps {
     theme: ThemeProps;
     featuredArticle: CardFeaturedNewsProps;
     otherLeadArticles: Omit<CardFeaturedNewsProps, 'theme'>[];
+    mostReadNews: MostReadNewsProps;
 }
-export default function LeadNewsArticles({ theme, featuredArticle, otherLeadArticles }: LeadNewsArticlesProps): ReactElement;
+export default function LeadNewsArticles({ theme, featuredArticle, otherLeadArticles, mostReadNews }: LeadNewsArticlesProps): ReactElement;

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { TextButtonWithIconProps } from '../../atoms/TextButtonWithIcon/TextButtonWithIcon';
+import { TextButtonProps } from '../../atoms/TextButton/TextButton';
+import './singleButton.scss';
+export interface SingleButtonProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    includeIcon: boolean;
+    link: TextButtonWithIconProps | TextButtonProps;
+}
+export default function SingleButton({ theme, inverse, includeIcon, link }: SingleButtonProps): ReactElement;

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

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

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

@@ -0,0 +1,2 @@
+import { SingleButtonProps } from './SingleButton';
+export declare const singleButtonProps: SingleButtonProps;

package/dist/index.d.ts

@@ -1048,12 +1048,20 @@ interface TopicSelectorProps {
 }
 declare function TopicSelector({ topics, theme, titleTag, heading }: TopicSelectorProps): ReactElement | null;
 
+interface MostReadNewsProps {
+    theme: ThemeProps;
+    heading: string;
+    cards: Omit<CardFeaturedNewsProps, 'theme'>[];
+    link?: LinkWithArrowProps;
+}
+
 interface LeadNewsArticlesProps {
     theme: ThemeProps;
     featuredArticle: CardFeaturedNewsProps;
     otherLeadArticles: Omit<CardFeaturedNewsProps, 'theme'>[];
+    mostReadNews: MostReadNewsProps;
 }
-declare function LeadNewsArticles({ theme, featuredArticle, otherLeadArticles }: LeadNewsArticlesProps): ReactElement;
+declare function LeadNewsArticles({ theme, featuredArticle, otherLeadArticles, mostReadNews }: LeadNewsArticlesProps): ReactElement;
 
 interface TabItemProps {
     title: string;
@@ -1110,6 +1118,14 @@ interface NewsArticlesPromoBlockProps {
 }
 declare function NewsArticlesPromoBlock({ theme, heading, cards }: NewsArticlesPromoBlockProps): ReactElement;
 
+interface SingleButtonProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    includeIcon: boolean;
+    link: TextButtonWithIconProps | TextButtonProps;
+}
+declare function SingleButton({ theme, inverse, includeIcon, link }: SingleButtonProps): ReactElement;
+
 interface FiveArticlesGridProps {
     theme: ThemeProps;
     heading?: string;
@@ -1118,4 +1134,4 @@ interface FiveArticlesGridProps {
 }
 declare function FiveArticlesGrid({ theme, heading, featuredArticle, otherLeadArticles }: FiveArticlesGridProps): ReactElement;
 
-export { Accordion, AcreditationPromotion, Breadcrumbs, CTAComponent, Carousel, ClearingBanner, CourseDeliveryPills, FeaturedContent, FeaturedSignpost, FeaturedVideo, FiveArticlesGrid, Footer, GeneralSearchFilter, Header, Hero, HeroCarousel, ImageBlock, ImageCarousel, IntroText, LeadNewsArticles, ListingFilterWrapper, ListingResults, ListingResultsCount, MainWrapper, NewsArticlesPromoBlock, Pagination, PromoBlock, QuoteBlock, RelatedCourses, RichText, SearchCourses, SignPost, SkipToContent, StaffListingCarousel, StandardListingFilter, TabsBlock, TextWithBackground, TopicSelector, VideoCardComponent, VideoEmbed };
+export { Accordion, AcreditationPromotion, Breadcrumbs, CTAComponent, Carousel, ClearingBanner, CourseDeliveryPills, FeaturedContent, FeaturedSignpost, FeaturedVideo, FiveArticlesGrid, Footer, GeneralSearchFilter, Header, Hero, HeroCarousel, ImageBlock, ImageCarousel, IntroText, LeadNewsArticles, ListingFilterWrapper, ListingResults, ListingResultsCount, MainWrapper, NewsArticlesPromoBlock, Pagination, PromoBlock, QuoteBlock, RelatedCourses, RichText, SearchCourses, SignPost, SingleButton, SkipToContent, StaffListingCarousel, StandardListingFilter, TabsBlock, TextWithBackground, TopicSelector, VideoCardComponent, VideoEmbed };