{"version":3,"file":"checkBox-D0uYJ39f.js","sources":["../../../client/app/bundles/Shared/components/shared/card.tsx","../../../client/app/bundles/Shared/components/shared/checkBox.tsx"],"sourcesContent":["import * as React from 'react';\n\ninterface CardProps {\n  color?: string;\n  header: string;\n  imgSrc?: string;\n  imgAlt?: string;\n  onClick: (event: any) => void;\n  text: string;\n}\n\nexport class Card extends React.Component<CardProps, {}> {\n\n  render() {\n    const { imgSrc, imgAlt, onClick, header, text, color, mode } = this.props\n    const img = imgSrc ? <img alt={imgAlt} src={imgSrc} /> : null\n    return (\n      <button className={`quill-card focus-on-light ${color ? color : ''}`} onClick={onClick}>\n        {img}\n        <div className=\"text\">\n          <h3>{header}</h3>\n          <p>{text}</p>\n        </div>\n      </button>\n    )\n  }\n}\n","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?: () => 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":["Card","React.Component","imgSrc","imgAlt","onClick","header","text","color","mode","img","React.createElement","indeterminateBlackSrc","indeterminateWhiteSrc","smallBlackCheckSrc","smallWhiteCheckSrc","DARK","LIGHT","Checkbox","label","state","selected","id","checkboxId","labelClass","DISABLED","modeClass","renderCheck","INDETERMINATE","renderCheckbox","sharedProps","checkbox"],"mappings":"+DAWa,MAAAA,UAAaC,EAAAA,SAA+B,CAEvD,QAAS,CACD,KAAA,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,QAAAC,EAAS,OAAAC,EAAQ,KAAAC,EAAM,MAAAC,EAAO,KAAAC,CAAK,EAAI,KAAK,MAC9DC,EAAMP,EAAUQ,EAAA,cAAA,MAAA,CAAI,IAAKP,EAAQ,IAAKD,CAAQ,CAAA,EAAK,KAEvD,OAAAQ,EAAA,cAAC,UAAO,UAAW,6BAA6BH,GAAgB,EAAE,GAAI,QAAAH,CAAA,EACnEK,EACDC,EAAA,cAAC,OAAI,UAAU,MAAA,kBACZ,KAAI,KAAAL,CAAO,EACXK,EAAA,cAAA,IAAA,KAAGJ,CAAK,CACX,CACF,CAEJ,CACF,CCtBA,MAAMK,EAAwB,0DACxBC,EAAwB,0DACxBC,EAAqB,2DACrBC,EAAqB,iEAErBC,EAAO,OACPC,EAAQ,QAWDC,EAAW,CAAC,CAAE,MAAAC,EAAO,KAAAV,EAAKQ,EAAO,QAAAZ,EAAS,MAAAe,EAAO,SAAAC,EAAU,GAAAC,KAAyB,CAC/F,MAAMC,EAAaD,GAAMH,EACnBK,EAAa,GAAGJ,IAAUK,EAAWA,EAAW,EAAE,IAAIhB,CAAI,GAC1DiB,EAAYjB,IAASQ,EAAQ,GAAGR,CAAI,kBAAoB,GAAGA,CAAI,iBAErE,SAASkB,GAAc,CACrB,GAAIP,IAAUQ,EAAwB,OAAAjB,gBAAC,OAAI,IAAI,OAAO,IAAKF,IAASO,EAAOJ,EAAwBC,CAAuB,CAAA,EAC1H,GAAIQ,EACJ,OAAOZ,IAASO,EAAQL,EAAA,cAAA,MAAA,CAAI,IAAI,QAAQ,IAAKG,CAAoB,CAAA,EAAMH,EAAAA,cAAA,MAAA,CAAI,IAAI,QAAQ,IAAKI,CAAoB,CAAA,CAClH,CAEA,SAASc,GAAiB,CACxB,MAAMC,EAAc,CAClB,eAAgBT,EAChB,GAAIE,EACJ,QAAAlB,EACA,KAAM,UAAA,EAGR,IAAI0B,EAAYpB,EAAAA,cAAC,SAAQ,CAAA,GAAGmB,EAAa,UAAW,6BAA6BJ,CAAS,GAAI,KAAK,QAChG,EAAAC,EACH,CAAA,EACA,OAAIP,IAAUQ,EACAG,EAAApB,EAAAA,cAAC,SAAQ,CAAA,GAAGmB,EAAa,UAAW,gCAAgCJ,CAAS,GAAI,KAAK,QAC/F,EAAAC,EACH,CAAA,EAESP,IAAUK,EACnBM,kBAAa,SAAQ,CAAA,GAAGD,EAAa,UAAW,kBAAkBT,EAAW,WAAa,YAAY,IAAIK,CAAS,YAAa,SAAU,GAAM,KAAK,QAAA,EAClJC,GACH,EACSN,IACGU,EAAApB,EAAAA,cAAC,SAAQ,CAAA,GAAGmB,EAAa,UAAW,2BAA2BJ,CAAS,GAAI,KAAK,QAC1F,EAAAC,EACH,CAAA,GAEKI,CACT,CAEA,OACGpB,EAAAA,cAAA,MAAA,CAAI,UAAU,oBAAA,EACZkB,IACAV,GAAUR,EAAA,cAAA,QAAA,CAAM,UAAWa,EAAY,QAASD,CAAA,EAAaJ,CAAM,CACtE,CAEJ"}