@windstream/react-shared-components 0.1.37 → 0.1.40
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/README.md +635 -635
- package/dist/contentful/index.d.ts +78 -51
- package/dist/contentful/index.esm.js +4 -2
- package/dist/contentful/index.esm.js.map +1 -1
- package/dist/contentful/index.js +4 -2
- package/dist/contentful/index.js.map +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/index.esm.js +7 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +7 -5
- package/dist/index.js.map +1 -1
- package/dist/next/index.esm.js +3 -1
- package/dist/next/index.esm.js.map +1 -1
- package/dist/next/index.js +3 -1
- package/dist/next/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/utils/index.d.ts +35 -6
- package/dist/utils/index.esm.js +1 -1
- package/dist/utils/index.esm.js.map +1 -1
- package/dist/utils/index.js +1 -1
- package/dist/utils/index.js.map +1 -1
- package/package.json +185 -182
- package/src/components/accordion/Accordion.stories.tsx +230 -230
- package/src/components/accordion/index.tsx +70 -70
- package/src/components/accordion/types.ts +12 -12
- package/src/components/alert-card/AlertCard.stories.tsx +171 -171
- package/src/components/alert-card/index.tsx +41 -41
- package/src/components/alert-card/types.ts +13 -13
- package/src/components/brand-button/BrandButton.stories.tsx +223 -223
- package/src/components/brand-button/helpers.ts +35 -35
- package/src/components/brand-button/index.tsx +114 -114
- package/src/components/brand-button/types.ts +37 -37
- package/src/components/button/Button.stories.tsx +108 -108
- package/src/components/button/index.tsx +27 -27
- package/src/components/button/types.ts +14 -14
- package/src/components/call-button/CallButton.stories.tsx +324 -324
- package/src/components/call-button/index.tsx +86 -86
- package/src/components/call-button/types.ts +11 -11
- package/src/components/checkbox/Checkbox.stories.tsx +247 -247
- package/src/components/checkbox/index.tsx +197 -197
- package/src/components/checkbox/types.ts +27 -27
- package/src/components/checklist/Checklist.stories.tsx +150 -150
- package/src/components/checklist/index.tsx +61 -61
- package/src/components/checklist/types.ts +17 -17
- package/src/components/collapse/Collapse.stories.tsx +255 -255
- package/src/components/collapse/index.tsx +46 -46
- package/src/components/collapse/types.ts +6 -6
- package/src/components/divider/Divider.stories.tsx +205 -205
- package/src/components/divider/index.tsx +22 -22
- package/src/components/divider/type.ts +3 -3
- package/src/components/image/Image.stories.tsx +113 -113
- package/src/components/image/index.tsx +25 -25
- package/src/components/image/types.ts +40 -40
- package/src/components/input/Input.stories.tsx +325 -325
- package/src/components/input/index.tsx +177 -177
- package/src/components/input/types.ts +37 -37
- package/src/components/link/Link.stories.tsx +163 -163
- package/src/components/link/index.tsx +109 -109
- package/src/components/link/types.ts +25 -25
- package/src/components/list/List.stories.tsx +272 -272
- package/src/components/list/index.tsx +88 -88
- package/src/components/list/list-item/index.tsx +38 -38
- package/src/components/list/list-item/types.ts +13 -13
- package/src/components/list/types.ts +29 -29
- package/src/components/material-icon/MaterialIcon.stories.tsx +322 -322
- package/src/components/material-icon/constants.ts +98 -98
- package/src/components/material-icon/index.tsx +47 -47
- package/src/components/material-icon/types.ts +31 -31
- package/src/components/modal/Modal.stories.tsx +171 -171
- package/src/components/modal/index.tsx +164 -164
- package/src/components/modal/types.ts +24 -24
- package/src/components/next-image/index.tsx +54 -54
- package/src/components/next-image/types.ts +1 -1
- package/src/components/pagination/index.tsx +100 -100
- package/src/components/pagination/types.ts +6 -6
- package/src/components/radio-button/RadioButton.stories.tsx +307 -307
- package/src/components/radio-button/index.tsx +75 -75
- package/src/components/radio-button/types.ts +21 -21
- package/src/components/see-more/SeeMore.stories.tsx +181 -181
- package/src/components/see-more/index.tsx +44 -44
- package/src/components/see-more/types.ts +4 -4
- package/src/components/select/Select.stories.tsx +411 -411
- package/src/components/select/index.tsx +155 -155
- package/src/components/select/types.ts +36 -36
- package/src/components/select-plan-button/SelectPlanButton.stories.tsx +184 -184
- package/src/components/select-plan-button/index.tsx +63 -63
- package/src/components/select-plan-button/types.ts +17 -17
- package/src/components/skeleton/Skeleton.stories.tsx +179 -179
- package/src/components/skeleton/index.tsx +61 -61
- package/src/components/skeleton/types.ts +4 -4
- package/src/components/spinner/Spinner.stories.tsx +335 -335
- package/src/components/spinner/index.tsx +44 -44
- package/src/components/spinner/types.ts +5 -5
- package/src/components/text/Text.stories.tsx +321 -321
- package/src/components/text/index.tsx +25 -25
- package/src/components/text/types.ts +45 -45
- package/src/components/tooltip/Tooltip.stories.tsx +219 -219
- package/src/components/tooltip/index.tsx +74 -74
- package/src/components/tooltip/types.ts +7 -7
- package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
- package/src/components/view-cart-button/index.tsx +42 -42
- package/src/components/view-cart-button/types.ts +5 -5
- package/src/contentful/blocks/accordion/Accordion.stories.tsx +29 -29
- package/src/contentful/blocks/accordion/index.tsx +62 -62
- package/src/contentful/blocks/accordion/types.ts +17 -17
- package/src/contentful/blocks/address-input-banner/index.tsx +52 -52
- package/src/contentful/blocks/address-input-banner/types.ts +14 -14
- package/src/contentful/blocks/anchored-bottom-banner/index.tsx +70 -70
- package/src/contentful/blocks/anchored-bottom-banner/types.ts +10 -10
- package/src/contentful/blocks/blogs-grid/index.tsx +134 -134
- package/src/contentful/blocks/blogs-grid/types.ts +26 -26
- package/src/contentful/blocks/breadcrumbs/index.tsx +51 -51
- package/src/contentful/blocks/breadcrumbs/types.ts +5 -5
- package/src/contentful/blocks/button/Button.stories.tsx +40 -40
- package/src/contentful/blocks/button/index.tsx +129 -129
- package/src/contentful/blocks/button/types.ts +39 -39
- package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
- package/src/contentful/blocks/callout/index.tsx +88 -88
- package/src/contentful/blocks/callout/types.ts +15 -15
- package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
- package/src/contentful/blocks/cards/blog-card/index.tsx +110 -110
- package/src/contentful/blocks/cards/blog-card/types.ts +18 -18
- package/src/contentful/blocks/cards/index.tsx +13 -13
- package/src/contentful/blocks/cards/product-card/index.tsx +251 -251
- package/src/contentful/blocks/cards/product-card/types.ts +28 -28
- package/src/contentful/blocks/cards/simple-card/index.tsx +89 -89
- package/src/contentful/blocks/cards/simple-card/types.ts +28 -28
- package/src/contentful/blocks/cards/testimonial-card/index.tsx +90 -90
- package/src/contentful/blocks/cards/testimonial-card/types.tsx +12 -12
- package/src/contentful/blocks/cards/types.ts +1 -1
- package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
- package/src/contentful/blocks/carousel/helper.tsx +440 -440
- package/src/contentful/blocks/carousel/index.tsx +85 -85
- package/src/contentful/blocks/carousel/types.ts +144 -144
- package/src/contentful/blocks/comparison-table/index.tsx +27 -27
- package/src/contentful/blocks/comparison-table/types.ts +6 -6
- package/src/contentful/blocks/cookiebanner/index.tsx +146 -146
- package/src/contentful/blocks/cookiebanner/type.ts +7 -7
- package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
- package/src/contentful/blocks/cta-callout/index.tsx +69 -60
- package/src/contentful/blocks/cta-callout/types.ts +26 -26
- package/src/contentful/blocks/dynamic-tabs/index.tsx +204 -204
- package/src/contentful/blocks/dynamic-tabs/types.ts +21 -21
- package/src/contentful/blocks/find-kinetic/FindKinetic.stories.tsx +23 -23
- package/src/contentful/blocks/find-kinetic/index.tsx +130 -130
- package/src/contentful/blocks/find-kinetic/types.ts +19 -19
- package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
- package/src/contentful/blocks/floating-banner/index.tsx +97 -97
- package/src/contentful/blocks/floating-banner/types.ts +22 -22
- package/src/contentful/blocks/footer/Footer.stories.tsx +30 -30
- package/src/contentful/blocks/footer/index.tsx +90 -90
- package/src/contentful/blocks/footer/types.ts +13 -13
- package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
- package/src/contentful/blocks/image-promo-bar/helper.tsx +28 -28
- package/src/contentful/blocks/image-promo-bar/index.tsx +246 -240
- package/src/contentful/blocks/image-promo-bar/types.ts +44 -44
- package/src/contentful/blocks/image-promo-bar/vimeo-embed.tsx +93 -93
- package/src/contentful/blocks/image-promo-bar/youtube-embed.tsx +46 -46
- package/src/contentful/blocks/modal/constants.ts +53 -53
- package/src/contentful/blocks/modal/index.tsx +107 -103
- package/src/contentful/blocks/modal/types.ts +12 -12
- package/src/contentful/blocks/navigation/desktop-link-groups.tsx/index.tsx +113 -113
- package/src/contentful/blocks/navigation/index.tsx +394 -394
- package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx +82 -82
- package/src/contentful/blocks/navigation/types.ts +41 -41
- package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
- package/src/contentful/blocks/primary-hero/index.tsx +234 -234
- package/src/contentful/blocks/primary-hero/types.ts +35 -35
- package/src/contentful/blocks/search-block/index.tsx +90 -90
- package/src/contentful/blocks/search-block/types.ts +15 -15
- package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
- package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
- package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
- package/src/contentful/blocks/text/Text.stories.tsx +23 -23
- package/src/contentful/blocks/text/index.tsx +12 -12
- package/src/contentful/blocks/text/types.ts +1 -1
- package/src/contentful/index.ts +96 -81
- package/src/hooks/contentful/use-contentful-rich-text.tsx +310 -0
- package/src/hooks/contentful/use-processed-check-list.ts +63 -0
- package/src/hooks/use-body-scroll-lock.ts +34 -34
- package/src/hooks/use-carousel-swipe.ts +264 -264
- package/src/hooks/use-outside-click.ts +17 -17
- package/src/index.ts +101 -101
- package/src/next/index.ts +5 -5
- package/src/setupTests.ts +46 -46
- package/src/stories/DocsTemplate.tsx +24 -24
- package/src/styles/globals.css +343 -343
- package/src/types/global.d.ts +9 -9
- package/src/types/micro-components.ts +99 -99
- package/src/types/utm.ts +49 -49
- package/src/utils/contentful/to-document.ts +24 -0
- package/src/utils/cookie.ts +84 -80
- package/src/utils/cx.ts +49 -0
- package/src/utils/index.ts +38 -65
- package/src/utils/utm.ts +221 -221
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import React$1
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
|
+
import React__default, { ReactNode, FC } from 'react';
|
|
2
3
|
import { ResponsiveSize } from '@shared/components/brand-button/types';
|
|
3
4
|
import { Fill, Size } from '@shared/components/material-icon/types';
|
|
4
5
|
import { CheckPlansProps, Asset, Button as Button$1, ButtonGroup } from '@shared/types/micro-components';
|
|
5
6
|
import { ButtonProps as ButtonProps$1 } from '@shared/contentful/blocks/button/types';
|
|
6
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
|
+
import { Document } from '@contentful/rich-text-types';
|
|
9
|
+
import { Options } from '@contentful/rich-text-react-renderer';
|
|
7
10
|
|
|
8
11
|
type AccordionProps = {
|
|
9
12
|
title: string;
|
|
@@ -11,12 +14,12 @@ type AccordionProps = {
|
|
|
11
14
|
background?: "blue" | "green" | "navy" | "purple" | "white" | "yellow";
|
|
12
15
|
items: {
|
|
13
16
|
title: string;
|
|
14
|
-
description:
|
|
17
|
+
description: React__default.ReactNode;
|
|
15
18
|
}[];
|
|
16
19
|
maxWidth?: boolean;
|
|
17
20
|
};
|
|
18
21
|
|
|
19
|
-
declare const Accordion:
|
|
22
|
+
declare const Accordion: React__default.FC<AccordionProps>;
|
|
20
23
|
|
|
21
24
|
type CalloutProps = {
|
|
22
25
|
title?: string;
|
|
@@ -34,7 +37,7 @@ type CalloutProps = {
|
|
|
34
37
|
cardType?: "simple" | "blog";
|
|
35
38
|
};
|
|
36
39
|
|
|
37
|
-
declare const Callout:
|
|
40
|
+
declare const Callout: React__default.FC<CalloutProps>;
|
|
38
41
|
|
|
39
42
|
type CardsProps = {};
|
|
40
43
|
|
|
@@ -58,14 +61,14 @@ type ButtonProps = {
|
|
|
58
61
|
clickToOpen?: string;
|
|
59
62
|
tabmodalNameToOpen?: string;
|
|
60
63
|
preDefinedFunctionExecution?: string;
|
|
61
|
-
renderCheckPlans?: (overrides?: CheckPlansProps) =>
|
|
64
|
+
renderCheckPlans?: (overrides?: CheckPlansProps) => React__default.ReactNode;
|
|
62
65
|
linkClassName?: string;
|
|
63
66
|
buttonClassName?: string;
|
|
64
67
|
linkVariant?: "unstyled" | "default";
|
|
65
68
|
fullWidth?: boolean;
|
|
66
69
|
size?: ResponsiveSize;
|
|
67
|
-
onClick?: (event:
|
|
68
|
-
children?:
|
|
70
|
+
onClick?: (event: React__default.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
|
|
71
|
+
children?: React__default.ReactNode;
|
|
69
72
|
modalTitle?: string;
|
|
70
73
|
modalSubtitle?: string;
|
|
71
74
|
onModalButtonClick?: (id?: string) => void;
|
|
@@ -90,7 +93,7 @@ type SimpleCardProps = {
|
|
|
90
93
|
mdWidth?: string;
|
|
91
94
|
};
|
|
92
95
|
|
|
93
|
-
declare const SimpleCard:
|
|
96
|
+
declare const SimpleCard: React__default.FC<SimpleCardProps>;
|
|
94
97
|
|
|
95
98
|
interface carouselFieldsInterface {
|
|
96
99
|
__typename: "ComponentCarousel";
|
|
@@ -201,37 +204,37 @@ type CarouselProps = {
|
|
|
201
204
|
showSwitch?: boolean;
|
|
202
205
|
testimonialAutoScroll?: boolean;
|
|
203
206
|
onModalButtonClick?: (id?: string) => void;
|
|
204
|
-
renderCheckPlans?: (overrides?: CheckPlansProps) =>
|
|
207
|
+
renderCheckPlans?: (overrides?: CheckPlansProps) => React__default.ReactNode;
|
|
205
208
|
};
|
|
206
209
|
|
|
207
|
-
declare const Carousel:
|
|
210
|
+
declare const Carousel: React__default.FC<CarouselProps>;
|
|
208
211
|
|
|
209
212
|
type FloatingBannerProps = {
|
|
210
213
|
title?: string;
|
|
211
214
|
enableHeading?: boolean;
|
|
212
215
|
subtitle?: string;
|
|
213
216
|
icon?: string;
|
|
214
|
-
description?:
|
|
217
|
+
description?: React__default.ReactNode;
|
|
215
218
|
cta?: any | null;
|
|
216
|
-
disclaimer?:
|
|
219
|
+
disclaimer?: React__default.ReactNode;
|
|
217
220
|
background?: "green" | "navy" | "white" | "purple" | "blue" | "yellow";
|
|
218
221
|
color?: "dark" | "light";
|
|
219
222
|
maxWidth?: boolean;
|
|
220
223
|
};
|
|
221
224
|
|
|
222
|
-
declare const FloatingBanner:
|
|
225
|
+
declare const FloatingBanner: React__default.FC<FloatingBannerProps>;
|
|
223
226
|
|
|
224
227
|
type FooterProps = {
|
|
225
|
-
body:
|
|
228
|
+
body: React__default.ReactNode;
|
|
226
229
|
links?: Array<any>;
|
|
227
230
|
bottomLinks?: Array<any>;
|
|
228
|
-
copyrights?:
|
|
231
|
+
copyrights?: React__default.ReactNode;
|
|
229
232
|
terms?: string;
|
|
230
233
|
maxWidth?: boolean;
|
|
231
|
-
onClick?: (event:
|
|
234
|
+
onClick?: (event: React__default.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
|
|
232
235
|
};
|
|
233
236
|
|
|
234
|
-
declare const Footer:
|
|
237
|
+
declare const Footer: React__default.FC<FooterProps>;
|
|
235
238
|
|
|
236
239
|
type VideoLinkProps = {
|
|
237
240
|
image?: string;
|
|
@@ -247,25 +250,25 @@ type ImagePromoBarProps = {
|
|
|
247
250
|
imageWidth: number;
|
|
248
251
|
imageHeight: number;
|
|
249
252
|
mediaPosition: boolean;
|
|
250
|
-
description:
|
|
253
|
+
description: React__default.ReactNode;
|
|
251
254
|
openDescriptionLinksOnANewTab: boolean;
|
|
252
255
|
checklist: string[];
|
|
253
|
-
disclaimer:
|
|
256
|
+
disclaimer: React__default.ReactNode;
|
|
254
257
|
imageLinks: {
|
|
255
258
|
url: string;
|
|
256
259
|
image: string;
|
|
257
260
|
}[];
|
|
258
261
|
cta: any;
|
|
259
262
|
secondaryCta: any;
|
|
260
|
-
ctaDisclaimer:
|
|
263
|
+
ctaDisclaimer: React__default.ReactNode;
|
|
261
264
|
videoLink: VideoLinkProps;
|
|
262
265
|
maxWidth?: boolean;
|
|
263
266
|
color: "light" | "dark";
|
|
264
267
|
onModalButtonClick?: (id?: string) => void;
|
|
265
|
-
renderCheckPlans?: (overrides?: CheckPlansProps) =>
|
|
268
|
+
renderCheckPlans?: (overrides?: CheckPlansProps) => React__default.ReactNode;
|
|
266
269
|
};
|
|
267
270
|
|
|
268
|
-
declare const ImagePromoBar:
|
|
271
|
+
declare const ImagePromoBar: React__default.FC<ImagePromoBarProps>;
|
|
269
272
|
|
|
270
273
|
type Color = string;
|
|
271
274
|
interface Navigation$1 {
|
|
@@ -291,12 +294,12 @@ interface Navigation$1 {
|
|
|
291
294
|
showCallNowCtaInMainNav?: boolean;
|
|
292
295
|
invocaPhoneNumberLink?: string;
|
|
293
296
|
invocaPhoneNumberDisplayText?: string;
|
|
294
|
-
checkPlansJSX?:
|
|
297
|
+
checkPlansJSX?: React__default.ReactNode;
|
|
295
298
|
onSearch?: (query: string) => void;
|
|
296
299
|
}
|
|
297
300
|
type NavigationProps = Navigation$1;
|
|
298
301
|
|
|
299
|
-
declare const Navigation:
|
|
302
|
+
declare const Navigation: React__default.FC<NavigationProps>;
|
|
300
303
|
|
|
301
304
|
type PrimaryHeroProps = {
|
|
302
305
|
title: string;
|
|
@@ -326,11 +329,11 @@ type PrimaryHeroProps = {
|
|
|
326
329
|
badgeImage?: string;
|
|
327
330
|
textColor?: string;
|
|
328
331
|
maxWidth?: boolean;
|
|
329
|
-
renderCheckPlans?: (overrides?: CheckPlansProps) =>
|
|
332
|
+
renderCheckPlans?: (overrides?: CheckPlansProps) => React__default.ReactNode;
|
|
330
333
|
onModalButtonClick?: (id?: string) => void;
|
|
331
334
|
};
|
|
332
335
|
|
|
333
|
-
declare const PrimaryHero:
|
|
336
|
+
declare const PrimaryHero: React__default.FC<PrimaryHeroProps>;
|
|
334
337
|
|
|
335
338
|
type TextProps = {};
|
|
336
339
|
|
|
@@ -338,16 +341,16 @@ declare const Text: React.FC<{
|
|
|
338
341
|
fields: TextProps;
|
|
339
342
|
}>;
|
|
340
343
|
|
|
341
|
-
declare const Button:
|
|
344
|
+
declare const Button: React__default.FC<ButtonProps>;
|
|
342
345
|
|
|
343
346
|
type ModalProps = {
|
|
344
347
|
isOpen: boolean;
|
|
345
348
|
onRequestClose?: () => void;
|
|
346
349
|
size?: "lg" | "md" | "sm" | "xl" | "xs";
|
|
347
350
|
title?: string;
|
|
348
|
-
description?:
|
|
349
|
-
content?:
|
|
350
|
-
children?:
|
|
351
|
+
description?: React__default.ReactNode;
|
|
352
|
+
content?: React__default.ReactNode;
|
|
353
|
+
children?: React__default.ReactNode;
|
|
351
354
|
bodyClassName?: string;
|
|
352
355
|
};
|
|
353
356
|
|
|
@@ -355,7 +358,7 @@ type ExtendedModalProps = ModalProps & {
|
|
|
355
358
|
type?: string;
|
|
356
359
|
index?: number;
|
|
357
360
|
};
|
|
358
|
-
declare const Modal:
|
|
361
|
+
declare const Modal: React__default.FC<ExtendedModalProps>;
|
|
359
362
|
|
|
360
363
|
declare const svgPaths: Record<string, string>;
|
|
361
364
|
type ThemeKey = "blue" | "green" | "yellow" | "purple" | "white" | "navy";
|
|
@@ -364,13 +367,13 @@ type ShapeBackgroundWrapperProps = {
|
|
|
364
367
|
path?: SvgPathKey;
|
|
365
368
|
fill?: ThemeKey | string;
|
|
366
369
|
className?: string;
|
|
367
|
-
children?:
|
|
370
|
+
children?: React__default.ReactNode;
|
|
368
371
|
maxFit?: boolean;
|
|
369
372
|
background?: ThemeKey | string;
|
|
370
373
|
show?: boolean;
|
|
371
374
|
};
|
|
372
375
|
|
|
373
|
-
declare const ShapeBackgroundWrapper:
|
|
376
|
+
declare const ShapeBackgroundWrapper: React__default.FC<ShapeBackgroundWrapperProps>;
|
|
374
377
|
|
|
375
378
|
type CtaCalloutProps = {
|
|
376
379
|
title?: string;
|
|
@@ -378,16 +381,16 @@ type CtaCalloutProps = {
|
|
|
378
381
|
enableHeading?: boolean;
|
|
379
382
|
color?: "dark" | "light";
|
|
380
383
|
background?: "blue" | "green" | "navy" | "purple" | "white" | "yellow";
|
|
381
|
-
description?:
|
|
384
|
+
description?: React__default.ReactNode;
|
|
382
385
|
descriptionAlignment?: "center" | "left" | "right";
|
|
383
386
|
contentAlignment?: "center" | "left" | "right";
|
|
384
387
|
button?: any;
|
|
385
388
|
maxWidth?: boolean;
|
|
386
389
|
onModalButtonClick?: (id?: string) => void;
|
|
387
|
-
renderCheckPlans?: (overrides?: CheckPlansProps) =>
|
|
390
|
+
renderCheckPlans?: (overrides?: CheckPlansProps) => React__default.ReactNode;
|
|
388
391
|
};
|
|
389
392
|
|
|
390
|
-
declare const CtaCallout:
|
|
393
|
+
declare const CtaCallout: React__default.FC<CtaCalloutProps>;
|
|
391
394
|
|
|
392
395
|
type FindKineticProps = {
|
|
393
396
|
title?: string;
|
|
@@ -404,7 +407,7 @@ type FindKineticProps = {
|
|
|
404
407
|
color?: "dark" | "light";
|
|
405
408
|
};
|
|
406
409
|
|
|
407
|
-
declare const FindKinetic:
|
|
410
|
+
declare const FindKinetic: React__default.FC<FindKineticProps>;
|
|
408
411
|
|
|
409
412
|
type ComparisonTableProps = {
|
|
410
413
|
title?: string;
|
|
@@ -413,7 +416,7 @@ type ComparisonTableProps = {
|
|
|
413
416
|
maxWidth?: boolean;
|
|
414
417
|
};
|
|
415
418
|
|
|
416
|
-
declare const ComparisonTable:
|
|
419
|
+
declare const ComparisonTable: React__default.FC<ComparisonTableProps>;
|
|
417
420
|
|
|
418
421
|
interface TestimonialCardProps {
|
|
419
422
|
title?: string;
|
|
@@ -426,7 +429,7 @@ interface TestimonialCardProps {
|
|
|
426
429
|
className?: string;
|
|
427
430
|
}
|
|
428
431
|
|
|
429
|
-
declare const TestimonialCard:
|
|
432
|
+
declare const TestimonialCard: React__default.FC<TestimonialCardProps>;
|
|
430
433
|
|
|
431
434
|
interface ProductCardProps {
|
|
432
435
|
planName: string;
|
|
@@ -455,10 +458,10 @@ interface ProductCardProps {
|
|
|
455
458
|
cta?: ButtonProps$1;
|
|
456
459
|
onCtaClick: () => void;
|
|
457
460
|
hostType: "residential" | "smb";
|
|
458
|
-
renderCheckPlans?: (overrides?: CheckPlansProps) =>
|
|
461
|
+
renderCheckPlans?: (overrides?: CheckPlansProps) => React__default.ReactNode;
|
|
459
462
|
}
|
|
460
463
|
|
|
461
|
-
declare const ProductCard:
|
|
464
|
+
declare const ProductCard: React__default.FC<ProductCardProps>;
|
|
462
465
|
|
|
463
466
|
interface BlogCardProps$1 {
|
|
464
467
|
href: string;
|
|
@@ -479,7 +482,7 @@ interface BlogCardProps$1 {
|
|
|
479
482
|
index?: number;
|
|
480
483
|
}
|
|
481
484
|
|
|
482
|
-
declare const BlogCard:
|
|
485
|
+
declare const BlogCard: React__default.FC<BlogCardProps$1>;
|
|
483
486
|
|
|
484
487
|
interface BlogCardProps {
|
|
485
488
|
slug: string;
|
|
@@ -515,7 +518,7 @@ type BreadcrumbNavigationProps = {
|
|
|
515
518
|
maxWidth?: boolean;
|
|
516
519
|
};
|
|
517
520
|
|
|
518
|
-
declare const BreadcrumbNavigation:
|
|
521
|
+
declare const BreadcrumbNavigation: React__default.FC<BreadcrumbNavigationProps>;
|
|
519
522
|
|
|
520
523
|
type SearchBlockProps = {
|
|
521
524
|
anchorId?: string;
|
|
@@ -523,8 +526,8 @@ type SearchBlockProps = {
|
|
|
523
526
|
subTitle?: string;
|
|
524
527
|
searchDescription?: string;
|
|
525
528
|
searchInputPlaceholder?: string;
|
|
526
|
-
caption?:
|
|
527
|
-
basicCaption?:
|
|
529
|
+
caption?: React__default.ReactNode;
|
|
530
|
+
basicCaption?: React__default.ReactNode;
|
|
528
531
|
enableHeading?: boolean;
|
|
529
532
|
backgroundColor: "supporting" | "white" | "brand";
|
|
530
533
|
color: "light" | "dark";
|
|
@@ -533,7 +536,7 @@ type SearchBlockProps = {
|
|
|
533
536
|
}) => void;
|
|
534
537
|
};
|
|
535
538
|
|
|
536
|
-
declare const SearchBlock:
|
|
539
|
+
declare const SearchBlock: React__default.FC<SearchBlockProps>;
|
|
537
540
|
|
|
538
541
|
interface AddressInputBannerProps {
|
|
539
542
|
entryName?: string;
|
|
@@ -542,7 +545,7 @@ interface AddressInputBannerProps {
|
|
|
542
545
|
cta?: ButtonProps$1;
|
|
543
546
|
navHeight?: number;
|
|
544
547
|
isVisible?: boolean;
|
|
545
|
-
renderCheckPlans?: (overrides?: CheckPlansProps) =>
|
|
548
|
+
renderCheckPlans?: (overrides?: CheckPlansProps) => React__default.ReactNode;
|
|
546
549
|
}
|
|
547
550
|
|
|
548
551
|
declare const AddressInputBanner: FC<AddressInputBannerProps>;
|
|
@@ -557,7 +560,7 @@ interface DynamicTabsT {
|
|
|
557
560
|
};
|
|
558
561
|
}[];
|
|
559
562
|
};
|
|
560
|
-
tabsContent?:
|
|
563
|
+
tabsContent?: React__default.ReactNode[];
|
|
561
564
|
entryTitle?: string;
|
|
562
565
|
anchorId?: string;
|
|
563
566
|
title?: string;
|
|
@@ -582,7 +585,7 @@ interface AnchoredBottomBannerProps {
|
|
|
582
585
|
anchorId?: string;
|
|
583
586
|
}
|
|
584
587
|
|
|
585
|
-
declare const AnchoredBottomBanner:
|
|
588
|
+
declare const AnchoredBottomBanner: React__default.FC<AnchoredBottomBannerProps>;
|
|
586
589
|
|
|
587
590
|
interface TypeComponentRichTextFields {
|
|
588
591
|
entryName?: string;
|
|
@@ -596,5 +599,29 @@ declare function CookieBanner({ content, }: {
|
|
|
596
599
|
content: TypeComponentRichTextFields;
|
|
597
600
|
}): react_jsx_runtime.JSX.Element | null;
|
|
598
601
|
|
|
599
|
-
|
|
600
|
-
|
|
602
|
+
declare const toDocument: (v: unknown | null | undefined) => Document | null;
|
|
603
|
+
|
|
604
|
+
/**
|
|
605
|
+
* Utility function to render Contentful Rich Text.
|
|
606
|
+
* Safe to use inside .map() loops.
|
|
607
|
+
*/
|
|
608
|
+
declare function renderContentfulRichText(doc: Document | null | undefined, target?: boolean, className?: string, linkClassName?: string, options?: Options): ReactNode | null;
|
|
609
|
+
declare function useContentfulRichText(doc: Document | null | undefined, options?: Options): ReactNode | null;
|
|
610
|
+
declare function renderContentfulRichTextTable(doc: Document | null | undefined, links?: any): ReactNode;
|
|
611
|
+
|
|
612
|
+
declare const label1BoldOptions: {
|
|
613
|
+
renderMark: {
|
|
614
|
+
bold: (text: ReactNode) => React$1.DetailedReactHTMLElement<{
|
|
615
|
+
className: string;
|
|
616
|
+
}, HTMLElement>;
|
|
617
|
+
};
|
|
618
|
+
};
|
|
619
|
+
interface ProcessedChecklistItem {
|
|
620
|
+
title: string;
|
|
621
|
+
iconUrl?: string;
|
|
622
|
+
anchorId?: string;
|
|
623
|
+
}
|
|
624
|
+
declare function useProcessedChecklist<T extends boolean = false>(checklistData?: any, titlesOnly?: T, richTextOptions?: Options, richTextClassName?: string): T extends true ? string[] : ProcessedChecklistItem[];
|
|
625
|
+
|
|
626
|
+
export { Accordion, AddressInputBanner, AnchoredBottomBanner, BlogCard, BlogGrid, BreadcrumbNavigation, Button, Callout, Cards, Carousel, ComparisonTable, CookieBanner, CtaCallout, DynamicTabs, FindKinetic, FloatingBanner, Footer, ImagePromoBar, Modal, Navigation, PrimaryHero, ProductCard, SearchBlock, ShapeBackgroundWrapper, SimpleCard, TestimonialCard, Text, label1BoldOptions, renderContentfulRichText, renderContentfulRichTextTable, toDocument, useContentfulRichText, useProcessedChecklist };
|
|
627
|
+
export type { AccordionProps, AddressInputBannerProps, AnchoredBottomBannerProps, BlogCardProps$1 as BlogCardProps, BlogGridProps, BreadcrumbNavigationProps, ButtonProps, CalloutProps, CardsProps, CarouselProps, ComparisonTableProps, TypeComponentRichTextFields as CookieBannerProps, CtaCalloutProps, DynamicTabsT, FindKineticProps, FloatingBannerProps, FooterProps, ImagePromoBarProps, ModalProps, NavigationProps, PrimaryHeroProps, ProcessedChecklistItem, ProductCardProps, SearchBlockProps, ShapeBackgroundWrapperProps, SimpleCardProps, TestimonialCardProps, TextProps };
|