formica-ui-lib 1.0.213 → 1.0.215

package/dist/componentProps/molecules/cards/locationcard/LocationCardProps.d.ts

@@ -0,0 +1,53 @@
+export type WhereToBuyLocationType = "distributor" | "sales-rep" | "retailer";
+export type WhereToBuyLocationAddress = {
+    lines: string[];
+    city: string;
+    region: string;
+    postalCode: string;
+    country?: string;
+};
+export type WhereToBuyLocationCoordinates = {
+    lat: number;
+    lng: number;
+};
+export type WhereToBuyLocationDistance = {
+    value: number;
+    unit: "mi" | "km";
+    label?: string;
+};
+export type WhereToBuyStockedProduct = {
+    id: string;
+    label: string;
+};
+export type WhereToBuyLocation = {
+    id: string;
+    externalId?: string;
+    type: WhereToBuyLocationType;
+    name: string;
+    address: WhereToBuyLocationAddress;
+    websiteUrl?: string;
+    phone?: string;
+    phoneHref?: string;
+    email?: string;
+    emailHref?: string;
+    coordinates: WhereToBuyLocationCoordinates;
+    stockedProducts: WhereToBuyStockedProduct[];
+    distance?: WhereToBuyLocationDistance;
+    isPreferred?: boolean;
+    directionsUrl?: string;
+};
+export type LocationCardActionPayload = {
+    location: WhereToBuyLocation;
+    href?: string;
+};
+export type LocationCardProps = {
+    location: WhereToBuyLocation;
+    stockedProductsLabel?: string;
+    preferredLabel?: string;
+    websiteLabel?: string;
+    directionsLabel?: string;
+    onWebsiteClick?: (payload: LocationCardActionPayload) => void;
+    onDirectionsClick?: (payload: LocationCardActionPayload) => void;
+    onPhoneClick?: (payload: LocationCardActionPayload) => void;
+    onEmailClick?: (payload: LocationCardActionPayload) => void;
+};

package/dist/componentProps/organisms/banners/wheretobuysearchbanner/WhereToBuySearchBannerProps.d.ts

@@ -0,0 +1,21 @@
+import type { DropdownProps } from "../../../atoms/dropdown/DropdownProps";
+import type { SearchBarProps } from "../../../molecules/searchbar/SearchBarProps";
+export type WhereToBuyProductDropdownProps = Omit<DropdownProps, "onChange" | "onBlur">;
+export type WhereToBuySearchInputProps = Omit<SearchBarProps, "onChange" | "onBlur" | "onFocus">;
+export type WhereToBuySearchSubmitPayload = {
+    productValue: string;
+    searchValue: string;
+};
+export type WhereToBuyProductChangePayload = {
+    productValue: string;
+};
+export type WhereToBuySearchBannerProps = {
+    imageSrc: string;
+    imageAlt?: string;
+    heading: string;
+    productDropdownProps?: WhereToBuyProductDropdownProps;
+    searchInputProps: WhereToBuySearchInputProps;
+    searchButtonLabel?: string;
+    onProductChange?: (payload: WhereToBuyProductChangePayload) => void;
+    onSearchSubmit?: (payload: WhereToBuySearchSubmitPayload) => void;
+};

package/dist/componentProps/organisms/collections/featurecardcollection/FeatureCardCollectionProps.d.ts

@@ -4,10 +4,12 @@ export type FeatureCardCollectionFooterButtonPayload = {
     buttonLabel: string;
     buttonHref?: string;
 };
+export type FeatureCardCollectionSpacing = "default" | "underBanner";
 export type FeatureCardCollectionProps = {
     title?: string;
     body?: string;
     cards?: FeatureCardCollectionItem[];
+    spacing?: FeatureCardCollectionSpacing;
     footerBlurb?: string;
     footerButtonLabel?: string;
     footerButtonHref?: string;

package/dist/componentProps/organisms/collections/locationcardcollection/LocationCardCollectionProps.d.ts

@@ -0,0 +1,16 @@
+import type { ContentGridColumns } from "../../../atoms/layout/ContentGridProps";
+import type { LocationCardActionPayload, WhereToBuyLocation } from "../../../molecules/cards/locationcard/LocationCardProps";
+export type LocationCardCollectionDesktopColumns = Extract<ContentGridColumns, 2 | 3 | 4>;
+export type LocationCardCollectionProps = {
+    locations: WhereToBuyLocation[];
+    selectedLocationId?: string;
+    desktopColumns?: LocationCardCollectionDesktopColumns;
+    stockedProductsLabel?: string;
+    preferredLabel?: string;
+    websiteLabel?: string;
+    directionsLabel?: string;
+    onWebsiteClick?: (payload: LocationCardActionPayload) => void;
+    onDirectionsClick?: (payload: LocationCardActionPayload) => void;
+    onPhoneClick?: (payload: LocationCardActionPayload) => void;
+    onEmailClick?: (payload: LocationCardActionPayload) => void;
+};

package/dist/componentProps/organisms/sections/locationmap/LocationMapProps.d.ts

@@ -0,0 +1,14 @@
+import type { WhereToBuyLocation, WhereToBuyLocationCoordinates } from "../../../molecules/cards/locationcard/LocationCardProps";
+export type LocationMapMarkerClickPayload = {
+    location: WhereToBuyLocation;
+};
+export type LocationMapProps = {
+    googleMapsApiKey?: string;
+    mapId?: string;
+    locations: WhereToBuyLocation[];
+    center?: WhereToBuyLocationCoordinates;
+    zoom?: number;
+    selectedLocationId?: string;
+    legendLabel?: string;
+    onLocationSelect?: (payload: LocationMapMarkerClickPayload) => void;
+};

package/dist/componentProps/templates/categorypagetemplate/CategoryPageTemplateProps.d.ts

@@ -38,7 +38,7 @@ export type CategoryPageFilterLabels = {
 };
 export type CategoryPageData = {
     hero: StandardCopyHeroProps;
-    tabs: {
+    tabs?: {
         options: MultiButtonBarOption[];
         selectedValue?: string;
     };
@@ -52,8 +52,8 @@ export type CategoryPageData = {
             mobileLabel?: string;
             className?: string;
         };
-        sort: Omit<DropdownProps, "onChange" | "onBlur">;
-        search: Omit<SearchBarProps, "onChange" | "onBlur" | "onFocus">;
+        sort?: Omit<DropdownProps, "onChange" | "onBlur">;
+        search?: Omit<SearchBarProps, "onChange" | "onBlur" | "onFocus">;
         panel?: CategoryPageFilterPanelData;
     };
     decorGrid: {

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

@@ -130,6 +130,8 @@ export type ProductDetailVariant = {
     grade?: string;
     isEcomm?: boolean;
     isMTO?: boolean;
+    isSample?: boolean;
+    sampleAvailable?: boolean;
     bigCommerceProductId?: string;
     publishDate: string;
     unpublishDate: string;

package/dist/componentProps/templates/wheretobuytemplate/WhereToBuyTemplateProps.d.ts

@@ -0,0 +1,63 @@
+import type { LocationCardActionPayload, WhereToBuyLocation } from "../../molecules/cards/locationcard/LocationCardProps";
+import type { WhereToBuyProductChangePayload, WhereToBuyProductDropdownProps, WhereToBuySearchInputProps, WhereToBuySearchSubmitPayload } from "../../organisms/banners/wheretobuysearchbanner/WhereToBuySearchBannerProps";
+import type { LocationMapMarkerClickPayload } from "../../organisms/sections/locationmap/LocationMapProps";
+import type { LocationCardCollectionDesktopColumns } from "../../organisms/collections/locationcardcollection/LocationCardCollectionProps";
+export type WhereToBuyTabOption = {
+    label: string;
+    value?: string;
+    disabled?: boolean;
+};
+export type WhereToBuyTabSelectPayload = {
+    label: string;
+    value?: string;
+};
+export type WhereToBuyTemplateData = {
+    banner: {
+        imageSrc: string;
+        imageAlt?: string;
+        heading: string;
+        productDropdownProps: WhereToBuyProductDropdownProps;
+        searchInputProps: WhereToBuySearchInputProps;
+        searchButtonLabel?: string;
+    };
+    tabs: {
+        options: WhereToBuyTabOption[];
+        selectedValue?: string;
+    };
+    map: {
+        googleMapsApiKey?: string;
+        mapId?: string;
+        center?: {
+            lat: number;
+            lng: number;
+        };
+        zoom?: number;
+        selectedLocationId?: string;
+        legendLabel?: string;
+    };
+    locations: WhereToBuyLocation[];
+    results: {
+        selectedLocationId?: string;
+        desktopColumns?: LocationCardCollectionDesktopColumns;
+        stockedProductsLabel?: string;
+        preferredLabel?: string;
+        websiteLabel?: string;
+        directionsLabel?: string;
+    };
+    emptyState?: {
+        heading?: string;
+        body?: string;
+    };
+};
+export type WhereToBuyTemplateProps = {
+    data: WhereToBuyTemplateData;
+    className?: string;
+    onProductChange?: (payload: WhereToBuyProductChangePayload, data: WhereToBuyTemplateData) => void;
+    onSearchSubmit?: (payload: WhereToBuySearchSubmitPayload, data: WhereToBuyTemplateData) => void;
+    onTabChange?: (payload: WhereToBuyTabSelectPayload, data: WhereToBuyTemplateData) => void;
+    onLocationSelect?: (payload: LocationMapMarkerClickPayload, data: WhereToBuyTemplateData) => void;
+    onWebsiteClick?: (payload: LocationCardActionPayload, data: WhereToBuyTemplateData) => void;
+    onDirectionsClick?: (payload: LocationCardActionPayload, data: WhereToBuyTemplateData) => void;
+    onPhoneClick?: (payload: LocationCardActionPayload, data: WhereToBuyTemplateData) => void;
+    onEmailClick?: (payload: LocationCardActionPayload, data: WhereToBuyTemplateData) => void;
+};