@coorpacademy/components 11.9.3-alpha.25 → 11.9.3-alpha.29

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyFunnel","FunnelIcon","NovaSolidContentEditionPencil1","PencilIcon","NovaCompositionCoorpacademyDraft","DraftIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","NovaSolidVideosVideoSubtitle","VideoSubtitleIcon","Provider","Checkbox","Link","style","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","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","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","childContextTypes","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":["React","classnames","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyFunnel","FunnelIcon","NovaSolidContentEditionPencil1","PencilIcon","NovaCompositionCoorpacademyDraft","DraftIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","NovaSolidVideosVideoSubtitle","VideoSubtitleIcon","Provider","Checkbox","Link","style","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","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","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","childContextTypes","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAElC,SACEC,kCAAkC,IAAIC,SAAS,EAC/CC,iCAAiC,IAAIC,UAAU,EAC/CC,8BAA8B,IAAIC,UAAU,EAC5CC,gCAAgC,IAAIC,SAAS,EAC7CC,mCAAmC,IAAIC,YAAY,EACnDC,4BAA4B,IAAIC,iBAAiB,QAC5C,0BAA0B;AACjC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,MAAM,GAAG;EAACC,OAAO,EAAE;AAAS,CAAC;AAEnC,MAAMC,iBAAiB,GAAG,CAACC,QAAQ,EAAEC,UAAU,KAAK;EAClD,MAAMC,WAAW,GAAGF,QAAQ,CAACG,GAAG,CAAC,CAACC,MAAM,EAAEC,MAAM,KAAK;IACnD,MAAM;MAACC,QAAQ;MAAEC;IAAQ,CAAC,GAAGH,MAAM;IAEnC,oBACE;MAAK,GAAG,EAAEC,MAAO;MAAC,SAAS,EAAEE,QAAQ,GAAGX,KAAK,CAACW,QAAQ,GAAGX,KAAK,CAACQ;IAAO,gBACpE;MAAQ,IAAI,EAAC,QAAQ;MAAC,OAAO,EAAEE;IAAS,GACrCF,MAAM,CAACI,KAAK,CACN,CACL;EAEV,CAAC,CAAC;EAEF,OAAOP,UAAU,gBAAG;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAQ,GAAEP,WAAW,CAAO,GAAG,IAAI;AAC/E,CAAC;AAED,MAAMQ,iBAAiB,GAAG,CAACC,SAAS,EAAEC,KAAK,EAAEC,WAAW,KAAK;EAC3D,IAAID,KAAK,KAAKf,MAAM,CAACC,OAAO,EAAE;IAC5B,oBACE;MAAK,SAAS,EAAEF,KAAK,CAACkB;IAAO,gBAC3B;MAAI,SAAS,EAAElB,KAAK,CAACY;IAAM,GAAEK,WAAW,CAAM,eAC9C;MAAK,SAAS,EAAEjB,KAAK,CAACmB;IAAO,gBAC3B;MAAK,SAAS,EAAEnB,KAAK,CAACoB;IAAK,gBACzB,oBAAC,SAAS;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE;IAAG,EAAG,eACpC;MAAM,SAAS,EAAEpB,KAAK,CAACqB;IAAM,GAAEN,SAAS,CAAC,OAAO,CAAC,CAAQ,CACrD,eACN;MAAK,SAAS,EAAEf,KAAK,CAACoB;IAAK,gBACzB,oBAAC,YAAY;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE;IAAG,EAAG,eACvC;MAAM,SAAS,EAAEpB,KAAK,CAACqB;IAAM,GAAEN,SAAS,CAAC,WAAW,CAAC,CAAQ,CACzD,eACN;MAAK,SAAS,EAAEf,KAAK,CAACoB;IAAK,gBACzB;MAAM,SAAS,EAAEpB,KAAK,CAACsB;IAAS,GAAE,SAAS,CAAQ,eACnD;MAAM,SAAS,EAAEtB,KAAK,CAACqB;IAAM,GAAEN,SAAS,CAAC,WAAW,CAAC,CAAQ,CACzD,CACF,CACF;EAEV;EAEA,IAAIE,WAAW,EAAE;IACf,oBACE;MAAK,SAAS,EAAEjB,KAAK,CAACkB;IAAO,gBAC3B;MAAI,SAAS,EAAElB,KAAK,CAACY;IAAM,GAAEK,WAAW,CAAM,CAC1C;EAEV;EACA,OAAO,IAAI;AACb,CAAC;AAED,MAAMM,KAAK,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAChC,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,OAAO,GAAG,EAAE;IAAEC,QAAQ,GAAG,IAAI;IAAEZ,KAAK;IAAEC,WAAW,GAAG;EAAE,CAAC,GAAGO,KAAK;EACjF,MAAM;IAACK,IAAI;IAAEd;EAAS,CAAC,GAAGU,OAAO;EAEjC,MAAMK,WAAW,GAAG,KAAI,eAAe,EAAED,IAAI,CAAC;EAE9C,MAAME,UAAU,GAAGJ,OAAO,CAACpB,GAAG,CAAC,CAACyB,MAAM,EAAEC,MAAM,KAAK;IACjD,MAAM;MAACrB,KAAK;MAAEsB,QAAQ;MAAEC,IAAI,GAAG,EAAE;MAAEtB,OAAO,GAAG;IAAE,CAAC,GAAGmB,MAAM;IAEzD,MAAM3B,UAAU,GAAGQ,OAAO,CAACuB,MAAM,GAAG,CAAC;IAErC,MAAMC,WAAW,GAAIhC,UAAU,KAAK6B,QAAQ,GAAG9C,UAAU,GAAGF,SAAS,CAAC,IAAK,IAAI;IAE/E,oBACE;MAAI,KAAK,EAAEiD,IAAK;MAAC,GAAG,EAAEF;IAAO,gBAC3B;MAAK,SAAS,EAAE5B,UAAU,GAAGL,KAAK,CAACsC,MAAM,GAAGtC,KAAK,CAACuC;IAAU,gBAC1D,oBAAC,QAAQ;MAAC,EAAE,EAAE3B,KAAM;MAAC,IAAI,EAAEA,KAAM;MAAC,OAAO;MAAC,SAAS,EAAEZ,KAAK,CAACwC;IAAS,EAAG,eACvE;MAAO,OAAO,EAAE5B;IAAM,GAAEA,KAAK,CAAS,EACrCC,OAAO,CAACuB,MAAM,GAAG,CAAC,GAAGjC,iBAAiB,CAACU,OAAO,EAAER,UAAU,CAAC,GAAG,IAAI,eACnE;MAAK,SAAS,EAAEL,KAAK,CAACyC;IAAmB,GACtCpC,UAAU,gBACT,oBAAC,WAAW;MACV,KAAK,EAAEyB,WAAY;MACnB,MAAM,EAAE,EAAG;MACX,KAAK,EAAE,EAAG;MACV,SAAS,EAAE9B,KAAK,CAAC0C;IAAY,EAC7B,GACA,IAAI,CACJ,CACF,CACH;EAET,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAG7B,iBAAiB,CAACC,SAAS,EAAEC,KAAK,EAAEC,WAAW,CAAC;EAErE,IAAIW,QAAQ,EAAE;IACZG,UAAU,CAACa,OAAO,eAChB;MAAI,GAAG,EAAC;IAAQ,gBACd;MAAK,SAAS,EAAE5C,KAAK,CAACuC;IAAU,EAAG,CAChC,CACN;EACH;EAEA,MAAMM,UAAU,GAAGC,KAAK,IAAI;IAC1B,QAAQ,KAAI,MAAM,EAAEA,KAAK,CAAC;MACxB,KAAK,OAAO;QACV,oBAAO,oBAAC,SAAS;UAAC,KAAK,EAAE,EAAG;UAAC,MAAM,EAAE;QAAG,EAAG;MAC7C,KAAK,UAAU;QACb,oBAAO,oBAAC,YAAY;UAAC,KAAK,EAAE,EAAG;UAAC,MAAM,EAAE;QAAG,EAAG;MAChD,KAAK,UAAU;QACb,oBAAO;UAAM,SAAS,EAAE9C,KAAK,CAACsB;QAAS,GAAE,SAAS,CAAQ;MAC5D,KAAK,eAAe;QAClB,oBACE,uDACE,oBAAC,iBAAiB;UAAC,SAAS,EAAEtB,KAAK,CAAC+C,aAAc;UAAC,KAAK,EAAE,EAAG;UAAC,MAAM,EAAE;QAAG,EAAG,EAC3ED,KAAK,CAAClC,KAAK,CACX;MAEP;QACE,IAAI;IAAC;EAEX,CAAC;EAED,MAAMoC,QAAQ,GAAGtB,IAAI,CAACnB,GAAG,CAAC,CAAC0C,GAAG,EAAEC,KAAK,KAAK;IACxC,MAAM;MAACC,MAAM,GAAG,EAAE;MAAEC;IAAQ,CAAC,GAAGH,GAAG;IACnC,MAAMI,SAAS,GAAGtE,UAAU,CAAC;MAAC,CAACiB,KAAK,CAACsD,WAAW,GAAGL,GAAG,CAACK;IAAW,CAAC,CAAC;IAEpE,MAAMC,SAAS,GAAGJ,MAAM,CAAC5C,GAAG,CAAC,CAACuC,KAAK,EAAEU,MAAM,KAAK;MAC9C,IAAI,CAACV,KAAK,EAAE,oBAAO;QAAI,GAAG,EAAEU;MAAO,GAAE,EAAE,CAAM;MAC7C,oBAAO;QAAI,GAAG,EAAEA;MAAO,GAAE,UAASV,KAAK,CAAC,GAAGA,KAAK,GAAGD,UAAU,CAACC,KAAK,CAAC,CAAM;IAC5E,CAAC,CAAC;IAEF,IAAIlB,QAAQ,EAAE;MACZ2B,SAAS,CAACX,OAAO;MAAA;MACf;MACA;QAAI,GAAG,EAAC;MAAQ,gBACd,oBAAC,IAAI;QAAC,IAAI,EAAEQ;MAAS,gBACnB,oBAAC,UAAU;QAAC,KAAK,EAAEtB,WAAY;QAAC,MAAM,EAAE,EAAG;QAAC,KAAK,EAAE;MAAG,EAAG,CACpD,CACJ,CACN;IACH;IAEA,oBACE;MAAI,SAAS,EAAEuB,SAAU;MAAC,GAAG,EAAEH;IAAM,GAClCK,SAAS,CACP;EAET,CAAC,CAAC;EAEF,MAAME,SAAS,GAAG1E,UAAU,CAACiC,KAAK,KAAKf,MAAM,CAACC,OAAO,GAAGF,KAAK,CAAC0D,OAAO,GAAG1D,KAAK,CAAC2D,OAAO,CAAC;EAEtF,oBACE;IAAK,SAAS,EAAEF;EAAU,GACvBd,YAAY,eACb;IAAO,SAAS,EAAE5D,UAAU,CAACiB,KAAK,CAAC4D,KAAK,EAAE;MAAC,CAAC5D,KAAK,CAAC6D,QAAQ,GAAG,CAACjC;IAAQ,CAAC;EAAE,gBACvE,gDACE,gCAAKG,UAAU,CAAM,CACf,eACR,mCAAQiB,QAAQ,CAAS,CACnB,CACJ;AAEV,CAAC;AAEDzB,KAAK,CAACuC,YAAY,GAAG;EACnBjC,IAAI,EAAEhC,QAAQ,CAACkE,iBAAiB,CAAClC,IAAI;EACrCd,SAAS,EAAElB,QAAQ,CAACkE,iBAAiB,CAAChD;AACxC,CAAC;AAEDQ,KAAK,CAACyC,SAAS,2CAAG;EAChBpC,QAAQ,EAAE5C,SAAS,CAACiF,IAAI;EACxBvC,IAAI,EAAE1C,SAAS,CAACkF,OAAO,CACrBlF,SAAS,CAACmF,KAAK,CAAC;IACdhB,MAAM,EAAEnE,SAAS,CAACkF,OAAO,CACvBlF,SAAS,CAACoF,SAAS,CAAC,CAClBpF,SAAS,CAACqF,MAAM,EAChBrF,SAAS,CAACmF,KAAK,CAAC;MAAC/C,IAAI,EAAEpC,SAAS,CAACqF;IAAM,CAAC,CAAC,EACzCrF,SAAS,CAACmF,KAAK,CAAC;MAAC/C,IAAI,EAAEpC,SAAS,CAACqF,MAAM;MAAEzD,KAAK,EAAE5B,SAAS,CAACqF;IAAM,CAAC,CAAC,CACnE,CAAC,CACH;IACDjB,QAAQ,EAAEpE,SAAS,CAACqF,MAAM;IAC1Bf,WAAW,EAAEtE,SAAS,CAACiF;EACzB,CAAC,CAAC,CACH;EACDtC,OAAO,EAAE3C,SAAS,CAACkF,OAAO,CACxBlF,SAAS,CAACmF,KAAK,CAAC;IACdvD,KAAK,EAAE5B,SAAS,CAACqF,MAAM,CAACC,UAAU;IAClCnC,IAAI,EAAEnD,SAAS,CAACqF,MAAM;IACtBnC,QAAQ,EAAElD,SAAS,CAACiF,IAAI;IACxBpD,OAAO,EAAE7B,SAAS,CAACkF,OAAO,CACxBlF,SAAS,CAACmF,KAAK,CAAC;MACdvD,KAAK,EAAE5B,SAAS,CAACqF,MAAM,CAACC,UAAU;MAClC5D,QAAQ,EAAE1B,SAAS,CAACuF,IAAI,CAACD,UAAU;MACnC3D,QAAQ,EAAE3B,SAAS,CAACiF,IAAI,CAACK;IAC3B,CAAC,CAAC;EAEN,CAAC,CAAC,CACH;EACDtD,KAAK,EAAEhC,SAAS,CAACwF,KAAK,CAAC,CAACvE,MAAM,CAACC,OAAO,CAAC,CAAC;EACxCe,WAAW,EAAEjC,SAAS,CAACqF;AACzB,CAAC;AAED,eAAe9C,KAAK"}

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

@@ -11,7 +11,6 @@ const ICONS = {
   reload: ReloadIcon,
   wrong: ReloadIcon
 };
-
 const TeamsPopin = props => {
   const {
     header,
@@ -72,7 +71,6 @@ const TeamsPopin = props => {
     }
   }) : null));
 };
-
 TeamsPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.string,
   content: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyReload","ReloadIcon","NovaCompositionCoorpacademyLoginFailed","LoginFailedIcon","NovaCompositionCoorpacademyAddressError","AddressErrorIcon","NovaCompositionCoorpacademySchoolGraduation","SchoolGraduation","Cta","Loader","style","ICONS","login","loginFailed","addressError","reload","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","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":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyReload","ReloadIcon","NovaCompositionCoorpacademyLoginFailed","LoginFailedIcon","NovaCompositionCoorpacademyAddressError","AddressErrorIcon","NovaCompositionCoorpacademySchoolGraduation","SchoolGraduation","Cta","Loader","style","ICONS","login","loginFailed","addressError","reload","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","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":"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"}

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

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import extractor from '../../util/image';
 import Provider from '../../atom/provider';
 import style from './style.css';
-
 function ThemeImage({
   image
 }, {
@@ -39,7 +38,6 @@ function ThemeImage({
     style: mobileStyle
   })));
 }
-
 ThemeImage.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","extractor","Provider","style","ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","childContextTypes","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,UAAT,CAAoB;EAACC;AAAD,CAApB,EAA6B;EAACC;AAAD,CAA7B,EAAqC;EACnC,MAAMC,OAAO,GAAGN,SAAS,CAACK,IAAD,CAAzB;EACA,MAAME,YAAY,GAAGD,OAAO,CAACF,KAAD,CAA5B;EAEA,MAAMI,kBAAkB,GAAGR,SAAS,CAACK,IAAD,EAAOD,KAAP,CAApC;EACA,MAAMK,WAAW,GAAGD,kBAAkB,CAAE,GAAEJ,KAAM,SAAV,CAAtC;EACA,MAAMM,WAAW,GAAGF,kBAAkB,CAAE,GAAEJ,KAAM,SAAV,CAAtC;EACA,MAAMO,YAAY,GAAGH,kBAAkB,CAAE,GAAEJ,KAAM,UAAV,CAAvC;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEP;EAAzC,EADF,CADF,eAIE;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAtB,gBACE;IAAK,SAAS,EAAEb,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEH;EAAzC,EADF,CAJF,eAOE;IAAK,SAAS,EAAET,KAAK,CAACc;EAAtB,gBACE;IAAK,SAAS,EAAEd,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEJ;EAAzC,EADF,CAPF,eAUE;IAAK,SAAS,EAAER,KAAK,CAACe;EAAtB,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEL;EAAzC,EADF,CAVF,CADF;AAgBD;;AAEDN,UAAU,CAACe,YAAX,GAA0B;EACxBb,IAAI,EAAEJ,QAAQ,CAACkB,iBAAT,CAA2Bd;AADT,CAA1B;AAIAF,UAAU,CAACiB,SAAX,2CAAuB;EACrBhB,KAAK,EAAEL,SAAS,CAACsB,MAAV,CAAiBC;AADH,CAAvB;AAIA,eAAenB,UAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","extractor","Provider","style","ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","childContextTypes","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,UAAU,CAAC;EAACC;AAAK,CAAC,EAAE;EAACC;AAAI,CAAC,EAAE;EACnC,MAAMC,OAAO,GAAGN,SAAS,CAACK,IAAI,CAAC;EAC/B,MAAME,YAAY,GAAGD,OAAO,CAACF,KAAK,CAAC;EAEnC,MAAMI,kBAAkB,GAAGR,SAAS,CAACK,IAAI,EAAED,KAAK,CAAC;EACjD,MAAMK,WAAW,GAAGD,kBAAkB,CAAE,GAAEJ,KAAM,SAAQ,CAAC;EACzD,MAAMM,WAAW,GAAGF,kBAAkB,CAAE,GAAEJ,KAAM,SAAQ,CAAC;EACzD,MAAMO,YAAY,GAAGH,kBAAkB,CAAE,GAAEJ,KAAM,UAAS,CAAC;EAE3D,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACU;EAAQ,gBAC5B;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAQ,gBAC5B;IAAK,SAAS,EAAEX,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEP;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAiB,gBACrC;IAAK,SAAS,EAAEb,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEH;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAET,KAAK,CAACc;EAAgB,gBACpC;IAAK,SAAS,EAAEd,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEJ;EAAY,EAAG,CACpD,eACN;IAAK,SAAS,EAAER,KAAK,CAACe;EAAgB,gBACpC;IAAK,SAAS,EAAEf,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEL;EAAY,EAAG,CACpD,CACF;AAEV;AAEAN,UAAU,CAACe,YAAY,GAAG;EACxBb,IAAI,EAAEJ,QAAQ,CAACkB,iBAAiB,CAACd;AACnC,CAAC;AAEDF,UAAU,CAACiB,SAAS,2CAAG;EACrBhB,KAAK,EAAEL,SAAS,CAACsB,MAAM,CAACC;AAC1B,CAAC;AAED,eAAenB,UAAU"}

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

@@ -1,5 +1,4 @@
 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); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import InputTextWithTitle from '../../atom/input-text-with-title';
@@ -11,7 +10,6 @@ const CHILD = {
   'input-text': InputTextWithTitle,
   'drag-and-drop-wrapper': DragAndDropWrapper
 };
-
 const TitleAndCheckBoxWrapper = props => {
   const {
     checkboxWithTitle,
@@ -27,7 +25,6 @@ const TitleAndCheckBoxWrapper = props => {
     className: checkboxWithTitle || sectionTitle ? style.child : null
   }, /*#__PURE__*/React.createElement(Child, child)));
 };
-
 TitleAndCheckBoxWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),
   sectionTitle: PropTypes.shape(Title.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","InputTextWithTitle","CheckboxWithTitle","Title","DragAndDropWrapper","style","CHILD","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","propTypes","shape","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,kBAAP,MAA+B,0BAA/B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZ,cAAcL,kBADF;EAEZ,yBAAyBG;AAFb,CAAd;;AAIA,MAAMG,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAD;IAAoBC,KAApB;IAA2BC;EAA3B,IAA2CH,KAAjD;EAEA,MAAMI,KAAK,GAAGN,KAAK,CAACI,KAAK,CAACG,SAAP,CAAnB;EACA,oBACE,iCACGJ,iBAAiB,gBAAG,oBAAC,iBAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;IAAK,SAAS,EAAEN,KAAK,CAACM;EAAtB,gBACE,oBAAC,KAAD,eAAWA,YAAX;IAAyB,IAAI,EAAE;EAA/B,GADF,CADW,GAIT,IANN,eAOE;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAArB,GAAoCN,KAAK,CAACK,KAA1C,GAAkD;EAAlE,gBACE,oBAAC,KAAD,EAAWA,KAAX,CADF,CAPF,CADF;AAaD,CAjBD;;AAmBAH,uBAAuB,CAACO,SAAxB,2CAAoC;EAClCL,iBAAiB,EAAET,SAAS,CAACe,KAAV,CAAgBb,iBAAiB,CAACY,SAAlC,CADe;EAElCH,YAAY,EAAEX,SAAS,CAACe,KAAV,CAAgBZ,KAAK,CAACW,SAAtB,CAFoB;EAGlCJ,KAAK,EAAEV,SAAS,CAACgB,SAAV,CAAoB,CACzBhB,SAAS,CAACe,KAAV,cACKd,kBAAkB,CAACa,SADxB;IAEED,SAAS,EAAEb,SAAS,CAACiB,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFb,GADyB,EAKzBjB,SAAS,CAACe,KAAV,cACKX,kBAAkB,CAACU,SADxB;IAEED,SAAS,EAAEb,SAAS,CAACiB,KAAV,CAAgB,CAAC,uBAAD,CAAhB;EAFb,GALyB,CAApB;AAH2B,CAApC;AAcA,eAAeV,uBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","InputTextWithTitle","CheckboxWithTitle","Title","DragAndDropWrapper","style","CHILD","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","propTypes","shape","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,kBAAkB,MAAM,0BAA0B;AACzD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG;EACZ,YAAY,EAAEL,kBAAkB;EAChC,uBAAuB,EAAEG;AAC3B,CAAC;AACD,MAAMG,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAiB;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEtD,MAAMI,KAAK,GAAGN,KAAK,CAACI,KAAK,CAACG,SAAS,CAAC;EACpC,oBACE,iCACGJ,iBAAiB,gBAAG,oBAAC,iBAAiB,EAAKA,iBAAiB,CAAI,GAAG,IAAI,EACvEE,YAAY,gBACX;IAAK,SAAS,EAAEN,KAAK,CAACM;EAAa,gBACjC,oBAAC,KAAK,eAAKA,YAAY;IAAE,IAAI,EAAE;EAAa,GAAG,CAC3C,GACJ,IAAI,eACR;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAAY,GAAGN,KAAK,CAACK,KAAK,GAAG;EAAK,gBACrE,oBAAC,KAAK,EAAKA,KAAK,CAAI,CAChB,CACF;AAEV,CAAC;AAEDH,uBAAuB,CAACO,SAAS,2CAAG;EAClCL,iBAAiB,EAAET,SAAS,CAACe,KAAK,CAACb,iBAAiB,CAACY,SAAS,CAAC;EAC/DH,YAAY,EAAEX,SAAS,CAACe,KAAK,CAACZ,KAAK,CAACW,SAAS,CAAC;EAC9CJ,KAAK,EAAEV,SAAS,CAACgB,SAAS,CAAC,CACzBhB,SAAS,CAACe,KAAK,cACVd,kBAAkB,CAACa,SAAS;IAC/BD,SAAS,EAAEb,SAAS,CAACiB,KAAK,CAAC,CAAC,YAAY,CAAC;EAAC,GAC1C,EACFjB,SAAS,CAACe,KAAK,cACVX,kBAAkB,CAACU,SAAS;IAC/BD,SAAS,EAAEb,SAAS,CAACiB,KAAK,CAAC,CAAC,uBAAuB,CAAC;EAAC,GACrD,CACH;AACH,CAAC;AACD,eAAeV,uBAAuB"}

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

@@ -4,7 +4,6 @@ import { NovaCompositionCoorpacademyCheck as Check } from '@coorpacademy/nova-ic
 import { ColorPropType } from '../../util/proptypes';
 import Checkbox from '../../atom/checkbox';
 import style from './style.css';
-
 const TitledCheckbox = props => {
   const {
     choice,
@@ -33,7 +32,6 @@ const TitledCheckbox = props => {
     className: style.label
   }, label));
 };
-
 TitledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   choice: PropTypes.shape({
     selected: PropTypes.bool.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","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,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,gCAAgC,IAAIC,KAA5C,QAAwD,0BAAxD;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAD,CAArB,EAA+B,CAACE,QAAD,EAAWF,MAAX,CAA/B,CAA5B;EAEA,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAxB,gBACE;IACE,SAAS,EAAET,KAAK,CAACU,GADnB;IAEE,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACQ,QAAP,gBAAkB,oBAAC,KAAD;IAAO,SAAS,EAAEX,KAAK,CAACY,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,oBAAC,QAAD;IACE,SAAS,EAAEZ,KAAK,CAACa,KADnB;IAEE,OAAO,EAAEV,MAAM,CAACQ,QAFlB;IAGE,QAAQ,EAAEH,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEN,KAAK,CAACM;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACa,SAAf,2CAA2B;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAV,CAAeC,UADH;IAEtBV,IAAI,EAAEZ,SAAS,CAACuB,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAExB,SAAS,CAACuB;EAHK,CAAhB,EAILD,UALsB;EAMzBb,UAAU,EAAEN,aANa;EAOzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAV,CAAeH;AAPA,CAA3B;AAUA,eAAehB,cAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","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,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,gCAAgC,IAAIC,KAAK,QAAO,0BAA0B;AAClF,SAAQC,aAAa,QAAO,sBAAsB;AAClD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAM,CAAC,EAAE,CAACE,QAAQ,EAAEF,MAAM,CAAC,CAAC;EAE9E,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAQ,gBAC9B;IACE,SAAS,EAAET,KAAK,CAACU,GAAI;IACrB,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IAC5B;EAAE,GAEDD,MAAM,CAACQ,QAAQ,gBAAG,oBAAC,KAAK;IAAC,SAAS,EAAEX,KAAK,CAACY,IAAK;IAAC,KAAK,EAAC;EAAO,EAAG,GAAG,IAAI,eACxE,oBAAC,QAAQ;IACP,SAAS,EAAEZ,KAAK,CAACa,KAAM;IACvB,OAAO,EAAEV,MAAM,CAACQ,QAAS;IACzB,QAAQ,EAAEH,YAAa;IACvB,aAAWF;EAAM,EACjB,CACE,eACN;IAAM,KAAK,EAAEA,KAAM;IAAC,SAAS,EAAEN,KAAK,CAACM;EAAM,GACxCA,KAAK,CACD,CACD;AAEZ,CAAC;AAEDL,cAAc,CAACa,SAAS,2CAAG;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAK,CAAC;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAI,CAACC,UAAU;IACnCV,IAAI,EAAEZ,SAAS,CAACuB,MAAM,CAACD,UAAU;IACjCE,KAAK,EAAExB,SAAS,CAACuB;EACnB,CAAC,CAAC,CAACD,UAAU;EACbb,UAAU,EAAEN,aAAa;EACzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAI,CAACH;AAC3B,CAAC;AAED,eAAehB,cAAc"}

package/es/molecule/unsubscribe/index.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import Link from '../../atom/link';
 import style from './style.css';
-
 const Unsubscribe = (props, context) => {
   const {
     translate
@@ -32,7 +31,6 @@ const Unsubscribe = (props, context) => {
     className: style.unsubscribeConfirmation
   }, translate('premium_unsubscribe_confirmation')) : null);
 };
-
 Unsubscribe.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Link","style","Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","childContextTypes","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,iCACG,CAACI,eAAD,gBACC;IAAK,SAAS,EAAEN,KAAK,CAACQ;EAAtB,gBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,GAAoCL,SAAS,CAAC,qBAAD,CAA7C,MADF,eAEE;IAAK,SAAS,EAAEJ,KAAK,CAACU;EAAtB,gBACE,oBAAC,IAAD;IAAM,SAAS,EAAEV,KAAK,CAACW,sBAAvB;IAA+C,IAAI,EAAEN;EAArD,GACGD,SAAS,CAAC,mBAAD,CADZ,CADF,CAFF,eAOE;IAAK,SAAS,EAAEJ,KAAK,CAACU;EAAtB,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEV,KAAK,CAACY,iBAFnB;IAGE,OAAO,EAAEL;EAHX,GAKGH,SAAS,CAAC,aAAD,CALZ,CADF,CAPF,CADD,GAkBG,IAnBN,EAoBGE,eAAe,gBACd;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAtB,GACGT,SAAS,CAAC,kCAAD,CADZ,CADc,GAIZ,IAxBN,CADF;AA4BD,CAhCD;;AAkCAH,WAAW,CAACa,YAAZ,GAA2B;EACzBV,SAAS,EAAEN,QAAQ,CAACiB,iBAAT,CAA2BX;AADb,CAA3B;AAIAH,WAAW,CAACe,SAAZ,2CAAwB;EACtBX,OAAO,EAAER,SAAS,CAACoB,MADG;EAEtBX,eAAe,EAAET,SAAS,CAACqB,IAFL;EAGtBX,wBAAwB,EAAEV,SAAS,CAACsB;AAHd,CAAxB;AAMA,eAAelB,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Link","style","Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","childContextTypes","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,iCACG,CAACI,eAAe,gBACf;IAAK,SAAS,EAAEN,KAAK,CAACQ;EAAY,gBAChC;IAAK,SAAS,EAAER,KAAK,CAACS;EAAY,GAAEL,SAAS,CAAC,qBAAqB,CAAC,EAAC,GAAC,CAAM,eAC5E;IAAK,SAAS,EAAEJ,KAAK,CAACU;EAAgB,gBACpC,oBAAC,IAAI;IAAC,SAAS,EAAEV,KAAK,CAACW,sBAAuB;IAAC,IAAI,EAAEN;EAAQ,GAC1DD,SAAS,CAAC,mBAAmB,CAAC,CAC1B,CACH,eACN;IAAK,SAAS,EAAEJ,KAAK,CAACU;EAAgB,gBACpC;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEV,KAAK,CAACY,iBAAkB;IACnC,OAAO,EAAEL;EAAyB,GAEjCH,SAAS,CAAC,aAAa,CAAC,CAClB,CACL,CACF,GACJ,IAAI,EACPE,eAAe,gBACd;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAwB,GAC3CT,SAAS,CAAC,kCAAkC,CAAC,CAC1C,GACJ,IAAI,CACJ;AAEV,CAAC;AAEDH,WAAW,CAACa,YAAY,GAAG;EACzBV,SAAS,EAAEN,QAAQ,CAACiB,iBAAiB,CAACX;AACxC,CAAC;AAEDH,WAAW,CAACe,SAAS,2CAAG;EACtBX,OAAO,EAAER,SAAS,CAACoB,MAAM;EACzBX,eAAe,EAAET,SAAS,CAACqB,IAAI;EAC/BX,wBAAwB,EAAEV,SAAS,CAACsB;AACtC,CAAC;AAED,eAAelB,WAAW"}

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

@@ -10,9 +10,7 @@ const LeftIcons = {
   BlueValidatedCircle: CheckIcon,
   LocaleInError: ErrorIcon
 };
-
 const getIconDataName = iconType => iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';
-
 const buildTab = (tab, index) => {
   const {
     title,
@@ -35,7 +33,6 @@ const buildTab = (tab, index) => {
     className: leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon
   }) : null);
 };
-
 const VerticalTabs = props => {
   const {
     tabs,
@@ -48,7 +45,6 @@ const VerticalTabs = props => {
     title: ariaLabel
   }, tabsList);
 };
-
 const LeftIconValues = process.env.NODE_ENV !== "production" ? [...keys(LeftIcons), ''] : {};
 VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   tabs: PropTypes.arrayOf(PropTypes.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","keys","snakeCase","Link","style","LeftIcons","BlueValidatedCircle","LocaleInError","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","propTypes","arrayOf","shape","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,2BAA2B,IAAIC,SADjC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,SAAP,MAAsB,qBAAtB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAG;EAChBC,mBAAmB,EAAER,SADL;EAEhBS,aAAa,EAAEP;AAFC,CAAlB;;AAKA,MAAMQ,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,GAAGb,SAAS,CAACW,QAAD,CAA1B;EACA,oBACE;IACE,aAAY,gBAAed,SAAS,CAACW,KAAD,CAAQ,EAD9C;IAEE,SAAS,EAAEjB,UAAU,CAACQ,KAAK,CAACO,GAAP,EAAYG,QAAQ,IAAIV,KAAK,CAACU,QAA9B,CAFvB;IAGE,GAAG,EAAEF,KAHP;IAIE,OAAO,EAAEG;EAJX,gBAME;IAAM,SAAS,EAAEX,KAAK,CAACS;EAAvB,GAA+BA,KAA/B,CANF,EAOGK,QAAQ,gBACP,oBAAC,QAAD;IACE,aAAWV,eAAe,CAACQ,QAAD,CAD5B;IAEE,cAAYC,aAFd;IAGE,SAAS,EAAED,QAAQ,KAAK,eAAb,GAA+BZ,KAAK,CAACe,aAArC,GAAqDf,KAAK,CAACY;EAHxE,EADO,GAML,IAbN,CADF;AAiBD,CArBD;;AAuBA,MAAMI,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAD;IAAOC,SAAP;IAAkB,cAAcC;EAAhC,IAA6CH,KAAnD;EACA,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAAShB,QAAT,CAAjB;EAEA,oBACE;IAAI,SAAS,EAAEd,UAAU,CAAC,CAACQ,KAAK,CAACuB,OAAP,EAAgBJ,SAAhB,CAAD,CAAzB;IAAuD,KAAK,EAAEC;EAA9D,GACGC,QADH,CADF;AAKD,CATD;;AAWA,MAAMG,cAAN,2CAAuB,CAAC,GAAG3B,IAAI,CAACI,SAAD,CAAR,EAAqB,EAArB,CAAvB;AAEAe,YAAY,CAACS,SAAb,2CAAyB;EACvBP,IAAI,EAAE3B,SAAS,CAACmC,OAAV,CACJnC,SAAS,CAACoC,KAAV,CAAgB;IACdlB,KAAK,EAAEV,IAAI,CAAC0B,SAAL,CAAeG,QADR;IAEdlB,QAAQ,EAAEnB,SAAS,CAACsC,IAFN;IAGdjB,QAAQ,EAAErB,SAAS,CAACuC,KAAV,CAAgBN,cAAhB,CAHI;IAIdb,OAAO,EAAEpB,SAAS,CAACwC,IAJL;IAKdlB,aAAa,EAAEtB,SAAS,CAACyC;EALX,CAAhB,CADI,CADiB;EAUvBb,SAAS,EAAE5B,SAAS,CAACyC,MAVE;EAWvB,cAAczC,SAAS,CAACyC;AAXD,CAAzB;AAaA,eAAehB,YAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","keys","snakeCase","Link","style","LeftIcons","BlueValidatedCircle","LocaleInError","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","propTypes","arrayOf","shape","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,2BAA2B,IAAIC,SAAS,EACxCC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAG;EAChBC,mBAAmB,EAAER,SAAS;EAC9BS,aAAa,EAAEP;AACjB,CAAC;AAED,MAAMQ,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,GAAGb,SAAS,CAACW,QAAQ,CAAC;EACpC,oBACE;IACE,aAAY,gBAAed,SAAS,CAACW,KAAK,CAAE,EAAE;IAC9C,SAAS,EAAEjB,UAAU,CAACQ,KAAK,CAACO,GAAG,EAAEG,QAAQ,IAAIV,KAAK,CAACU,QAAQ,CAAE;IAC7D,GAAG,EAAEF,KAAM;IACX,OAAO,EAAEG;EAAQ,gBAEjB;IAAM,SAAS,EAAEX,KAAK,CAACS;EAAM,GAAEA,KAAK,CAAQ,EAC3CK,QAAQ,gBACP,oBAAC,QAAQ;IACP,aAAWV,eAAe,CAACQ,QAAQ,CAAE;IACrC,cAAYC,aAAc;IAC1B,SAAS,EAAED,QAAQ,KAAK,eAAe,GAAGZ,KAAK,CAACe,aAAa,GAAGf,KAAK,CAACY;EAAS,EAC/E,GACA,IAAI,CACL;AAET,CAAC;AAED,MAAMI,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAI;IAAEC,SAAS;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGH,KAAK;EACxD,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAG,CAAChB,QAAQ,CAAC;EAEnC,oBACE;IAAI,SAAS,EAAEd,UAAU,CAAC,CAACQ,KAAK,CAACuB,OAAO,EAAEJ,SAAS,CAAC,CAAE;IAAC,KAAK,EAAEC;EAAU,GACrEC,QAAQ,CACN;AAET,CAAC;AAED,MAAMG,cAAc,2CAAG,CAAC,GAAG3B,IAAI,CAACI,SAAS,CAAC,EAAE,EAAE,CAAC;AAE/Ce,YAAY,CAACS,SAAS,2CAAG;EACvBP,IAAI,EAAE3B,SAAS,CAACmC,OAAO,CACrBnC,SAAS,CAACoC,KAAK,CAAC;IACdlB,KAAK,EAAEV,IAAI,CAAC0B,SAAS,CAACG,QAAQ;IAC9BlB,QAAQ,EAAEnB,SAAS,CAACsC,IAAI;IACxBjB,QAAQ,EAAErB,SAAS,CAACuC,KAAK,CAACN,cAAc,CAAC;IACzCb,OAAO,EAAEpB,SAAS,CAACwC,IAAI;IACvBlB,aAAa,EAAEtB,SAAS,CAACyC;EAC3B,CAAC,CAAC,CACH;EACDb,SAAS,EAAE5B,SAAS,CAACyC,MAAM;EAC3B,YAAY,EAAEzC,SAAS,CAACyC;AAC1B,CAAC;AACD,eAAehB,YAAY"}

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

@@ -1,14 +1,11 @@
 import _noop from "lodash/fp/noop";
-
 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); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import qs from 'qs';
 import Provider from '../../atom/provider';
 import { SrcPropType } from '../../util/proptypes';
 import style from './style.css';
-
 const getUrl = ({
   url,
   type,
@@ -19,27 +16,21 @@ const getUrl = ({
   switch (type) {
     case 'youtube':
       return `https://www.youtube.com/embed/${id}?${qs.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.Component {
   componentDidMount() {
     const {
       type
     } = this.props;
-
     if (type === 'kontiki') {
       const {
         onPlay = _noop
@@ -47,7 +38,6 @@ class VideoIframe extends React.Component {
       onPlay();
     }
   }
-
   render() {
     const {
       type,
@@ -74,9 +64,7 @@ class VideoIframe extends React.Component {
       allowFullScreen: true
     });
   }
-
 }
-
 VideoIframe.contextTypes = {
   Vimeo: Provider.childContextTypes.Vimeo
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","qs","Provider","SrcPropType","style","getUrl","url","type","id","query","opts","stringify","VideoIframe","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","iframe","contextTypes","Vimeo","childContextTypes","propTypes","oneOf","string","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,IAAf;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,IAAGP,EAAE,CAACU,SAAH,cAAiBF,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,MAAMM,WAAN,SAA0Bb,KAAK,CAACc,SAAhC,CAA0C;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACP;IAAD,IAAS,KAAKQ,KAApB;;IACA,IAAIR,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACS,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACV,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBY,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGhB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBU;IAAhB,CAAD,CAAlB;IAEA,oBACE;MACE,GAAG,EAAEG,GADP;MAEE,KAAK,EAAEF,KAFT;MAGE,MAAM,EAAEC,MAHV;MAIE,WAAW,EAAE,CAJf;MAKE,SAAS,EAAEhB,KAAK,CAACkB,MALnB;MAME,OAAO,EAAEf,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;MAOE,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;MAQE,eAAe;IARjB,EADF;EAYD;;AAvCuC;;AAApCK,W,CAWGW,Y,GAAe;EACpBC,KAAK,EAAEtB,QAAQ,CAACuB,iBAAT,CAA2BD;AADd,C;AAXlBZ,W,CACGc,S,2CAAY;EACjBnB,IAAI,EAAEP,SAAS,CAAC2B,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;EAEjBR,KAAK,EAAEnB,SAAS,CAAC4B,MAFA;EAGjBR,MAAM,EAAEpB,SAAS,CAAC4B,MAHD;EAIjBtB,GAAG,EAAEH,WAJY;EAKjBK,EAAE,EAAER,SAAS,CAAC4B,MALG;EAMjBV,QAAQ,EAAElB,SAAS,CAAC6B,IANH;EAOjBb,MAAM,EAAEhB,SAAS,CAAC8B;AAPD,C;AAyCrB,eAAelB,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","qs","Provider","SrcPropType","style","getUrl","url","type","id","query","opts","stringify","VideoIframe","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","iframe","contextTypes","Vimeo","childContextTypes","propTypes","oneOf","string","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,EAAE,MAAM,IAAI;AAEnB,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,IAAGP,EAAE,CAACU,SAAS,cAAKF,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,MAAMM,WAAW,SAASb,KAAK,CAACc,SAAS,CAAC;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACP;IAAI,CAAC,GAAG,IAAI,CAACQ,KAAK;IACzB,IAAIR,IAAI,KAAK,SAAS,EAAE;MACtB,MAAM;QAACS,MAAM;MAAO,CAAC,GAAG,IAAI,CAACD,KAAK;MAClCC,MAAM,EAAE;IACV;EACF;EAEAC,MAAM,GAAG;IACP,MAAM;MAACV,IAAI;MAAEC,EAAE;MAAEF,GAAG;MAAEY,QAAQ,GAAG,KAAK;MAAEC,KAAK,GAAG,MAAM;MAAEC,MAAM,GAAG;IAAO,CAAC,GAAG,IAAI,CAACL,KAAK;IACtF,MAAMM,GAAG,GAAGhB,MAAM,CAAC;MAACC,GAAG;MAAEC,IAAI;MAAEC,EAAE;MAAEU;IAAQ,CAAC,CAAC;IAE7C,oBACE;MACE,GAAG,EAAEG,GAAI;MACT,KAAK,EAAEF,KAAM;MACb,MAAM,EAAEC,MAAO;MACf,WAAW,EAAE,CAAE;MACf,SAAS,EAAEhB,KAAK,CAACkB,MAAO;MACxB,OAAO,EAAEf,IAAI,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1C,SAAS,EAAEA,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAK;MAC3C,eAAe;IAAA,EACf;EAEN;AACF;AAxCMK,WAAW,CAWRW,YAAY,GAAG;EACpBC,KAAK,EAAEtB,QAAQ,CAACuB,iBAAiB,CAACD;AACpC,CAAC;AAbGZ,WAAW,CACRc,SAAS,2CAAG;EACjBnB,IAAI,EAAEP,SAAS,CAAC2B,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;EACxFR,KAAK,EAAEnB,SAAS,CAAC4B,MAAM;EACvBR,MAAM,EAAEpB,SAAS,CAAC4B,MAAM;EACxBtB,GAAG,EAAEH,WAAW;EAChBK,EAAE,EAAER,SAAS,CAAC4B,MAAM;EACpBV,QAAQ,EAAElB,SAAS,CAAC6B,IAAI;EACxBb,MAAM,EAAEhB,SAAS,CAAC8B;AACpB,CAAC;AAiCH,eAAelB,WAAW"}

package/es/molecule/video-player/index.js

@@ -1,9 +1,6 @@
 const _excluded = ["loading", "disableAutostart", "jwpOptions"];
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 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); }
-
 import React from 'react';
 import Loader from '../../atom/loader';
 import VideoIframe from '../video-iframe';
@@ -11,7 +8,6 @@ import JWPlayer from './jwplayer';
 import Vimeo from './vimeo';
 import style from './style.css';
 import propTypes from './prop-types';
-
 class VideoPlayer extends React.Component {
   static getDerivedStateFromProps(props, state) {
     if (props.id === state.id) return null;
@@ -20,10 +16,8 @@ class VideoPlayer extends React.Component {
       played: false
     };
   }
-
   constructor(props) {
     super(props);
-
     this.handleOnPlay = e => {
       const {
         played
@@ -32,16 +26,13 @@ class VideoPlayer extends React.Component {
         onResume,
         onPlay
       } = this.props;
-
       if (played) {
         if (onResume) onResume(e);
       } else if (onPlay) onPlay(e);
-
       this.setState({
         played: true
       });
     };
-
     this.renderPlayer = () => {
       const {
         mimeType,
@@ -52,7 +43,6 @@ class VideoPlayer extends React.Component {
         width = '100%',
         height = '343px'
       } = this.props;
-
       switch (mimeType) {
         case 'application/vimeo':
           return /*#__PURE__*/React.createElement(Vimeo, _extends({}, this.props, {
@@ -63,7 +53,6 @@ class VideoPlayer extends React.Component {
             className: style.wrapper,
             onPlay: this.handleOnPlay
           }));
-
         case 'application/youtube':
         case 'application/uptale':
         case 'application/h5p':
@@ -81,19 +70,17 @@ class VideoPlayer extends React.Component {
             onPause: onPause,
             onEnded: onEnded
           });
-
         case 'application/kontiki':
         case 'application/jwplayer':
         case 'video/mp4':
           {
             const _this$props = this.props,
-                  {
-              loading = false,
-              disableAutostart,
-              jwpOptions
-            } = _this$props,
-                  otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+              {
+                loading = false,
+                disableAutostart,
+                jwpOptions
+              } = _this$props,
+              otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
             return loading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(JWPlayer, _extends({}, otherProps, {
               disableAutostart: disableAutostart,
               jwpOptions: jwpOptions,
@@ -103,13 +90,11 @@ class VideoPlayer extends React.Component {
           }
       }
     };
-
     this.state = {
       played: false,
       id: props.id
     };
   }
-
   render() {
     const {
       id
@@ -120,9 +105,7 @@ class VideoPlayer extends React.Component {
       key: id
     }, this.renderPlayer());
   }
-
 }
-
 VideoPlayer.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default VideoPlayer;
 //# sourceMappingURL=index.js.map

package/es/molecule/video-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Loader","VideoIframe","JWPlayer","Vimeo","style","propTypes","VideoPlayer","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","wrapper","split","loading","disableAutostart","jwpOptions","otherProps","render"],"sources":["../../../src/molecule/video-player/index.js"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {loading = false, disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return loading ? (\n          <Loader />\n        ) : (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","Loader","VideoIframe","JWPlayer","Vimeo","style","propTypes","VideoPlayer","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","wrapper","split","loading","disableAutostart","jwpOptions","otherProps","render"],"sources":["../../../src/molecule/video-player/index.js"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {loading = false, disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return loading ? (\n          <Loader />\n        ) : (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"mappings":"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"}