| 1 |
- {"version":3,"file":"67972.js","mappings":"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","sources":["webpack://quran.com/./public/icons/close.svg","webpack://quran.com/./src/components/dls/Modal/Action.module.scss","webpack://quran.com/./src/components/dls/Modal/Body.module.scss","webpack://quran.com/./src/components/dls/Modal/Content.module.scss","webpack://quran.com/./src/components/dls/Modal/Footer.module.scss","webpack://quran.com/./src/components/dls/Modal/Header.module.scss","webpack://quran.com/./src/components/dls/Modal/Modal.module.scss","webpack://quran.com/./src/components/dls/Modal/Subtitle.module.scss","webpack://quran.com/./src/components/dls/Modal/Title.module.scss","webpack://quran.com/./src/components/dls/Modal/Action.tsx","webpack://quran.com/./src/components/dls/Modal/Body.tsx","webpack://quran.com/./src/components/dls/Modal/CloseAction.tsx","webpack://quran.com/./src/components/dls/Modal/Content.tsx","webpack://quran.com/./src/components/dls/Modal/Footer.tsx","webpack://quran.com/./src/components/dls/Modal/Header.tsx","webpack://quran.com/./src/components/dls/Modal/Modal.tsx","webpack://quran.com/./src/components/dls/Modal/Subtitle.tsx","webpack://quran.com/./src/components/dls/Modal/Title.tsx","webpack://quran.com/./src/contexts/DataContext.ts"],"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 SvgClose = function SvgClose(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 24,\n viewBox: \"0 0 15 15\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.782 4.032a.575.575 0 1 0-.813-.814L7.5 6.687 4.032 3.218a.575.575 0 0 0-.814.814L6.687 7.5l-3.469 3.468a.575.575 0 0 0 .814.814L7.5 8.313l3.469 3.469a.575.575 0 0 0 .813-.814L8.313 7.5l3.469-3.468Z\",\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n })));\n};\nexport default SvgClose;","// Exports\nmodule.exports = {\n\t\"action\": \"Action_action__OpoPA\",\n\t\"primary\": \"Action_primary__F1pjz\"\n};\n","// Exports\nmodule.exports = {\n\t\"body\": \"Body_body__8O8H7\"\n};\n","// Exports\nmodule.exports = {\n\t\"content\": \"Content_content__0oYtM\",\n\t\"medium\": \"Content_medium__b1UWo\",\n\t\"large\": \"Content_large__QPh64\",\n\t\"topSheetOnMobile\": \"Content_topSheetOnMobile__q19zW\",\n\t\"mobileContentIn\": \"Content_mobileContentIn__bPrSn\",\n\t\"fadeIn\": \"Content_fadeIn__RPj2O\",\n\t\"topSheetOnMobileIn\": \"Content_topSheetOnMobileIn__08kuC\",\n\t\"desktopContentIn\": \"Content_desktopContentIn___appS\",\n\t\"mobileContentOut\": \"Content_mobileContentOut__N69Up\",\n\t\"topSheetOnMobileOut\": \"Content_topSheetOnMobileOut__m3_Wc\",\n\t\"fadeOut\": \"Content_fadeOut__pgEP2\",\n\t\"desktopContentOut\": \"Content_desktopContentOut__kaueB\"\n};\n","// Exports\nmodule.exports = {\n\t\"footer\": \"Footer_footer__c4RH0\"\n};\n","// Exports\nmodule.exports = {\n\t\"header\": \"Header_header__8L8T7\"\n};\n","// Exports\nmodule.exports = {\n\t\"overlay\": \"Modal_overlay__2OzLW\",\n\t\"invertedOverlay\": \"Modal_invertedOverlay__x1jDG\",\n\t\"fadeIn\": \"Modal_fadeIn__u5qdB\",\n\t\"fadeOut\": \"Modal_fadeOut__y86nu\"\n};\n","// Exports\nmodule.exports = {\n\t\"subtitle\": \"Subtitle_subtitle__eczrb\"\n};\n","// Exports\nmodule.exports = {\n\t\"title\": \"Title_title__O6BTT\"\n};\n","import React, { MouseEventHandler } from 'react';\n\nimport classNames from 'classnames';\n\nimport styles from './Action.module.scss';\n\ntype ActionProps = {\n children: React.ReactNode;\n onClick?: MouseEventHandler;\n isDisabled?: boolean;\n isPrimary?: boolean;\n};\n\nconst Action = ({ children, onClick, isDisabled, isPrimary }: ActionProps) => (\n <button\n type=\"button\"\n className={classNames(styles.action, {\n [styles.primary]: isPrimary,\n })}\n onClick={onClick}\n disabled={isDisabled}\n >\n {children}\n </button>\n);\n\nexport default Action;\n","import React from 'react';\n\nimport styles from './Body.module.scss';\n\nconst Body = ({ children }) => <div className={styles.body}>{children}</div>;\n\nexport default Body;\n","import React, { MouseEvent } from 'react';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\n\nimport styles from './Action.module.scss';\n\ntype CloseActionProps = {\n children: React.ReactNode;\n onClick?: (e: MouseEvent) => void;\n isDisabled?: boolean;\n};\n\nconst CloseAction = ({ children, onClick, isDisabled }: CloseActionProps) => (\n <DialogPrimitive.Close className={styles.action} onClick={onClick} disabled={isDisabled}>\n {children}\n </DialogPrimitive.Close>\n);\n\nexport default CloseAction;\n","import React, { ComponentProps } from 'react';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport classNames from 'classnames';\n\nimport styles from './Content.module.scss';\n\nexport enum ModalSize {\n MEDIUM = 'medium',\n LARGE = 'large',\n}\n\ninterface ContentProps extends ComponentProps<typeof DialogPrimitive.Content> {\n isPropagationStopped?: boolean;\n isBottomSheetOnMobile?: boolean;\n contentClassName?: string;\n size?: ModalSize;\n}\n\nconst Content: React.FC<ContentProps> = ({\n children,\n isPropagationStopped,\n isBottomSheetOnMobile,\n contentClassName,\n size = ModalSize.MEDIUM,\n ...props\n}) => (\n <DialogPrimitive.Content\n {...props}\n className={classNames(\n styles.content,\n { [ModalSize.MEDIUM]: styles.medium, [ModalSize.LARGE]: styles.large }[size],\n { [styles.topSheetOnMobile]: !isBottomSheetOnMobile },\n contentClassName,\n )}\n onClick={(e) => {\n /**\n * Radix is using react portal,\n * React Portal bubble events events to the parent element,\n * even if they are not in the same DOM Tree, for us this could\n * cause problems. For example, calling Modal inside AudioPlayer\n * could cause the AudioPlayer to `expand` / `minimize`\n *\n * References:\n * - https://reactjs.org/docs/portals.html#event-bubbling-through-portals\n * - https://jwwnz.medium.com/react-portals-and-event-bubbling-8df3e35ca3f1\n */\n if (isPropagationStopped) e.stopPropagation();\n }}\n >\n {children}\n </DialogPrimitive.Content>\n);\n\nexport default Content;\n","import React from 'react';\n\nimport styles from './Footer.module.scss';\n\nconst Footer = ({ children }) => <div className={styles.footer}>{children}</div>;\n\nexport default Footer;\n","import React from 'react';\n\nimport styles from './Header.module.scss';\n\nconst Header = ({ children }) => <div className={styles.header}>{children}</div>;\n\nexport default Header;\n","import React from 'react';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport classNames from 'classnames';\n\nimport Action from './Action';\nimport Body from './Body';\nimport CloseAction from './CloseAction';\nimport Content, { ModalSize } from './Content';\nimport Footer from './Footer';\nimport Header from './Header';\nimport styles from './Modal.module.scss';\nimport Subtitle from './Subtitle';\nimport Title from './Title';\n\ntype ModalProps = {\n children: React.ReactNode;\n trigger?: React.ReactNode;\n isOpen?: boolean;\n isInvertedOverlay?: boolean;\n isBottomSheetOnMobile?: boolean;\n onClickOutside?: () => void;\n isPropagationStopped?: boolean;\n contentClassName?: string;\n onEscapeKeyDown?: () => void;\n size?: ModalSize;\n};\n\nconst Modal = ({\n children,\n trigger,\n isOpen,\n onClickOutside,\n onEscapeKeyDown,\n isPropagationStopped,\n contentClassName,\n isBottomSheetOnMobile = true,\n isInvertedOverlay = false,\n size,\n}: ModalProps) => (\n <DialogPrimitive.Root open={isOpen}>\n {trigger && (\n <DialogPrimitive.Trigger asChild>\n <div>{trigger}</div>\n </DialogPrimitive.Trigger>\n )}\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay\n className={classNames(styles.overlay, { [styles.invertedOverlay]: isInvertedOverlay })}\n />\n <Content\n isPropagationStopped={isPropagationStopped}\n onEscapeKeyDown={onEscapeKeyDown}\n onPointerDownOutside={onClickOutside}\n isBottomSheetOnMobile={isBottomSheetOnMobile}\n contentClassName={contentClassName}\n size={size}\n >\n {children}\n </Content>\n </DialogPrimitive.Portal>\n </DialogPrimitive.Root>\n);\n\nModal.Body = Body;\nModal.Header = Header;\nModal.Title = Title;\nModal.Subtitle = Subtitle;\nModal.Footer = Footer;\nModal.Action = Action;\nModal.CloseAction = CloseAction;\n\nexport default Modal;\n","import React from 'react';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\n\nimport styles from './Subtitle.module.scss';\n\nconst Subtitle = ({ children }) => (\n <DialogPrimitive.Description className={styles.subtitle}>{children}</DialogPrimitive.Description>\n);\n\nexport default Subtitle;\n","import React from 'react';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\n\nimport styles from './Title.module.scss';\n\nconst Title = ({ children }) => (\n <DialogPrimitive.Title className={styles.title}>{children}</DialogPrimitive.Title>\n);\n\nexport default Title;\n","import { createContext } from 'react';\n\nimport ChaptersData from 'types/ChaptersData';\n\nconst DataContext = createContext<ChaptersData>({});\n\nexport default DataContext;\n"],"names":["React","classNames","styles","Action","children","onClick","isDisabled","isPrimary","button","type","className","action","primary","disabled","Body","div","body","DialogPrimitive","CloseAction","Close","ModalSize","MEDIUM","LARGE","Content","isPropagationStopped","isBottomSheetOnMobile","contentClassName","size","props","content","medium","large","topSheetOnMobile","e","stopPropagation","Footer","footer","Header","header","Subtitle","Title","Modal","trigger","isOpen","onClickOutside","onEscapeKeyDown","isInvertedOverlay","Root","open","Trigger","asChild","Portal","Overlay","overlay","invertedOverlay","onPointerDownOutside","Description","subtitle","title","createContext","DataContext"],"sourceRoot":""}
|
