formica-ui-lib 1.0.214 → 1.0.216

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/molecules/cards/textcard/TextCardProps.d.ts

@@ -1,12 +1,14 @@
-export type HeadingSize = "small" | "large";
+export type HeadingSize = "small" | "medium" | "large";
 export type TextCardAlign = "left" | "center" | "right";
 export type TextCardHeadingLevel = "h1" | "h2";
 export interface TextCardProps {
     heading?: string;
     headingLevel?: TextCardHeadingLevel;
     headingSize?: HeadingSize;
+    headingAlign?: TextCardAlign;
     align?: TextCardAlign;
     subheading?: string;
     datetimeStamp?: string;
     body?: string;
+    addTopMargin?: boolean;
 }

package/dist/componentProps/molecules/cards/warrantycard/WarrantyCardProps.d.ts

@@ -0,0 +1,2 @@
+import type { TextCardProps } from "../textcard/TextCardProps";
+export type WarrantyCardProps = Omit<TextCardProps, "addTopMargin">;

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/proresourcetemplate/ProResourceTemplateProps.d.ts

@@ -3,9 +3,11 @@ import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonb
 import type { DocumentLinkCollectionProps } from "../../organisms/collections/documentlinkcollection/DocumentLinkCollectionProps";
 import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
 import type { FaqCardCollectionProps } from "../../organisms/collections/faqcardcollection/FaqCardCollectionProps";
+import type { WarrantyCardProps } from "../../molecules/cards/warrantycard/WarrantyCardProps";
 export type ProResourceTemplateProps = {
     standardCopyHeroProps: StandardCopyHeroProps;
     multiButtonBarProps: MultiButtonBarProps;
+    warrantyCardProps: WarrantyCardProps;
     documentLinkCollectionProps: DocumentLinkCollectionProps;
     infoCardProps: InfoCardProps;
     faqCardCollectionProps: FaqCardCollectionProps;

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;
+};