@windstream/react-shared-components 0.1.59 → 0.1.62
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 +17 -1
- package/dist/contentful/index.esm.js +3 -3
- package/dist/contentful/index.esm.js.map +1 -1
- package/dist/contentful/index.js +3 -3
- package/dist/contentful/index.js.map +1 -1
- package/dist/core.d.ts +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 +24 -20
- package/src/contentful/blocks/blogs-grid-base/types.ts +5 -0
- package/src/contentful/blocks/cards/blog-card/index.tsx +25 -12
- 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;
|
|
@@ -549,13 +563,15 @@ interface BlogGridBaseProps {
|
|
|
549
563
|
categoryOptions: BlogCategoryOption[];
|
|
550
564
|
onCategoryChange?: (category: BlogCategoryOption) => void;
|
|
551
565
|
onPageChange?: (page: number) => void;
|
|
566
|
+
/** Pass next/image's Image component here to enable image optimization */
|
|
567
|
+
imageComponent?: React__default.ComponentType<BlogCardImageProps$1>;
|
|
552
568
|
}
|
|
553
569
|
interface BlogCategoryOption {
|
|
554
570
|
value: string;
|
|
555
571
|
label: string;
|
|
556
572
|
}
|
|
557
573
|
|
|
558
|
-
declare function BlogGridBase({ paginatedArticles, totalArticles, currentPage, totalPages, selectedCategory, categoryOptions, onCategoryChange, onPageChange, }: BlogGridBaseProps): react_jsx_runtime.JSX.Element;
|
|
574
|
+
declare function BlogGridBase({ paginatedArticles, totalArticles, currentPage, totalPages, selectedCategory, categoryOptions, onCategoryChange, onPageChange, imageComponent, }: BlogGridBaseProps): react_jsx_runtime.JSX.Element;
|
|
559
575
|
|
|
560
576
|
type BreadcrumbNavigationProps = {
|
|
561
577
|
links?: Array<any>;
|