@codecademy/brand 3.2.0 → 3.3.0-alpha.991be2ca62.0

package/dist/AppHeader/Search/SearchTrackingProvider/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+interface OnSearchAsYouTypeParamsType {
+    query: string;
+    searchId: string;
+    resultsCount: number;
+    queryLoadTime: number;
+}
+interface SearchTrackingContextType {
+    onSearchAsYouTypeParams: OnSearchAsYouTypeParamsType | null;
+    setOnSearchAsYouTypeParams: (params: OnSearchAsYouTypeParamsType | null) => void;
+}
+export declare const SearchTrackingContext: React.Context<SearchTrackingContextType>;
+export declare const SearchTrackingProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useSearchTrackingContext: () => SearchTrackingContextType;
+export {};

package/dist/AppHeader/Search/SearchTrackingProvider/index.js

@@ -0,0 +1,25 @@
+import noop from 'lodash/noop';
+import React, { createContext, useContext, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SearchTrackingContext = /*#__PURE__*/createContext({
+  onSearchAsYouTypeParams: null,
+  setOnSearchAsYouTypeParams: noop
+});
+export const SearchTrackingProvider = ({
+  children
+}) => {
+  const [onSearchAsYouTypeParams, setOnSearchAsYouTypeParams] = useState({
+    query: '',
+    searchId: '',
+    resultsCount: 0,
+    queryLoadTime: 0
+  });
+  return /*#__PURE__*/_jsx(SearchTrackingContext.Provider, {
+    value: {
+      onSearchAsYouTypeParams,
+      setOnSearchAsYouTypeParams
+    },
+    children: children
+  });
+};
+export const useSearchTrackingContext = () => useContext(SearchTrackingContext);

package/dist/AppHeader/Search/types.d.ts

@@ -17,6 +17,7 @@ export interface AppHeaderSearch extends OnSearch, onTrackingClick {
 export interface SearchButtonProps extends ToggleSearch {
     isSearchVisible: boolean;
     setIsSearchVisible: Dispatch<SetStateAction<boolean>>;
+    onSearchAsYouType?: OnSearch['onSearchAsYouType'];
 }
 export interface SearchPaneProps extends OnSearch, ToggleSearch, onTrackingClick {
 }

package/dist/AppHeader/Search/useHeaderSearch.js

@@ -24,7 +24,8 @@ export const useHeaderSearch = ({
       isSearchVisible: isSearchVisible,
       setIsSearchVisible: setIsSearchVisible,
       toggleSearch: toggleSearch,
-      searchButtonRef: searchButtonRef
+      searchButtonRef: searchButtonRef,
+      onSearchAsYouType: onSearchAsYouType
     })
   }, /*#__PURE__*/_jsx(AnimatedHeaderZone, {
     visible: isSearchVisible,

package/dist/AppHeader/index.js

@@ -5,6 +5,7 @@ import { NotificationsDropdown } from '../Notifications/NotificationsDropdown';
 import { useHeaderNotifications } from '../Notifications/useHeaderNotifications';
 import { AppHeaderListItem } from './AppHeaderElements/AppHeaderListItem';
 import { AppHeaderProvider } from './AppHeaderElements/AppHeaderProvider';
+import { SearchTrackingProvider } from './Search/SearchTrackingProvider';
 import { useHeaderSearch } from './Search/useHeaderSearch';
 import { appHeaderMobileBreakpoint, appHeaderSpacing, StyledAppBar, StyledNavBar } from './shared';
 import { mapAppHeaderItemToElement } from './shared/utils';
@@ -63,15 +64,17 @@ export const AppHeader = ({
       _: 'none',
       [appHeaderMobileBreakpoint]: 'block'
     },
-    children: /*#__PURE__*/_jsxs(AppHeaderProvider, {
-      children: [/*#__PURE__*/_jsx(StyledAppBar, {
-        "aria-label": "Main",
-        as: "nav",
-        children: /*#__PURE__*/_jsxs(StyledNavBar, {
-          ref: menuContainerRef,
-          children: [mapItemsToElement(items.left, 'left'), mapItemsToElement(right, 'right')]
-        })
-      }), notificationsView, searchPane]
+    children: /*#__PURE__*/_jsx(AppHeaderProvider, {
+      children: /*#__PURE__*/_jsxs(SearchTrackingProvider, {
+        children: [/*#__PURE__*/_jsx(StyledAppBar, {
+          "aria-label": "Main",
+          as: "nav",
+          children: /*#__PURE__*/_jsxs(StyledNavBar, {
+            ref: menuContainerRef,
+            children: [mapItemsToElement(items.left, 'left'), mapItemsToElement(right, 'right')]
+          })
+        }), notificationsView, searchPane]
+      })
     })
   });
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/brand",
   "description": "Brand component library for Codecademy",
-  "version": "3.2.0",
+  "version": "3.3.0-alpha.991be2ca62.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",