formica-ui-lib 1.0.225 → 1.0.229

package/dist/componentProps/atoms/input/inputProps.d.ts

@@ -12,11 +12,13 @@ export interface InputProps {
     className?: string;
     inputClassName?: string;
     autoComplete?: string;
+    autoFocus?: boolean;
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.ReactNode;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 export interface InputFieldProps extends InputProps {
     label?: string;

package/dist/componentProps/atoms/layout/ContentContainerProps.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export type ContentContainerMaxWidth = "sm" | "md" | "lg" | "xl" | "2xl" | "4xl" | "6xl";
-export type ContentContainerSpacing = "none" | "section" | "paddedSection" | "padded" | "preview" | "verticalPreview";
+export type ContentContainerSpacing = "none" | "section" | "compactPaddedSection" | "paddedSection" | "padded" | "preview" | "verticalPreview";
 export type ContentContainerProps = {
     children?: React.ReactNode;
     className?: string;

package/dist/componentProps/molecules/selectors/filterbar/SearchFilterProps.d.ts

@@ -1,5 +1,5 @@
 import type { SearchBarProps } from "../../searchbar/SearchBarProps";
-export type SearchFilterLayoutVariant = "default" | "category" | "wide";
+export type SearchFilterLayoutVariant = "default" | "category" | "wide" | "full";
 export type SearchFilterProps = {
     searchBarProps: SearchBarProps;
     searchPlaceholder?: string;

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

@@ -8,10 +8,12 @@ export type FeaturedProductCarouselItem = {
     href?: string;
     rangeCode?: string;
 };
+export type FeaturedProductsCarouselHeaderVariant = "default" | "compact";
 export type FeaturedProductsCarouselProps = {
     title?: string;
     body?: string;
     headerAlign?: "left" | "center";
+    headerVariant?: FeaturedProductsCarouselHeaderVariant;
     items: FeaturedProductCarouselItem[];
     onItemClick?: (item: FeaturedProductCarouselItem) => void;
 };

package/dist/componentProps/organisms/collections/recentarticlecollection/RecentArticleCollectionProps.d.ts

@@ -1,5 +1,7 @@
 import type { RecentArticleCardProps } from "../../../molecules/cards/recentarticlecard/RecentArticleCardProps";
+export type RecentArticleCollectionHeaderVariant = "default" | "compact";
 export interface RecentArticleCollectionProps {
     title?: string;
+    headerVariant?: RecentArticleCollectionHeaderVariant;
     items: RecentArticleCardProps[];
 }

package/dist/componentProps/organisms/navigation/TopNavActionsProps.d.ts

@@ -1,5 +1,6 @@
 import type { Country } from "../../molecules/selectors/countryselector/CountrySelectorProps";
-import type { TopNavLogin, TopNavCartSummary } from "./TopNavBarProps";
+import type { TopNavLogin, TopNavCartSummary, TopNavSearchPayload } from "./TopNavBarProps";
+import type { TopNavSearchResultClickPayload, TopNavSearchResultItem } from "./TopNavSearchResultsProps";
 export type TopNavActionsProps = {
     Countries?: Country[];
     countries?: Country[];
@@ -8,7 +9,13 @@ export type TopNavActionsProps = {
     Cart?: TopNavCartSummary;
     showFavorites?: boolean;
     showLogin?: boolean;
+    searchResultItems?: TopNavSearchResultItem[];
+    searchViewAllLabel?: string;
     onSearchClick?: () => void;
+    onSearchChange?: (payload: TopNavSearchPayload) => void;
+    onSearchSubmit?: (payload: TopNavSearchPayload) => void;
+    onSearchResultClick?: (payload: TopNavSearchResultClickPayload) => void;
+    onSearchViewAllClick?: (payload: TopNavSearchPayload) => void;
     onCartClick?: () => void;
     onLoginClick?: () => void;
     onFavoritesClick?: () => void;

package/dist/componentProps/organisms/navigation/TopNavBarProps.d.ts

@@ -1,4 +1,5 @@
 import { Country } from "../../molecules/selectors/countryselector/CountrySelectorProps";
+import type { TopNavSearchResultClickPayload, TopNavSearchResultItem } from "./TopNavSearchResultsProps";
 export type NavLinkItem = {
     id: string;
     label: string;
@@ -38,6 +39,9 @@ export type TopNavLogo = {
     className?: string;
     containerClassName?: string;
 };
+export type TopNavSearchPayload = {
+    query: string;
+};
 export type TopNavBarProps = {
     NavMenuWithSubItems?: NavItem[];
     countries?: Country[];
@@ -47,10 +51,16 @@ export type TopNavBarProps = {
     showFavorites?: boolean;
     showLogin?: boolean;
     Logo?: TopNavLogo;
+    searchResultItems?: TopNavSearchResultItem[];
+    searchViewAllLabel?: string;
     onLogoClick?: () => void;
     onNavItemClick?: (item: NavItem) => void;
     onMegaMenuLinkClick?: (link: NavLinkItem) => void;
     onSearchClick?: () => void;
+    onSearchChange?: (payload: TopNavSearchPayload) => void;
+    onSearchSubmit?: (payload: TopNavSearchPayload) => void;
+    onSearchResultClick?: (payload: TopNavSearchResultClickPayload) => void;
+    onSearchViewAllClick?: (payload: TopNavSearchPayload) => void;
     onCartClick?: () => void;
     onLoginClick?: () => void;
     onFavoritesClick?: () => void;

package/dist/componentProps/organisms/navigation/TopNavSearchResultsProps.d.ts

@@ -0,0 +1,21 @@
+export type TopNavSearchResultItemVariant = "product" | "article";
+export type TopNavSearchResultItem = {
+    id: string;
+    variant: TopNavSearchResultItemVariant;
+    imageSrc?: string;
+    imageAlt?: string;
+    title: string;
+    subtitle?: string;
+    description?: string;
+    href?: string;
+};
+export type TopNavSearchResultClickPayload = {
+    item: TopNavSearchResultItem;
+};
+export type TopNavSearchResultsProps = {
+    id?: string;
+    items?: TopNavSearchResultItem[];
+    viewAllLabel?: string;
+    onResultClick?: (payload: TopNavSearchResultClickPayload) => void;
+    onViewAllClick?: () => void;
+};

package/dist/componentProps/templates/searchresultstemplate/SearchResultsTemplateProps.d.ts

@@ -0,0 +1,24 @@
+import type { SearchFilterProps } from "../../molecules/selectors/filterbar/SearchFilterProps";
+import type { FeaturedProductCarouselItem } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
+import type { RecentArticleCardProps } from "../../molecules/cards/recentarticlecard/RecentArticleCardProps";
+export type SearchResultsDecorResultsProps = {
+    title?: string;
+    items: FeaturedProductCarouselItem[];
+    visibleItemCount?: number;
+    viewMoreLabel?: string;
+    onItemClick?: (item: FeaturedProductCarouselItem) => void;
+    onViewMoreClick?: () => void;
+};
+export type SearchResultsResourceResultsProps = {
+    title?: string;
+    items: RecentArticleCardProps[];
+    visibleItemCount?: number;
+    viewMoreLabel?: string;
+    onViewMoreClick?: () => void;
+};
+export type SearchResultsTemplateProps = {
+    searchFilterProps: SearchFilterProps;
+    decorResultsProps?: SearchResultsDecorResultsProps;
+    resourceResultsProps?: SearchResultsResourceResultsProps;
+    noResultsMessage: string;
+};