| 1 |
- {"version":3,"file":"static/chunks/10842.dc62117aeebf05ae.js","mappings":"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","sources":["webpack://_N_E/./public/icons/caret-down.svg","webpack://_N_E/./src/components/QuranReader/ReflectionView/ReflectionBodyContainer/ReflectionSurahAndAyahSelection/index.tsx","webpack://_N_E/./src/components/QuranReader/TafsirView/SurahAndAyahSelection.tsx","webpack://_N_E/./src/components/dls/Forms/Select/index.tsx","webpack://_N_E/./src/components/QuranReader/ReflectionView/ReflectionBodyContainer/ReflectionSurahAndAyahSelection/ReflectionSurahAndAyahSelection.module.scss","webpack://_N_E/./src/components/dls/Forms/Select/Select.module.scss"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgCaretDown = function SvgCaretDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 24 24\",\n width: 18,\n height: 18,\n stroke: \"currentColor\",\n strokeWidth: 1.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n fill: \"none\",\n shapeRendering: \"geometricPrecision\",\n style: {\n color: \"currentcolor\"\n }\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m6 9 6 6 6-6\"\n })));\n};\nexport default SvgCaretDown;","import React from 'react';\n\nimport useTranslation from 'next-translate/useTranslation';\n\nimport styles from './ReflectionSurahAndAyahSelection.module.scss';\n\nimport SurahAndAyahSelection from '@/components/QuranReader/TafsirView/SurahAndAyahSelection';\nimport { logItemSelectionChange } from '@/utils/eventLogger';\nimport { fakeNavigate, getVerseReflectionNavigationUrl } from '@/utils/navigation';\nimport { makeVerseKey } from '@/utils/verse';\n\ninterface Props {\n selectedChapterId: string;\n selectedVerseNumber: string;\n setSelectedChapterId: (chapterId: string) => void;\n setSelectedVerseNumber: (verseNumber: string) => void;\n}\n\nconst ReflectionSurahAndAyahSelection: React.FC<Props> = ({\n selectedChapterId,\n selectedVerseNumber,\n setSelectedVerseNumber,\n setSelectedChapterId,\n}) => {\n const { lang } = useTranslation();\n const onChapterIdChange = (newChapterId) => {\n logItemSelectionChange('reflection_chapter_id', newChapterId);\n setSelectedChapterId(newChapterId.toString());\n const newVerseNumber = '1';\n setSelectedVerseNumber(newVerseNumber); // reset verse number to 1 every time chapter changes\n fakeNavigate(\n getVerseReflectionNavigationUrl(makeVerseKey(newChapterId, Number(newVerseNumber))),\n lang,\n );\n };\n\n const onVerseNumberChange = (newVerseNumber) => {\n logItemSelectionChange('reflection_verse_number', newVerseNumber);\n setSelectedVerseNumber(newVerseNumber.toString());\n fakeNavigate(\n getVerseReflectionNavigationUrl(\n makeVerseKey(Number(selectedChapterId), Number(newVerseNumber)),\n ),\n lang,\n );\n };\n\n return (\n <div className={styles.surahSelectionContainer}>\n <SurahAndAyahSelection\n selectedChapterId={selectedChapterId}\n selectedVerseNumber={selectedVerseNumber}\n onChapterIdChange={onChapterIdChange}\n onVerseNumberChange={onVerseNumberChange}\n />\n </div>\n );\n};\n\nexport default ReflectionSurahAndAyahSelection;\n","import { useContext, useMemo } from 'react';\n\nimport useTranslation from 'next-translate/useTranslation';\n\nimport styles from './TafsirView.module.scss';\n\nimport Select, { SelectSize } from '@/dls/Forms/Select';\nimport { toLocalizedNumber } from '@/utils/locale';\nimport { generateChapterVersesKeys, getVerseNumberFromKey } from '@/utils/verse';\nimport DataContext from 'src/contexts/DataContext';\n\nconst SurahAndAyahSelection = ({\n selectedChapterId,\n selectedVerseNumber,\n onChapterIdChange,\n onVerseNumberChange,\n}) => {\n const { lang } = useTranslation();\n const chaptersData = useContext(DataContext);\n const verses = generateChapterVersesKeys(chaptersData, selectedChapterId);\n const surahOptions = useMemo(\n () =>\n Object.entries(chaptersData).map(([id, chapter]) => ({\n label: chapter.transliteratedName,\n value: id,\n })),\n [chaptersData],\n );\n const ayahOptions = useMemo(\n () =>\n verses.map((verseKey) => {\n const verseNumber = getVerseNumberFromKey(verseKey).toString();\n return {\n label: toLocalizedNumber(Number(verseNumber), lang),\n value: verseNumber,\n };\n }),\n [lang, verses],\n );\n\n return (\n <div className={styles.surahAndAyahSelectionContainer}>\n <Select\n size={SelectSize.Small}\n id=\"surah-selection\"\n name=\"surah-selection\"\n options={surahOptions}\n onChange={onChapterIdChange}\n value={selectedChapterId}\n />\n <div className={styles.selectionItem}>\n <Select\n className={styles.ayahSelection}\n size={SelectSize.Small}\n id=\"ayah-selection\"\n name=\"ayah-selection\"\n options={ayahOptions}\n onChange={onVerseNumberChange}\n value={selectedVerseNumber}\n />\n </div>\n </div>\n );\n};\n\nexport default SurahAndAyahSelection;\n","import React, { ChangeEvent, useCallback } from 'react';\n\nimport classNames from 'classnames';\n\nimport styles from './Select.module.scss';\n\nimport CaretIcon from '@/icons/caret-down.svg';\n\nexport interface SelectOption {\n label: string;\n value: string | number;\n disabled?: boolean;\n}\n\nexport enum SelectSize {\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n}\n\ninterface Props {\n id: string;\n name: string;\n options: SelectOption[];\n disabled?: boolean;\n required?: boolean;\n size?: SelectSize;\n value?: string;\n placeholder?: string;\n onChange?: (value: string | number) => void;\n defaultStyle?: boolean;\n className?: string;\n withBackground?: boolean;\n}\n\nconst Select: React.FC<Props> = ({\n name,\n id,\n onChange,\n options,\n value,\n disabled = false,\n required = false,\n size = SelectSize.Medium,\n placeholder = 'Select an option',\n defaultStyle = true,\n className,\n withBackground = true,\n}) => {\n const onSelectChange = useCallback(\n (e: ChangeEvent<HTMLSelectElement>) => {\n if (onChange) {\n onChange(e.target.value);\n }\n },\n [onChange],\n );\n\n return (\n <div\n className={classNames(styles.container, {\n [styles.defaultStyledContainer]: defaultStyle,\n [className]: className,\n [styles.disabledContainer]: disabled,\n [styles.smallContainer]: size === SelectSize.Small,\n [styles.mediumContainer]: size === SelectSize.Medium,\n [styles.largeContainer]: size === SelectSize.Large,\n [styles.withBackground]: withBackground,\n })}\n >\n <select\n className={classNames(styles.select, {\n [styles.defaultStyledSelect]: defaultStyle,\n [styles.disabledSelect]: disabled,\n })}\n name={name}\n id={id}\n onChange={onSelectChange}\n disabled={disabled}\n required={required}\n {...(value ? { value } : { defaultValue: '' })}\n >\n <option value=\"\" disabled hidden>\n {placeholder}\n </option>\n {options.map((option) => (\n <option key={option.value} value={option.value} disabled={option.disabled || false}>\n {option.label}\n </option>\n ))}\n </select>\n <div className={classNames(styles.arrow, { [styles.disabledArrow]: disabled })}>\n <CaretIcon />\n </div>\n </div>\n );\n};\n\nexport default Select;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"surahSelectionContainer\":\"ReflectionSurahAndAyahSelection_surahSelectionContainer__FGapK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"Select_container___DCC_\",\"withBackground\":\"Select_withBackground__rpdEL\",\"defaultStyledContainer\":\"Select_defaultStyledContainer__b32Mm\",\"smallContainer\":\"Select_smallContainer__L2Lff\",\"mediumContainer\":\"Select_mediumContainer__MF_Vq\",\"largeContainer\":\"Select_largeContainer___qGs0\",\"disabledContainer\":\"Select_disabledContainer__gi7YD\",\"arrow\":\"Select_arrow__WAbAk\",\"disabledArrow\":\"Select_disabledArrow__V4nEO\",\"select\":\"Select_select__BnH2G\",\"defaultStyledSelect\":\"Select_defaultStyledSelect__LmeKj\",\"disabledSelect\":\"Select_disabledSelect___R3Jd\"};"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","viewBox","width","height","stroke","strokeWidth","strokeLinecap","strokeLinejoin","fill","shapeRendering","style","color","d","selectedChapterId","selectedVerseNumber","setSelectedVerseNumber","setSelectedChapterId","useTranslation","lang","div","className","styles","SurahAndAyahSelection","onChapterIdChange","newChapterId","logItemSelectionChange","toString","fakeNavigate","getVerseReflectionNavigationUrl","makeVerseKey","Number","onVerseNumberChange","newVerseNumber","chaptersData","useContext","DataContext","verses","generateChapterVersesKeys","surahOptions","useMemo","entries","map","id","label","transliteratedName","value","ayahOptions","verseKey","verseNumber","getVerseNumberFromKey","toLocalizedNumber","Select","size","SelectSize","name","options","onChange","disabled","required","Medium","placeholder","defaultStyle","withBackground","onSelectChange","useCallback","target","classNames","Small","Large","select","defaultValue","option","hidden","CaretIcon","module","exports"],"sourceRoot":""}
|
