| 1 |
- {"version":3,"file":"64306.js","mappings":"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","sources":["webpack://quran.com/./src/components/dls/Forms/RadioGroup/Item.module.scss","webpack://quran.com/./src/components/dls/Forms/RadioGroup/RadioGroup.module.scss","webpack://quran.com/./src/components/dls/Forms/RadioGroup/Root.module.scss","webpack://quran.com/./src/components/dls/Forms/RadioGroup/Item.tsx","webpack://quran.com/./src/components/dls/Forms/RadioGroup/RadioGroup.tsx","webpack://quran.com/./src/components/dls/Forms/RadioGroup/Root.tsx"],"sourcesContent":["// Exports\nmodule.exports = {\n\t\"indicator\": \"Item_indicator__x6BoJ\",\n\t\"radioItem\": \"Item_radioItem__DEP6h\"\n};\n","// Exports\nmodule.exports = {\n\t\"radioItemContainer\": \"RadioGroup_radioItemContainer__Zpb6v\",\n\t\"label\": \"RadioGroup_label__h0v1C\",\n\t\"disabled\": \"RadioGroup_disabled__aU243\"\n};\n","// Exports\nmodule.exports = {\n\t\"container\": \"Root_container__FbYRt\"\n};\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport classNames from 'classnames';\n\nimport styles from './Item.module.scss';\n\ninterface Props extends RadioGroupPrimitive.RadioGroupItemProps {\n indicatorClassName?: string;\n}\n\nconst Item = ({ className, indicatorClassName, ...props }: Props) => (\n <RadioGroupPrimitive.Item className={classNames(styles.radioItem, className)} {...props}>\n <RadioGroupPrimitive.Indicator className={classNames(styles.indicator, indicatorClassName)} />\n </RadioGroupPrimitive.Item>\n);\n\nexport default Item;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport Item from './Item';\nimport styles from './RadioGroup.module.scss';\nimport Root, { Props as RootProps } from './Root';\n\nexport interface RadioItem {\n value: string;\n id: string;\n label: string;\n disabled?: boolean;\n required?: boolean;\n}\n\ninterface Props extends RootProps {\n items: RadioItem[];\n disabled?: boolean;\n}\n\nconst RadioGroup = ({ items, disabled = false, ...props }: Props) => {\n return (\n <Root {...props}>\n {items.map((item) => {\n const isDisabled = disabled === true || item.disabled === true;\n return (\n <div className={styles.radioItemContainer} key={item.id}>\n <Item\n value={item.value}\n id={item.id}\n disabled={isDisabled}\n required={item.required || false}\n />\n\n <label\n htmlFor={item.id}\n className={classNames(styles.label, { [styles.disabled]: isDisabled })}\n >\n {item.label}\n </label>\n </div>\n );\n })}\n </Root>\n );\n};\n\nRadioGroup.Root = Root;\nRadioGroup.Item = Item;\n\n// export `RadioGroupOrientation` type from here so that files that are using it don't break\nexport { RadioRootOrientation as RadioGroupOrientation } from './Root';\n\nexport default RadioGroup;\n","import React from 'react';\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport classNames from 'classnames';\n\nimport styles from './Root.module.scss';\n\nimport useDirection from '@/hooks/useDirection';\nimport { Direction } from '@/utils/locale';\n\nexport enum RadioRootOrientation {\n Horizontal = 'horizontal',\n Vertical = 'vertical',\n}\n\nexport interface Props {\n orientation?: RadioRootOrientation;\n label: string;\n defaultValue?: string;\n onChange?: (value: string) => void;\n value?: string;\n name?: string;\n required?: boolean;\n className?: string;\n children?: React.ReactNode;\n}\n\nconst Root: React.FC<Props> = ({\n className,\n label,\n orientation = RadioRootOrientation.Vertical,\n onChange,\n defaultValue,\n value,\n name,\n required,\n children,\n}) => {\n const direction = useDirection();\n\n return (\n <RadioGroupPrimitive.Root\n className={classNames(styles.container, className)}\n dir={direction as Direction}\n aria-label={label}\n orientation={orientation}\n {...(onChange && { onValueChange: onChange })}\n {...(defaultValue && { defaultValue })}\n {...(value && { value })}\n {...(name && { name })}\n {...(required && { required })}\n >\n {children}\n </RadioGroupPrimitive.Root>\n );\n};\n\nexport default Root;\n"],"names":["RadioGroupPrimitive","classNames","styles","Item","className","indicatorClassName","props","radioItem","Indicator","indicator","React","Root","RadioGroup","items","disabled","map","item","isDisabled","div","radioItemContainer","value","id","required","label","htmlFor","RadioRootOrientation","RadioGroupOrientation","useDirection","Horizontal","Vertical","orientation","onChange","defaultValue","name","children","direction","container","dir","aria-label","onValueChange"],"sourceRoot":""}
|
