formica-ui-lib 1.0.135 → 1.0.141

package/dist/componentProps/molecules/card/articlerecentcard/ArticleRecentCardProps.d.ts

@@ -0,0 +1,11 @@
+export interface ArticleRecentCardProps {
+    imageSrc: string;
+    imageAlt?: string;
+    category: string;
+    title: string;
+    publishDate: string;
+    body: string;
+    buttonLabel: string;
+    href?: string;
+    onViewClick?: () => void;
+}

package/dist/componentProps/molecules/card/featureproductcard/FeaturedProductCardProps.d.ts

@@ -1,9 +1,8 @@
 export type FeaturedProductCardProps = {
     imageSrc: string;
-    imageAlt: string;
+    imageAlt?: string;
     title: string;
-    brand: string;
-    decorNumber: string;
+    brand?: string;
+    decorNumber?: string | number;
     onClick?: () => void;
-    href?: string;
 };

package/dist/componentProps/organisms/articles/articlerecentsection/ArticleRecentSectionProps.d.ts

@@ -0,0 +1,6 @@
+import type { ArticleRecentCardProps } from "../../../molecules/card/articlerecentcard/ArticleRecentCardProps";
+export interface ArticleRecentSectionProps {
+    title?: string;
+    items: ArticleRecentCardProps[];
+    className?: string;
+}

package/dist/componentProps/organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps.d.ts

@@ -1,13 +1,15 @@
-export type FeaturedProductItem = {
+export type FeaturedProductCarouselItem = {
     id: string;
     imageSrc: string;
-    imageAlt: string;
+    imageAlt?: string;
     title: string;
-    brand: string;
-    decorNumber: string | number;
+    brand?: string;
+    decorNumber?: string;
     href?: string;
+    rangeCode?: string;
 };
 export type FeaturedProductsCarouselProps = {
     title?: string;
-    items: FeaturedProductItem[];
+    items: FeaturedProductCarouselItem[];
+    onItemClick?: (item: FeaturedProductCarouselItem) => void;
 };

package/dist/componentProps/organisms/cart/cartpaymentpanel/CartPaymentPanelProps.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { RadioOptionSelectorProps } from "../../selectors/radiooptionselector/RadioOptionSelectorProps";
 import { DropdownOption } from "../../../atoms/dropdown/DropdownProps";
+import { CheckboxChangePayload } from "../../../atoms/checkbox/CheckboxProps";
 export interface CartPaymentPanelErrors {
     cardNumber?: string;
     expirationDate?: string;
@@ -49,7 +50,7 @@ export interface CartPaymentPanelProps {
     onCardNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onExpirationDateChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onSecurityCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onSameAsShippingChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onSameAsShippingChange?: (payload: CheckboxChangePayload) => void;
     onEditBilling?: () => void;
     onCardNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onExpirationDateBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;

package/dist/componentProps/organisms/decorgrid/DecorGridProps.d.ts

@@ -1,4 +1,4 @@
 import { SwatchCardProps } from "../../molecules/card/swatchcard/SwatchCardProps";
 export interface DecorGridProps {
-    swatches: SwatchCardProps[];
+    swatches?: SwatchCardProps[];
 }

package/dist/componentProps/scene/article/ArticleSceneProps.d.ts

@@ -2,11 +2,15 @@ import type { ArticleBannerProps } from "../../organisms/banner/articlebanner/Ar
 import type { ArticleTextProps } from "../../organisms/articles/articletext/ArticleTextProps";
 import type { ArticleImageProps } from "../../organisms/articles/articleimage/ArticleImageProps";
 import type { ArticleCarouselProps } from "../../organisms/articles/articlecarousel/ArticleCarouselProps";
-export type ArticlePageProps = {
+import { FeaturedProductsCarouselProps } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
+import { ArticleRecentSectionProps } from "../../organisms/articles/articlerecentsection/ArticleRecentSectionProps";
+export interface ArticlePageProps {
     articleBannerProps: ArticleBannerProps;
     articleHeaderProps: ArticleTextProps;
     articleTextProps: ArticleTextProps;
     articleTextProps2: ArticleTextProps;
     articleImageProps: ArticleImageProps;
     articleCarouselProps: ArticleCarouselProps;
-};
+    featuredProductsCarouselProps: FeaturedProductsCarouselProps;
+    articleRecentSectionProps: ArticleRecentSectionProps;
+}

package/dist/componentProps/scene/productdetailscene/ProductDetailSceneProps.d.ts

@@ -1,7 +1,7 @@
 import type { BrandNavBarProps } from "../../organisms/navigation/BrandNavBarProps";
 import type { TopNavBarProps } from "../../organisms/navigation/TopNavBarProps";
 import type { FooterProps } from "../../organisms/footer/FooterProps";
-import { ProductDetailPageTemplateProps } from "../../templates/productdetailpagetemplate/ProductDetailPageTemplateProps";
+import type { ProductDetailPageTemplateProps } from "../../templates/productdetailpagetemplate/ProductDetailPageTemplateProps";
 export type ProductDetailSceneProps = {
     brandNavBarProps: BrandNavBarProps;
     topNavBarProps: TopNavBarProps;

package/dist/componentProps/templates/productdetailpagetemplate/ProductDetailPageTemplateProps.d.ts

@@ -158,11 +158,19 @@ export type ProductDetailStandardCopyHero = {
 export type ProductDetailFeaturedProduct = {
     id: string;
     imageSrc: string;
-    imageAlt: string;
+    imageAlt?: string;
     title: string;
-    brand: string;
-    decorNumber: string | number;
+    brand?: string;
+    decorNumber?: string;
     href?: string;
+    rangeCode?: string;
+};
+export type ProductDetailNavigationMeta = {
+    source?: "breadcrumbs" | "purchase-panel" | "hero" | "featured-products";
+    itemId?: string;
+    label?: string;
+    rangeCode?: string;
+    decorNumber?: string;
 };
 export type ProductDetailData = {
     id?: string;
@@ -192,28 +200,31 @@ export type ProductDetailData = {
     standardCopyHero?: ProductDetailStandardCopyHero;
     featuredProducts?: ProductDetailFeaturedProduct[];
 };
+export type ProductDetailWishlistPayload = {
+    sku?: string;
+    decor?: string;
+};
+export type ProductDetailOrder = {
+    type: string;
+    sku?: string;
+    decor?: string;
+    product: string | null;
+    grade: string | null;
+    texture: string | null;
+    size: string | null;
+    quantity: number;
+    priceValue?: number;
+    priceLabel?: string;
+    currency?: string;
+};
+export type ProductDetailCartFlyoutProps = Omit<CartFlyoutProps, "isOpen" | "onClose">;
 export type ProductDetailPageTemplateProps = {
     breadcrumbsProps?: BreadcrumbsProps;
-    productData?: ProductDetailData;
-    onDownloadSwatch?: (data: ProductDetailData) => void;
-    onDownloadFullSheet?: (data: ProductDetailData) => void;
-    onAddToWishlist?: (payload: {
-        sku?: string;
-        decor?: string;
-    }, data: ProductDetailData) => void;
-    onAddToCart?: (order: {
-        type: string;
-        sku?: string;
-        decor?: string;
-        product: string | null;
-        grade: string | null;
-        texture: string | null;
-        size: string | null;
-        quantity: number;
-        priceValue?: number;
-        priceLabel?: string;
-        currency?: string;
-    }, data: ProductDetailData) => void;
-    onNavigate?: (href: string) => void;
-    cartFlyoutProps?: Omit<CartFlyoutProps, "isOpen" | "onClose">;
+    productData: ProductDetailData;
+    onDownloadSwatch?: (productData: ProductDetailData) => void;
+    onDownloadFullSheet?: (productData: ProductDetailData) => void;
+    onAddToWishlist?: (payload: ProductDetailWishlistPayload, productData: ProductDetailData) => void;
+    onAddToCart?: (order: ProductDetailOrder, productData: ProductDetailData) => void;
+    onNavigate?: (href: string, meta?: unknown) => void;
+    cartFlyoutProps?: ProductDetailCartFlyoutProps;
 };