@windstream/react-shared-components 0.2.85 → 0.2.87
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 +19 -3
- package/dist/contentful/index.esm.js +4 -4
- package/dist/contentful/index.esm.js.map +1 -1
- package/dist/contentful/index.js +4 -4
- package/dist/contentful/index.js.map +1 -1
- package/dist/core.d.ts +3 -3
- package/dist/index.d.ts +3 -3
- package/package.json +1 -1
- package/src/contentful/blocks/accordion/index.test.tsx +53 -0
- package/src/contentful/blocks/accordion/index.tsx +7 -2
- package/src/contentful/blocks/accordion/types.ts +4 -0
- package/src/contentful/blocks/blogs-grid/{BlogGrid.stories.tsx → blog-grid.stories.tsx} +1 -1
- package/src/contentful/blocks/callout/field-props.test.tsx +184 -0
- package/src/contentful/blocks/callout/index.tsx +26 -4
- package/src/contentful/blocks/callout/types.ts +17 -1
- package/src/contentful/blocks/cards/blog-card/index.tsx +6 -2
- package/src/contentful/blocks/cards/blog-card/types.ts +4 -0
- package/src/contentful/blocks/cards/floating-image-card/index.tsx +4 -2
- package/src/contentful/blocks/cards/floating-image-card/types.ts +4 -0
- package/src/contentful/blocks/cards/full-image-card/index.tsx +24 -5
- package/src/contentful/blocks/cards/full-image-card/types.ts +4 -0
- package/src/contentful/blocks/cards/simple-card/index.tsx +21 -3
- package/src/contentful/blocks/cards/simple-card/types.ts +4 -0
- package/src/contentful/blocks/comparison-table/index.test.tsx +75 -0
- package/src/contentful/blocks/comparison-table/index.tsx +15 -3
- package/src/contentful/blocks/comparison-table/types.ts +8 -2
- package/src/contentful/blocks/cta-callout/index.test.tsx +99 -7
- package/src/contentful/blocks/cta-callout/index.tsx +15 -8
- package/src/contentful/blocks/cta-callout/types.ts +3 -0
- package/src/contentful/blocks/find-kinetic/{FindKinetic.stories.tsx → find-kinetic.stories.tsx} +1 -1
- package/src/contentful/blocks/modal/index.test.tsx +75 -2
- package/src/contentful/blocks/modal/index.tsx +11 -2
- package/src/contentful/blocks/modal/types.ts +4 -0
- /package/src/contentful/blocks/address-input-banner/{AddressInputBanner.stories.tsx → address-input-banner.stories.tsx} +0 -0
- /package/src/contentful/blocks/anchored-bottom-banner/{AnchoredBottomBanner.stories.tsx → anchored-bottom-banner.stories.tsx} +0 -0
- /package/src/contentful/blocks/award-marquee/{AwardMarquee.stories.tsx → award-marquee.stories.tsx} +0 -0
- /package/src/contentful/blocks/blogs-grid/{BlogGrid.stories.mocks.tsx → blog-grid.stories.mocks.tsx} +0 -0
- /package/src/contentful/blocks/breadcrumbs/{BreadcrumbNavigation.stories.tsx → breadcrumb-navigation.stories.tsx} +0 -0
- /package/src/contentful/blocks/button/{Button.stories.tsx → button.stories.tsx} +0 -0
- /package/src/contentful/blocks/callout/{Callout.stories.mocks.ts → callout.stories.mocks.ts} +0 -0
- /package/src/contentful/blocks/cards/{Cards.stories.tsx → cards.stories.tsx} +0 -0
- /package/src/contentful/blocks/carousel/{Carousel.stories.tsx → carousel.stories.tsx} +0 -0
- /package/src/contentful/blocks/cart-retention-banner/{CartRetentionBanner.stories.tsx → cart-retention-banner.stories.tsx} +0 -0
- /package/src/contentful/blocks/cta-callout/{CtaCallout.stories.tsx → cta-callout.stories.tsx} +0 -0
- /package/src/contentful/blocks/dynamic-form/{DynamicForm.stories.tsx → dynamic-form.stories.tsx} +0 -0
- /package/src/contentful/blocks/email-input-block/{EmailInputBlock.stories.tsx → email-input-block.stories.tsx} +0 -0
- /package/src/contentful/blocks/find-kinetic/{FindKinetic.stories.mocks.ts → find-kinetic.stories.mocks.ts} +0 -0
- /package/src/contentful/blocks/floating-banner/{FloatingBanner.stories.tsx → floating-banner.stories.tsx} +0 -0
- /package/src/contentful/blocks/footer/{Footer.stories.tsx → footer.stories.tsx} +0 -0
- /package/src/contentful/blocks/image-promo-bar/{ImagePromoBar.stories.tsx → image-promo-bar.stories.tsx} +0 -0
- /package/src/contentful/blocks/navigation/{Navigation.stories.mocks.tsx → navigation.stories.mocks.tsx} +0 -0
- /package/src/contentful/blocks/primary-hero/{PrimaryHero.stories.tsx → primary-hero.stories.tsx} +0 -0
- /package/src/contentful/blocks/shape-background-wrapper/{ShapeBackgroundWrapper.stories.tsx → shape-background-wrapper.stories.tsx} +0 -0
- /package/src/contentful/blocks/text/{Text.stories.tsx → text.stories.tsx} +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { ReactNode, CSSProperties, FC } from 'react';
|
|
3
|
+
import { FieldProps } from '@shared/types/field-props';
|
|
3
4
|
import { AnimationType } from '@shared/components/animation-wrapper';
|
|
4
5
|
import { ResponsiveSize } from '@shared/components/brand-button/types';
|
|
5
6
|
import { Fill, Size } from '@shared/components/material-icon/types';
|
|
6
7
|
import { CheckPlansProps, Asset, Button as Button$1, ButtonGroup } from '@shared/types/micro-components';
|
|
7
|
-
import { FieldProps } from '@shared/types/field-props';
|
|
8
8
|
import { VideoLinkProps, VideoAnalyticsHandler } from '@shared/components/video-link';
|
|
9
9
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
10
10
|
import { ButtonProps as ButtonProps$1 } from '@shared/contentful/blocks/button/types';
|
|
@@ -16,6 +16,7 @@ type AccordionItem = {
|
|
|
16
16
|
anchorId?: string;
|
|
17
17
|
title: string;
|
|
18
18
|
description: React__default.ReactNode;
|
|
19
|
+
fieldProps?: FieldProps<"title" | "description">;
|
|
19
20
|
};
|
|
20
21
|
type AccordionProps = {
|
|
21
22
|
/** Section-level anchor ID applied to the outer <section> element */
|
|
@@ -33,6 +34,7 @@ type AccordionProps = {
|
|
|
33
34
|
descriptionMaxWidth?: string;
|
|
34
35
|
/** Custom class for the accordion list wrapper */
|
|
35
36
|
itemContainerClassName?: string;
|
|
37
|
+
fieldProps?: FieldProps<"title">;
|
|
36
38
|
};
|
|
37
39
|
type ThemeKey$1 = "blue" | "green" | "yellow" | "purple" | "white" | "navy" | "cream500";
|
|
38
40
|
|
|
@@ -113,6 +115,8 @@ type CalloutItem = {
|
|
|
113
115
|
* Callout (e.g. one full-image + two simple cards).
|
|
114
116
|
*/
|
|
115
117
|
cardType?: CalloutCardType;
|
|
118
|
+
/** Per-field DOM attributes for the selected card variant. */
|
|
119
|
+
fieldProps?: FieldProps<"title" | "shortDescription" | "description" | "header" | "body" | "richText" | "caption" | "cta">;
|
|
116
120
|
[key: string]: any;
|
|
117
121
|
};
|
|
118
122
|
type CalloutProps = {
|
|
@@ -160,6 +164,8 @@ type CalloutProps = {
|
|
|
160
164
|
disableAnimation?: boolean;
|
|
161
165
|
/** Animation type(s) applied to each card. */
|
|
162
166
|
animationType?: AnimationType | AnimationType[];
|
|
167
|
+
/** Consumer-supplied Inspector Mode attributes. `cta` tags the CTA/fine-print region; nested CTA fieldProps remain unchanged. */
|
|
168
|
+
fieldProps?: FieldProps<"title" | "subtitle" | "description" | "finePrint" | "cta">;
|
|
163
169
|
};
|
|
164
170
|
|
|
165
171
|
declare const Callout: React__default.FC<CalloutProps>;
|
|
@@ -216,6 +222,8 @@ type Item = {
|
|
|
216
222
|
/** Each entry uses a `label|value` separator. */
|
|
217
223
|
workingHours?: string[];
|
|
218
224
|
shadow?: boolean;
|
|
225
|
+
/** Per-field DOM attributes supplied by the consumer or parent Callout item. */
|
|
226
|
+
fieldProps?: FieldProps<"title" | "body" | "richText" | "cta">;
|
|
219
227
|
};
|
|
220
228
|
type SimpleCardProps = {
|
|
221
229
|
card: Item;
|
|
@@ -580,6 +588,8 @@ type ModalProps = {
|
|
|
580
588
|
content?: React__default.ReactNode;
|
|
581
589
|
children?: React__default.ReactNode;
|
|
582
590
|
bodyClassName?: string;
|
|
591
|
+
/** DOM attributes for modal fields; `content` tags the region containing content and children. */
|
|
592
|
+
fieldProps?: FieldProps<"title" | "description" | "content">;
|
|
583
593
|
};
|
|
584
594
|
|
|
585
595
|
type ExtendedModalProps = ModalProps & {
|
|
@@ -616,6 +626,8 @@ type CtaCalloutProps = {
|
|
|
616
626
|
maxWidth?: boolean;
|
|
617
627
|
onModalButtonClick?: (id?: string) => void;
|
|
618
628
|
renderCheckPlans?: (overrides?: CheckPlansProps) => React__default.ReactNode;
|
|
629
|
+
/** Consumer-supplied DOM attributes; `button` tags the CTA region, including custom renderers. */
|
|
630
|
+
fieldProps?: FieldProps<"title" | "subTitle" | "description" | "button">;
|
|
619
631
|
};
|
|
620
632
|
|
|
621
633
|
declare const CtaCallout: React__default.FC<CtaCalloutProps>;
|
|
@@ -643,9 +655,11 @@ declare const FindKinetic: React__default.FC<FindKineticProps>;
|
|
|
643
655
|
|
|
644
656
|
type ComparisonTableProps = {
|
|
645
657
|
title?: string;
|
|
646
|
-
disclaimer?:
|
|
647
|
-
table:
|
|
658
|
+
disclaimer?: ReactNode;
|
|
659
|
+
table: ReactNode;
|
|
648
660
|
maxWidth?: boolean;
|
|
661
|
+
/** DOM attributes for the block fields. Tag individual rows in the consumer-supplied `table` node. */
|
|
662
|
+
fieldProps?: FieldProps<"title" | "table" | "disclaimer">;
|
|
649
663
|
};
|
|
650
664
|
|
|
651
665
|
declare const ComparisonTable: React__default.FC<ComparisonTableProps>;
|
|
@@ -740,6 +754,8 @@ interface BlogCardProps$2 {
|
|
|
740
754
|
imageComponent?: React__default.ComponentType<BlogCardImageProps>;
|
|
741
755
|
asGrid?: boolean;
|
|
742
756
|
index?: number;
|
|
757
|
+
/** Per-field DOM attributes supplied by the consumer or parent Callout item. */
|
|
758
|
+
fieldProps?: FieldProps<"title" | "description">;
|
|
743
759
|
}
|
|
744
760
|
|
|
745
761
|
declare const BlogCard: React__default.FC<BlogCardProps$2>;
|