| 1 |
- {"version":3,"file":"42752.js","mappings":";;;;;;;;;;;;;AAAA;AACA,sBAAsB,wEAAwE,gBAAgB,sBAAsB,OAAO,sBAAsB,oBAAoB,gDAAgD,WAAW;AACjN;AAC/B;AACA,sBAAsB,gDAAmB;AACzC;AACA;AACA;AACA;AACA,GAAG,yCAAyC,gDAAmB;AAC/D;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,iEAAe,oBAAoB;;;;;;;;;;;;;ACjBnC;AACA,sBAAsB,wEAAwE,gBAAgB,sBAAsB,OAAO,sBAAsB,oBAAoB,gDAAgD,WAAW;AACjN;AAC/B;AACA,sBAAsB,gDAAmB;AACzC;AACA;AACA;AACA;AACA,GAAG,yCAAyC,gDAAmB;AAC/D;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,iEAAe,OAAO;;;;;;;ACjBtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;ACRA;AAA0B;AAEgC;AACtB;AAEQ;AAEuB;AAC3B;AAExC,MAAMM,aAAa,GAAG,eAAe;AAarC,MAAMC,QAAQ,GAAoB,CAAC,EACjCC,QAAQ,EAAG,KAAK,GAChBC,QAAQ,EAAG,KAAK,GAChBC,cAAc,GACdC,OAAO,GACPC,EAAE,GACFC,KAAK,GACLC,IAAI,GACJC,QAAQ,KACT,GAAK;IACJ;;;;;GAKC,GACD,MAAMC,YAAY,GAAG,CAACC,UAAmB,GAAW;QAClDF,QAAQ,CAACE,UAAU,CAAC,CAAC;IACvB,CAAC;IAED,qBACE,wDAACC,KAAG;QAACC,SAAS,EAAEjB,iDAAU,CAACC,wEAAgB,EAAE;YAAE,CAACA,uEAAe,CAAC,EAAEK,QAAQ;SAAE,CAAC;;0BAC3E,mDAACP,0DAAkB;gBACjBO,QAAQ,EAAEA,QAAQ;gBAClBM,IAAI,EAAEA,IAAI;gBACVL,QAAQ,EAAEA,QAAQ;gBAClBa,eAAe,EAAEN,YAAY;gBAC7BJ,EAAE,EAAEA,EAAE;gBACNO,SAAS,EAAEhB,uEAAe;gBAC1BO,cAAc,EAAEA,cAAc;gBAC7B,GAAIC,OAAO,KAAKa,SAAS,IAAI;oBAAEb,OAAO;iBAAE;0BAEzC,iEAACV,+DAAuB;oBACtBkB,SAAS,EAAEjB,iDAAU,CAACC,wEAAgB,EAAE;wBAAE,CAACA,gFAAwB,CAAC,EAAEK,QAAQ;qBAAE,CAAC;8BAEhFG,OAAO,KAAKL,aAAa,iBAAG,mDAACF,8EAAqB,KAAG,iBAAG,mDAACC,gEAAQ,KAAG;kBAC7C;cACP;YACpBQ,KAAK,kBACJ,mDAACA,OAAK;gBAACM,SAAS,EAAEhB,oEAAY;gBAAEyB,OAAO,EAAEhB,EAAE;0BACxCC,KAAK;cACA;;MAEN,CACN;AACJ,CAAC;AAED,iEAAeN,QAAQ,EAAC","sources":["webpack://quran.com/./public/icons/divider-horizontal.svg","webpack://quran.com/./public/icons/tick.svg","webpack://quran.com/./src/components/dls/Forms/Checkbox/Checkbox.module.scss","webpack://quran.com/./src/components/dls/Forms/Checkbox/Checkbox.tsx"],"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 SvgDividerHorizontal = function SvgDividerHorizontal(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 20 20\",\n height: 16,\n width: 16,\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"var(--color-secondary-medium)\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M5 10h10\"\n })));\n};\nexport default SvgDividerHorizontal;","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 SvgTick = function SvgTick(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 20 20\",\n height: 20,\n width: 20,\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m14 7-5.5 5.5L6 10\",\n stroke: \"var(--color-background-default)\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n};\nexport default SvgTick;","// Exports\nmodule.exports = {\n\t\"container\": \"Checkbox_container__LWbsV\",\n\t\"checkbox\": \"Checkbox_checkbox__bbyfA\",\n\t\"label\": \"Checkbox_label__MrEvp\",\n\t\"disabled\": \"Checkbox_disabled__3XIf_\",\n\t\"indicator\": \"Checkbox_indicator__6umIV\",\n\t\"disabledIndicator\": \"Checkbox_disabledIndicator__Dmw2E\"\n};\n","import React from 'react';\n\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport classNames from 'classnames';\n\nimport styles from './Checkbox.module.scss';\n\nimport DividerHorizontalIcon from '@/icons/divider-horizontal.svg';\nimport TickIcon from '@/icons/tick.svg';\n\nconst INDETERMINATE = 'indeterminate';\n\ninterface Props {\n id: string;\n onChange: (checked: boolean) => void;\n checked?: boolean | typeof INDETERMINATE;\n disabled?: boolean;\n required?: boolean;\n label?: string | JSX.Element;\n name?: string;\n defaultChecked?: boolean;\n}\n\nconst Checkbox: React.FC<Props> = ({\n disabled = false,\n required = false,\n defaultChecked,\n checked,\n id,\n label,\n name,\n onChange,\n}) => {\n /**\n * Handle when the value of the checkbox input changes.\n *\n * @param {boolean} newChecked\n * @returns {void}\n */\n const handleChange = (newChecked: boolean): void => {\n onChange(newChecked);\n };\n\n return (\n <div className={classNames(styles.container, { [styles.disabled]: disabled })}>\n <RadixCheckbox.Root\n disabled={disabled}\n name={name}\n required={required}\n onCheckedChange={handleChange}\n id={id}\n className={styles.checkbox}\n defaultChecked={defaultChecked}\n {...(checked !== undefined && { checked })} // make it controlled only when checked is passed.\n >\n <RadixCheckbox.Indicator\n className={classNames(styles.indicator, { [styles.disabledIndicator]: disabled })}\n >\n {checked === INDETERMINATE ? <DividerHorizontalIcon /> : <TickIcon />}\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n {label && (\n <label className={styles.label} htmlFor={id}>\n {label}\n </label>\n )}\n </div>\n );\n};\n\nexport default Checkbox;\n"],"names":["React","RadixCheckbox","classNames","styles","DividerHorizontalIcon","TickIcon","INDETERMINATE","Checkbox","disabled","required","defaultChecked","checked","id","label","name","onChange","handleChange","newChecked","div","className","container","Root","onCheckedChange","checkbox","undefined","Indicator","indicator","disabledIndicator","htmlFor"],"sourceRoot":""}
|
