@codecademy/brand 3.26.0-alpha.fa0b72ae29.0 → 3.26.0

package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/AppHeaderDropdownNavButton.js

@@ -1,50 +0,0 @@
-import { IconButton } from '@codecademy/gamut';
-import { DropdownAnchor, DropdownIcon, StyledText } from '../../shared';
-import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const AppHeaderDropdownNavButton = ({
-  buttonRef,
-  handleOnClick,
-  icon,
-  isOpen,
-  title,
-  isIconOnly
-}) => {
-  const {
-    firstItemRef
-  } = useAppHeaderDropdownContext();
-  const dropdownNavOnClick = e => {
-    handleOnClick(e);
-    if (!isOpen) {
-      firstItemRef?.focus();
-    }
-  };
-  const sharedProps = {
-    'aria-expanded': isOpen,
-    onClick: dropdownNavOnClick,
-    ref: buttonRef
-  };
-  if (icon && isIconOnly) return /*#__PURE__*/_jsx(IconButton, {
-    icon: icon,
-    tip: title ?? 'Dropdown',
-    tipProps: {
-      alignment: 'bottom-center',
-      placement: 'floating'
-    },
-    ...sharedProps
-  });
-  return /*#__PURE__*/_jsxs(DropdownAnchor, {
-    ...sharedProps,
-    title: title,
-    variant: "interface",
-    children: [/*#__PURE__*/_jsx(StyledText, {
-      fontWeight: isOpen ? 'bold' : 'normal',
-      textAlign: "center",
-      title: title,
-      children: title
-    }), /*#__PURE__*/_jsx(DropdownIcon, {
-      open: isOpen,
-      size: 12
-    })]
-  });
-};

package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/AppHeaderMenuNavButton.d.ts

@@ -1,9 +0,0 @@
-import { AppHeaderProfileDropdownItem } from '../../shared';
-interface AppHeaderMenuNavButtonProps {
-    buttonRef: React.RefObject<HTMLButtonElement>;
-    handleOnClick: (event: React.MouseEvent) => void;
-    isOpen: boolean;
-    item: AppHeaderProfileDropdownItem;
-}
-export declare const AppHeaderMenuNavButton: React.FC<AppHeaderMenuNavButtonProps>;
-export {};

package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/AppHeaderMenuNavButton.js

@@ -1,38 +0,0 @@
-import { TextButton } from '@codecademy/gamut';
-import { Avatar } from '../../../Avatar';
-import { useAppHeaderMenuContext } from '../AppHeaderMenuProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const AppHeaderMenuNavButton = ({
-  buttonRef,
-  handleOnClick,
-  isOpen,
-  item
-}) => {
-  const {
-    menuItems,
-    resetIndex
-  } = useAppHeaderMenuContext();
-  const profileOnClick = e => {
-    const menuItemsArray = menuItems.values();
-    const firstMenuItem = menuItemsArray.next().value;
-    handleOnClick(e);
-    firstMenuItem?.focus();
-  };
-  return /*#__PURE__*/_jsx(TextButton, {
-    "aria-expanded": isOpen,
-    "aria-haspopup": true,
-    "data-testid": "avatar-dropdown-button",
-    onClick: profileOnClick
-    // this resets our programatic menu index to 0 in case someone clicks out of the dropdown
-    ,
-    onFocus: resetIndex,
-    ref: buttonRef,
-    variant: "interface",
-    children: /*#__PURE__*/_jsx(Avatar, {
-      alt: "User profile avatar",
-      disableDropshadow: true,
-      size: 40,
-      src: item.avatar
-    })
-  });
-};

package/dist/AppHeader/Search/hooks/useSearchTracking.d.ts

@@ -1,5 +0,0 @@
-interface SearchTracking {
-    onSearchAsYouType?: (query: string, searchId: string, resultsCount: number, queryLoadTime: number) => void;
-}
-export declare const useSearchTracking: ({ onSearchAsYouType }: SearchTracking) => void;
-export {};

package/dist/AppHeader/Search/hooks/useSearchTracking.js

@@ -1,46 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { usePrevious } from 'react-use';
-import { isSimilarSetOfStrings } from '../../utils/string-similarity';
-import { useSearchTrackingContext } from '../SearchTrackingProvider';
-export const useSearchTracking = ({
-  onSearchAsYouType
-}) => {
-  const {
-    onSearchAsYouTypeParams
-  } = useSearchTrackingContext();
-
-  // store the previous search event params
-  const prevSearchEventParams = usePrevious(onSearchAsYouTypeParams);
-  const lastTrackedQueryRef = useRef('');
-  useEffect(() => {
-    // skip search tracking entirely if tracking function is not provided
-    if (!onSearchAsYouType) {
-      return;
-    }
-
-    // skip empty queries
-    if (onSearchAsYouTypeParams?.query.length === 0) {
-      return;
-    }
-    let searchEventDelay;
-
-    // scenario 1: track when user's search has no results
-    if (onSearchAsYouTypeParams?.resultsCount === 0) {
-      searchEventDelay = setTimeout(() => {
-        onSearchAsYouType(onSearchAsYouTypeParams.query, onSearchAsYouTypeParams.searchId, 0, onSearchAsYouTypeParams.queryLoadTime);
-        lastTrackedQueryRef.current = onSearchAsYouTypeParams.query;
-      }, 1500);
-    }
-
-    // scenario 2: track when user's search has meaningful edits
-    if (prevSearchEventParams && onSearchAsYouTypeParams?.query !== prevSearchEventParams.query && prevSearchEventParams.query !== '' && prevSearchEventParams.resultsCount > 0 && prevSearchEventParams.query !== lastTrackedQueryRef.current && !isSimilarSetOfStrings(onSearchAsYouTypeParams?.query ?? '', prevSearchEventParams.query)) {
-      searchEventDelay = setTimeout(() => {
-        onSearchAsYouType(prevSearchEventParams.query, prevSearchEventParams.searchId, prevSearchEventParams.resultsCount, prevSearchEventParams.queryLoadTime);
-        lastTrackedQueryRef.current = prevSearchEventParams.query;
-      }, 1500);
-    }
-    return () => {
-      clearTimeout(searchEventDelay);
-    };
-  }, [onSearchAsYouType, onSearchAsYouTypeParams, prevSearchEventParams]);
-};

package/dist/AppHeader/utils/string-similarity.d.ts

@@ -1,17 +0,0 @@
-/**
- * Determines whether two sets of words are similar based on the Jaccard index and
- * a specified similarity threshold.
- *
- * @param a - A set of strings to compare against the second set of strings.
- * @param b - A set of strings to compare against the first set of strings.
- * @param threshold - A float between 0 and 1, where 1 means the strings are
- * identical and 0 means the strings are completely different.
- *
- * The threshold is used to determine if the strings are similar.
- * By default, if the threshold is 0.8, then the strings are considered similar
- * if at least 80% of the words in the first set of strings are also in the
- * second set of strings.
- *
- * @returns - It returns true if the strings are similar, false otherwise.
- */
-export declare const isSimilarSetOfStrings: (a: string, b: string, threshold?: number) => boolean;

package/dist/AppHeader/utils/string-similarity.js

@@ -1,30 +0,0 @@
-const transformSanitizedStringToArray = s => s.trim().toLowerCase().split(/\s+/);
-
-/**
- * Determines whether two sets of words are similar based on the Jaccard index and
- * a specified similarity threshold.
- *
- * @param a - A set of strings to compare against the second set of strings.
- * @param b - A set of strings to compare against the first set of strings.
- * @param threshold - A float between 0 and 1, where 1 means the strings are
- * identical and 0 means the strings are completely different.
- *
- * The threshold is used to determine if the strings are similar.
- * By default, if the threshold is 0.8, then the strings are considered similar
- * if at least 80% of the words in the first set of strings are also in the
- * second set of strings.
- *
- * @returns - It returns true if the strings are similar, false otherwise.
- */
-export const isSimilarSetOfStrings = (a, b, threshold = 0.8) => {
-  const setA = Array.from(new Set(transformSanitizedStringToArray(a)));
-  const setB = Array.from(new Set(transformSanitizedStringToArray(b)));
-
-  // manually calculating intersection and union to support older browsers that may not have
-  // the Set.intersection and Set.union methods
-  const intersection = new Set([...setA].filter(s => setB.includes(s)));
-  const union = new Set([...setA, ...setB]);
-
-  // the Jaccard similarity is the ratio between the intersection and union of the two sets of words
-  return threshold <= intersection.size / union.size;
-};