@windstream/react-shared-components 0.1.60 → 0.1.63

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.
@@ -5,6 +5,7 @@ import { Fill, Size } from '@shared/components/material-icon/types';
5
5
  import { CheckPlansProps, Asset, Button as Button$1, ButtonGroup } from '@shared/types/micro-components';
6
6
  import { ButtonProps as ButtonProps$1 } from '@shared/contentful/blocks/button/types';
7
7
  import * as react_jsx_runtime from 'react/jsx-runtime';
8
+ import { BlogCardImageProps as BlogCardImageProps$1 } from '@shared/contentful/blocks/cards/blog-card/types';
8
9
  import { Document } from '@contentful/rich-text-types';
9
10
  import { Options } from '@contentful/rich-text-react-renderer';
10
11
 
@@ -478,6 +479,17 @@ interface ProductCardProps {
478
479
 
479
480
  declare const ProductCard: React__default.FC<ProductCardProps>;
480
481
 
482
+ interface BlogCardImageProps {
483
+ src: string;
484
+ alt: string;
485
+ width: number;
486
+ height: number;
487
+ className?: string;
488
+ sizes?: string;
489
+ loading?: "lazy" | "eager";
490
+ decoding?: "async" | "auto" | "sync";
491
+ [key: string]: unknown;
492
+ }
481
493
  interface BlogCardProps$2 {
482
494
  href: string;
483
495
  title?: string;
@@ -490,6 +502,8 @@ interface BlogCardProps$2 {
490
502
  width: number;
491
503
  height: number;
492
504
  };
505
+ /** Pass next/image's Image component here to enable image optimization */
506
+ imageComponent?: React__default.ComponentType<BlogCardImageProps>;
493
507
  readMoreText?: string;
494
508
  asGrid?: boolean;
495
509
  lgWidth?: string;
@@ -541,6 +555,7 @@ interface BlogCardProps {
541
555
  };
542
556
  }
543
557
  interface BlogGridBaseProps {
558
+ title?: string;
544
559
  paginatedArticles: BlogCardProps[];
545
560
  totalArticles: number;
546
561
  currentPage: number;
@@ -549,13 +564,15 @@ interface BlogGridBaseProps {
549
564
  categoryOptions: BlogCategoryOption[];
550
565
  onCategoryChange?: (category: BlogCategoryOption) => void;
551
566
  onPageChange?: (page: number) => void;
567
+ /** Pass next/image's Image component here to enable image optimization */
568
+ imageComponent?: React__default.ComponentType<BlogCardImageProps$1>;
552
569
  }
553
570
  interface BlogCategoryOption {
554
571
  value: string;
555
572
  label: string;
556
573
  }
557
574
 
558
- declare function BlogGridBase({ paginatedArticles, totalArticles, currentPage, totalPages, selectedCategory, categoryOptions, onCategoryChange, onPageChange, }: BlogGridBaseProps): react_jsx_runtime.JSX.Element;
575
+ declare function BlogGridBase({ title, paginatedArticles, totalArticles, currentPage, totalPages, selectedCategory, categoryOptions, onCategoryChange, onPageChange, imageComponent, }: BlogGridBaseProps): react_jsx_runtime.JSX.Element;
559
576
 
560
577
  type BreadcrumbNavigationProps = {
561
578
  links?: Array<any>;