{"version":3,"file":"checkBox-DWd552Hp.js","sources":["../../../client/app/bundles/Shared/components/shared/checkBox.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ACTIVE, DISABLED, INDETERMINATE } from '../../utils/constants';\n\nconst indeterminateBlackSrc = 'https://assets.quill.org/images/icons/xs/dash-black.svg'\nconst indeterminateWhiteSrc = 'https://assets.quill.org/images/icons/xs/dash-white.svg'\nconst smallBlackCheckSrc = 'https://assets.quill.org/images/icons/xs/check-small.svg'\nconst smallWhiteCheckSrc = 'https://assets.quill.org/images/icons/xs/check-small-white.svg'\n\nconst DARK = 'dark'\nconst LIGHT = 'light'\n\ninterface checkboxProps {\n  label?: string;\n  mode?: string;\n  onClick?: (e) => void;\n  state?: string;\n  selected: boolean;\n  id?: string;\n}\n\nexport const Checkbox = ({ label, mode=LIGHT, onClick, state, selected, id, }: checkboxProps) => {\n  const checkboxId = id || label\n  const labelClass = `${state === DISABLED ? DISABLED : ''} ${mode}`\n  const modeClass = mode === LIGHT ? `${mode} focus-on-light` : `${mode} focus-on-dark`\n\n  function renderCheck() {\n    if (state === INDETERMINATE) { return <img alt=\"dash\" src={mode === DARK ? indeterminateBlackSrc : indeterminateWhiteSrc} /> }\n    if(!selected) { return }\n    return mode === DARK ? <img alt=\"check\" src={smallBlackCheckSrc} /> : <img alt=\"check\" src={smallWhiteCheckSrc} />\n  }\n\n  function renderCheckbox() {\n    const sharedProps = {\n      'aria-checked': selected,\n      id: checkboxId,\n      onClick,\n      role: 'checkbox'\n    }\n\n    let checkbox = (<button {...sharedProps} className={`quill-checkbox unselected ${modeClass}`} type=\"button\">\n      {renderCheck()}\n    </button>)\n    if (state === INDETERMINATE) {\n      checkbox = (<button {...sharedProps} className={`quill-checkbox indeterminate ${modeClass}`} type=\"button\">\n        {renderCheck()}\n      </button>)\n\n    } else if (state === DISABLED) {\n      checkbox = (<button {...sharedProps} className={`quill-checkbox ${selected ? 'selected' : 'unselected'} ${modeClass} disabled`} disabled={true} type=\"button\">\n        {renderCheck()}\n      </button>)\n    } else if (selected) {\n      checkbox = (<button {...sharedProps} className={`quill-checkbox selected ${modeClass}`} type=\"button\">\n        {renderCheck()}\n      </button>)\n    }\n    return checkbox\n  }\n\n  return (\n    <div className=\"checkbox-container\">\n      {renderCheckbox()}\n      {label && <label className={labelClass} htmlFor={checkboxId}>{label}</label>}\n    </div>\n  );\n};\n\nexport default Checkbox\n"],"names":["indeterminateBlackSrc","indeterminateWhiteSrc","smallBlackCheckSrc","smallWhiteCheckSrc","DARK","LIGHT","Checkbox","label","mode","onClick","state","selected","id","checkboxId","labelClass","DISABLED","modeClass","renderCheck","INDETERMINATE","React.createElement","renderCheckbox","sharedProps","checkbox"],"mappings":"+DAIA,MAAMA,EAAwB,0DACxBC,EAAwB,0DACxBC,EAAqB,2DACrBC,EAAqB,iEAErBC,EAAO,OACPC,EAAQ,QAWDC,EAAW,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAKH,EAAO,QAAAI,EAAS,MAAAC,EAAO,SAAAC,EAAU,GAAAC,KAAyB,CAC/F,MAAMC,EAAaD,GAAML,EACnBO,EAAa,GAAGJ,IAAUK,EAAWA,EAAW,EAAE,IAAIP,CAAI,GAC1DQ,EAAYR,IAASH,EAAQ,GAAGG,CAAI,kBAAoB,GAAGA,CAAI,iBAErE,SAASS,GAAc,CACrB,GAAIP,IAAUQ,EAAwB,OAAAC,gBAAC,OAAI,IAAI,OAAO,IAAKX,IAASJ,EAAOJ,EAAwBC,CAAuB,CAAA,EAC1H,GAAIU,EACJ,OAAOH,IAASJ,EAAQe,EAAA,cAAA,MAAA,CAAI,IAAI,QAAQ,IAAKjB,CAAoB,CAAA,EAAMiB,EAAAA,cAAA,MAAA,CAAI,IAAI,QAAQ,IAAKhB,CAAoB,CAAA,CAClH,CAEA,SAASiB,GAAiB,CACxB,MAAMC,EAAc,CAClB,eAAgBV,EAChB,GAAIE,EACJ,QAAAJ,EACA,KAAM,UAAA,EAGR,IAAIa,EAAYH,EAAAA,cAAC,SAAQ,CAAA,GAAGE,EAAa,UAAW,6BAA6BL,CAAS,GAAI,KAAK,QAChG,EAAAC,EACH,CAAA,EACA,OAAIP,IAAUQ,EACAI,EAAAH,EAAAA,cAAC,SAAQ,CAAA,GAAGE,EAAa,UAAW,gCAAgCL,CAAS,GAAI,KAAK,QAC/F,EAAAC,EACH,CAAA,EAESP,IAAUK,EACnBO,kBAAa,SAAQ,CAAA,GAAGD,EAAa,UAAW,kBAAkBV,EAAW,WAAa,YAAY,IAAIK,CAAS,YAAa,SAAU,GAAM,KAAK,QAAA,EAClJC,GACH,EACSN,IACGW,EAAAH,EAAAA,cAAC,SAAQ,CAAA,GAAGE,EAAa,UAAW,2BAA2BL,CAAS,GAAI,KAAK,QAC1F,EAAAC,EACH,CAAA,GAEKK,CACT,CAEA,OACGH,EAAAA,cAAA,MAAA,CAAI,UAAU,oBAAA,EACZC,IACAb,GAAUY,EAAA,cAAA,QAAA,CAAM,UAAWL,EAAY,QAASD,CAAA,EAAaN,CAAM,CACtE,CAEJ"}