@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.
- package/dist/contentful/index.d.ts +18 -1
- package/dist/contentful/index.esm.js +2 -2
- package/dist/contentful/index.esm.js.map +1 -1
- package/dist/contentful/index.js +2 -2
- package/dist/contentful/index.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/pagination/index.tsx +5 -14
- package/src/contentful/blocks/blogs-grid-base/index.tsx +26 -21
- package/src/contentful/blocks/blogs-grid-base/types.ts +6 -0
- package/src/contentful/blocks/cards/blog-card/index.tsx +21 -9
- package/src/contentful/blocks/cards/blog-card/types.ts +16 -0
|
@@ -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>;
|