@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/lib/molecule/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                color={mediumColor}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon color={mediumColor} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                color={mediumColor}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon color={mediumColor} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAQA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAG;EAACC,OAAO,EAAE;AAAV,CAAf;;AAEA,MAAMC,iBAAiB,GAAG,CAACC,QAAD,EAAWC,UAAX,KAA0B;EAClD,MAAMC,WAAW,GAAGF,QAAQ,CAACG,GAAT,CAAa,CAACC,MAAD,EAASC,MAAT,KAAoB;IACnD,MAAM;MAACC,QAAD;MAAWC;IAAX,IAAuBH,MAA7B;IAEA,oBACE;MAAK,GAAG,EAAEC,MAAV;MAAkB,SAAS,EAAEE,QAAQ,GAAGC,cAAA,CAAMD,QAAT,GAAoBC,cAAA,CAAMJ;IAA/D,gBACE;MAAQ,IAAI,EAAC,QAAb;MAAsB,OAAO,EAAEE;IAA/B,GACGF,MAAM,CAACK,KADV,CADF,CADF;EAOD,CAVmB,CAApB;;EAYA,OAAOR,UAAU,gBAAG;IAAK,SAAS,EAAEO,cAAA,CAAME;EAAtB,GAAgCR,WAAhC,CAAH,GAAwD,IAAzE;AACD,CAdD;;AAgBA,MAAMS,iBAAiB,GAAG,CAACC,SAAD,EAAYC,KAAZ,EAAmBC,WAAnB,KAAmC;EAC3D,IAAID,KAAK,KAAKhB,MAAM,CAACC,OAArB,EAA8B;IAC5B,oBACE;MAAK,SAAS,EAAEU,cAAA,CAAMO;IAAtB,gBACE;MAAI,SAAS,EAAEP,cAAA,CAAMC;IAArB,GAA6BK,WAA7B,CADF,eAEE;MAAK,SAAS,EAAEN,cAAA,CAAMQ;IAAtB,gBACE;MAAK,SAAS,EAAER,cAAA,CAAMS;IAAtB,gBACE,6BAAC,2CAAD;MAAW,KAAK,EAAE,EAAlB;MAAsB,MAAM,EAAE;IAA9B,EADF,eAEE;MAAM,SAAS,EAAET,cAAA,CAAMU;IAAvB,GAA+BN,SAAS,CAAC,OAAD,CAAxC,CAFF,CADF,eAKE;MAAK,SAAS,EAAEJ,cAAA,CAAMS;IAAtB,gBACE,6BAAC,8CAAD;MAAc,KAAK,EAAE,EAArB;MAAyB,MAAM,EAAE;IAAjC,EADF,eAEE;MAAM,SAAS,EAAET,cAAA,CAAMU;IAAvB,GAA+BN,SAAS,CAAC,WAAD,CAAxC,CAFF,CALF,eASE;MAAK,SAAS,EAAEJ,cAAA,CAAMS;IAAtB,gBACE;MAAM,SAAS,EAAET,cAAA,CAAMW;IAAvB,GAAkC,SAAlC,CADF,eAEE;MAAM,SAAS,EAAEX,cAAA,CAAMU;IAAvB,GAA+BN,SAAS,CAAC,WAAD,CAAxC,CAFF,CATF,CAFF,CADF;EAmBD;;EAED,IAAIE,WAAJ,EAAiB;IACf,oBACE;MAAK,SAAS,EAAEN,cAAA,CAAMO;IAAtB,gBACE;MAAI,SAAS,EAAEP,cAAA,CAAMC;IAArB,GAA6BK,WAA7B,CADF,CADF;EAKD;;EACD,OAAO,IAAP;AACD,CA/BD;;AAiCA,MAAMM,KAAK,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAChC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAYC,OAAO,GAAG,EAAtB;IAA0BC,QAAQ,GAAG,IAArC;IAA2CZ,KAA3C;IAAkDC,WAAW,GAAG;EAAhE,IAAsEO,KAA5E;EACA,MAAM;IAACK,IAAD;IAAOd;EAAP,IAAoBU,OAA1B;EAEA,MAAMK,WAAW,GAAG,mBAAI,eAAJ,EAAqBD,IAArB,CAApB;EAEA,MAAME,UAAU,GAAGJ,OAAO,CAACrB,GAAR,CAAY,CAAC0B,MAAD,EAASC,MAAT,KAAoB;IACjD,MAAM;MAACrB,KAAD;MAAQsB,QAAR;MAAkBC,IAAI,GAAG,EAAzB;MAA6BtB,OAAO,GAAG;IAAvC,IAA6CmB,MAAnD;IAEA,MAAM5B,UAAU,GAAGS,OAAO,CAACuB,MAAR,GAAiB,CAApC;IAEA,MAAMC,WAAW,GAAIjC,UAAU,KAAK8B,QAAQ,GAAGI,4CAAH,GAAgBC,6CAA7B,CAAX,IAAuD,IAA3E;IAEA,oBACE;MAAI,KAAK,EAAEJ,IAAX;MAAiB,GAAG,EAAEF;IAAtB,gBACE;MAAK,SAAS,EAAE7B,UAAU,GAAGO,cAAA,CAAM6B,MAAT,GAAkB7B,cAAA,CAAM8B;IAAlD,gBACE,6BAAC,iBAAD;MAAU,EAAE,EAAE7B,KAAd;MAAqB,IAAI,EAAEA,KAA3B;MAAkC,OAAO,MAAzC;MAA0C,SAAS,EAAED,cAAA,CAAM+B;IAA3D,EADF,eAEE;MAAO,OAAO,EAAE9B;IAAhB,GAAwBA,KAAxB,CAFF,EAGGC,OAAO,CAACuB,MAAR,GAAiB,CAAjB,GAAqBlC,iBAAiB,CAACW,OAAD,EAAUT,UAAV,CAAtC,GAA8D,IAHjE,eAIE;MAAK,SAAS,EAAEO,cAAA,CAAMgC;IAAtB,GACGvC,UAAU,gBACT,6BAAC,WAAD;MACE,KAAK,EAAE0B,WADT;MAEE,MAAM,EAAE,EAFV;MAGE,KAAK,EAAE,EAHT;MAIE,SAAS,EAAEnB,cAAA,CAAMiC;IAJnB,EADS,GAOP,IARN,CAJF,CADF,CADF;EAmBD,CA1BkB,CAAnB;EA4BA,MAAMC,YAAY,GAAG/B,iBAAiB,CAACC,SAAD,EAAYC,KAAZ,EAAmBC,WAAnB,CAAtC;;EAEA,IAAIW,QAAJ,EAAc;IACZG,UAAU,CAACe,OAAX,eACE;MAAI,GAAG,EAAC;IAAR,gBACE;MAAK,SAAS,EAAEnC,cAAA,CAAM8B;IAAtB,EADF,CADF;EAKD;;EAED,MAAMM,UAAU,GAAGC,KAAK,IAAI;IAC1B,QAAQ,mBAAI,MAAJ,EAAYA,KAAZ,CAAR;MACE,KAAK,OAAL;QACE,oBAAO,6BAAC,2CAAD;UAAW,KAAK,EAAE,EAAlB;UAAsB,MAAM,EAAE;QAA9B,EAAP;;MACF,KAAK,UAAL;QACE,oBAAO,6BAAC,8CAAD;UAAc,KAAK,EAAE,EAArB;UAAyB,MAAM,EAAE;QAAjC,EAAP;;MACF,KAAK,UAAL;QACE,oBAAO;UAAM,SAAS,EAAErC,cAAA,CAAMW;QAAvB,GAAkC,SAAlC,CAAP;;MACF,KAAK,eAAL;QACE,oBACE,yEACE,6BAAC,uCAAD;UAAmB,SAAS,EAAEX,cAAA,CAAMsC,aAApC;UAAmD,KAAK,EAAE,EAA1D;UAA8D,MAAM,EAAE;QAAtE,EADF,EAEGD,KAAK,CAACpC,KAFT,CADF;;MAMF;QACE;IAfJ;EAiBD,CAlBD;;EAoBA,MAAMsC,QAAQ,GAAGxB,IAAI,CAACpB,GAAL,CAAS,CAAC6C,GAAD,EAAMC,KAAN,KAAgB;IACxC,MAAM;MAACC,MAAM,GAAG,EAAV;MAAcC;IAAd,IAA0BH,GAAhC;IACA,MAAMI,SAAS,GAAG,IAAAC,mBAAA,EAAW;MAAC,CAAC7C,cAAA,CAAM8C,WAAP,GAAqBN,GAAG,CAACM;IAA1B,CAAX,CAAlB;IAEA,MAAMC,SAAS,GAAGL,MAAM,CAAC/C,GAAP,CAAW,CAAC0C,KAAD,EAAQW,MAAR,KAAmB;MAC9C,IAAI,CAACX,KAAL,EAAY,oBAAO;QAAI,GAAG,EAAEW;MAAT,GAAkB,EAAlB,CAAP;MACZ,oBAAO;QAAI,GAAG,EAAEA;MAAT,GAAkB,wBAASX,KAAT,IAAkBA,KAAlB,GAA0BD,UAAU,CAACC,KAAD,CAAtD,CAAP;IACD,CAHiB,CAAlB;;IAKA,IAAIpB,QAAJ,EAAc;MACZ8B,SAAS,CAACZ,OAAV;MAAA;MACE;MACA;QAAI,GAAG,EAAC;MAAR,gBACE,6BAAC,aAAD;QAAM,IAAI,EAAEQ;MAAZ,gBACE,6BAAC,yCAAD;QAAY,KAAK,EAAExB,WAAnB;QAAgC,MAAM,EAAE,EAAxC;QAA4C,KAAK,EAAE;MAAnD,EADF,CADF,CAFF;IAQD;;IAED,oBACE;MAAI,SAAS,EAAEyB,SAAf;MAA0B,GAAG,EAAEH;IAA/B,GACGM,SADH,CADF;EAKD,CAzBgB,CAAjB;EA2BA,MAAME,SAAS,GAAG,IAAAJ,mBAAA,EAAWxC,KAAK,KAAKhB,MAAM,CAACC,OAAjB,GAA2BU,cAAA,CAAMkD,OAAjC,GAA2ClD,cAAA,CAAMmD,OAA5D,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEF;EAAhB,GACGf,YADH,eAEE;IAAO,SAAS,EAAE,IAAAW,mBAAA,EAAW7C,cAAA,CAAMoD,KAAjB,EAAwB;MAAC,CAACpD,cAAA,CAAMqD,QAAP,GAAkB,CAACpC;IAApB,CAAxB;EAAlB,gBACE,yDACE,yCAAKG,UAAL,CADF,CADF,eAIE,4CAAQmB,QAAR,CAJF,CAFF,CADF;AAWD,CAxGD;;AA0GA3B,KAAK,CAAC0C,YAAN,GAAqB;EACnBpC,IAAI,EAAEqC,iBAAA,CAASC,iBAAT,CAA2BtC,IADd;EAEnBd,SAAS,EAAEmD,iBAAA,CAASC,iBAAT,CAA2BpD;AAFnB,CAArB;AAKAQ,KAAK,CAAC6C,SAAN,2CAAkB;EAChBxC,QAAQ,EAAEyC,kBAAA,CAAUC,IADJ;EAEhB5C,IAAI,EAAE2C,kBAAA,CAAUE,OAAV,CACJF,kBAAA,CAAUG,KAAV,CAAgB;IACdnB,MAAM,EAAEgB,kBAAA,CAAUE,OAAV,CACNF,kBAAA,CAAUI,SAAV,CAAoB,CAClBJ,kBAAA,CAAUK,MADQ,EAElBL,kBAAA,CAAUG,KAAV,CAAgB;MAACpD,IAAI,EAAEiD,kBAAA,CAAUK;IAAjB,CAAhB,CAFkB,EAGlBL,kBAAA,CAAUG,KAAV,CAAgB;MAACpD,IAAI,EAAEiD,kBAAA,CAAUK,MAAjB;MAAyB9D,KAAK,EAAEyD,kBAAA,CAAUK;IAA1C,CAAhB,CAHkB,CAApB,CADM,CADM;IAQdpB,QAAQ,EAAEe,kBAAA,CAAUK,MARN;IASdjB,WAAW,EAAEY,kBAAA,CAAUC;EATT,CAAhB,CADI,CAFU;EAehB3C,OAAO,EAAE0C,kBAAA,CAAUE,OAAV,CACPF,kBAAA,CAAUG,KAAV,CAAgB;IACd5D,KAAK,EAAEyD,kBAAA,CAAUK,MAAV,CAAiBC,UADV;IAEdxC,IAAI,EAAEkC,kBAAA,CAAUK,MAFF;IAGdxC,QAAQ,EAAEmC,kBAAA,CAAUC,IAHN;IAIdzD,OAAO,EAAEwD,kBAAA,CAAUE,OAAV,CACPF,kBAAA,CAAUG,KAAV,CAAgB;MACd5D,KAAK,EAAEyD,kBAAA,CAAUK,MAAV,CAAiBC,UADV;MAEdlE,QAAQ,EAAE4D,kBAAA,CAAUO,IAAV,CAAeD,UAFX;MAGdjE,QAAQ,EAAE2D,kBAAA,CAAUC,IAAV,CAAeK;IAHX,CAAhB,CADO;EAJK,CAAhB,CADO,CAfO;EA6BhB3D,KAAK,EAAEqD,kBAAA,CAAUQ,KAAV,CAAgB,CAAC7E,MAAM,CAACC,OAAR,CAAhB,CA7BS;EA8BhBgB,WAAW,EAAEoD,kBAAA,CAAUK;AA9BP,CAAlB;eAiCenD,K"}

package/lib/molecule/teams-popin/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _cta = _interopRequireDefault(require("../../atom/cta"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ICONS = {
   login: _novaIcons.NovaCompositionCoorpacademySchoolGraduation,
   loginFailed: _novaIcons.NovaCompositionCoorpacademyLoginFailed,
@@ -16,6 +24,7 @@ const ICONS = {
   reload: _novaIcons.NovaCompositionCoorpacademyReload,
   wrong: _novaIcons.NovaCompositionCoorpacademyReload
 };
+
 const TeamsPopin = props => {
   const {
     header,
@@ -76,6 +85,7 @@ const TeamsPopin = props => {
     }
   }) : null));
 };
+
 TeamsPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   header: _propTypes.default.string,
   content: _propTypes.default.string,

package/lib/molecule/teams-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","login","SchoolGraduation","loginFailed","LoginFailedIcon","addressError","AddressErrorIcon","reload","ReloadIcon","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","style","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","propTypes","PropTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/teams-popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyReload as ReloadIcon,\n  NovaCompositionCoorpacademyLoginFailed as LoginFailedIcon,\n  NovaCompositionCoorpacademyAddressError as AddressErrorIcon,\n  NovaCompositionCoorpacademySchoolGraduation as SchoolGraduation\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst ICONS = {\n  login: SchoolGraduation,\n  loginFailed: LoginFailedIcon,\n  addressError: AddressErrorIcon,\n  reload: ReloadIcon,\n  wrong: ReloadIcon\n};\n\nconst TeamsPopin = props => {\n  const {\n    header,\n    content,\n    buttonLabel,\n    aboutLabel,\n    onButtonClick,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n  const IconType = ICONS[type];\n  const iconContainerStyle = type === 'login' ? style.iconContainer : style.errorIconContainer;\n  const Icon = IconType ? (\n    <div className={iconContainerStyle}>\n      <IconType className={style.icon} />\n    </div>\n  ) : null;\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : {};\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"teams-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          {Icon}\n          <div\n            className={style.header}\n            data-name={`popin-header-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: header}}\n          />\n          <p\n            className={style.content}\n            data-name={`popin-content-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {buttonLabel && onButtonClick ? (\n            <div className={style.buttonContainer}>\n              <Cta submitValue={buttonLabel} onClick={onButtonClick} name={`popin-cta-${type}`} />\n            </div>\n          ) : null}\n          {aboutLabel ? (\n            <p\n              className={style.about}\n              data-name={`popin-about-label-${type}`} // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: aboutLabel}}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\nTeamsPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  aboutLabel: PropTypes.string,\n  onButtonClick: PropTypes.func,\n  type: PropTypes.oneOf(['login', 'reload', 'loginFailed', 'addressError', 'wrong']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default TeamsPopin;\n"],"mappings":";;;;AAAA;AACA;AACA;AAMA;AACA;AACA;AAAgC;AAEhC,MAAMA,KAAK,GAAG;EACZC,KAAK,EAAEC,sDAAgB;EACvBC,WAAW,EAAEC,iDAAe;EAC5BC,YAAY,EAAEC,kDAAgB;EAC9BC,MAAM,EAAEC,4CAAU;EAClBC,KAAK,EAAED;AACT,CAAC;AAED,MAAME,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,UAAU;IACVC,aAAa;IACbC,IAAI;IACJC,SAAS,GAAG,KAAK;IACjBC;EACF,CAAC,GAAGR,KAAK;EACT,MAAMS,QAAQ,GAAGpB,KAAK,CAACiB,IAAI,CAAC;EAC5B,MAAMI,kBAAkB,GAAGJ,IAAI,KAAK,OAAO,GAAGK,cAAK,CAACC,aAAa,GAAGD,cAAK,CAACE,kBAAkB;EAC5F,MAAMC,IAAI,GAAGL,QAAQ,gBACnB;IAAK,SAAS,EAAEC;EAAmB,gBACjC,6BAAC,QAAQ;IAAC,SAAS,EAAEC,cAAK,CAACI;EAAK,EAAG,CAC/B,GACJ,IAAI;EACR,MAAMC,oBAAoB,GAAGR,kBAAkB,GAC3C;IACES,eAAe,EAAG,OAAMT,kBAAmB,GAAE;IAC7CU,cAAc,EAAE;EAClB,CAAC,GACD,CAAC,CAAC;EAEN,oBACE;IAAK,SAAS,EAAEP,cAAK,CAACQ,UAAW;IAAC,KAAK,EAAEH;EAAqB,GAC3DT,SAAS,gBACR;IAAK,SAAS,EAAEI,cAAK,CAACS;EAAO,gBAC3B,6BAAC,eAAM;IAAC,aAAU;EAAoB,EAAG,CACrC,gBAEN;IAAK,SAAS,EAAET,cAAK,CAACU;EAAM,GACzBP,IAAI,eACL;IACE,SAAS,EAAEH,cAAK,CAACV,MAAO;IACxB,aAAY,gBAAeK,IAAK,EAAE,CAAC;IAAA;IACnC,uBAAuB,EAAE;MAACgB,MAAM,EAAErB;IAAM;EAAE,EAC1C,eACF;IACE,SAAS,EAAEU,cAAK,CAACT,OAAQ;IACzB,aAAY,iBAAgBI,IAAK,EAAE,CAAC;IAAA;IACpC,uBAAuB,EAAE;MAACgB,MAAM,EAAEpB;IAAO;EAAE,EAC3C,EACDC,WAAW,IAAIE,aAAa,gBAC3B;IAAK,SAAS,EAAEM,cAAK,CAACY;EAAgB,gBACpC,6BAAC,YAAG;IAAC,WAAW,EAAEpB,WAAY;IAAC,OAAO,EAAEE,aAAc;IAAC,IAAI,EAAG,aAAYC,IAAK;EAAE,EAAG,CAChF,GACJ,IAAI,EACPF,UAAU,gBACT;IACE,SAAS,EAAEO,cAAK,CAACa,KAAM;IACvB,aAAY,qBAAoBlB,IAAK,EAAE,CAAC;IAAA;IACxC,uBAAuB,EAAE;MAACgB,MAAM,EAAElB;IAAU;EAAE,EAC9C,GACA,IAAI,CAEX,CACG;AAEV,CAAC;AAEDL,UAAU,CAAC0B,SAAS,2CAAG;EACrBxB,MAAM,EAAEyB,kBAAS,CAACC,MAAM;EACxBzB,OAAO,EAAEwB,kBAAS,CAACC,MAAM;EACzBxB,WAAW,EAAEuB,kBAAS,CAACC,MAAM;EAC7BvB,UAAU,EAAEsB,kBAAS,CAACC,MAAM;EAC5BtB,aAAa,EAAEqB,kBAAS,CAACE,IAAI;EAC7BtB,IAAI,EAAEoB,kBAAS,CAACG,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;EAClFtB,SAAS,EAAEmB,kBAAS,CAACI,IAAI;EACzBtB,kBAAkB,EAAEkB,kBAAS,CAACC;AAChC,CAAC;AAAC,eAEa5B,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["ICONS","login","SchoolGraduation","loginFailed","LoginFailedIcon","addressError","AddressErrorIcon","reload","ReloadIcon","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","style","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","propTypes","PropTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/teams-popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyReload as ReloadIcon,\n  NovaCompositionCoorpacademyLoginFailed as LoginFailedIcon,\n  NovaCompositionCoorpacademyAddressError as AddressErrorIcon,\n  NovaCompositionCoorpacademySchoolGraduation as SchoolGraduation\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst ICONS = {\n  login: SchoolGraduation,\n  loginFailed: LoginFailedIcon,\n  addressError: AddressErrorIcon,\n  reload: ReloadIcon,\n  wrong: ReloadIcon\n};\n\nconst TeamsPopin = props => {\n  const {\n    header,\n    content,\n    buttonLabel,\n    aboutLabel,\n    onButtonClick,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n  const IconType = ICONS[type];\n  const iconContainerStyle = type === 'login' ? style.iconContainer : style.errorIconContainer;\n  const Icon = IconType ? (\n    <div className={iconContainerStyle}>\n      <IconType className={style.icon} />\n    </div>\n  ) : null;\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : {};\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"teams-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          {Icon}\n          <div\n            className={style.header}\n            data-name={`popin-header-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: header}}\n          />\n          <p\n            className={style.content}\n            data-name={`popin-content-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {buttonLabel && onButtonClick ? (\n            <div className={style.buttonContainer}>\n              <Cta submitValue={buttonLabel} onClick={onButtonClick} name={`popin-cta-${type}`} />\n            </div>\n          ) : null}\n          {aboutLabel ? (\n            <p\n              className={style.about}\n              data-name={`popin-about-label-${type}`} // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: aboutLabel}}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\nTeamsPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  aboutLabel: PropTypes.string,\n  onButtonClick: PropTypes.func,\n  type: PropTypes.oneOf(['login', 'reload', 'loginFailed', 'addressError', 'wrong']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default TeamsPopin;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAMA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,KAAK,EAAEC,sDADK;EAEZC,WAAW,EAAEC,iDAFD;EAGZC,YAAY,EAAEC,kDAHF;EAIZC,MAAM,EAAEC,4CAJI;EAKZC,KAAK,EAAED;AALK,CAAd;;AAQA,MAAME,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,MADI;IAEJC,OAFI;IAGJC,WAHI;IAIJC,UAJI;IAKJC,aALI;IAMJC,IANI;IAOJC,SAAS,GAAG,KAPR;IAQJC;EARI,IASFR,KATJ;EAUA,MAAMS,QAAQ,GAAGpB,KAAK,CAACiB,IAAD,CAAtB;EACA,MAAMI,kBAAkB,GAAGJ,IAAI,KAAK,OAAT,GAAmBK,cAAA,CAAMC,aAAzB,GAAyCD,cAAA,CAAME,kBAA1E;EACA,MAAMC,IAAI,GAAGL,QAAQ,gBACnB;IAAK,SAAS,EAAEC;EAAhB,gBACE,6BAAC,QAAD;IAAU,SAAS,EAAEC,cAAA,CAAMI;EAA3B,EADF,CADmB,GAIjB,IAJJ;EAKA,MAAMC,oBAAoB,GAAGR,kBAAkB,GAC3C;IACES,eAAe,EAAG,OAAMT,kBAAmB,GAD7C;IAEEU,cAAc,EAAE;EAFlB,CAD2C,GAK3C,EALJ;EAOA,oBACE;IAAK,SAAS,EAAEP,cAAA,CAAMQ,UAAtB;IAAkC,KAAK,EAAEH;EAAzC,GACGT,SAAS,gBACR;IAAK,SAAS,EAAEI,cAAA,CAAMS;EAAtB,gBACE,6BAAC,eAAD;IAAQ,aAAU;EAAlB,EADF,CADQ,gBAKR;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,GACGP,IADH,eAEE;IACE,SAAS,EAAEH,cAAA,CAAMV,MADnB;IAEE,aAAY,gBAAeK,IAAK,EAFlC,CAEqC;IAFrC;IAGE,uBAAuB,EAAE;MAACgB,MAAM,EAAErB;IAAT;EAH3B,EAFF,eAOE;IACE,SAAS,EAAEU,cAAA,CAAMT,OADnB;IAEE,aAAY,iBAAgBI,IAAK,EAFnC,CAEsC;IAFtC;IAGE,uBAAuB,EAAE;MAACgB,MAAM,EAAEpB;IAAT;EAH3B,EAPF,EAYGC,WAAW,IAAIE,aAAf,gBACC;IAAK,SAAS,EAAEM,cAAA,CAAMY;EAAtB,gBACE,6BAAC,YAAD;IAAK,WAAW,EAAEpB,WAAlB;IAA+B,OAAO,EAAEE,aAAxC;IAAuD,IAAI,EAAG,aAAYC,IAAK;EAA/E,EADF,CADD,GAIG,IAhBN,EAiBGF,UAAU,gBACT;IACE,SAAS,EAAEO,cAAA,CAAMa,KADnB;IAEE,aAAY,qBAAoBlB,IAAK,EAFvC,CAE0C;IAF1C;IAGE,uBAAuB,EAAE;MAACgB,MAAM,EAAElB;IAAT;EAH3B,EADS,GAMP,IAvBN,CANJ,CADF;AAmCD,CA5DD;;AA8DAL,UAAU,CAAC0B,SAAX,2CAAuB;EACrBxB,MAAM,EAAEyB,kBAAA,CAAUC,MADG;EAErBzB,OAAO,EAAEwB,kBAAA,CAAUC,MAFE;EAGrBxB,WAAW,EAAEuB,kBAAA,CAAUC,MAHF;EAIrBvB,UAAU,EAAEsB,kBAAA,CAAUC,MAJD;EAKrBtB,aAAa,EAAEqB,kBAAA,CAAUE,IALJ;EAMrBtB,IAAI,EAAEoB,kBAAA,CAAUG,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,aAApB,EAAmC,cAAnC,EAAmD,OAAnD,CAAhB,CANe;EAOrBtB,SAAS,EAAEmB,kBAAA,CAAUI,IAPA;EAQrBtB,kBAAkB,EAAEkB,kBAAA,CAAUC;AART,CAAvB;eAWe5B,U"}

package/lib/molecule/theme-image/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _image = _interopRequireDefault(require("../../util/image"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ThemeImage({
   image
 }, {
@@ -43,6 +50,7 @@ function ThemeImage({
     style: mobileStyle
   })));
 }
+
 ThemeImage.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

package/lib/molecule/theme-image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ThemeImage","image","skin","extract","extractor","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","style","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,SAASA,UAAU,CAAC;EAACC;AAAK,CAAC,EAAE;EAACC;AAAI,CAAC,EAAE;EACnC,MAAMC,OAAO,GAAG,IAAAC,cAAS,EAACF,IAAI,CAAC;EAC/B,MAAMG,YAAY,GAAGF,OAAO,CAACF,KAAK,CAAC;EAEnC,MAAMK,kBAAkB,GAAG,IAAAF,cAAS,EAACF,IAAI,EAAED,KAAK,CAAC;EACjD,MAAMM,WAAW,GAAGD,kBAAkB,CAAE,GAAEL,KAAM,SAAQ,CAAC;EACzD,MAAMO,WAAW,GAAGF,kBAAkB,CAAE,GAAEL,KAAM,SAAQ,CAAC;EACzD,MAAMQ,YAAY,GAAGH,kBAAkB,CAAE,GAAEL,KAAM,UAAS,CAAC;EAE3D,oBACE;IAAK,SAAS,EAAES,cAAK,CAACC;EAAQ,gBAC5B;IAAK,SAAS,EAAED,cAAK,CAACE;EAAQ,gBAC5B;IAAK,SAAS,EAAEF,cAAK,CAACG,UAAW;IAAC,KAAK,EAAER;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAEK,cAAK,CAACI;EAAiB,gBACrC;IAAK,SAAS,EAAEJ,cAAK,CAACG,UAAW;IAAC,KAAK,EAAEJ;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAEC,cAAK,CAACK;EAAgB,gBACpC;IAAK,SAAS,EAAEL,cAAK,CAACG,UAAW;IAAC,KAAK,EAAEL;EAAY,EAAG,CACpD,eACN;IAAK,SAAS,EAAEE,cAAK,CAACM;EAAgB,gBACpC;IAAK,SAAS,EAAEN,cAAK,CAACG,UAAW;IAAC,KAAK,EAAEN;EAAY,EAAG,CACpD,CACF;AAEV;AAEAP,UAAU,CAACiB,YAAY,GAAG;EACxBf,IAAI,EAAEgB,iBAAQ,CAACC,iBAAiB,CAACjB;AACnC,CAAC;AAEDF,UAAU,CAACoB,SAAS,2CAAG;EACrBnB,KAAK,EAAEoB,kBAAS,CAACC,MAAM,CAACC;AAC1B,CAAC;AAAC,eAEavB,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["ThemeImage","image","skin","extract","extractor","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","style","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,UAAT,CAAoB;EAACC;AAAD,CAApB,EAA6B;EAACC;AAAD,CAA7B,EAAqC;EACnC,MAAMC,OAAO,GAAG,IAAAC,cAAA,EAAUF,IAAV,CAAhB;EACA,MAAMG,YAAY,GAAGF,OAAO,CAACF,KAAD,CAA5B;EAEA,MAAMK,kBAAkB,GAAG,IAAAF,cAAA,EAAUF,IAAV,EAAgBD,KAAhB,CAA3B;EACA,MAAMM,WAAW,GAAGD,kBAAkB,CAAE,GAAEL,KAAM,SAAV,CAAtC;EACA,MAAMO,WAAW,GAAGF,kBAAkB,CAAE,GAAEL,KAAM,SAAV,CAAtC;EACA,MAAMQ,YAAY,GAAGH,kBAAkB,CAAE,GAAEL,KAAM,UAAV,CAAvC;EAEA,oBACE;IAAK,SAAS,EAAES,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAER;EAAzC,EADF,CADF,eAIE;IAAK,SAAS,EAAEK,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEJ;EAAzC,EADF,CAJF,eAOE;IAAK,SAAS,EAAEC,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEL;EAAzC,EADF,CAPF,eAUE;IAAK,SAAS,EAAEE,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEN;EAAzC,EADF,CAVF,CADF;AAgBD;;AAEDP,UAAU,CAACiB,YAAX,GAA0B;EACxBf,IAAI,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB;AADT,CAA1B;AAIAF,UAAU,CAACoB,SAAX,2CAAuB;EACrBnB,KAAK,EAAEoB,kBAAA,CAAUC,MAAV,CAAiBC;AADH,CAAvB;eAIevB,U"}

package/lib/molecule/title-and-checkbox-wrapper/index.js

@@ -2,19 +2,30 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _inputTextWithTitle = _interopRequireDefault(require("../../atom/input-text-with-title"));
+
 var _checkboxWithTitle = _interopRequireDefault(require("../../atom/checkbox-with-title"));
+
 var _title = _interopRequireDefault(require("../../atom/title"));
+
 var _dragAndDropWrapper = _interopRequireDefault(require("../drag-and-drop-wrapper"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const CHILD = {
   'input-text': _inputTextWithTitle.default,
   'drag-and-drop-wrapper': _dragAndDropWrapper.default
 };
+
 const TitleAndCheckBoxWrapper = props => {
   const {
     checkboxWithTitle,
@@ -30,6 +41,7 @@ const TitleAndCheckBoxWrapper = props => {
     className: checkboxWithTitle || sectionTitle ? _style.default.child : null
   }, /*#__PURE__*/_react.default.createElement(Child, child)));
 };
+
 TitleAndCheckBoxWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   checkboxWithTitle: _propTypes.default.shape(_checkboxWithTitle.default.propTypes),
   sectionTitle: _propTypes.default.shape(_title.default.propTypes),

package/lib/molecule/title-and-checkbox-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CHILD","InputTextWithTitle","DragAndDropWrapper","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","style","propTypes","PropTypes","shape","CheckboxWithTitle","Title","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n  'input-text': InputTextWithTitle,\n  'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n  const {checkboxWithTitle, child, sectionTitle} = props;\n\n  const Child = CHILD[child.childType];\n  return (\n    <div>\n      {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n      {sectionTitle ? (\n        <div className={style.sectionTitle}>\n          <Title {...sectionTitle} type={'form-group'} />\n        </div>\n      ) : null}\n      <div className={checkboxWithTitle || sectionTitle ? style.child : null}>\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape(Title.propTypes),\n  child: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...InputTextWithTitle.propTypes,\n      childType: PropTypes.oneOf(['input-text'])\n    }),\n    PropTypes.shape({\n      ...DragAndDropWrapper.propTypes,\n      childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,KAAK,GAAG;EACZ,YAAY,EAAEC,2BAAkB;EAChC,uBAAuB,EAAEC;AAC3B,CAAC;AACD,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAiB;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEtD,MAAMI,KAAK,GAAGR,KAAK,CAACM,KAAK,CAACG,SAAS,CAAC;EACpC,oBACE,0CACGJ,iBAAiB,gBAAG,6BAAC,0BAAiB,EAAKA,iBAAiB,CAAI,GAAG,IAAI,EACvEE,YAAY,gBACX;IAAK,SAAS,EAAEG,cAAK,CAACH;EAAa,gBACjC,6BAAC,cAAK,eAAKA,YAAY;IAAE,IAAI,EAAE;EAAa,GAAG,CAC3C,GACJ,IAAI,eACR;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAAY,GAAGG,cAAK,CAACJ,KAAK,GAAG;EAAK,gBACrE,6BAAC,KAAK,EAAKA,KAAK,CAAI,CAChB,CACF;AAEV,CAAC;AAEDH,uBAAuB,CAACQ,SAAS,2CAAG;EAClCN,iBAAiB,EAAEO,kBAAS,CAACC,KAAK,CAACC,0BAAiB,CAACH,SAAS,CAAC;EAC/DJ,YAAY,EAAEK,kBAAS,CAACC,KAAK,CAACE,cAAK,CAACJ,SAAS,CAAC;EAC9CL,KAAK,EAAEM,kBAAS,CAACI,SAAS,CAAC,CACzBJ,kBAAS,CAACC,KAAK,cACVZ,2BAAkB,CAACU,SAAS;IAC/BF,SAAS,EAAEG,kBAAS,CAACK,KAAK,CAAC,CAAC,YAAY,CAAC;EAAC,GAC1C,EACFL,kBAAS,CAACC,KAAK,cACVX,2BAAkB,CAACS,SAAS;IAC/BF,SAAS,EAAEG,kBAAS,CAACK,KAAK,CAAC,CAAC,uBAAuB,CAAC;EAAC,GACrD,CACH;AACH,CAAC;AAAC,eACad,uBAAuB;AAAA"}
+{"version":3,"file":"index.js","names":["CHILD","InputTextWithTitle","DragAndDropWrapper","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","style","propTypes","PropTypes","shape","CheckboxWithTitle","Title","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n  'input-text': InputTextWithTitle,\n  'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n  const {checkboxWithTitle, child, sectionTitle} = props;\n\n  const Child = CHILD[child.childType];\n  return (\n    <div>\n      {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n      {sectionTitle ? (\n        <div className={style.sectionTitle}>\n          <Title {...sectionTitle} type={'form-group'} />\n        </div>\n      ) : null}\n      <div className={checkboxWithTitle || sectionTitle ? style.child : null}>\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape(Title.propTypes),\n  child: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...InputTextWithTitle.propTypes,\n      childType: PropTypes.oneOf(['input-text'])\n    }),\n    PropTypes.shape({\n      ...DragAndDropWrapper.propTypes,\n      childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZ,cAAcC,2BADF;EAEZ,yBAAyBC;AAFb,CAAd;;AAIA,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAD;IAAoBC,KAApB;IAA2BC;EAA3B,IAA2CH,KAAjD;EAEA,MAAMI,KAAK,GAAGR,KAAK,CAACM,KAAK,CAACG,SAAP,CAAnB;EACA,oBACE,0CACGJ,iBAAiB,gBAAG,6BAAC,0BAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;IAAK,SAAS,EAAEG,cAAA,CAAMH;EAAtB,gBACE,6BAAC,cAAD,eAAWA,YAAX;IAAyB,IAAI,EAAE;EAA/B,GADF,CADW,GAIT,IANN,eAOE;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAArB,GAAoCG,cAAA,CAAMJ,KAA1C,GAAkD;EAAlE,gBACE,6BAAC,KAAD,EAAWA,KAAX,CADF,CAPF,CADF;AAaD,CAjBD;;AAmBAH,uBAAuB,CAACQ,SAAxB,2CAAoC;EAClCN,iBAAiB,EAAEO,kBAAA,CAAUC,KAAV,CAAgBC,0BAAA,CAAkBH,SAAlC,CADe;EAElCJ,YAAY,EAAEK,kBAAA,CAAUC,KAAV,CAAgBE,cAAA,CAAMJ,SAAtB,CAFoB;EAGlCL,KAAK,EAAEM,kBAAA,CAAUI,SAAV,CAAoB,CACzBJ,kBAAA,CAAUC,KAAV,cACKZ,2BAAA,CAAmBU,SADxB;IAEEF,SAAS,EAAEG,kBAAA,CAAUK,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFb,GADyB,EAKzBL,kBAAA,CAAUC,KAAV,cACKX,2BAAA,CAAmBS,SADxB;IAEEF,SAAS,EAAEG,kBAAA,CAAUK,KAAV,CAAgB,CAAC,uBAAD,CAAhB;EAFb,GALyB,CAApB;AAH2B,CAApC;eAced,uB"}

package/lib/molecule/titled-checkbox/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _proptypes = require("../../util/proptypes");
+
 var _checkbox = _interopRequireDefault(require("../../atom/checkbox"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const TitledCheckbox = props => {
   const {
     choice,
@@ -39,6 +49,7 @@ const TitledCheckbox = props => {
     className: _style.default.label
   }, label));
 };
+
 TitledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   choice: _propTypes.default.shape({
     selected: _propTypes.default.bool.isRequired,

package/lib/molecule/titled-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","useMemo","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAC5C,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAAI;EACzB,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM,MAAMJ,QAAQ,CAACF,MAAM,CAAC,EAAE,CAACE,QAAQ,EAAEF,MAAM,CAAC,CAAC;EAE9E,oBACE;IAAO,SAAS,EAAEO,cAAK,CAACC;EAAQ,gBAC9B;IACE,SAAS,EAAED,cAAK,CAACE,GAAI;IACrB,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IAC5B;EAAE,GAEDD,MAAM,CAACU,QAAQ,gBAAG,6BAAC,2CAAK;IAAC,SAAS,EAAEH,cAAK,CAACI,IAAK;IAAC,KAAK,EAAC;EAAO,EAAG,GAAG,IAAI,eACxE,6BAAC,iBAAQ;IACP,SAAS,EAAEJ,cAAK,CAACK,KAAM;IACvB,OAAO,EAAEZ,MAAM,CAACU,QAAS;IACzB,QAAQ,EAAEL,YAAa;IACvB,aAAWF;EAAM,EACjB,CACE,eACN;IAAM,KAAK,EAAEA,KAAM;IAAC,SAAS,EAAEI,cAAK,CAACJ;EAAM,GACxCA,KAAK,CACD,CACD;AAEZ,CAAC;AAEDL,cAAc,CAACe,SAAS,2CAAG;EACzBb,MAAM,EAAEc,kBAAS,CAACC,KAAK,CAAC;IACtBL,QAAQ,EAAEI,kBAAS,CAACE,IAAI,CAACC,UAAU;IACnCb,IAAI,EAAEU,kBAAS,CAACI,MAAM,CAACD,UAAU;IACjCE,KAAK,EAAEL,kBAAS,CAACI;EACnB,CAAC,CAAC,CAACD,UAAU;EACbhB,UAAU,EAAEmB,wBAAa;EACzBlB,QAAQ,EAAEY,kBAAS,CAACO,IAAI,CAACJ;AAC3B,CAAC;AAAC,eAEanB,cAAc;AAAA"}
+{"version":3,"file":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","useMemo","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMJ,QAAQ,CAACF,MAAD,CAA5B,EAAsC,CAACE,QAAD,EAAWF,MAAX,CAAtC,CAArB;EAEA,oBACE;IAAO,SAAS,EAAEO,cAAA,CAAMC;EAAxB,gBACE;IACE,SAAS,EAAED,cAAA,CAAME,GADnB;IAEE,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACU,QAAP,gBAAkB,6BAAC,2CAAD;IAAO,SAAS,EAAEH,cAAA,CAAMI,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,6BAAC,iBAAD;IACE,SAAS,EAAEJ,cAAA,CAAMK,KADnB;IAEE,OAAO,EAAEZ,MAAM,CAACU,QAFlB;IAGE,QAAQ,EAAEL,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEI,cAAA,CAAMJ;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACe,SAAf,2CAA2B;EACzBb,MAAM,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACtBL,QAAQ,EAAEI,kBAAA,CAAUE,IAAV,CAAeC,UADH;IAEtBb,IAAI,EAAEU,kBAAA,CAAUI,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAEL,kBAAA,CAAUI;EAHK,CAAhB,EAILD,UALsB;EAMzBhB,UAAU,EAAEmB,wBANa;EAOzBlB,QAAQ,EAAEY,kBAAA,CAAUO,IAAV,CAAeJ;AAPA,CAA3B;eAUenB,c"}

package/lib/molecule/unsubscribe/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Unsubscribe = (props, context) => {
   const {
     translate
@@ -36,6 +43,7 @@ const Unsubscribe = (props, context) => {
     className: _style.default.unsubscribeConfirmation
   }, translate('premium_unsubscribe_confirmation')) : null);
 };
+
 Unsubscribe.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

package/lib/molecule/unsubscribe/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","style","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/molecule/unsubscribe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Unsubscribe = (props, context) => {\n  const {translate} = context;\n  const {moocUrl, hasUnsubscribed, onUnsubscribeButtonClick} = props;\n\n  return (\n    <div>\n      {!hasUnsubscribed ? (\n        <div className={style.unsubscribe}>\n          <div className={style.description}>{translate('confirm_unsubscribe')} </div>\n          <div className={style.buttonContainer}>\n            <Link className={style.keepSubscriptionButton} href={moocUrl}>\n              {translate('keep_subscription')}\n            </Link>\n          </div>\n          <div className={style.buttonContainer}>\n            <button\n              type=\"button\"\n              className={style.unsubscribeButton}\n              onClick={onUnsubscribeButtonClick}\n            >\n              {translate('unsubscribe')}\n            </button>\n          </div>\n        </div>\n      ) : null}\n      {hasUnsubscribed ? (\n        <div className={style.unsubscribeConfirmation}>\n          {translate('premium_unsubscribe_confirmation')}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nUnsubscribe.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nUnsubscribe.propTypes = {\n  moocUrl: PropTypes.string,\n  hasUnsubscribed: PropTypes.bool,\n  onUnsubscribeButtonClick: PropTypes.func\n};\n\nexport default Unsubscribe;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,WAAW,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtC,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,MAAM;IAACE,OAAO;IAAEC,eAAe;IAAEC;EAAwB,CAAC,GAAGL,KAAK;EAElE,oBACE,0CACG,CAACI,eAAe,gBACf;IAAK,SAAS,EAAEE,cAAK,CAACC;EAAY,gBAChC;IAAK,SAAS,EAAED,cAAK,CAACE;EAAY,GAAEN,SAAS,CAAC,qBAAqB,CAAC,EAAC,GAAC,CAAM,eAC5E;IAAK,SAAS,EAAEI,cAAK,CAACG;EAAgB,gBACpC,6BAAC,aAAI;IAAC,SAAS,EAAEH,cAAK,CAACI,sBAAuB;IAAC,IAAI,EAAEP;EAAQ,GAC1DD,SAAS,CAAC,mBAAmB,CAAC,CAC1B,CACH,eACN;IAAK,SAAS,EAAEI,cAAK,CAACG;EAAgB,gBACpC;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEH,cAAK,CAACK,iBAAkB;IACnC,OAAO,EAAEN;EAAyB,GAEjCH,SAAS,CAAC,aAAa,CAAC,CAClB,CACL,CACF,GACJ,IAAI,EACPE,eAAe,gBACd;IAAK,SAAS,EAAEE,cAAK,CAACM;EAAwB,GAC3CV,SAAS,CAAC,kCAAkC,CAAC,CAC1C,GACJ,IAAI,CACJ;AAEV,CAAC;AAEDH,WAAW,CAACc,YAAY,GAAG;EACzBX,SAAS,EAAEY,iBAAQ,CAACC,iBAAiB,CAACb;AACxC,CAAC;AAEDH,WAAW,CAACiB,SAAS,2CAAG;EACtBb,OAAO,EAAEc,kBAAS,CAACC,MAAM;EACzBd,eAAe,EAAEa,kBAAS,CAACE,IAAI;EAC/Bd,wBAAwB,EAAEY,kBAAS,CAACG;AACtC,CAAC;AAAC,eAEarB,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","style","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/molecule/unsubscribe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Unsubscribe = (props, context) => {\n  const {translate} = context;\n  const {moocUrl, hasUnsubscribed, onUnsubscribeButtonClick} = props;\n\n  return (\n    <div>\n      {!hasUnsubscribed ? (\n        <div className={style.unsubscribe}>\n          <div className={style.description}>{translate('confirm_unsubscribe')} </div>\n          <div className={style.buttonContainer}>\n            <Link className={style.keepSubscriptionButton} href={moocUrl}>\n              {translate('keep_subscription')}\n            </Link>\n          </div>\n          <div className={style.buttonContainer}>\n            <button\n              type=\"button\"\n              className={style.unsubscribeButton}\n              onClick={onUnsubscribeButtonClick}\n            >\n              {translate('unsubscribe')}\n            </button>\n          </div>\n        </div>\n      ) : null}\n      {hasUnsubscribed ? (\n        <div className={style.unsubscribeConfirmation}>\n          {translate('premium_unsubscribe_confirmation')}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nUnsubscribe.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nUnsubscribe.propTypes = {\n  moocUrl: PropTypes.string,\n  hasUnsubscribed: PropTypes.bool,\n  onUnsubscribeButtonClick: PropTypes.func\n};\n\nexport default Unsubscribe;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtC,MAAM;IAACC;EAAD,IAAcD,OAApB;EACA,MAAM;IAACE,OAAD;IAAUC,eAAV;IAA2BC;EAA3B,IAAuDL,KAA7D;EAEA,oBACE,0CACG,CAACI,eAAD,gBACC;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAoCN,SAAS,CAAC,qBAAD,CAA7C,MADF,eAEE;IAAK,SAAS,EAAEI,cAAA,CAAMG;EAAtB,gBACE,6BAAC,aAAD;IAAM,SAAS,EAAEH,cAAA,CAAMI,sBAAvB;IAA+C,IAAI,EAAEP;EAArD,GACGD,SAAS,CAAC,mBAAD,CADZ,CADF,CAFF,eAOE;IAAK,SAAS,EAAEI,cAAA,CAAMG;EAAtB,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEH,cAAA,CAAMK,iBAFnB;IAGE,OAAO,EAAEN;EAHX,GAKGH,SAAS,CAAC,aAAD,CALZ,CADF,CAPF,CADD,GAkBG,IAnBN,EAoBGE,eAAe,gBACd;IAAK,SAAS,EAAEE,cAAA,CAAMM;EAAtB,GACGV,SAAS,CAAC,kCAAD,CADZ,CADc,GAIZ,IAxBN,CADF;AA4BD,CAhCD;;AAkCAH,WAAW,CAACc,YAAZ,GAA2B;EACzBX,SAAS,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADb,CAA3B;AAIAH,WAAW,CAACiB,SAAZ,2CAAwB;EACtBb,OAAO,EAAEc,kBAAA,CAAUC,MADG;EAEtBd,eAAe,EAAEa,kBAAA,CAAUE,IAFL;EAGtBd,wBAAwB,EAAEY,kBAAA,CAAUG;AAHd,CAAxB;eAMerB,W"}

package/lib/molecule/vertical-tabs/index.js

@@ -2,20 +2,32 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _snakeCase = _interopRequireDefault(require("lodash/fp/snakeCase"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const LeftIcons = {
   BlueValidatedCircle: _novaIcons.NovaSolidStatusCheckCircle2,
   LocaleInError: _novaIcons.NovaSolidStatusClose
 };
+
 const getIconDataName = iconType => iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';
+
 const buildTab = (tab, index) => {
   const {
     title,
@@ -38,6 +50,7 @@ const buildTab = (tab, index) => {
     className: leftIcon === 'LocaleInError' ? _style.default.leftIconError : _style.default.leftIcon
   }) : null);
 };
+
 const VerticalTabs = props => {
   const {
     tabs,
@@ -50,6 +63,7 @@ const VerticalTabs = props => {
     title: ariaLabel
   }, tabsList);
 };
+
 const LeftIconValues = process.env.NODE_ENV !== "production" ? [...(0, _keys.default)(LeftIcons), ''] : {};
 VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   tabs: _propTypes.default.arrayOf(_propTypes.default.shape({

package/lib/molecule/vertical-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LeftIcons","BlueValidatedCircle","CheckIcon","LocaleInError","ErrorIcon","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","snakeCase","classnames","style","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","keys","propTypes","PropTypes","arrayOf","shape","Link","children","bool","oneOf","func","string"],"sources":["../../../src/molecule/vertical-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon\n} from '@coorpacademy/nova-icons';\nimport keys from 'lodash/fp/keys';\nimport snakeCase from 'lodash/fp/snakeCase';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n  BlueValidatedCircle: CheckIcon,\n  LocaleInError: ErrorIcon\n};\n\nconst getIconDataName = iconType =>\n  iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';\n\nconst buildTab = (tab, index) => {\n  const {title, selected, onClick, leftIcon, iconAriaLabel} = tab;\n\n  const LeftIcon = LeftIcons[leftIcon];\n  return (\n    <li\n      data-name={`vertical_tab_${snakeCase(title)}`}\n      className={classnames(style.tab, selected && style.selected)}\n      key={index}\n      onClick={onClick}\n    >\n      <span className={style.title}>{title}</span>\n      {LeftIcon ? (\n        <LeftIcon\n          data-name={getIconDataName(leftIcon)}\n          aria-label={iconAriaLabel}\n          className={leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon}\n        />\n      ) : null}\n    </li>\n  );\n};\n\nconst VerticalTabs = props => {\n  const {tabs, className, 'aria-label': ariaLabel} = props;\n  const tabsList = tabs.map(buildTab);\n\n  return (\n    <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n      {tabsList}\n    </ul>\n  );\n};\n\nconst LeftIconValues = [...keys(LeftIcons), ''];\n\nVerticalTabs.propTypes = {\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      selected: PropTypes.bool,\n      leftIcon: PropTypes.oneOf(LeftIconValues),\n      onClick: PropTypes.func,\n      iconAriaLabel: PropTypes.string\n    })\n  ),\n  className: PropTypes.string,\n  'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,SAAS,GAAG;EAChBC,mBAAmB,EAAEC,sCAAS;EAC9BC,aAAa,EAAEC;AACjB,CAAC;AAED,MAAMC,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,KAAK,eAAe,GAAG,uBAAuB,GAAG,sBAAsB;AAEjF,MAAMC,QAAQ,GAAG,CAACC,GAAG,EAAEC,KAAK,KAAK;EAC/B,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAGN,GAAG;EAE/D,MAAMO,QAAQ,GAAGf,SAAS,CAACa,QAAQ,CAAC;EACpC,oBACE;IACE,aAAY,gBAAe,IAAAG,kBAAS,EAACN,KAAK,CAAE,EAAE;IAC9C,SAAS,EAAE,IAAAO,mBAAU,EAACC,cAAK,CAACV,GAAG,EAAEG,QAAQ,IAAIO,cAAK,CAACP,QAAQ,CAAE;IAC7D,GAAG,EAAEF,KAAM;IACX,OAAO,EAAEG;EAAQ,gBAEjB;IAAM,SAAS,EAAEM,cAAK,CAACR;EAAM,GAAEA,KAAK,CAAQ,EAC3CK,QAAQ,gBACP,6BAAC,QAAQ;IACP,aAAWV,eAAe,CAACQ,QAAQ,CAAE;IACrC,cAAYC,aAAc;IAC1B,SAAS,EAAED,QAAQ,KAAK,eAAe,GAAGK,cAAK,CAACC,aAAa,GAAGD,cAAK,CAACL;EAAS,EAC/E,GACA,IAAI,CACL;AAET,CAAC;AAED,MAAMO,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAI;IAAEC,SAAS;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGH,KAAK;EACxD,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAG,CAACnB,QAAQ,CAAC;EAEnC,oBACE;IAAI,SAAS,EAAE,IAAAU,mBAAU,EAAC,CAACC,cAAK,CAACS,OAAO,EAAEJ,SAAS,CAAC,CAAE;IAAC,KAAK,EAAEC;EAAU,GACrEC,QAAQ,CACN;AAET,CAAC;AAED,MAAMG,cAAc,2CAAG,CAAC,GAAG,IAAAC,aAAI,EAAC7B,SAAS,CAAC,EAAE,EAAE,CAAC;AAE/CoB,YAAY,CAACU,SAAS,2CAAG;EACvBR,IAAI,EAAES,kBAAS,CAACC,OAAO,CACrBD,kBAAS,CAACE,KAAK,CAAC;IACdvB,KAAK,EAAEwB,aAAI,CAACJ,SAAS,CAACK,QAAQ;IAC9BxB,QAAQ,EAAEoB,kBAAS,CAACK,IAAI;IACxBvB,QAAQ,EAAEkB,kBAAS,CAACM,KAAK,CAACT,cAAc,CAAC;IACzChB,OAAO,EAAEmB,kBAAS,CAACO,IAAI;IACvBxB,aAAa,EAAEiB,kBAAS,CAACQ;EAC3B,CAAC,CAAC,CACH;EACDhB,SAAS,EAAEQ,kBAAS,CAACQ,MAAM;EAC3B,YAAY,EAAER,kBAAS,CAACQ;AAC1B,CAAC;AAAC,eACanB,YAAY;AAAA"}
+{"version":3,"file":"index.js","names":["LeftIcons","BlueValidatedCircle","CheckIcon","LocaleInError","ErrorIcon","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","snakeCase","classnames","style","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","keys","propTypes","PropTypes","arrayOf","shape","Link","children","bool","oneOf","func","string"],"sources":["../../../src/molecule/vertical-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon\n} from '@coorpacademy/nova-icons';\nimport keys from 'lodash/fp/keys';\nimport snakeCase from 'lodash/fp/snakeCase';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n  BlueValidatedCircle: CheckIcon,\n  LocaleInError: ErrorIcon\n};\n\nconst getIconDataName = iconType =>\n  iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';\n\nconst buildTab = (tab, index) => {\n  const {title, selected, onClick, leftIcon, iconAriaLabel} = tab;\n\n  const LeftIcon = LeftIcons[leftIcon];\n  return (\n    <li\n      data-name={`vertical_tab_${snakeCase(title)}`}\n      className={classnames(style.tab, selected && style.selected)}\n      key={index}\n      onClick={onClick}\n    >\n      <span className={style.title}>{title}</span>\n      {LeftIcon ? (\n        <LeftIcon\n          data-name={getIconDataName(leftIcon)}\n          aria-label={iconAriaLabel}\n          className={leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon}\n        />\n      ) : null}\n    </li>\n  );\n};\n\nconst VerticalTabs = props => {\n  const {tabs, className, 'aria-label': ariaLabel} = props;\n  const tabsList = tabs.map(buildTab);\n\n  return (\n    <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n      {tabsList}\n    </ul>\n  );\n};\n\nconst LeftIconValues = [...keys(LeftIcons), ''];\n\nVerticalTabs.propTypes = {\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      selected: PropTypes.bool,\n      leftIcon: PropTypes.oneOf(LeftIconValues),\n      onClick: PropTypes.func,\n      iconAriaLabel: PropTypes.string\n    })\n  ),\n  className: PropTypes.string,\n  'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,mBAAmB,EAAEC,sCADL;EAEhBC,aAAa,EAAEC;AAFC,CAAlB;;AAKA,MAAMC,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,KAAK,eAAb,GAA+B,uBAA/B,GAAyD,sBAD3D;;AAGA,MAAMC,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;EAC/B,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,OAAlB;IAA2BC,QAA3B;IAAqCC;EAArC,IAAsDN,GAA5D;EAEA,MAAMO,QAAQ,GAAGf,SAAS,CAACa,QAAD,CAA1B;EACA,oBACE;IACE,aAAY,gBAAe,IAAAG,kBAAA,EAAUN,KAAV,CAAiB,EAD9C;IAEE,SAAS,EAAE,IAAAO,mBAAA,EAAWC,cAAA,CAAMV,GAAjB,EAAsBG,QAAQ,IAAIO,cAAA,CAAMP,QAAxC,CAFb;IAGE,GAAG,EAAEF,KAHP;IAIE,OAAO,EAAEG;EAJX,gBAME;IAAM,SAAS,EAAEM,cAAA,CAAMR;EAAvB,GAA+BA,KAA/B,CANF,EAOGK,QAAQ,gBACP,6BAAC,QAAD;IACE,aAAWV,eAAe,CAACQ,QAAD,CAD5B;IAEE,cAAYC,aAFd;IAGE,SAAS,EAAED,QAAQ,KAAK,eAAb,GAA+BK,cAAA,CAAMC,aAArC,GAAqDD,cAAA,CAAML;EAHxE,EADO,GAML,IAbN,CADF;AAiBD,CArBD;;AAuBA,MAAMO,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAD;IAAOC,SAAP;IAAkB,cAAcC;EAAhC,IAA6CH,KAAnD;EACA,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAASnB,QAAT,CAAjB;EAEA,oBACE;IAAI,SAAS,EAAE,IAAAU,mBAAA,EAAW,CAACC,cAAA,CAAMS,OAAP,EAAgBJ,SAAhB,CAAX,CAAf;IAAuD,KAAK,EAAEC;EAA9D,GACGC,QADH,CADF;AAKD,CATD;;AAWA,MAAMG,cAAN,2CAAuB,CAAC,GAAG,IAAAC,aAAA,EAAK7B,SAAL,CAAJ,EAAqB,EAArB,CAAvB;AAEAoB,YAAY,CAACU,SAAb,2CAAyB;EACvBR,IAAI,EAAES,kBAAA,CAAUC,OAAV,CACJD,kBAAA,CAAUE,KAAV,CAAgB;IACdvB,KAAK,EAAEwB,aAAA,CAAKJ,SAAL,CAAeK,QADR;IAEdxB,QAAQ,EAAEoB,kBAAA,CAAUK,IAFN;IAGdvB,QAAQ,EAAEkB,kBAAA,CAAUM,KAAV,CAAgBT,cAAhB,CAHI;IAIdhB,OAAO,EAAEmB,kBAAA,CAAUO,IAJL;IAKdxB,aAAa,EAAEiB,kBAAA,CAAUQ;EALX,CAAhB,CADI,CADiB;EAUvBhB,SAAS,EAAEQ,kBAAA,CAAUQ,MAVE;EAWvB,cAAcR,kBAAA,CAAUQ;AAXD,CAAzB;eAaenB,Y"}

package/lib/molecule/video-iframe/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _qs = _interopRequireDefault(require("qs"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const getUrl = ({
   url,
   type,
@@ -21,21 +31,27 @@ const getUrl = ({
   switch (type) {
     case 'youtube':
       return `https://www.youtube.com/embed/${id}?${_qs.default.stringify(_extends({}, query, opts))}`;
+
     case 'uptale':
       return `https://my.uptale.io/Experience/Launch?id=${id}`;
+
     case 'omniPlayer':
       return `https://mms.myomni.live/${id}`;
+
     case 'jwplayer':
       return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;
+
     default:
       return url;
   }
 };
+
 class VideoIframe extends _react.default.Component {
   componentDidMount() {
     const {
       type
     } = this.props;
+
     if (type === 'kontiki') {
       const {
         onPlay = _noop2.default
@@ -43,6 +59,7 @@ class VideoIframe extends _react.default.Component {
       onPlay();
     }
   }
+
   render() {
     const {
       type,
@@ -69,7 +86,9 @@ class VideoIframe extends _react.default.Component {
       allowFullScreen: true
     });
   }
+
 }
+
 VideoIframe.contextTypes = {
   Vimeo: _provider.default.childContextTypes.Vimeo
 };

package/lib/molecule/video-iframe/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","contextTypes","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"sources":["../../../src/molecule/video-iframe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n\n    return (\n      <iframe\n        src={src}\n        width={width}\n        height={height}\n        frameBorder={0}\n        className={style.iframe}\n        allowvr={type === 'uptale' ? 'yes' : null}\n        scrolling={type === 'uptale' ? 'no' : null}\n        allowFullScreen\n      />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,MAAM,GAAG,CAAC;EAACC,GAAG;EAAEC,IAAI;EAAEC,EAAE;EAAEC,KAAK,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EACzD,QAAQH,IAAI;IACV,KAAK,SAAS;MACZ,OAAQ,iCAAgCC,EAAG,IAAGG,WAAE,CAACC,SAAS,cAAKH,KAAK,EAAKC,IAAI,EAAG,EAAC;IACnF,KAAK,QAAQ;MACX,OAAQ,6CAA4CF,EAAG,EAAC;IAC1D,KAAK,YAAY;MACf,OAAQ,2BAA0BA,EAAG,EAAC;IACxC,KAAK,UAAU;MACb,OAAQ,0CAAyCA,EAAG,gBAAe;IACrE;MACE,OAAOF,GAAG;EAAC;AAEjB,CAAC;AAED,MAAMO,WAAW,SAASC,cAAK,CAACC,SAAS,CAAC;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACT;IAAI,CAAC,GAAG,IAAI,CAACU,KAAK;IACzB,IAAIV,IAAI,KAAK,SAAS,EAAE;MACtB,MAAM;QAACW,MAAM;MAAO,CAAC,GAAG,IAAI,CAACD,KAAK;MAClCC,MAAM,EAAE;IACV;EACF;EAEAC,MAAM,GAAG;IACP,MAAM;MAACZ,IAAI;MAAEC,EAAE;MAAEF,GAAG;MAAEc,QAAQ,GAAG,KAAK;MAAEC,KAAK,GAAG,MAAM;MAAEC,MAAM,GAAG;IAAO,CAAC,GAAG,IAAI,CAACL,KAAK;IACtF,MAAMM,GAAG,GAAGlB,MAAM,CAAC;MAACC,GAAG;MAAEC,IAAI;MAAEC,EAAE;MAAEY;IAAQ,CAAC,CAAC;IAE7C,oBACE;MACE,GAAG,EAAEG,GAAI;MACT,KAAK,EAAEF,KAAM;MACb,MAAM,EAAEC,MAAO;MACf,WAAW,EAAE,CAAE;MACf,SAAS,EAAEE,cAAK,CAACC,MAAO;MACxB,OAAO,EAAElB,IAAI,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1C,SAAS,EAAEA,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAK;MAC3C,eAAe;IAAA,EACf;EAEN;AACF;AAxCMM,WAAW,CAWRa,YAAY,GAAG;EACpBC,KAAK,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;AACpC,CAAC;AAbGd,WAAW,CACRiB,SAAS,2CAAG;EACjBvB,IAAI,EAAEwB,kBAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;EACxFX,KAAK,EAAEU,kBAAS,CAACE,MAAM;EACvBX,MAAM,EAAES,kBAAS,CAACE,MAAM;EACxB3B,GAAG,EAAE4B,sBAAW;EAChB1B,EAAE,EAAEuB,kBAAS,CAACE,MAAM;EACpBb,QAAQ,EAAEW,kBAAS,CAACI,IAAI;EACxBjB,MAAM,EAAEa,kBAAS,CAACK;AACpB,CAAC;AAAA,eAiCYvB,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","contextTypes","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"sources":["../../../src/molecule/video-iframe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n\n    return (\n      <iframe\n        src={src}\n        width={width}\n        height={height}\n        frameBorder={0}\n        className={style.iframe}\n        allowvr={type === 'uptale' ? 'yes' : null}\n        scrolling={type === 'uptale' ? 'no' : null}\n        allowFullScreen\n      />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC,GAAD;EAAMC,IAAN;EAAYC,EAAZ;EAAgBC,KAAK,GAAG,EAAxB;EAA4BC,IAAI,GAAG;AAAnC,CAAD,KAA4C;EACzD,QAAQH,IAAR;IACE,KAAK,SAAL;MACE,OAAQ,iCAAgCC,EAAG,IAAGG,WAAA,CAAGC,SAAH,cAAiBH,KAAjB,EAA2BC,IAA3B,EAAkC,EAAhF;;IACF,KAAK,QAAL;MACE,OAAQ,6CAA4CF,EAAG,EAAvD;;IACF,KAAK,YAAL;MACE,OAAQ,2BAA0BA,EAAG,EAArC;;IACF,KAAK,UAAL;MACE,OAAQ,0CAAyCA,EAAG,gBAApD;;IACF;MACE,OAAOF,GAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,cAAA,CAAMC,SAAhC,CAA0C;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACT;IAAD,IAAS,KAAKU,KAApB;;IACA,IAAIV,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACW,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACZ,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBc,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGlB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBY;IAAhB,CAAD,CAAlB;IAEA,oBACE;MACE,GAAG,EAAEG,GADP;MAEE,KAAK,EAAEF,KAFT;MAGE,MAAM,EAAEC,MAHV;MAIE,WAAW,EAAE,CAJf;MAKE,SAAS,EAAEE,cAAA,CAAMC,MALnB;MAME,OAAO,EAAElB,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;MAOE,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;MAQE,eAAe;IARjB,EADF;EAYD;;AAvCuC;;AAApCM,W,CAWGa,Y,GAAe;EACpBC,KAAK,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADd,C;AAXlBd,W,CACGiB,S,2CAAY;EACjBvB,IAAI,EAAEwB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;EAEjBX,KAAK,EAAEU,kBAAA,CAAUE,MAFA;EAGjBX,MAAM,EAAES,kBAAA,CAAUE,MAHD;EAIjB3B,GAAG,EAAE4B,sBAJY;EAKjB1B,EAAE,EAAEuB,kBAAA,CAAUE,MALG;EAMjBb,QAAQ,EAAEW,kBAAA,CAAUI,IANH;EAOjBjB,MAAM,EAAEa,kBAAA,CAAUK;AAPD,C;eAyCNvB,W"}