{"version":3,"file":"static/chunks/7444.605150be125cd23e.js","mappings":"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","sources":["webpack://_N_E/../design-system/src/components/search/search-box/search-box.tsx","webpack://_N_E/../design-system/src/components/search/search-dropdown/search-dropdown.tsx","webpack://_N_E/../design-system/src/components/search/search-box/search-box.scss?8b43","webpack://_N_E/../design-system/src/components/search/search-dropdown/search-dropdown.scss?2769","webpack://_N_E/./src/contentful/components/utils/strip-html.ts"],"sourcesContent":["import \"./search-box.scss\";\n\nimport cn from \"clsx\";\nimport {\n  useState,\n  useEffect,\n  forwardRef,\n  ChangeEvent,\n  InputHTMLAttributes,\n  Dispatch,\n  SetStateAction,\n  MouseEventHandler,\n  KeyboardEventHandler,\n} from \"react\";\nimport { Icon } from \"design-system/components/icons/icon\";\n\ntype InputProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"className\" | \"type\" | \"value\" | \"onChange\" | \"aria-label\"\n>;\n\nexport interface SearchBoxProps extends InputProps {\n  searchTerm?: string;\n  placeholder?: string;\n  hasDropdown?: boolean;\n  triggerOverlay?: boolean;\n  isSmall?: boolean;\n  handleSearch?: (term: string) => void;\n  handleKeydownSearch?: KeyboardEventHandler;\n  handleMousedownSearch?: MouseEventHandler;\n  onReset?: () => void;\n  setShowDropdown?: Dispatch<SetStateAction<boolean>>;\n}\n\n/**\n * ## See it in use on...\n * - The [archive page](/story/example-pages-archive-pages-story-archive--story)\n *\n * - **`id: P-021-000-00`**\n */\nexport const SearchBox = forwardRef<HTMLInputElement, SearchBoxProps>(\n  (\n    {\n      searchTerm = \"\",\n      handleSearch,\n      handleKeydownSearch,\n      handleMousedownSearch,\n      onReset,\n      hasDropdown = false,\n      placeholder,\n      setShowDropdown,\n      isSmall = false,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    const [searchValue, setSearchValue] = useState(searchTerm);\n\n    useEffect(() => {\n      setSearchValue(searchTerm);\n    }, [searchTerm]);\n\n    function handleChange(e: ChangeEvent<HTMLInputElement>) {\n      if (e.currentTarget) {\n        setSearchValue(e.currentTarget.value);\n        if (hasDropdown) {\n          handleSearch?.(e.currentTarget.value);\n        }\n      }\n    }\n\n    const handleReset = () => {\n      setSearchValue(\"\");\n\n      if (onReset) {\n        onReset();\n      }\n\n      if (setShowDropdown) {\n        setShowDropdown(false);\n      }\n    };\n\n    return (\n      <div className={cn(\"hbs-search-box\", isSmall && \"hbs-search-box--small\")}>\n        <input\n          {...inputProps}\n          className=\"hbs-search-box__input\"\n          type=\"search\"\n          placeholder={placeholder}\n          value={searchValue}\n          aria-label={placeholder || \"Search\"}\n          onChange={handleChange}\n          onKeyDown={handleKeydownSearch}\n          onReset={handleReset}\n          ref={ref}\n        />\n        <button\n          className=\"hbs-search-box__submit\"\n          type=\"button\"\n          title=\"Submit your search query.\"\n          aria-expanded={inputProps[\"aria-expanded\"]}\n          aria-controls={inputProps[\"aria-controls\"]}\n          onClick={() => {\n            setShowDropdown?.((prev) => !prev);\n          }}\n          onMouseDown={handleMousedownSearch}\n          tabIndex={-1}\n        >\n          <span className=\"hbs-global-visually-hidden\">Search</span>\n          <Icon name=\"search\" />\n        </button>\n      </div>\n    );\n  },\n);\n","import \"./search-dropdown.scss\";\n\nimport cn from \"clsx\";\nimport {\n  useState,\n  useRef,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useId,\n} from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { Link } from \"design-system/components/primitives/link/link\";\nimport {\n  CtaLink,\n  CtaLinkProps,\n} from \"design-system/components/primitives/cta-link/cta-link\";\nimport { SearchBox } from \"../search-box/search-box\";\nimport { Icon } from \"design-system/components/icons/icon\";\nimport { EditAttributes } from \"design-system/types/types\";\nimport { Suggestions, ModernSearchHit } from \"frontend/types\";\nimport { Display } from \"frontend/lib/es/es-types\";\nimport { DataLayerEvent, useDataLayer } from \"frontend/hooks/use-data-layer\";\nimport { SiteEntry } from \"frontend/contentful/schema/universal\";\nimport { stripHtml } from \"frontend/contentful/components/utils/strip-html\";\n\nexport interface SearchBoxDropdownProps {\n  searchTerm?: string;\n  handleSearch?: (term: string) => void;\n  onReset?: () => void;\n  placeholder?: string;\n  hasDropdown?: boolean;\n  dropdownItems?: Array<ModernSearchHit>;\n  dropdownSuggestions?: Suggestions[\"updatedSuggestions\"];\n  dropdownCta?: CtaLinkProps;\n  dropdownFooterLabel?: string;\n  isOverlay?: boolean;\n  searchLink?: string;\n  onOpenCallback?: () => void;\n  site?: SiteEntry;\n  editAttributes?: {\n    dropdownFooterLabel?: EditAttributes;\n  };\n}\n\n/**\n * ## See it in use on...\n * - The [archive page](/story/example-pages-archive-pages-story-archive--story)\n *\n * - **`id: P-021-000-00`**\n */\nexport function SearchBoxDropdown({\n  searchTerm = \"\",\n  handleSearch,\n  hasDropdown = false,\n  onReset,\n  placeholder,\n  dropdownItems,\n  dropdownSuggestions,\n  dropdownCta,\n  dropdownFooterLabel,\n  isOverlay = false,\n  searchLink,\n  onOpenCallback,\n  editAttributes,\n  site,\n}: SearchBoxDropdownProps) {\n  const [showDropdown, setShowDropdown] = useState(false);\n  const [selectedItemIndex, setSelectedItemIndex] = useState<number | null>(\n    null,\n  );\n  const selectedItem =\n    selectedItemIndex !== null ? dropdownItems?.[selectedItemIndex] : null;\n\n  if (!showDropdown && selectedItemIndex !== null) {\n    setSelectedItemIndex(null);\n  }\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const dropdownId = useId();\n  const dropdownListLabelId = useId();\n  const dropdownFooterLabelId = useId();\n  const { pushDataLayer } = useDataLayer();\n  const dataLayerEvent: DataLayerEvent = {\n    event: \"search_results\",\n    /* eslint-disable camelcase */\n    event_data: {\n      search_numresults: dropdownItems?.length,\n      search_type: \"search-primary\",\n      search_type_ahead: false,\n      top_search: true,\n      search_result_page_url:\n        typeof window !== \"undefined\" ? window.location.href : \"\",\n      explore_search: site?.fields.title?.includes(\"Knowledge\") ? true : false,\n    },\n    /* eslint-enable camelcase */\n  };\n\n  const numberOfItems = (dropdownItems?.length || 0) + 1;\n\n  const hasResults = dropdownItems && dropdownItems.length > 0;\n\n  const hasSuggestions =\n    dropdownSuggestions?.total && dropdownSuggestions.total > 0;\n\n  function blurHandler() {\n    if (!hasSuggestions && !hasResults) {\n      setTimeout(function () {\n        setShowDropdown(false);\n      }, 300);\n    }\n  }\n\n  function handleChange(term: string) {\n    if (term) {\n      handleSearch?.(term);\n      setShowDropdown(true);\n    } else if (term === \"\" && !isOverlay) {\n      setShowDropdown(false);\n    }\n  }\n\n  function focusHandler(term?: string) {\n    if (\n      inputRef?.current?.value &&\n      inputRef?.current?.value !== \"\" &&\n      hasResults\n    ) {\n      setShowDropdown(true);\n    } else if (term === \"\") {\n      setShowDropdown(false);\n    }\n  }\n\n  const redirectToSearch = () => {\n    if (inputRef.current) {\n      const inputValue = inputRef.current?.value\n        ? encodeURIComponent(inputRef.current?.value)\n        : undefined;\n      const href = searchLink || \"https://www.hbs.edu/search\";\n      window.location.href = `${href}?q=${inputValue}`;\n    }\n  };\n\n  const redirectQuerySearch = (searchQuery: string | undefined) => {\n    if (inputRef.current || searchQuery) {\n      const inputValue = inputRef.current?.value\n        ? encodeURIComponent(inputRef.current?.value)\n        : undefined;\n      const q = inputValue || searchQuery;\n      const href = searchLink || \"https://www.hbs.edu/search\";\n      window.location.href = `${href}?q=${q}`;\n    }\n  };\n\n  const redirectMouseQueryToSearch:\n    | MouseEventHandler<HTMLFormElement>\n    | undefined = (e) => {\n    const input = e.currentTarget?.previousElementSibling as HTMLInputElement;\n    if (\n      !e.currentTarget?.previousElementSibling?.classList.contains(\n        \"hbs-search-box__input\",\n      )\n    ) {\n      return;\n    }\n    e.preventDefault();\n    redirectQuerySearch(input.value);\n  };\n\n  const redirectQueryToSearch: KeyboardEventHandler<HTMLInputElement> = (e) => {\n    if (e.key === \"Enter\") {\n      e.preventDefault();\n      const inputValue = inputRef?.current?.value;\n      if (inputValue) redirectQuerySearch(inputValue);\n    }\n  };\n\n  const handleInputKeyDown: KeyboardEventHandler<HTMLInputElement> = (e) => {\n    switch (e.key) {\n      case \"ArrowDown\":\n        if (!hasResults && !hasSuggestions) {\n          return;\n        }\n\n        setShowDropdown(true);\n\n        setSelectedItemIndex((prev) => {\n          if (prev === null) return 0;\n          return prev === numberOfItems - 1 ? 0 : prev + 1;\n        });\n\n        e.stopPropagation();\n        e.preventDefault();\n        break;\n      case \"ArrowUp\":\n        if (!hasResults && !hasSuggestions) {\n          return;\n        }\n\n        setShowDropdown(true);\n\n        setSelectedItemIndex((prev) => {\n          if (prev === null) return numberOfItems - 1;\n          return prev === 0 ? numberOfItems - 1 : prev - 1;\n        });\n\n        e.stopPropagation();\n        e.preventDefault();\n        break;\n      case \"Escape\":\n        if (showDropdown && !isOverlay) {\n          e.stopPropagation();\n          e.preventDefault();\n\n          setShowDropdown(false);\n        }\n\n        break;\n      case \"Enter\":\n        if (selectedItem?.url) {\n          window.location.href = selectedItem.url;\n        } else {\n          setShowDropdown(false);\n        }\n        break;\n      default:\n        if (e.key !== \"Home\" && e.key !== \"End\") {\n          setSelectedItemIndex(null);\n        }\n        break;\n    }\n  };\n\n  const footerCtaComboboxProps = {\n    id: `${dropdownId}-${dropdownItems?.length || 0}`,\n    \"aria-selected\":\n      selectedItemIndex !== null && selectedItemIndex === dropdownItems?.length,\n    tabIndex: -1,\n  };\n\n  const isDropdownVisible = showDropdown || isOverlay;\n\n  let display: Display = {};\n  let handleOnClick: (() => void) | undefined;\n\n  const searchBoxDropdown = (\n    <div\n      className={cn(\n        \"hbs-search-box__dropdown\",\n        isDropdownVisible && \"hbs-search-box__dropdown--open\",\n        isOverlay && \"hbs-search-box__dropdown--overlay\",\n      )}\n    >\n      <SearchBox\n        hasDropdown={hasDropdown}\n        searchTerm={searchTerm}\n        handleSearch={handleChange}\n        placeholder={placeholder}\n        onReset={onReset}\n        setShowDropdown={setShowDropdown}\n        onKeyDown={handleInputKeyDown}\n        handleKeydownSearch={redirectQueryToSearch}\n        handleMousedownSearch={redirectMouseQueryToSearch}\n        onFocus={() => focusHandler()}\n        onBlur={() => blurHandler()}\n        ref={inputRef}\n        autoFocus={isOverlay}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={isDropdownVisible}\n        aria-controls={dropdownId}\n        aria-activedescendant={\n          selectedItemIndex !== null\n            ? `${dropdownId}-${selectedItemIndex}`\n            : undefined\n        }\n      />\n      <div id={dropdownId} tabIndex={-1}>\n        {isDropdownVisible && (\n          <div\n            className={cn(\n              \"hbs-search-box__dropdown-content\",\n              dropdownSuggestions?.total &&\n                dropdownSuggestions.total > 0 &&\n                \"suggestions\",\n            )}\n          >\n            <div className=\"hbs-search-box__dropdown-content-inner\">\n              <div className=\"hbs-search-box__dropdown-results-container\">\n                {hasResults && (\n                  <p\n                    className=\"hbs-search-box__dropdown-results-label\"\n                    id={dropdownListLabelId}\n                  >\n                    Top {searchTerm === \"\" ? \"Searches\" : \"Results\"}\n                  </p>\n                )}\n                {dropdownItems && dropdownItems.length > 0 && (\n                  <ul\n                    className=\"hbs-search-box__dropdown-results\"\n                    aria-labelledby={dropdownListLabelId}\n                  >\n                    {dropdownItems.map(\n                      (item, i) => (\n                        (display = item.display || {}),\n                        /* eslint-disable camelcase */\n                        inputRef.current?.value &&\n                          (handleOnClick = () => {\n                            dataLayerEvent.event_data.search_term =\n                              inputRef.current?.value;\n                            dataLayerEvent.event_data.search_result_title =\n                              item.title;\n                            dataLayerEvent.event_data.search_result_url =\n                              item.url;\n                            dataLayerEvent.event_data.search_result_position =\n                              i + 1;\n                            dataLayerEvent.event_data.search_numresults =\n                              undefined;\n                            pushDataLayer(dataLayerEvent);\n                          }),\n                        (\n                          /* eslint-enable camelcase */\n                          <li\n                            className=\"hbs-search-box__dropdown-result\"\n                            key={i}\n                          >\n                            <Link\n                              href={item.url}\n                              className=\"hbs-search-box__dropdown-result-link\"\n                              tabIndex={-1}\n                              id={`${dropdownId}-${i}`}\n                              onClick={handleOnClick}\n                              aria-selected={selectedItemIndex === i}\n                            >\n                              <p\n                                className=\"hbs-search-box__dropdown-result-text\"\n                                dangerouslySetInnerHTML={{\n                                  __html:\n                                    item.highlight?.autocomplete ||\n                                    item.autocomplete ||\n                                    item.highlight?.title ||\n                                    item.title,\n                                }}\n                              />\n                              {display.category?.label && (\n                                <p className=\"hbs-search-box__dropdown-contentType\">\n                                  {display.category?.label}\n                                </p>\n                              )}\n                            </Link>\n                          </li>\n                        )\n                      ),\n                    )}\n                  </ul>\n                )}\n\n                {dropdownSuggestions?.suggestions?.map(\n                  (type, i) =>\n                    type.group &&\n                    type.group?.length > 0 && (\n                      <ul\n                        key={i}\n                        aria-label={type.groupName}\n                        className=\"hbs-search-box__dropdown-results group\"\n                        aria-labelledby={dropdownListLabelId}\n                      >\n                        {type?.group?.map((suggestion, i) => {\n                          handleOnClick = () => {\n                            /* eslint-disable camelcase */\n                            dataLayerEvent.event_data.search_term =\n                              inputRef.current?.value;\n                            dataLayerEvent.event_data.search_result_title =\n                              suggestion.suggestion\n                                ? stripHtml(suggestion.suggestion)\n                                : suggestion.suggestion;\n                            dataLayerEvent.event_data.search_result_url =\n                              suggestion.conceptUri;\n                            dataLayerEvent.event_data.search_result_position =\n                              i + 1;\n                            dataLayerEvent.event_data.explore_search_category =\n                              type.groupName;\n                            dataLayerEvent.event_data.search_type =\n                              \"search-secondary\";\n                            dataLayerEvent.event_data.search_numresults =\n                              undefined;\n                            pushDataLayer(dataLayerEvent);\n                            /* eslint-enable camelcase */\n                          };\n\n                          return (\n                            suggestion.suggestion && (\n                              <li\n                                className=\"hbs-search-box__dropdown-result\"\n                                key={i}\n                              >\n                                <Link\n                                  href={suggestion.conceptUri}\n                                  className=\"hbs-search-box__dropdown-result-link\"\n                                  key={i}\n                                  onClick={handleOnClick}\n                                >\n                                  <p\n                                    className=\"hbs-search-box__dropdown-result-text\"\n                                    dangerouslySetInnerHTML={{\n                                      __html: suggestion.suggestion\n                                        .replaceAll(\"<b>\", \"<mark>\")\n                                        .replaceAll(\"</b>\", \"</mark>\"),\n                                    }}\n                                  />\n                                </Link>\n                              </li>\n                            )\n                          );\n                        })}\n                      </ul>\n                    ),\n                )}\n              </div>\n              <div className=\"hbs-search-box__dropdown-footer\">\n                {dropdownCta &&\n                  (hasResults || hasSuggestions ? (\n                    <CtaLink\n                      {...dropdownCta}\n                      {...footerCtaComboboxProps}\n                      type=\"primary-button\"\n                      isSmall\n                      onClick={redirectToSearch}\n                      aria-describedby={dropdownFooterLabelId}\n                      className=\"dropdown\"\n                    />\n                  ) : (\n                    <CtaLink\n                      {...dropdownCta}\n                      {...footerCtaComboboxProps}\n                      type=\"secondary-button\"\n                      isSmall\n                      onClick={redirectToSearch}\n                      aria-describedby={dropdownFooterLabelId}\n                      className=\"dropdown\"\n                    >\n                      View Results\n                    </CtaLink>\n                  ))}\n                <p\n                  {...editAttributes?.dropdownFooterLabel}\n                  className=\"hbs-search-box__dropdown-footer-label\"\n                  id={dropdownFooterLabelId}\n                >\n                  {dropdownFooterLabel}\n                </p>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n\n  if (isOverlay) {\n    return (\n      <Dialog.Root\n        onOpenChange={(open) => {\n          if (open && onOpenCallback) {\n            onOpenCallback();\n          }\n        }}\n      >\n        <Dialog.Trigger\n          className=\"hbs-search-box__overlay-trigger\"\n          aria-label=\"Search\"\n        >\n          <Icon name=\"search\" />\n        </Dialog.Trigger>\n        <Dialog.Portal>\n          <Dialog.Overlay className=\"hbs-search-box__overlay\">\n            <Dialog.Content className=\"hbs-search-box__overlay-content\">\n              {searchBoxDropdown}\n\n              <Dialog.Close className=\"hbs-search-box__overlay-close\">\n                Close\n              </Dialog.Close>\n            </Dialog.Content>\n          </Dialog.Overlay>\n        </Dialog.Portal>\n      </Dialog.Root>\n    );\n  } else {\n    return searchBoxDropdown;\n  }\n}\n","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin","const remove = [/<[^>]*>?/gm, /\\u00AD/g, \"&lt;\", \"&gt;\"] as const;\n\nconst replace = [[\"&quot;\", '\"', \"&apos;\", \"'\", \"&amp;\", \"&\"]] as const;\n\nexport function stripHtml(html: string): string {\n  let result = html;\n\n  // Protect the mark tags returned from highlighted search results\n  result = result\n    .replaceAll(\"<mark>\", \"[mark]\")\n    .replaceAll(\"</mark>\", \"[/mark]\");\n\n  for (const rm of remove) {\n    result = result.replaceAll(rm, \"\");\n  }\n  for (const [key, value] of replace) {\n    result = result.replaceAll(key, value);\n  }\n\n  // Return the mark tags to original state\n  result = result\n    .replaceAll(\"[mark]\", \"<mark>\")\n    .replaceAll(\"[/mark]\", \"</mark>\");\n\n  return result;\n}\n"],"names":["SearchBox","forwardRef","ref","searchTerm","handleSearch","handleKeydownSearch","handleMousedownSearch","onReset","hasDropdown","placeholder","setShowDropdown","isSmall","inputProps","searchValue","setSearchValue","useState","useEffect","div","className","cn","input","type","value","aria-label","onChange","handleChange","e","currentTarget","onKeyDown","handleReset","button","title","aria-expanded","aria-controls","onClick","prev","onMouseDown","tabIndex","span","Icon","name","SearchBoxDropdown","site","dropdownSuggestions","handleOnClick","dropdownItems","dropdownCta","dropdownFooterLabel","isOverlay","searchLink","onOpenCallback","editAttributes","showDropdown","selectedItemIndex","setSelectedItemIndex","selectedItem","inputRef","useRef","dropdownId","useId","dropdownListLabelId","dropdownFooterLabelId","pushDataLayer","useDataLayer","dataLayerEvent","event","event_data","search_numresults","length","search_type","search_type_ahead","top_search","search_result_page_url","location","href","explore_search","fields","includes","numberOfItems","hasResults","hasSuggestions","total","redirectToSearch","current","inputValue","encodeURIComponent","undefined","window","redirectQuerySearch","searchQuery","q","footerCtaComboboxProps","id","isDropdownVisible","display","searchBoxDropdown","term","handleInputKeyDown","key","stopPropagation","preventDefault","url","redirectQueryToSearch","redirectMouseQueryToSearch","previousElementSibling","classList","contains","onFocus","focusHandler","onBlur","blurHandler","setTimeout","autoFocus","role","aria-autocomplete","aria-activedescendant","p","ul","aria-labelledby","map","item","i","search_term","search_result_title","search_result_url","search_result_position","li","Link","aria-selected","dangerouslySetInnerHTML","__html","highlight","autocomplete","category","label","suggestions","group","groupName","suggestion","stripHtml","conceptUri","explore_search_category","replaceAll","CtaLink","aria-describedby","Dialog","onOpenChange","open","remove","replace","html","result","rm"],"sourceRoot":"","ignoreList":[]}