@codecademy/brand 4.0.0-alpha.fb4adf2b4d.0 → 4.0.0

package/dist/AppHeader/Search/SearchPane.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchPane.cjs","names":["Badge","Box","ContentContainer","FlexBox","FocusTrap","IconButton","Menu","MenuItem","Shimmer","StrokeButton","Text","MiniDeleteIcon","SearchIcon","css","theme","useCurrentMode","useTheme","styled","React","useEffect","useRef","useState","useOnEscHandler","searchPlaceholder","PopularContent","PopularSearches","useUrlChangeDetection","QuizAndHelpCenterLinks","safelyRedirect","useSearchTrackingContext","searchWorker","Form","withComponent","Input","QueryContainer","display","width","pt","pb","_","md","px","SuggestionContainer","StyledInput","outline","textColor","colors","InlineResultLi","pl","py","fontSize","left","InlineLoaderLi","listStyleType","gap","alignItems","SemiboldSearchIcon","EllipsisBox","HighlightedText","suggestion","title","segments","mode","highlightColor","maxWidth","whiteSpace","aria-hidden","overflow","map","segment","i","key","toString","lineHeight","highlight","bg","fontWeight","value","screenreader","loaderKey","rndLoader","loader","shimmerRows","row","shimmers","words","Math","ceil","random","j","round","push","SearchPane","onSearch","onTrackingClick","searchButtonRef","toggleSearch","onSearchAsYouType","setValue","inputRef","autoCompleteSuggestions","setAutoCompleteSuggestions","searchAsYouTypeResults","setSearchAsYouTypeResults","searchResultClicked","setSearchResultClicked","setOnSearchAsYouTypeParams","searchAsYouTypeLoader","useMemo","valueTrimmed","trim","hasSearchEventAndResultsWithoutClick","closeSearch","length","query","searchId","resultsCount","queryLoadTime","setTimeout","current","focus","onKeyDown","onMouseDownOutside","target","handleOutsideClick","document","querySelector","contains","removeEventListener","addEventListener","navigateToSearch","searchTerm","fromPrevSearch","handleChange","evt","handleSubmit","event","preventDefault","clearInput","onUrlChange","init","cancel","clearAutocomplete","clearSearchAsYouType","searchEventNoResultDelay","loaderDelay","autocomplete","then","suggestions","searchAsYouType","results","top","clearTimeout","height","position","elements","headerHeight","onEscapeKey","onClickOutside","allowPageInteraction","borderColorBottom","borderColorTop","borderStyle","borderWidth","data-testid","maxHeight","zIndex","border","borderColor","borderStyleBottom","borderWidthBottom","action","id","ml","onSubmit","autoFocus","background","color","name","onChange","e","placeholder","ref","type","autoComplete","icon","aria-label","tip","tipProps","alignment","placement","narrow","onClick","size","flexDirection","as","listStyle","p","s","tabIndex","search_id","misc","JSON","stringify","mb","strokeWidth","mr","mt","r","word","fontFamily","borderRadius","opacity","role","slug","contentId","content_id","urlPath","variant","sm","my","handleCloseDropdown"],"sources":["../../../src/AppHeader/Search/SearchPane.tsx"],"sourcesContent":["import {\n  Badge,\n  Box,\n  ContentContainer,\n  FlexBox,\n  FocusTrap,\n  IconButton,\n  Menu,\n  MenuItem,\n  Shimmer,\n  StrokeButton,\n  Text,\n} from '@codecademy/gamut';\nimport { MiniDeleteIcon, SearchIcon } from '@codecademy/gamut-icons';\nimport { css, theme, useCurrentMode } from '@codecademy/gamut-styles';\nimport { useTheme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useOnEscHandler } from '../shared';\nimport { searchPlaceholder } from './consts';\nimport { PopularContent, PopularSearches } from './DefaultResults';\nimport { useUrlChangeDetection } from './hooks/useUrlChangeDetection';\nimport { QuizAndHelpCenterLinks } from './QuizAndHelpCenterLinks';\nimport { safelyRedirect } from './safelyRedirect';\nimport { useSearchTrackingContext } from './SearchTrackingProvider';\nimport { searchWorker } from './SearchWorker';\nimport type {\n  AutocompleteSuggestion,\n  SearchAsYouTypeResults,\n} from './SearchWorker/types';\nimport { SearchPaneProps } from './types';\n\nconst Form = Box.withComponent('form');\nconst Input = Box.withComponent('input');\n\nconst QueryContainer = styled(ContentContainer)(\n  css({\n    display: 'flex',\n    width: '100%',\n    pt: 16,\n    pb: { _: 0, md: 24 },\n    px: { _: 24 },\n  })\n);\n\nconst SuggestionContainer = styled(ContentContainer)(\n  css({\n    pt: 16,\n    pb: { _: 0, md: 24 },\n    px: { _: 24 },\n  })\n);\n\nconst StyledInput = styled(Input)(\n  css({\n    outline: `none`,\n    '&::placeholder': {\n      textColor: theme.colors['text-secondary'] as never,\n    },\n  })\n);\n\nconst InlineResultLi = styled(MenuItem)(\n  css({\n    pl: 0,\n    py: 8,\n    fontSize: 16,\n    '&:focus-visible:after': {\n      left: -4,\n    },\n  })\n);\n\nconst InlineLoaderLi = styled.li(\n  css({\n    listStyleType: 'none',\n    display: 'flex',\n    gap: 12,\n    alignItems: 'center',\n  })\n);\n\nexport const SemiboldSearchIcon = styled(SearchIcon)`\n  overflow: visible !important;\n  circle,\n  path {\n    stroke-width: 2px;\n  }\n  rect {\n    transform: translate(-2px, -2px);\n    height: calc(100% + 4px);\n    width: calc(100% + 4px);\n  }\n`;\n\nconst EllipsisBox = styled(Box)`\n  text-overflow: ellipsis;\n`;\n\nconst HighlightedText = ({\n  suggestion: { title, segments },\n}: {\n  suggestion: AutocompleteSuggestion;\n}) => {\n  const mode = useCurrentMode();\n  const highlightColor = mode === 'dark' ? 'hyper' : 'yellow';\n\n  return (\n    <FlexBox>\n      <EllipsisBox\n        maxWidth=\"calc(100vw - 128px)\"\n        whiteSpace=\"pre\"\n        aria-hidden\n        overflow=\"hidden\"\n      >\n        {segments.map((segment, i) => (\n          <Text\n            key={`${title}:${i.toString()}`}\n            lineHeight=\"title\"\n            {...(segment.highlight\n              ? { bg: highlightColor, fontWeight: 'bold' }\n              : {})}\n          >\n            {segment.value}\n          </Text>\n        ))}\n      </EllipsisBox>\n      <Text screenreader>{title}</Text>\n    </FlexBox>\n  );\n};\n\ntype SearchAsYouTypeLoader = {\n  shimmerRows: {\n    key: string;\n    shimmers: {\n      key: string;\n      width: number;\n    }[];\n  }[];\n};\n\nlet loaderKey = 0;\nfunction rndLoader() {\n  // eslint-disable-next-line no-plusplus\n  const key = loaderKey++;\n  const loader: SearchAsYouTypeLoader = { shimmerRows: [] };\n  for (let i = 0; i < 5; i++) {\n    const row = {\n      key: `${key}:${i}`,\n      shimmers: [] as { key: string; width: number }[],\n    };\n    const words = Math.ceil(Math.random() * 3);\n    for (let j = 0; j < words; j++) {\n      const width = 12 + Math.round(Math.random() * 96);\n      row.shimmers.push({\n        key: `${key}:${j}`,\n        width,\n      });\n    }\n    loader.shimmerRows.push(row);\n  }\n  return loader;\n}\n\nexport const SearchPane: React.FC<SearchPaneProps> = ({\n  onSearch,\n  onTrackingClick,\n  searchButtonRef,\n  toggleSearch,\n  onSearchAsYouType,\n}) => {\n  const theme = useTheme();\n  const [value, setValue] = useState('');\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [autoCompleteSuggestions, setAutoCompleteSuggestions] = useState<\n    AutocompleteSuggestion[]\n  >([]);\n  const [searchAsYouTypeResults, setSearchAsYouTypeResults] =\n    useState<SearchAsYouTypeResults | null>(null);\n\n  const [searchResultClicked, setSearchResultClicked] = useState(false);\n\n  const { setOnSearchAsYouTypeParams } = useSearchTrackingContext();\n\n  const searchAsYouTypeLoader = React.useMemo(\n    () => (searchAsYouTypeResults === null ? rndLoader() : null),\n    [searchAsYouTypeResults]\n  );\n\n  const valueTrimmed = value.trim();\n\n  const hasSearchEventAndResultsWithoutClick =\n    onSearchAsYouType && searchAsYouTypeResults && !searchResultClicked;\n\n  const closeSearch = async () => {\n    // track search event when user made a search and then closed search pane\n    if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    await toggleSearch();\n    // adds a little delay between closing the search pane and focusing on the button\n    // to prevent the search pane from immediately opening again\n    setTimeout(() => {\n      if (searchButtonRef && searchButtonRef?.current) {\n        searchButtonRef.current?.focus();\n      }\n    }, 10);\n  };\n\n  const onKeyDown = useOnEscHandler(closeSearch);\n\n  const onMouseDownOutside = ({ target }: MouseEvent) => {\n    const handleOutsideClick = () => {\n      if (\n        !document\n          .querySelector('[data-testid=\"header-search-dropdown\"]')\n          ?.contains(target as HTMLElement) &&\n        target !== searchButtonRef?.current\n      ) {\n        closeSearch();\n      }\n\n      target?.removeEventListener('mouseup', handleOutsideClick);\n    };\n\n    target?.addEventListener('mouseup', handleOutsideClick);\n  };\n\n  const navigateToSearch = (searchTerm: string, fromPrevSearch?: string) => {\n    onSearch(searchTerm, fromPrevSearch);\n  };\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (evt) => {\n    setValue(evt.target.value);\n    // reset to false when the search query changes\n    setSearchResultClicked(false);\n  };\n\n  const handleSubmit: React.FormEventHandler = (event) => {\n    event.preventDefault();\n\n    // track search event when the user submits the form to capture complete query\n    if (hasSearchEventAndResultsWithoutClick) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    navigateToSearch(value, searchAsYouTypeResults?.searchId);\n  };\n\n  const clearInput = () => {\n    // track search event before user clears input\n    if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    setValue('');\n    setAutoCompleteSuggestions([]);\n    // reset the context with empty values\n    setOnSearchAsYouTypeParams({\n      query: '',\n      searchId: '',\n      resultsCount: 0,\n      queryLoadTime: 0,\n    });\n  };\n\n  // when the current URL changes, we want to close the search pane if it's open\n  // and track search event if user made a search\n  useUrlChangeDetection({\n    onUrlChange: () => {\n      if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n        const { query, searchId, resultsCount, queryLoadTime } =\n          searchAsYouTypeResults;\n        onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n      }\n\n      toggleSearch();\n    },\n  });\n\n  useEffect(() => {\n    // don't track if a result was clicked or if we don't have search results\n    if (\n      searchResultClicked ||\n      !onSearchAsYouType ||\n      !searchAsYouTypeResults ||\n      !valueTrimmed.length\n    )\n      // eslint-disable-next-line no-useless-return\n      return;\n  }, [\n    searchResultClicked,\n    searchAsYouTypeResults,\n    valueTrimmed,\n    onSearchAsYouType,\n  ]);\n\n  useEffect(() => {\n    inputRef.current?.focus();\n    searchWorker.init();\n  }, []);\n\n  useEffect(() => {\n    if (!valueTrimmed.length) {\n      setSearchAsYouTypeResults(null);\n      setAutoCompleteSuggestions([]);\n      setOnSearchAsYouTypeParams({\n        query: '',\n        searchId: '',\n        resultsCount: 0,\n        queryLoadTime: 0,\n      });\n      return;\n    }\n\n    let cancel = false;\n    let clearAutocomplete = true;\n    let clearSearchAsYouType = true;\n\n    let searchEventNoResultDelay: NodeJS.Timeout;\n\n    const loaderDelay = setTimeout(() => {\n      /*\n       * Wait 10 milliseconds to get a response for worker before showing loaders.\n       * This prevents flickering loaders on quick or cached results.\n       */\n      if (cancel) return;\n      if (clearAutocomplete) setAutoCompleteSuggestions([]);\n      if (clearSearchAsYouType) setSearchAsYouTypeResults(null);\n    }, 10);\n\n    searchWorker.autocomplete(valueTrimmed).then((suggestions) => {\n      clearAutocomplete = false;\n\n      if (cancel) return; // text has changed since this request was made\n\n      setAutoCompleteSuggestions(suggestions);\n    });\n\n    searchWorker.searchAsYouType(valueTrimmed).then((results) => {\n      clearSearchAsYouType = false;\n\n      if (cancel) return; // text has changed since this request was made\n\n      setSearchAsYouTypeResults(results);\n\n      setOnSearchAsYouTypeParams({\n        query: results.query,\n        searchId: results.searchId,\n        resultsCount: results.top.length,\n        queryLoadTime: results.queryLoadTime,\n      });\n\n      // track search event with a small delay when there are no results\n      if (\n        onSearchAsYouType &&\n        results.top.length === 0 &&\n        !searchResultClicked\n      ) {\n        const { query, searchId, queryLoadTime } = results;\n        searchEventNoResultDelay = setTimeout(() => {\n          if (!cancel) {\n            onSearchAsYouType(query, searchId, 0, queryLoadTime);\n          }\n        }, 300);\n      }\n    });\n\n    return () => {\n      cancel = true;\n      clearTimeout(loaderDelay);\n      clearTimeout(searchEventNoResultDelay);\n    };\n  }, [\n    valueTrimmed,\n    onSearchAsYouType,\n    searchResultClicked,\n    setOnSearchAsYouTypeParams,\n  ]);\n\n  return (\n    <>\n      <Box\n        aria-hidden\n        bg=\"shadow-secondary\"\n        height=\"100vh\"\n        position=\"fixed\"\n        // We add 6rem here in case there's some sort of branded banner above search\n        // The search area is much taller than 6rem so this is a safe amount of padding\n        top={`calc(${theme.elements.headerHeight} + 6rem)`}\n        width={1}\n      />\n      <FocusTrap\n        onEscapeKey={closeSearch}\n        onClickOutside={onMouseDownOutside}\n        allowPageInteraction\n      >\n        <Box\n          bg=\"background\"\n          borderColorBottom=\"border-primary\"\n          borderColorTop=\"border-tertiary\"\n          borderStyle=\"solid\"\n          borderWidth=\"2px 0 1px\"\n          data-testid=\"header-search-dropdown\"\n          position={{ _: 'fixed', md: 'absolute' }}\n          width=\"100%\"\n          maxHeight={{ _: 'calc(100vh - 63px)', md: 'calc(100vh - 80px)' }}\n          overflow=\"auto\"\n          zIndex={10} // ensure dropdown is above the page content\n        >\n          <Box border=\"none\" width=\"auto\">\n            <QueryContainer>\n              <FlexBox\n                alignItems=\"baseline\"\n                borderColor=\"gray-600\"\n                borderStyleBottom=\"solid\"\n                borderWidthBottom=\"1px\"\n                width=\"100%\"\n              >\n                <SearchIcon\n                  height={{ _: 20, md: 24 }}\n                  width={{ _: 20, md: 24 }}\n                />\n                <Form\n                  action=\"/search\"\n                  id=\"search-form\"\n                  ml={8}\n                  onSubmit={handleSubmit}\n                  width=\"100%\"\n                >\n                  <StyledInput\n                    autoFocus\n                    background=\"none\"\n                    border=\"none\"\n                    color=\"text\"\n                    fontSize={{ _: 20, md: 26 }}\n                    fontWeight=\"bold\"\n                    id=\"header-search-bar\"\n                    name=\"query\"\n                    onChange={handleChange}\n                    onKeyDown={(e) => onKeyDown(e)}\n                    placeholder={searchPlaceholder}\n                    ref={inputRef}\n                    type=\"search\"\n                    value={value}\n                    width=\"100%\"\n                    autoComplete=\"off\"\n                  />\n                </Form>\n                <IconButton\n                  icon={MiniDeleteIcon}\n                  aria-label=\"Clear search\"\n                  tip=\"Clear search\"\n                  tipProps={{\n                    alignment: 'bottom-center',\n                    placement: 'floating',\n                    narrow: true,\n                    zIndex: 2,\n                  }}\n                  onClick={clearInput}\n                  size=\"small\"\n                />\n              </FlexBox>\n            </QueryContainer>\n          </Box>\n          <SuggestionContainer>\n            {valueTrimmed.length > 0 ? (\n              <>\n                <FlexBox flexDirection=\"column\" as=\"ul\" listStyle=\"none\" p={0}>\n                  {autoCompleteSuggestions.map((s, i) => (\n                    <InlineResultLi\n                      key={s.title}\n                      tabIndex={0}\n                      onKeyDown={(evt) => {\n                        if (evt.key === 'Enter') {\n                          setSearchResultClicked(true);\n                          onTrackingClick('autocomplete_result', {\n                            search_id: searchAsYouTypeResults?.searchId ?? '',\n                            misc: JSON.stringify({\n                              position: i,\n                            }),\n                          });\n                          navigateToSearch(\n                            s.title,\n                            searchAsYouTypeResults?.searchId\n                          );\n                          closeSearch();\n                        }\n                      }}\n                      onClick={() => {\n                        setSearchResultClicked(true);\n                        onTrackingClick('autocomplete_result', {\n                          search_id: searchAsYouTypeResults?.searchId ?? '',\n                          misc: JSON.stringify({\n                            position: i,\n                          }),\n                        });\n                        navigateToSearch(\n                          s.title,\n                          searchAsYouTypeResults?.searchId\n                        );\n                        closeSearch();\n                      }}\n                    >\n                      <SemiboldSearchIcon\n                        mb={2 as 0}\n                        size={14}\n                        strokeWidth={8}\n                        aria-hidden\n                        mr={12}\n                      />\n                      <HighlightedText suggestion={s} />\n                    </InlineResultLi>\n                  ))}\n                </FlexBox>\n                {(searchAsYouTypeResults === null ||\n                  searchAsYouTypeResults.top.length > 0) && (\n                  <>\n                    <Text as=\"h2\" fontSize={20} mb={16} mt={24}>\n                      Top results\n                    </Text>\n                    <FlexBox\n                      flexDirection=\"column\"\n                      as=\"ul\"\n                      listStyle=\"none\"\n                      p={0}\n                    >\n                      {searchAsYouTypeResults === null\n                        ? searchAsYouTypeLoader?.shimmerRows.map((r) => (\n                            <InlineLoaderLi key={r.key}>\n                              {r.shimmers.map((word) => (\n                                <Shimmer\n                                  height={30}\n                                  py={8 as 0}\n                                  key={word.key}\n                                  width={word.width}\n                                />\n                              ))}\n                              <Box\n                                fontFamily=\"accent\"\n                                textColor=\"text-secondary\"\n                                fontSize={{ _: 10 as 16 }}\n                                borderColor=\"border-secondary\"\n                                border={1}\n                                borderRadius=\"xl\"\n                                px={16}\n                                opacity={0.1}\n                              >\n                                &nbsp;\n                              </Box>\n                            </InlineLoaderLi>\n                          ))\n                        : searchAsYouTypeResults.top.map((s, i) => (\n                            <InlineResultLi\n                              key={`${\n                                searchAsYouTypeResults.query\n                              }:${i.toString()}`}\n                              tabIndex={0}\n                              role=\"link\"\n                              onKeyDown={(evt) => {\n                                if (evt.key === 'Enter') {\n                                  setSearchResultClicked(true);\n                                  onTrackingClick('search_as_you_type_result', {\n                                    search_id: searchAsYouTypeResults.searchId,\n                                    slug: s.slug,\n                                    ...(s.contentId\n                                      ? { content_id: s.contentId }\n                                      : {}),\n                                    misc: JSON.stringify({\n                                      position: i,\n                                    }),\n                                  });\n                                  closeSearch();\n                                  safelyRedirect(s.urlPath);\n                                }\n                              }}\n                              onClick={() => {\n                                setSearchResultClicked(true);\n                                onTrackingClick('search_as_you_type_result', {\n                                  search_id: searchAsYouTypeResults.searchId,\n                                  slug: s.slug,\n                                  ...(s.contentId\n                                    ? { content_id: s.contentId }\n                                    : {}),\n                                  misc: JSON.stringify({\n                                    position: i,\n                                  }),\n                                });\n                                closeSearch();\n                                safelyRedirect(s.urlPath);\n                              }}\n                            >\n                              <HighlightedText suggestion={s} />\n                              <Badge size=\"sm\" variant=\"tertiary\" ml={12}>\n                                {s.type}\n                              </Badge>\n                            </InlineResultLi>\n                          ))}\n                    </FlexBox>\n                  </>\n                )}\n                {searchAsYouTypeResults?.top.length === 0 && (\n                  <>\n                    <Box fontSize={{ _: 20, sm: 26 }} mt={0} mb={48}>\n                      {`We couldn't find a match for `}\n                      <Text fontWeight=\"bold\">{`\"${valueTrimmed}.\"`}</Text>\n                      {\n                        ' Try another keyword, or see what our members are learning.'\n                      }\n                    </Box>\n                    <Menu border=\"none\" variant=\"popover\">\n                      <PopularContent onTrackingClick={onTrackingClick} />\n                    </Menu>\n                  </>\n                )}\n              </>\n            ) : (\n              <Menu border=\"none\" variant=\"popover\">\n                <PopularSearches\n                  navigateToSearch={navigateToSearch}\n                  onTrackingClick={onTrackingClick}\n                />\n                <PopularContent onTrackingClick={onTrackingClick} />\n              </Menu>\n            )}\n\n            {!!searchAsYouTypeResults?.top.length && (\n              <StrokeButton\n                my={16}\n                onClick={() => {\n                  onTrackingClick('view_all_results', {\n                    search_id: searchAsYouTypeResults.searchId,\n                  });\n                  navigateToSearch(value, searchAsYouTypeResults?.searchId);\n                  closeSearch();\n                }}\n              >\n                View all results\n              </StrokeButton>\n            )}\n            <QuizAndHelpCenterLinks\n              onTrackingClick={onTrackingClick}\n              handleCloseDropdown={closeSearch}\n            />\n          </SuggestionContainer>\n        </Box>\n      </FocusTrap>\n    </>\n  );\n};\n"],"mappings":"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"}