formica-ui-lib 1.0.83 → 1.0.85

package/dist/componentProps/organisms/section/productinformationsection/ProductInformationSectionProps.d.ts

@@ -19,15 +19,29 @@ export type TextureGroup = {
 export type TextureData = {
     groups?: TextureGroup[];
 };
+export type SizeAndGradeDefinition = {
+    id: string;
+    grade: string;
+    text: string;
+};
+export type SizeAndGradeItem = {
+    id: string;
+    label: string;
+    isMTO?: boolean;
+};
 export type SizeAndGradeCardData = {
     id: string;
     title: string;
+    grade?: string;
+    thickness?: string;
     subtitle?: string;
-    items?: string[];
+    items?: SizeAndGradeItem[];
     tone?: "filled" | "outlined";
 };
 export type SizeAndGradeData = {
     summary?: string;
+    grade?: string;
+    definitions?: SizeAndGradeDefinition[];
     cards?: SizeAndGradeCardData[];
     content?: React.ReactNode;
 };

package/dist/componentProps/organisms/section/swatchpurchasepanel/SwatchPurchasePanelLeftPanelProps.d.ts

@@ -3,13 +3,18 @@ export type SwatchPurchasePanelTab = "Sample" | "Buy Now" | string;
 export type SwatchOption = ButtonGridItem & {
     id: string;
     label: string;
+    value: string;
     disabled?: boolean;
     active?: boolean;
     onClick?: () => void;
 };
+export type SwatchPurchasePanelLeftPanelNavigateMeta = {
+    kind: "availability" | "returnPolicy";
+};
 export type SwatchPurchasePanelLeftPanelProps = {
     sku?: string;
     title?: string;
+    decor?: string;
     description?: string;
     patternRepeat?: string;
     onDownloadSwatch?: () => void;
@@ -18,20 +23,23 @@ export type SwatchPurchasePanelLeftPanelProps = {
     activeTab: SwatchPurchasePanelTab;
     onTabChange: (tab: SwatchPurchasePanelTab) => void;
     productOptions?: SwatchOption[];
+    gradeOptions?: SwatchOption[];
     textureOptions?: SwatchOption[];
     sizeOptions?: SwatchOption[];
+    selectedProduct?: string | null;
+    selectedGrade?: string | null;
+    selectedTexture?: string | null;
+    selectedSize?: string | null;
     availabilityHref?: string;
     availabilityLabel?: string;
     notReturnableText?: string;
     returnPolicyHref?: string;
     returnPolicyLabel?: string;
+    onNavigate?: (href: string, meta?: SwatchPurchasePanelLeftPanelNavigateMeta) => void;
     priceLabel?: string;
     initialQuantity?: number;
     minQuantity?: number;
     maxQuantity?: number;
-    selectedProduct?: string | null;
-    selectedTexture?: string | null;
-    selectedSize?: string | null;
     onQuantityChange?: (quantity: number) => void;
     onAddToWishlist: () => void;
     onAddToCart: (quantity: number) => void;

package/dist/componentProps/organisms/section/swatchpurchasepanel/SwatchPurchasePanelProps.d.ts

@@ -2,6 +2,15 @@ export type SwatchPurchasePanelTab = "Sample" | "Buy Now" | string;
 export type SwatchPurchasePanelNavigateMeta = {
     kind: "availability" | "returnPolicy";
 };
+export type SwatchPurchasePanelCarouselProps = {
+    slides: any[];
+    initialIndex?: number;
+    text?: string;
+};
+export type AddToFavoritesPayloadProps = {
+    sku?: string;
+    decor?: string;
+};
 export type SwatchPurchasePanelOptionProps = {
     id: string;
     label: string;
@@ -15,6 +24,7 @@ export type CartOrderProps = {
     sku?: string;
     decor?: string;
     product: string | null;
+    grade: string | null;
     texture: string | null;
     size: string | null;
     quantity: number;
@@ -22,24 +32,17 @@ export type CartOrderProps = {
     priceLabel?: string;
     currency?: string;
 };
-export type SwatchPurchasePanelCarouselProps = {
-    slides: any[];
-    initialIndex?: number;
-    text?: string;
-};
 export type SwatchPurchasePanelTabOptionGroups = {
     productOptions?: SwatchPurchasePanelOptionProps[];
+    gradeOptions?: SwatchPurchasePanelOptionProps[];
     textureOptions?: SwatchPurchasePanelOptionProps[];
     sizeOptions?: SwatchPurchasePanelOptionProps[];
 };
-export type AddToFavoritesPayloadProps = {
-    sku?: string;
-    decor?: string;
-};
 export type ProductVariantProps = {
     id: string;
     sku: string;
     productName?: string;
+    rangeId?: string;
     texture?: string;
     thicknessIn?: string;
     widthIn?: string;
@@ -53,19 +56,19 @@ export type ProductVariantProps = {
     isWebEnabled?: boolean;
 };
 export type SwatchPurchasePanelProps = {
-    className?: string;
     sku?: string;
     decor?: string;
-    title?: string;
+    title: string;
     description?: string;
     patternRepeat?: string;
     onDownloadSwatch?: () => void;
     onDownloadFullSheet?: () => void;
-    carousel?: SwatchPurchasePanelCarouselProps;
+    carousel: SwatchPurchasePanelCarouselProps;
     tabs?: SwatchPurchasePanelTab[];
     initialTab?: SwatchPurchasePanelTab;
-    tabOptions?: Partial<Record<SwatchPurchasePanelTab, SwatchPurchasePanelTabOptionGroups>>;
+    tabOptions?: Record<SwatchPurchasePanelTab, SwatchPurchasePanelTabOptionGroups>;
     productOptions?: SwatchPurchasePanelOptionProps[];
+    gradeOptions?: SwatchPurchasePanelOptionProps[];
     textureOptions?: SwatchPurchasePanelOptionProps[];
     sizeOptions?: SwatchPurchasePanelOptionProps[];
     variants?: ProductVariantProps[];
@@ -84,5 +87,5 @@ export type SwatchPurchasePanelProps = {
     notReturnableText?: string;
     onNavigate?: (href: string, meta?: SwatchPurchasePanelNavigateMeta) => void;
 };
-export type GroupName = "product" | "texture" | "size";
+export type GroupName = "product" | "grade" | "texture" | "size";
 export type SelectedState = Record<GroupName, string | null>;

package/dist/componentProps/organisms/section/swatchpurchasepanel/SwatchPurchasePanelRightPanelProps.d.ts

@@ -1,8 +1,8 @@
-export type SwatchPurchasePanelCarouselProps = {
+export type SwatchPurchasePanelCarousel = {
     slides: any[];
     initialIndex?: number;
     text?: string;
 };
 export type SwatchPurchasePanelRightPanelProps = {
-    carousel?: SwatchPurchasePanelCarouselProps;
+    carousel?: SwatchPurchasePanelCarousel;
 };

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

@@ -1,5 +1,5 @@
 import { BreadcrumbsProps } from "../../molecules/selectors/breadcrumb/BreadcrumbsProps";
-import { ProductInformationTabKey } from "../../organisms/section/productinformationsection/ProductInformationSectionProps";
+import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/section/productinformationsection/ProductInformationSectionProps";
 export type ProductDetailSimpleOption = {
     id: string;
     label: string;
@@ -76,12 +76,14 @@ export type ProductDetailRange = {
     };
     sizeAndGrade?: {
         summary?: string;
+        definitions?: SizeAndGradeDefinition[];
         cards?: Array<{
             id: string;
             title: string;
             subtitle?: string;
             tone?: "filled" | "outlined";
             items: string[];
+            mtoItems?: string[];
         }>;
         content?: string;
     };
@@ -109,20 +111,20 @@ export type ProductDetailVariant = {
     id: string;
     sku: string;
     productName?: string;
+    brand?: string;
     rangeId?: string;
     decor?: string;
-    title?: string;
     texture?: string;
-    textureId?: string;
     thicknessIn?: string;
-    thicknessId?: string;
     widthIn?: string;
     lengthIn?: string;
-    sizeId?: string;
     price?: ProductDetailPrice;
     finish?: string;
     grade?: string;
-    isWebEnabled?: boolean;
+    isEcomm?: boolean;
+    isMTO?: boolean;
+    publishDate: string;
+    unpublishDate: string;
 };
 export type ProductDetailSizeAndGradeGuideRow = {
     textureId?: string;
@@ -133,6 +135,7 @@ export type ProductDetailSizeAndGradeGuideRow = {
         sizeId: string;
         label: string;
         skuIds?: string[];
+        isMTO?: boolean;
     }>;
 };
 export type ProductDetailStandardCopyHero = {