formica-ui-lib 1.0.225 → 1.0.226

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