@windstream/react-shared-components 0.0.100 → 0.1.1
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 +74 -2
- package/dist/contentful/index.esm.js +9 -1
- package/dist/contentful/index.esm.js.map +1 -1
- package/dist/contentful/index.js +9 -1
- package/dist/contentful/index.js.map +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/components/pagination/index.tsx +100 -0
- package/src/components/pagination/types.ts +6 -0
- package/src/contentful/blocks/blogs-grid/index.tsx +129 -0
- package/src/contentful/blocks/blogs-grid/types.ts +26 -0
- package/src/contentful/blocks/breadcrumbs/index.tsx +55 -0
- package/src/contentful/blocks/breadcrumbs/types.ts +5 -0
- package/src/contentful/blocks/button/index.tsx +2 -1
- package/src/contentful/blocks/cards/blog-card/index.tsx +99 -0
- package/src/contentful/blocks/cards/blog-card/types.ts +14 -0
- package/src/contentful/blocks/cards/product-card/index.tsx +3 -1
- package/src/contentful/blocks/find-kinetic/index.tsx +8 -2
- package/src/contentful/blocks/search-block/index.tsx +91 -0
- package/src/contentful/blocks/search-block/types.ts +15 -0
- package/src/contentful/index.ts +12 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React$1, { ReactNode } from 'react';
|
|
2
2
|
import { CheckPlansProps, Asset, Button as Button$1, ButtonGroup } from '@shared/types/micro-components';
|
|
3
3
|
import { ButtonProps as ButtonProps$1 } from '@shared/contentful/blocks/button/types';
|
|
4
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
5
|
|
|
5
6
|
type AccordionProps = {
|
|
6
7
|
title: string;
|
|
@@ -448,5 +449,76 @@ interface ProductCardProps {
|
|
|
448
449
|
|
|
449
450
|
declare const ProductCard: React$1.FC<ProductCardProps>;
|
|
450
451
|
|
|
451
|
-
|
|
452
|
-
|
|
452
|
+
interface BlogCardProps$1 {
|
|
453
|
+
href: string;
|
|
454
|
+
title?: string;
|
|
455
|
+
description?: string;
|
|
456
|
+
date?: string;
|
|
457
|
+
category?: string;
|
|
458
|
+
image?: {
|
|
459
|
+
src: string;
|
|
460
|
+
alt: string;
|
|
461
|
+
width: number;
|
|
462
|
+
height: number;
|
|
463
|
+
};
|
|
464
|
+
readMoreText?: string;
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
declare const BlogCard: React$1.FC<BlogCardProps$1>;
|
|
468
|
+
|
|
469
|
+
interface BlogCardProps {
|
|
470
|
+
slug: string;
|
|
471
|
+
title?: string;
|
|
472
|
+
shortDescription?: string;
|
|
473
|
+
blogCreationDate?: string;
|
|
474
|
+
category?: string;
|
|
475
|
+
cover?: {
|
|
476
|
+
url: string;
|
|
477
|
+
width?: number;
|
|
478
|
+
height?: number;
|
|
479
|
+
title?: string;
|
|
480
|
+
};
|
|
481
|
+
}
|
|
482
|
+
interface BlogGridProps {
|
|
483
|
+
paginatedArticles: BlogCardProps[];
|
|
484
|
+
totalArticles: number;
|
|
485
|
+
currentPage: number;
|
|
486
|
+
totalPages: number;
|
|
487
|
+
selectedCategory: BlogCategoryOption;
|
|
488
|
+
categoryOptions: BlogCategoryOption[];
|
|
489
|
+
}
|
|
490
|
+
interface BlogCategoryOption {
|
|
491
|
+
value: string;
|
|
492
|
+
label: string;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
declare function BlogGrid({ paginatedArticles, totalArticles, currentPage, totalPages, selectedCategory, categoryOptions, }: BlogGridProps): react_jsx_runtime.JSX.Element;
|
|
496
|
+
|
|
497
|
+
type BreadcrumbNavigationProps = {
|
|
498
|
+
links?: Array<any>;
|
|
499
|
+
textColor?: "dark" | "light";
|
|
500
|
+
maxWidth?: boolean;
|
|
501
|
+
};
|
|
502
|
+
|
|
503
|
+
declare const BreadcrumbNavigation: React$1.FC<BreadcrumbNavigationProps>;
|
|
504
|
+
|
|
505
|
+
type SearchBlockProps = {
|
|
506
|
+
anchorId?: string;
|
|
507
|
+
title?: string;
|
|
508
|
+
subTitle?: string;
|
|
509
|
+
searchDescription?: string;
|
|
510
|
+
searchInputPlaceholder?: string;
|
|
511
|
+
caption?: React$1.ReactNode;
|
|
512
|
+
basicCaption?: React$1.ReactNode;
|
|
513
|
+
enableHeading?: boolean;
|
|
514
|
+
backgroundColor: "supporting" | "white" | "brand";
|
|
515
|
+
color: "light" | "dark";
|
|
516
|
+
onSubmit?: (values: {
|
|
517
|
+
searchText: string;
|
|
518
|
+
}) => void;
|
|
519
|
+
};
|
|
520
|
+
|
|
521
|
+
declare const SearchBlock: React$1.FC<SearchBlockProps>;
|
|
522
|
+
|
|
523
|
+
export { Accordion, BlogCard, BlogGrid, BreadcrumbNavigation, Button, Callout, Cards, Carousel, ComparisonTable, CtaCallout, FindKinetic, FloatingBanner, Footer, ImagePromoBar, Modal, Navigation, PrimaryHero, ProductCard, SearchBlock, ShapeBackgroundWrapper, SimpleCard, TestimonialCard, Text };
|
|
524
|
+
export type { AccordionProps, BlogCardProps$1 as BlogCardProps, BlogGridProps, BreadcrumbNavigationProps, ButtonProps, CalloutProps, CardsProps, CarouselProps, ComparisonTableProps, CtaCalloutProps, FindKineticProps, FloatingBannerProps, FooterProps, ImagePromoBarProps, ModalProps, NavigationProps, PrimaryHeroProps, ProductCardProps, SearchBlockProps, ShapeBackgroundWrapperProps, SimpleCardProps, TestimonialCardProps, TextProps };
|