@digital-b2c/coreui-kit 0.11.1 → 0.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs +42 -3
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +91 -21
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +11 -3
  6. package/dist/index.d.ts +11 -3
  7. package/dist/index.mjs +42 -3
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -454,6 +454,10 @@ interface IFooterSupporter {
454
454
  image: IPicture;
455
455
  href?: string;
456
456
  }
457
+ interface IFooterSupportGroup {
458
+ title: string;
459
+ subtitle: string;
460
+ }
457
461
  interface FooterProps {
458
462
  className?: string;
459
463
  supporters?: IFooterSupporter[];
@@ -461,9 +465,10 @@ interface FooterProps {
461
465
  disclaimer?: ReactNode;
462
466
  copyright?: ReactNode;
463
467
  children?: ReactNode;
468
+ supportContacts?: IFooterSupportGroup[];
464
469
  }
465
470
 
466
- declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, }: FooterProps) => react_jsx_runtime.JSX.Element;
471
+ declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, supportContacts, }: FooterProps) => react_jsx_runtime.JSX.Element;
467
472
 
468
473
  type HeroBannerSubtitleProps = {
469
474
  children: ReactNode;
@@ -834,12 +839,15 @@ interface BlogSearchResultsListProps extends PropsWithChildren {
834
839
  searchValue: string;
835
840
  onSearchChange: (value: string) => void;
836
841
  onSearchSubmit: (value: string) => void;
842
+ currentPage?: number;
843
+ onPageChange?: (page: number) => void;
844
+ totalPages?: number;
837
845
  renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
838
846
  children: React.ReactNode;
839
847
  }) => React.ReactNode;
840
848
  }
841
849
 
842
- declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
850
+ declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, onPageChange, searchValue, currentPage, totalPages, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
843
851
  Search: ({ children }: BlogSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
844
852
  };
845
853
 
@@ -866,4 +874,4 @@ type SlotMap = Record<string, SlotComponent>;
866
874
  */
867
875
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
868
876
 
869
- export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };
877
+ export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };
package/dist/index.d.ts CHANGED
@@ -454,6 +454,10 @@ interface IFooterSupporter {
454
454
  image: IPicture;
455
455
  href?: string;
456
456
  }
457
+ interface IFooterSupportGroup {
458
+ title: string;
459
+ subtitle: string;
460
+ }
457
461
  interface FooterProps {
458
462
  className?: string;
459
463
  supporters?: IFooterSupporter[];
@@ -461,9 +465,10 @@ interface FooterProps {
461
465
  disclaimer?: ReactNode;
462
466
  copyright?: ReactNode;
463
467
  children?: ReactNode;
468
+ supportContacts?: IFooterSupportGroup[];
464
469
  }
465
470
 
466
- declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, }: FooterProps) => react_jsx_runtime.JSX.Element;
471
+ declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, supportContacts, }: FooterProps) => react_jsx_runtime.JSX.Element;
467
472
 
468
473
  type HeroBannerSubtitleProps = {
469
474
  children: ReactNode;
@@ -834,12 +839,15 @@ interface BlogSearchResultsListProps extends PropsWithChildren {
834
839
  searchValue: string;
835
840
  onSearchChange: (value: string) => void;
836
841
  onSearchSubmit: (value: string) => void;
842
+ currentPage?: number;
843
+ onPageChange?: (page: number) => void;
844
+ totalPages?: number;
837
845
  renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
838
846
  children: React.ReactNode;
839
847
  }) => React.ReactNode;
840
848
  }
841
849
 
842
- declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
850
+ declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, onPageChange, searchValue, currentPage, totalPages, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
843
851
  Search: ({ children }: BlogSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
844
852
  };
845
853
 
@@ -866,4 +874,4 @@ type SlotMap = Record<string, SlotComponent>;
866
874
  */
867
875
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
868
876
 
869
- export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };
877
+ export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };
package/dist/index.mjs CHANGED
@@ -1934,6 +1934,13 @@ var FooterDisclaimer = ({ children }) => {
1934
1934
  var Footer_module_default = {
1935
1935
  footer: "Footer_module_footer",
1936
1936
  container: "Footer_module_container",
1937
+ "support-section": "Footer_module_support-section",
1938
+ "support-heading": "Footer_module_support-heading",
1939
+ support: "Footer_module_support",
1940
+ "support-column": "Footer_module_support-column",
1941
+ "support-title": "Footer_module_support-title",
1942
+ "support-subtitle": "Footer_module_support-subtitle",
1943
+ "support-group": "Footer_module_support-group",
1937
1944
  bottom: "Footer_module_bottom",
1938
1945
  "bottom-left": "Footer_module_bottom-left",
1939
1946
  "bottom-right": "Footer_module_bottom-right",
@@ -1952,18 +1959,36 @@ var Footer = ({
1952
1959
  navigationLinks = [],
1953
1960
  disclaimer,
1954
1961
  copyright,
1955
- children
1962
+ children,
1963
+ supportContacts = []
1956
1964
  }) => {
1957
1965
  var _a;
1958
1966
  const columns = [];
1959
1967
  for (let i = 0; i < navigationLinks.length; i += 5) {
1960
1968
  columns.push(navigationLinks.slice(i, i + 5));
1961
1969
  }
1970
+ const supportColumns = [];
1971
+ for (let i = 0; i < supportContacts.length; i += 2) {
1972
+ supportColumns.push(supportContacts.slice(i, i + 2));
1973
+ }
1962
1974
  const slots = resolveCompoundSlots(children, {
1963
1975
  disclaimer: FooterDisclaimer
1964
1976
  });
1965
1977
  const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
1966
1978
  return /* @__PURE__ */ jsx("footer", { className: clsx15(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
1979
+ supportContacts.length > 0 && /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-section"], children: [
1980
+ /* @__PURE__ */ jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
1981
+ /* @__PURE__ */ jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-group"], children: [
1982
+ /* @__PURE__ */ jsx("p", { className: Footer_module_default["support-title"], children: group.title }),
1983
+ /* @__PURE__ */ jsx(
1984
+ "div",
1985
+ {
1986
+ className: Footer_module_default["support-subtitle"],
1987
+ dangerouslySetInnerHTML: { __html: group.subtitle }
1988
+ }
1989
+ )
1990
+ ] }, i)) }, colIdx)) })
1991
+ ] }),
1967
1992
  /* @__PURE__ */ jsxs("div", { className: Footer_module_default.bottom, children: [
1968
1993
  /* @__PURE__ */ jsxs("div", { className: Footer_module_default["bottom-left"], children: [
1969
1994
  supporters.length > 0 && /* @__PURE__ */ jsx("div", { className: Footer_module_default.supporters, children: /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporters-logos"], children: supporters.map(
@@ -3743,14 +3768,18 @@ var BlogSearchResultsList_module_default = {
3743
3768
  "search-result": "BlogSearchResultsList_module_search-result",
3744
3769
  wrapper: "BlogSearchResultsList_module_wrapper",
3745
3770
  "search-input": "BlogSearchResultsList_module_search-input",
3746
- "end-action-button": "BlogSearchResultsList_module_end-action-button"
3771
+ "end-action-button": "BlogSearchResultsList_module_end-action-button",
3772
+ pagination: "BlogSearchResultsList_module_pagination"
3747
3773
  };
3748
3774
  var BlogSearchResultsList = ({
3749
3775
  items,
3750
3776
  searchResult,
3751
3777
  onSearchChange,
3752
3778
  onSearchSubmit,
3779
+ onPageChange,
3753
3780
  searchValue,
3781
+ currentPage,
3782
+ totalPages = 0,
3754
3783
  className,
3755
3784
  renderLink,
3756
3785
  children
@@ -3788,7 +3817,17 @@ var BlogSearchResultsList = ({
3788
3817
  }
3789
3818
  ),
3790
3819
  /* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
3791
- ] })
3820
+ ] }),
3821
+ totalPages ? /* @__PURE__ */ jsx(
3822
+ Pagination,
3823
+ {
3824
+ currentPage: currentPage || 1,
3825
+ totalPages: totalPages || 0,
3826
+ onPageChange,
3827
+ className: clsx15("pagination", BlogSearchResultsList_module_default["pagination"]),
3828
+ hasNumber: true
3829
+ }
3830
+ ) : null
3792
3831
  ] }) });
3793
3832
  };
3794
3833