| 1 |
- {"version":3,"file":"92631.js","mappings":"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","sources":["webpack://quran.com/./src/components/QuranReader/SidebarNavigation/ScrollableSelection.tsx","webpack://quran.com/./types/SearchQuerySource.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { useRouter } from 'next/router';\n\nimport styles from './SidebarNavigation.module.scss';\n\nimport Link from '@/dls/Link/Link';\nimport { SCROLL_TO_NEAREST_ELEMENT, useScrollToElement } from '@/hooks/useScrollToElement';\nimport SearchQuerySource from '@/types/SearchQuerySource';\nimport { logEmptySearchResults, logTextSearchQuery } from '@/utils/eventLogger';\n\nconst ScrollableSelection = ({\n items,\n searchPlaceholder,\n renderItem,\n getHref,\n isJuz = true,\n selectedItem,\n}) => {\n const [searchQuery, setSearchQuery] = useState('');\n const router = useRouter();\n\n const filteredItems = items.filter(\n (item) =>\n item.value.toString().startsWith(searchQuery) ||\n item.label.toString().startsWith(searchQuery),\n );\n\n useEffect(() => {\n if (!filteredItems.length) {\n logEmptySearchResults({\n query: searchQuery,\n source: isJuz\n ? SearchQuerySource.SidebarNavigationJuzsList\n : SearchQuerySource.SidebarNavigationPagesList,\n });\n } else {\n logTextSearchQuery(\n searchQuery,\n isJuz\n ? SearchQuerySource.SidebarNavigationJuzsList\n : SearchQuerySource.SidebarNavigationPagesList,\n );\n }\n }, [searchQuery, filteredItems, isJuz]);\n\n const [scroll, selectedItemRef] = useScrollToElement<HTMLDivElement>(SCROLL_TO_NEAREST_ELEMENT);\n useEffect(() => {\n scroll();\n }, [selectedItem, scroll]);\n\n // handle when user press `Enter` in input box\n const handleInputSubmit = (e) => {\n e.preventDefault();\n const firstFilteredItem = filteredItems[0];\n if (filteredItems) {\n const href = getHref(firstFilteredItem.value);\n router.push(href);\n }\n };\n\n return (\n <div className={styles.scrollableSectionContainer}>\n <form onSubmit={handleInputSubmit}>\n <input\n className={styles.searchInput}\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n placeholder={searchPlaceholder}\n />\n </form>\n <div className={styles.listContainer}>\n <div className={styles.list}>\n {filteredItems.map((item) => (\n <Link href={getHref(item.value)} key={item.value} shouldPrefetch={false}>\n <div\n ref={item.value === selectedItem ? selectedItemRef : null}\n className={classNames(\n styles.listItem,\n item.value === selectedItem && styles.selectedItem,\n )}\n >\n {renderItem(item)}\n </div>\n </Link>\n ))}\n </div>\n </div>\n </div>\n );\n};\n\nexport default ScrollableSelection;\n","enum SearchQuerySource {\n CommandBar = 'command_bar',\n SearchDrawer = 'search_drawer',\n SearchPage = 'search_page',\n TranslationSettingsDrawer = 'settings_drawer_translation',\n TafsirSettingsDrawer = 'settings_drawer_tafsir',\n ReciterPageChapterList = 'reciter_page_chapter_list',\n Tarteel = 'tarteel',\n SidebarNavigationChaptersList = 'sidebar_navigation_chapter_list',\n SidebarNavigationVersesList = 'sidebar_navigation_verse_list',\n SidebarNavigationJuzsList = 'sidebar_navigation_juz_list',\n SidebarNavigationPagesList = 'sidebar_navigation_page_list',\n}\n\nexport default SearchQuerySource;\n"],"names":["useEffect","useState","classNames","useRouter","styles","Link","SCROLL_TO_NEAREST_ELEMENT","useScrollToElement","SearchQuerySource","logEmptySearchResults","logTextSearchQuery","ScrollableSelection","items","searchPlaceholder","renderItem","getHref","isJuz","selectedItem","searchQuery","setSearchQuery","router","filteredItems","filter","item","value","toString","startsWith","label","length","query","source","SidebarNavigationJuzsList","SidebarNavigationPagesList","scroll","selectedItemRef","handleInputSubmit","e","preventDefault","firstFilteredItem","href","push","div","className","scrollableSectionContainer","form","onSubmit","input","searchInput","onChange","target","placeholder","listContainer","list","map","shouldPrefetch","ref","listItem","CommandBar","SearchDrawer","SearchPage","TranslationSettingsDrawer","TafsirSettingsDrawer","ReciterPageChapterList","Tarteel","SidebarNavigationChaptersList","SidebarNavigationVersesList"],"sourceRoot":""}
|
