@coorpacademy/components 11.11.4-alpha.1 → 11.11.5-alpha.0

package/es/util/button-icons.js

@@ -1,4 +1,4 @@
-import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon } from '@coorpacademy/nova-icons';
+import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon, NovaCompositionNavigationArrowDown as ArrowDown } from '@coorpacademy/nova-icons';
 export const ICONS = {
   add: AddIcon,
   analytics: AnalyticsIcon,
@@ -15,6 +15,7 @@ export const ICONS = {
   save: SaveIcon,
   see: EyeIcon,
   folders: FoldersIcon,
-  upload: UploadIcon
+  upload: UploadIcon,
+  down: ArrowDown
 };
 //# sourceMappingURL=button-icons.js.map

package/es/util/button-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,QAiBO,0BAjBP;AAmBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAEhC,OADc;EAEnBiC,SAAS,EAAE/B,aAFQ;EAGnBgC,GAAG,EAAE9B,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnByB,KAAK,EAAEvB,SAPY;EAQnBwB,IAAI,EAAEtB,QARa;EASnBuB,GAAG,EAAEX,OATc;EAUnBY,IAAI,EAAEpB,QAVa;EAWnBqB,MAAM,EAAEnB,UAXW;EAYnBoB,OAAO,EAAElB,WAZU;EAanBmB,IAAI,EAAEjB,QAba;EAcnBkB,GAAG,EAAE1B,OAdc;EAenB2B,OAAO,EAAEf,WAfU;EAgBnBgB,MAAM,EAAEd;AAhBW,CAAd"}
+{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon,\n  NovaCompositionNavigationArrowDown as ArrowDown\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon,\n  down: ArrowDown\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,EAiBEC,kCAAkC,IAAIC,SAjBxC,QAkBO,0BAlBP;AAoBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAElC,OADc;EAEnBmC,SAAS,EAAEjC,aAFQ;EAGnBkC,GAAG,EAAEhC,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnB2B,KAAK,EAAEzB,SAPY;EAQnB0B,IAAI,EAAExB,QARa;EASnByB,GAAG,EAAEb,OATc;EAUnBc,IAAI,EAAEtB,QAVa;EAWnBuB,MAAM,EAAErB,UAXW;EAYnBsB,OAAO,EAAEpB,WAZU;EAanBqB,IAAI,EAAEnB,QAba;EAcnBoB,GAAG,EAAE5B,OAdc;EAenB6B,OAAO,EAAEjB,WAfU;EAgBnBkB,MAAM,EAAEhB,UAhBW;EAiBnBiB,IAAI,EAAEf;AAjBa,CAAd"}

package/lib/atom/button-link-icon-only/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link-icon-only/index.js"],"names":[],"mappings":";AAiCA,6DA+CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link-icon-only/index.js"],"names":[],"mappings":";AAkCA,6DA+CC"}

package/lib/atom/button-link-icon-only/index.js

@@ -68,7 +68,7 @@ const ButtonLinkIconOnly = props => {
     className
   } = props;
   const contentView = getButtonContent(icon);
-  const styleButton = (0, _classnames.default)(getSizeStyle(size), link && _style.default.link, disabled && _style.default.disabled, className);
+  const styleButton = (0, _classnames.default)(getSizeStyle(size), link && _style.default.link, disabled && _style.default.disabled, _style.default[className]);
   const handleOnClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
 
   if (link) {

package/lib/atom/button-link-icon-only/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getButtonContent","icon","Icon","ICONS","style","buttonContent","getSizeStyle","size","small","responsive","default","ButtonLinkIconOnly","props","disabled","dataName","ariaLabel","link","onClick","className","contentView","styleButton","classnames","handleOnClick","useMemo","propTypes","PropTypes","oneOf","string","func","shape","href","download","bool","target"],"sources":["../../../src/atom/button-link-icon-only/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst getButtonContent = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      <Icon className={style.icon} />\n    </div>\n  );\n};\n\nconst getSizeStyle = size => {\n  switch (size) {\n    case 'small':\n      return style.small;\n    case 'responsive':\n      return style.responsive;\n    default:\n      return style.default;\n  }\n};\n\nconst ButtonLinkIconOnly = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick,\n    className\n  } = props;\n  const contentView = getButtonContent(icon);\n  const styleButton = classnames(\n    getSizeStyle(size),\n    link && style.link,\n    disabled && style.disabled,\n    className\n  );\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-name={dataName}\n      title={ariaLabel}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLinkIconOnly.propTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string\n};\n\nexport default ButtonLinkIconOnly;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAGC,IAAI,IAAI;EAC/B,MAAMC,IAAI,GAAG,qBAAM,IAAN,EAAYD,IAAZ,EAAkBE,kBAAlB,CAAb;;EAEA,IAAI,CAACD,IAAL,EAAW;IACT,oBAAO;MAAK,SAAS,EAAEE,cAAA,CAAMC;IAAtB,EAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAED,cAAA,CAAMC;EAAtB,gBACE,6BAAC,IAAD;IAAM,SAAS,EAAED,cAAA,CAAMH;EAAvB,EADF,CADF;AAKD,CAZD;;AAcA,MAAMK,YAAY,GAAGC,IAAI,IAAI;EAC3B,QAAQA,IAAR;IACE,KAAK,OAAL;MACE,OAAOH,cAAA,CAAMI,KAAb;;IACF,KAAK,YAAL;MACE,OAAOJ,cAAA,CAAMK,UAAb;;IACF;MACE,OAAOL,cAAA,CAAMM,OAAb;EANJ;AAQD,CATD;;AAWA,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IACJL,IAAI,GAAG,SADH;IAEJM,QAFI;IAGJZ,IAHI;IAIJ,aAAaa,QAJT;IAKJ,cAAcC,SALV;IAMJC,IANI;IAOJC,OAPI;IAQJC;EARI,IASFN,KATJ;EAUA,MAAMO,WAAW,GAAGnB,gBAAgB,CAACC,IAAD,CAApC;EACA,MAAMmB,WAAW,GAAG,IAAAC,mBAAA,EAClBf,YAAY,CAACC,IAAD,CADM,EAElBS,IAAI,IAAIZ,cAAA,CAAMY,IAFI,EAGlBH,QAAQ,IAAIT,cAAA,CAAMS,QAHA,EAIlBK,SAJkB,CAApB;EAOA,MAAMI,aAAa,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMN,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAAtB;;EAEA,IAAID,IAAJ,EAAU;IACR,oBACE,6BAAC,aAAD,eACMA,IADN;MAEE,SAAS,EAAEI,WAFb;MAGE,aAAWN,QAHb;MAIE,cAAYC,SAJd;MAKE,KAAK,EAAEA;IALT,IAOGI,WAPH,CADF;EAWD;;EAED,oBACE;IACE,IAAI,EAAC,QADP;IAEE,cAAYJ,SAFd;IAGE,aAAWD,QAHb;IAIE,KAAK,EAAEC,SAJT;IAKE,SAAS,EAAEK,WALb;IAME,OAAO,EAAEE;EANX,GAQGH,WARH,CADF;AAYD,CA/CD;;AAiDAR,kBAAkB,CAACa,SAAnB,2CAA+B;EAC7BjB,IAAI,EAAEkB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,YAArB,CAAhB,CADuB;EAE7B,cAAcD,kBAAA,CAAUE,MAFK;EAG7B,aAAaF,kBAAA,CAAUE,MAHM;EAI7B1B,IAAI,EAAEwB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKvB,kBAAL,CAAhB,CAJuB;EAK7Bc,OAAO,EAAEQ,kBAAA,CAAUG,IALU;EAM7BZ,IAAI,EAAES,kBAAA,CAAUI,KAAV,CAAgB;IACpBC,IAAI,EAAEL,kBAAA,CAAUE,MADI;IAEpBI,QAAQ,EAAEN,kBAAA,CAAUO,IAFA;IAGpBC,MAAM,EAAER,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;EAHY,CAAhB,CANuB;EAW7Bb,QAAQ,EAAEY,kBAAA,CAAUO,IAXS;EAY7Bd,SAAS,EAAEO,kBAAA,CAAUE;AAZQ,CAA/B;eAeehB,kB"}
+{"version":3,"file":"index.js","names":["getButtonContent","icon","Icon","ICONS","style","buttonContent","getSizeStyle","size","small","responsive","default","ButtonLinkIconOnly","props","disabled","dataName","ariaLabel","link","onClick","className","contentView","styleButton","classnames","handleOnClick","useMemo","propTypes","PropTypes","oneOf","string","func","shape","href","download","bool","target"],"sources":["../../../src/atom/button-link-icon-only/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport Link from '../link';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst getButtonContent = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      <Icon className={style.icon} />\n    </div>\n  );\n};\n\nconst getSizeStyle = size => {\n  switch (size) {\n    case 'small':\n      return style.small;\n    case 'responsive':\n      return style.responsive;\n    default:\n      return style.default;\n  }\n};\n\nconst ButtonLinkIconOnly = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick,\n    className\n  } = props;\n  const contentView = getButtonContent(icon);\n  const styleButton = classnames(\n    getSizeStyle(size),\n    link && style.link,\n    disabled && style.disabled,\n    style[className]\n  );\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-name={dataName}\n      title={ariaLabel}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLinkIconOnly.propTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string\n};\n\nexport default ButtonLinkIconOnly;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAGC,IAAI,IAAI;EAC/B,MAAMC,IAAI,GAAG,qBAAM,IAAN,EAAYD,IAAZ,EAAkBE,kBAAlB,CAAb;;EAEA,IAAI,CAACD,IAAL,EAAW;IACT,oBAAO;MAAK,SAAS,EAAEE,cAAA,CAAMC;IAAtB,EAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAED,cAAA,CAAMC;EAAtB,gBACE,6BAAC,IAAD;IAAM,SAAS,EAAED,cAAA,CAAMH;EAAvB,EADF,CADF;AAKD,CAZD;;AAcA,MAAMK,YAAY,GAAGC,IAAI,IAAI;EAC3B,QAAQA,IAAR;IACE,KAAK,OAAL;MACE,OAAOH,cAAA,CAAMI,KAAb;;IACF,KAAK,YAAL;MACE,OAAOJ,cAAA,CAAMK,UAAb;;IACF;MACE,OAAOL,cAAA,CAAMM,OAAb;EANJ;AAQD,CATD;;AAWA,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IACJL,IAAI,GAAG,SADH;IAEJM,QAFI;IAGJZ,IAHI;IAIJ,aAAaa,QAJT;IAKJ,cAAcC,SALV;IAMJC,IANI;IAOJC,OAPI;IAQJC;EARI,IASFN,KATJ;EAUA,MAAMO,WAAW,GAAGnB,gBAAgB,CAACC,IAAD,CAApC;EACA,MAAMmB,WAAW,GAAG,IAAAC,mBAAA,EAClBf,YAAY,CAACC,IAAD,CADM,EAElBS,IAAI,IAAIZ,cAAA,CAAMY,IAFI,EAGlBH,QAAQ,IAAIT,cAAA,CAAMS,QAHA,EAIlBT,cAAA,CAAMc,SAAN,CAJkB,CAApB;EAOA,MAAMI,aAAa,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMN,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAAtB;;EAEA,IAAID,IAAJ,EAAU;IACR,oBACE,6BAAC,aAAD,eACMA,IADN;MAEE,SAAS,EAAEI,WAFb;MAGE,aAAWN,QAHb;MAIE,cAAYC,SAJd;MAKE,KAAK,EAAEA;IALT,IAOGI,WAPH,CADF;EAWD;;EAED,oBACE;IACE,IAAI,EAAC,QADP;IAEE,cAAYJ,SAFd;IAGE,aAAWD,QAHb;IAIE,KAAK,EAAEC,SAJT;IAKE,SAAS,EAAEK,WALb;IAME,OAAO,EAAEE;EANX,GAQGH,WARH,CADF;AAYD,CA/CD;;AAiDAR,kBAAkB,CAACa,SAAnB,2CAA+B;EAC7BjB,IAAI,EAAEkB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,YAArB,CAAhB,CADuB;EAE7B,cAAcD,kBAAA,CAAUE,MAFK;EAG7B,aAAaF,kBAAA,CAAUE,MAHM;EAI7B1B,IAAI,EAAEwB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKvB,kBAAL,CAAhB,CAJuB;EAK7Bc,OAAO,EAAEQ,kBAAA,CAAUG,IALU;EAM7BZ,IAAI,EAAES,kBAAA,CAAUI,KAAV,CAAgB;IACpBC,IAAI,EAAEL,kBAAA,CAAUE,MADI;IAEpBI,QAAQ,EAAEN,kBAAA,CAAUO,IAFA;IAGpBC,MAAM,EAAER,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;EAHY,CAAhB,CANuB;EAW7Bb,QAAQ,EAAEY,kBAAA,CAAUO,IAXS;EAY7Bd,SAAS,EAAEO,kBAAA,CAAUE;AAZQ,CAA/B;eAeehB,kB"}

package/lib/atom/button-link-icon-only/style.css

@@ -91,3 +91,26 @@
   width: 12px;
   height: 12px;
 }
+
+/* ----------------- CM bulk style ------------------------- */
+
+.bulkArrowDown {
+  composes: button;
+  width: 24px;
+  height: 24px;
+  background-color: white;
+  border: 1px solid cm_grey_200;
+  border-radius: 5px;
+  padding: 10px;
+  opacity: 0.5;
+}
+
+.bulkArrowDown .icon {
+  width: 8px;
+  height: 8px;
+}
+
+.bulkArrowUp {
+  composes: bulkArrowDown;
+  transform: rotate(180deg);
+}

package/lib/atom/input-switch/index.js

@@ -107,9 +107,7 @@ const InputSwitch = props => {
     tabIndex: 0
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: !details ? _style.default.alignedTextContainer : null
-  }, titlePosition === 'right' ? {
-    titleView
-  } : null, details ? /*#__PURE__*/_react.default.createElement("div", {
+  }, titlePosition === 'right' ? titleView : null, details ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.detailsTxt
   }, details) : null), descriptionView);
 };

package/lib/atom/input-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","isDisabled","handleChange","useMemo","e","target","checked","titleView","style","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","getClassState","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","PropTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? (\n    <span id={`title-view-${dataName}`} className={style.title}>\n      {`${title} `}{' '}\n    </span>\n  ) : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.default, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n            {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n            {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label htmlFor={idSwitch} data-name=\"input-switch-label\" tabIndex={0} />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? {titleView} : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  'aria-label': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","isDisabled","handleChange","useMemo","e","target","checked","titleView","style","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","getClassState","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","PropTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? (\n    <span id={`title-view-${dataName}`} className={style.title}>\n      {`${title} `}{' '}\n    </span>\n  ) : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.default, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n            {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n            {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label htmlFor={idSwitch} data-name=\"input-switch-label\" tabIndex={0} />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  'aria-label': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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"}

package/lib/molecule/card-content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAsHA;;;;;;;;;;;;;;gBA6EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAsHA;;;;;;;;;;;;;;gBA8EC"}

package/lib/molecule/card-content/index.js

@@ -161,6 +161,7 @@ const ContentInfo = ({
     "data-name": "progress",
     className: _style.default.progress,
     style: inlineProgressValueStyle,
+    role: "progressbar",
     "aria-label": (0, _get2.default)('progression', ariaLabel)
   }) : null) : null;
   const adaptiveIcon = adaptiv ? /*#__PURE__*/_react.default.createElement("div", {

package/lib/molecule/card-content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MODES","HERO","CARD","THEMES","default","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","bool","string","CardTitle","title","empty","courseContent","classnames","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","isExternalContent","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","ContentBadge","category","label","oneOf","shape","progression","adaptive"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["MODES","HERO","CARD","THEMES","default","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","bool","string","CardTitle","title","empty","courseContent","classnames","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","isExternalContent","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","ContentBadge","category","label","oneOf","shape","progression","adaptive"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            role=\"progressbar\"\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":"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"}

package/lib/molecule/forum/forum-post/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-post/index.js"],"names":[],"mappings":";AAUA,kEAkJC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-post/index.js"],"names":[],"mappings":";AAUA,kEAsJC"}

package/lib/molecule/forum/forum-post/index.js

@@ -126,10 +126,12 @@ const ForumPost = (props, context) => {
       color,
       display: rejectable ? 'block' : 'none'
     }
-  }, rejected ? putBackLabel : rejectLabel), /*#__PURE__*/_react.default.createElement("div", {
+  }, rejected ? putBackLabel : rejectLabel), deleted ? /*#__PURE__*/_react.default.createElement("div", {
     className: messageClassName,
     role: "status"
-  }, deleted ? infoDeleted : message), /*#__PURE__*/_react.default.createElement("div", {
+  }, infoDeleted) : /*#__PURE__*/_react.default.createElement("div", {
+    className: messageClassName
+  }, message), /*#__PURE__*/_react.default.createElement("div", {
     className: `${_style.default.edition} ${showEditBox ? _style.default.visible : ''}`
   }, /*#__PURE__*/_react.default.createElement(_forumComment.default, {
     avatar: null,

package/lib/molecule/forum/forum-post/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ForumPost","props","context","translate","skin","id","author","avatar","avatarAlt","profileAvatarAlt","date","message","answer","answerPostDisabled","answerTextareaDisabled","answerAvatar","answerable","editable","rejectable","mainPost","rejected","deleted","edition","editionPostDisabled","editionTextareaDisabled","showAnswerBox","showEditBox","onAnswer","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete","color","infoDeleted","answerLabel","editLabel","deleteLabel","rejectLabel","putBackLabel","messageClassName","style","deletedMessage","hiddenMessage","classnames","post","avatarWrapper","image","content","body","action","display","visible","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","SrcPropType","bool","func"],"sources":["../../../../src/molecule/forum/forum-post/index.js"],"sourcesContent":["import React from 'react';\nimport {get, identity} from 'lodash/fp';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Picture from '../../../atom/picture';\nimport ForumComment from '../forum-comment';\nimport style from './style.css';\n\nconst ForumPost = (props, context) => {\n  const {translate, skin} = context;\n  const {\n    id,\n    author,\n    avatar,\n    avatarAlt,\n    profileAvatarAlt,\n    date,\n    message,\n    answer,\n    answerPostDisabled = false,\n    answerTextareaDisabled = false,\n    answerAvatar,\n    answerable = true,\n    editable = false,\n    rejectable = false,\n    mainPost = false,\n    rejected = false,\n    deleted = false,\n    edition,\n    editionPostDisabled = false,\n    editionTextareaDisabled = false,\n    showAnswerBox = false,\n    showEditBox = false,\n    onAnswer = identity,\n    onEdit = identity,\n    onPostAnswer = identity,\n    onPostEdition = identity,\n    onChangeAnswer = identity,\n    onChangeEdition = identity,\n    onModerate,\n    onDelete\n  } = props;\n  const color = get('common.primary', skin);\n\n  const infoDeleted = translate('This message has been removed by its author');\n  const answerLabel = translate('Answer');\n  const editLabel = translate('Edit');\n  const deleteLabel = translate('Delete');\n  const rejectLabel = translate('Reject');\n  const putBackLabel = translate('Put back');\n  let messageClassName = style.message;\n  if (deleted) {\n    messageClassName = style.deletedMessage;\n  } else if (showEditBox) {\n    messageClassName = style.hiddenMessage;\n  }\n\n  return (\n    <div\n      data-name=\"forumPost\"\n      id={`forum-post-${id || 'to-be-posted'}`}\n      className={classnames(\n        mainPost ? style.mainPost : null,\n        rejected ? style.rejected : style.post\n      )}\n    >\n      <div className={style.avatarWrapper}>\n        <div className={style.image}>\n          <Picture src={avatar} className={style.avatar} alt={avatarAlt} />\n        </div>\n        <span data-name=\"author\" className={style.author}>\n          {author}\n        </span>\n      </div>\n      <div className={style.content}>\n        <div>\n          <span className={style.date}>{date}</span>\n        </div>\n        <div className={style.body}>\n          <span\n            className={style.action}\n            onClick={onAnswer}\n            style={{\n              color,\n              display: answerable && !deleted && !rejected ? 'block' : 'none'\n            }}\n          >\n            {answerLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onEdit}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {editLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onDelete}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {deleteLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onModerate}\n            style={{\n              color,\n              display: rejectable ? 'block' : 'none'\n            }}\n          >\n            {rejected ? putBackLabel : rejectLabel}\n          </span>\n\n          <div className={messageClassName} role=\"status\">\n            {deleted ? infoDeleted : message}\n          </div>\n\n          <div className={`${style.edition} ${showEditBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={null}\n              profileAvatarAlt={profileAvatarAlt}\n              value={edition}\n              textareaDisabled={editionTextareaDisabled}\n              postDisabled={editionPostDisabled}\n              onPost={onPostEdition}\n              onChange={onChangeEdition}\n            />\n          </div>\n\n          <div className={`${style.answer} ${showAnswerBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={answerAvatar}\n              profileAvatarAlt={profileAvatarAlt}\n              textareaDisabled={answerTextareaDisabled}\n              postDisabled={answerPostDisabled}\n              value={answer}\n              onPost={onPostAnswer}\n              onChange={onChangeAnswer}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nForumPost.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nForumPost.propTypes = {\n  id: PropTypes.string,\n  author: PropTypes.string,\n  avatarAlt: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  date: PropTypes.string,\n  message: PropTypes.string,\n  avatar: SrcPropType,\n  answerAvatar: SrcPropType,\n  answer: PropTypes.string,\n  edition: PropTypes.string,\n  showAnswerBox: PropTypes.bool,\n  showEditBox: PropTypes.bool,\n  mainPost: PropTypes.bool,\n  onAnswer: PropTypes.func,\n  onEdit: PropTypes.func,\n  onPostAnswer: PropTypes.func,\n  onPostEdition: PropTypes.func,\n  onChangeAnswer: PropTypes.func,\n  onChangeEdition: PropTypes.func,\n  onModerate: PropTypes.func,\n  onDelete: PropTypes.func,\n  answerPostDisabled: PropTypes.bool,\n  answerTextareaDisabled: PropTypes.bool,\n  answerable: PropTypes.bool,\n  editable: PropTypes.bool,\n  rejectable: PropTypes.bool,\n  rejected: PropTypes.bool,\n  deleted: PropTypes.bool,\n  editionPostDisabled: PropTypes.bool,\n  editionTextareaDisabled: PropTypes.bool\n};\n\nexport default ForumPost;\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAM;IACJG,EADI;IAEJC,MAFI;IAGJC,MAHI;IAIJC,SAJI;IAKJC,gBALI;IAMJC,IANI;IAOJC,OAPI;IAQJC,MARI;IASJC,kBAAkB,GAAG,KATjB;IAUJC,sBAAsB,GAAG,KAVrB;IAWJC,YAXI;IAYJC,UAAU,GAAG,IAZT;IAaJC,QAAQ,GAAG,KAbP;IAcJC,UAAU,GAAG,KAdT;IAeJC,QAAQ,GAAG,KAfP;IAgBJC,QAAQ,GAAG,KAhBP;IAiBJC,OAAO,GAAG,KAjBN;IAkBJC,OAlBI;IAmBJC,mBAAmB,GAAG,KAnBlB;IAoBJC,uBAAuB,GAAG,KApBtB;IAqBJC,aAAa,GAAG,KArBZ;IAsBJC,WAAW,GAAG,KAtBV;IAuBJC,QAAQ,qBAvBJ;IAwBJC,MAAM,qBAxBF;IAyBJC,YAAY,qBAzBR;IA0BJC,aAAa,qBA1BT;IA2BJC,cAAc,qBA3BV;IA4BJC,eAAe,qBA5BX;IA6BJC,UA7BI;IA8BJC;EA9BI,IA+BFjC,KA/BJ;EAgCA,MAAMkC,KAAK,GAAG,mBAAI,gBAAJ,EAAsB/B,IAAtB,CAAd;EAEA,MAAMgC,WAAW,GAAGjC,SAAS,CAAC,6CAAD,CAA7B;EACA,MAAMkC,WAAW,GAAGlC,SAAS,CAAC,QAAD,CAA7B;EACA,MAAMmC,SAAS,GAAGnC,SAAS,CAAC,MAAD,CAA3B;EACA,MAAMoC,WAAW,GAAGpC,SAAS,CAAC,QAAD,CAA7B;EACA,MAAMqC,WAAW,GAAGrC,SAAS,CAAC,QAAD,CAA7B;EACA,MAAMsC,YAAY,GAAGtC,SAAS,CAAC,UAAD,CAA9B;EACA,IAAIuC,gBAAgB,GAAGC,cAAA,CAAMhC,OAA7B;;EACA,IAAIU,OAAJ,EAAa;IACXqB,gBAAgB,GAAGC,cAAA,CAAMC,cAAzB;EACD,CAFD,MAEO,IAAIlB,WAAJ,EAAiB;IACtBgB,gBAAgB,GAAGC,cAAA,CAAME,aAAzB;EACD;;EAED,oBACE;IACE,aAAU,WADZ;IAEE,EAAE,EAAG,cAAaxC,EAAE,IAAI,cAAe,EAFzC;IAGE,SAAS,EAAE,IAAAyC,mBAAA,EACT3B,QAAQ,GAAGwB,cAAA,CAAMxB,QAAT,GAAoB,IADnB,EAETC,QAAQ,GAAGuB,cAAA,CAAMvB,QAAT,GAAoBuB,cAAA,CAAMI,IAFzB;EAHb,gBAQE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMM;EAAtB,gBACE,6BAAC,gBAAD;IAAS,GAAG,EAAE1C,MAAd;IAAsB,SAAS,EAAEoC,cAAA,CAAMpC,MAAvC;IAA+C,GAAG,EAAEC;EAApD,EADF,CADF,eAIE;IAAM,aAAU,QAAhB;IAAyB,SAAS,EAAEmC,cAAA,CAAMrC;EAA1C,GACGA,MADH,CAJF,CARF,eAgBE;IAAK,SAAS,EAAEqC,cAAA,CAAMO;EAAtB,gBACE,uDACE;IAAM,SAAS,EAAEP,cAAA,CAAMjC;EAAvB,GAA8BA,IAA9B,CADF,CADF,eAIE;IAAK,SAAS,EAAEiC,cAAA,CAAMQ;EAAtB,gBACE;IACE,SAAS,EAAER,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAEzB,QAFX;IAGE,KAAK,EAAE;MACLQ,KADK;MAELkB,OAAO,EAAErC,UAAU,IAAI,CAACK,OAAf,IAA0B,CAACD,QAA3B,GAAsC,OAAtC,GAAgD;IAFpD;EAHT,GAQGiB,WARH,CADF,eAYE;IACE,SAAS,EAAEM,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAExB,MAFX;IAGE,KAAK,EAAE;MACLO,KADK;MAELkB,OAAO,EAAEpC,QAAQ,GAAG,OAAH,GAAa;IAFzB;EAHT,GAQGqB,SARH,CAZF,eAuBE;IACE,SAAS,EAAEK,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAElB,QAFX;IAGE,KAAK,EAAE;MACLC,KADK;MAELkB,OAAO,EAAEpC,QAAQ,GAAG,OAAH,GAAa;IAFzB;EAHT,GAQGsB,WARH,CAvBF,eAkCE;IACE,SAAS,EAAEI,cAAA,CAAMS,MADnB;IAEE,OAAO,EAAEnB,UAFX;IAGE,KAAK,EAAE;MACLE,KADK;MAELkB,OAAO,EAAEnC,UAAU,GAAG,OAAH,GAAa;IAF3B;EAHT,GAQGE,QAAQ,GAAGqB,YAAH,GAAkBD,WAR7B,CAlCF,eA6CE;IAAK,SAAS,EAAEE,gBAAhB;IAAkC,IAAI,EAAC;EAAvC,GACGrB,OAAO,GAAGe,WAAH,GAAiBzB,OAD3B,CA7CF,eAiDE;IAAK,SAAS,EAAG,GAAEgC,cAAA,CAAMrB,OAAQ,IAAGI,WAAW,GAAGiB,cAAA,CAAMW,OAAT,GAAmB,EAAG;EAArE,gBACE,6BAAC,qBAAD;IACE,MAAM,EAAE,IADV;IAEE,gBAAgB,EAAE7C,gBAFpB;IAGE,KAAK,EAAEa,OAHT;IAIE,gBAAgB,EAAEE,uBAJpB;IAKE,YAAY,EAAED,mBALhB;IAME,MAAM,EAAEO,aANV;IAOE,QAAQ,EAAEE;EAPZ,EADF,CAjDF,eA6DE;IAAK,SAAS,EAAG,GAAEW,cAAA,CAAM/B,MAAO,IAAGa,aAAa,GAAGkB,cAAA,CAAMW,OAAT,GAAmB,EAAG;EAAtE,gBACE,6BAAC,qBAAD;IACE,MAAM,EAAEvC,YADV;IAEE,gBAAgB,EAAEN,gBAFpB;IAGE,gBAAgB,EAAEK,sBAHpB;IAIE,YAAY,EAAED,kBAJhB;IAKE,KAAK,EAAED,MALT;IAME,MAAM,EAAEiB,YANV;IAOE,QAAQ,EAAEE;EAPZ,EADF,CA7DF,CAJF,CAhBF,CADF;AAiGD,CAlJD;;AAoJA/B,SAAS,CAACuD,YAAV,GAAyB;EACvBpD,SAAS,EAAEqD,iBAAA,CAASC,iBAAT,CAA2BtD,SADf;EAEvBC,IAAI,EAAEoD,iBAAA,CAASC,iBAAT,CAA2BrD;AAFV,CAAzB;AAKAJ,SAAS,CAAC0D,SAAV,2CAAsB;EACpBrD,EAAE,EAAEsD,kBAAA,CAAUC,MADM;EAEpBtD,MAAM,EAAEqD,kBAAA,CAAUC,MAFE;EAGpBpD,SAAS,EAAEmD,kBAAA,CAAUC,MAHD;EAIpBnD,gBAAgB,EAAEkD,kBAAA,CAAUC,MAJR;EAKpBlD,IAAI,EAAEiD,kBAAA,CAAUC,MALI;EAMpBjD,OAAO,EAAEgD,kBAAA,CAAUC,MANC;EAOpBrD,MAAM,EAAEsD,sBAPY;EAQpB9C,YAAY,EAAE8C,sBARM;EASpBjD,MAAM,EAAE+C,kBAAA,CAAUC,MATE;EAUpBtC,OAAO,EAAEqC,kBAAA,CAAUC,MAVC;EAWpBnC,aAAa,EAAEkC,kBAAA,CAAUG,IAXL;EAYpBpC,WAAW,EAAEiC,kBAAA,CAAUG,IAZH;EAapB3C,QAAQ,EAAEwC,kBAAA,CAAUG,IAbA;EAcpBnC,QAAQ,EAAEgC,kBAAA,CAAUI,IAdA;EAepBnC,MAAM,EAAE+B,kBAAA,CAAUI,IAfE;EAgBpBlC,YAAY,EAAE8B,kBAAA,CAAUI,IAhBJ;EAiBpBjC,aAAa,EAAE6B,kBAAA,CAAUI,IAjBL;EAkBpBhC,cAAc,EAAE4B,kBAAA,CAAUI,IAlBN;EAmBpB/B,eAAe,EAAE2B,kBAAA,CAAUI,IAnBP;EAoBpB9B,UAAU,EAAE0B,kBAAA,CAAUI,IApBF;EAqBpB7B,QAAQ,EAAEyB,kBAAA,CAAUI,IArBA;EAsBpBlD,kBAAkB,EAAE8C,kBAAA,CAAUG,IAtBV;EAuBpBhD,sBAAsB,EAAE6C,kBAAA,CAAUG,IAvBd;EAwBpB9C,UAAU,EAAE2C,kBAAA,CAAUG,IAxBF;EAyBpB7C,QAAQ,EAAE0C,kBAAA,CAAUG,IAzBA;EA0BpB5C,UAAU,EAAEyC,kBAAA,CAAUG,IA1BF;EA2BpB1C,QAAQ,EAAEuC,kBAAA,CAAUG,IA3BA;EA4BpBzC,OAAO,EAAEsC,kBAAA,CAAUG,IA5BC;EA6BpBvC,mBAAmB,EAAEoC,kBAAA,CAAUG,IA7BX;EA8BpBtC,uBAAuB,EAAEmC,kBAAA,CAAUG;AA9Bf,CAAtB;eAiCe9D,S"}
+{"version":3,"file":"index.js","names":["ForumPost","props","context","translate","skin","id","author","avatar","avatarAlt","profileAvatarAlt","date","message","answer","answerPostDisabled","answerTextareaDisabled","answerAvatar","answerable","editable","rejectable","mainPost","rejected","deleted","edition","editionPostDisabled","editionTextareaDisabled","showAnswerBox","showEditBox","onAnswer","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete","color","infoDeleted","answerLabel","editLabel","deleteLabel","rejectLabel","putBackLabel","messageClassName","style","deletedMessage","hiddenMessage","classnames","post","avatarWrapper","image","content","body","action","display","visible","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","SrcPropType","bool","func"],"sources":["../../../../src/molecule/forum/forum-post/index.js"],"sourcesContent":["import React from 'react';\nimport {get, identity} from 'lodash/fp';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Picture from '../../../atom/picture';\nimport ForumComment from '../forum-comment';\nimport style from './style.css';\n\nconst ForumPost = (props, context) => {\n  const {translate, skin} = context;\n  const {\n    id,\n    author,\n    avatar,\n    avatarAlt,\n    profileAvatarAlt,\n    date,\n    message,\n    answer,\n    answerPostDisabled = false,\n    answerTextareaDisabled = false,\n    answerAvatar,\n    answerable = true,\n    editable = false,\n    rejectable = false,\n    mainPost = false,\n    rejected = false,\n    deleted = false,\n    edition,\n    editionPostDisabled = false,\n    editionTextareaDisabled = false,\n    showAnswerBox = false,\n    showEditBox = false,\n    onAnswer = identity,\n    onEdit = identity,\n    onPostAnswer = identity,\n    onPostEdition = identity,\n    onChangeAnswer = identity,\n    onChangeEdition = identity,\n    onModerate,\n    onDelete\n  } = props;\n  const color = get('common.primary', skin);\n\n  const infoDeleted = translate('This message has been removed by its author');\n  const answerLabel = translate('Answer');\n  const editLabel = translate('Edit');\n  const deleteLabel = translate('Delete');\n  const rejectLabel = translate('Reject');\n  const putBackLabel = translate('Put back');\n  let messageClassName = style.message;\n  if (deleted) {\n    messageClassName = style.deletedMessage;\n  } else if (showEditBox) {\n    messageClassName = style.hiddenMessage;\n  }\n\n  return (\n    <div\n      data-name=\"forumPost\"\n      id={`forum-post-${id || 'to-be-posted'}`}\n      className={classnames(\n        mainPost ? style.mainPost : null,\n        rejected ? style.rejected : style.post\n      )}\n    >\n      <div className={style.avatarWrapper}>\n        <div className={style.image}>\n          <Picture src={avatar} className={style.avatar} alt={avatarAlt} />\n        </div>\n        <span data-name=\"author\" className={style.author}>\n          {author}\n        </span>\n      </div>\n      <div className={style.content}>\n        <div>\n          <span className={style.date}>{date}</span>\n        </div>\n        <div className={style.body}>\n          <span\n            className={style.action}\n            onClick={onAnswer}\n            style={{\n              color,\n              display: answerable && !deleted && !rejected ? 'block' : 'none'\n            }}\n          >\n            {answerLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onEdit}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {editLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onDelete}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {deleteLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onModerate}\n            style={{\n              color,\n              display: rejectable ? 'block' : 'none'\n            }}\n          >\n            {rejected ? putBackLabel : rejectLabel}\n          </span>\n\n          {deleted ? (\n            <div className={messageClassName} role=\"status\">\n              {infoDeleted}\n            </div>\n          ) : (\n            <div className={messageClassName}>{message}</div>\n          )}\n\n          <div className={`${style.edition} ${showEditBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={null}\n              profileAvatarAlt={profileAvatarAlt}\n              value={edition}\n              textareaDisabled={editionTextareaDisabled}\n              postDisabled={editionPostDisabled}\n              onPost={onPostEdition}\n              onChange={onChangeEdition}\n            />\n          </div>\n\n          <div className={`${style.answer} ${showAnswerBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={answerAvatar}\n              profileAvatarAlt={profileAvatarAlt}\n              textareaDisabled={answerTextareaDisabled}\n              postDisabled={answerPostDisabled}\n              value={answer}\n              onPost={onPostAnswer}\n              onChange={onChangeAnswer}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nForumPost.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nForumPost.propTypes = {\n  id: PropTypes.string,\n  author: PropTypes.string,\n  avatarAlt: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  date: PropTypes.string,\n  message: PropTypes.string,\n  avatar: SrcPropType,\n  answerAvatar: SrcPropType,\n  answer: PropTypes.string,\n  edition: PropTypes.string,\n  showAnswerBox: PropTypes.bool,\n  showEditBox: PropTypes.bool,\n  mainPost: PropTypes.bool,\n  onAnswer: PropTypes.func,\n  onEdit: PropTypes.func,\n  onPostAnswer: PropTypes.func,\n  onPostEdition: PropTypes.func,\n  onChangeAnswer: PropTypes.func,\n  onChangeEdition: PropTypes.func,\n  onModerate: PropTypes.func,\n  onDelete: PropTypes.func,\n  answerPostDisabled: PropTypes.bool,\n  answerTextareaDisabled: PropTypes.bool,\n  answerable: PropTypes.bool,\n  editable: PropTypes.bool,\n  rejectable: PropTypes.bool,\n  rejected: PropTypes.bool,\n  deleted: PropTypes.bool,\n  editionPostDisabled: PropTypes.bool,\n  editionTextareaDisabled: PropTypes.bool\n};\n\nexport default ForumPost;\n"],"mappings":"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"}

package/lib/molecule/review-card-congrats/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/index.js"],"names":[],"mappings":"AAaO,0FAGN;;AAED,6DAmEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/index.js"],"names":[],"mappings":"AAaO,0FAGN;;AAED,6DAqEC"}

package/lib/molecule/review-card-congrats/index.js

@@ -69,7 +69,6 @@ const ReviewCardCongrats = props => {
   const wrapperClassName = (0, _classnames.default)(className, _style.default.cardContainer, cardType === 'card-star' ? _style.default.cardStar : _style.default.cardRank);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: wrapperClassName,
-    "aria-label": ariaLabel,
     "data-name": dataName
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.mainIcon
@@ -81,7 +80,9 @@ const ReviewCardCongrats = props => {
     className: _style.default.wrapperLottie,
     backupImageClassName: _style.default.ie11Backup
   }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.title
+    className: _style.default.title,
+    role: "status",
+    "aria-label": ariaLabel
   }, reviewCardTitle), /*#__PURE__*/_react.default.createElement("div", {
     className: cardType === 'card-star' ? _style.default.textContainerStar : _style.default.textContainerRank
   }, cardType === 'card-rank' ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidVoteRewardsRewardsBadge5, {

package/lib/molecule/review-card-congrats/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","useState","isAnimated","useEffect","timer","setTimeout","clearTimeout","wrapperClassName","classnames","style","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","EASE_OUT_CUBIC","progress","iconStar","propTypes"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n  setIsAnimationVisible('play');\n  setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    cardType,\n    iconAriaLabel,\n    className,\n    reviewCardTitle,\n    reviewCardValue,\n    rankSuffix,\n    timerAnimation\n  } = props;\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n  const [isAnimated, setIsAnimated] = useState(false);\n\n  useEffect(() => {\n    let timer;\n    // istanbul ignore else\n    if (!isAnimationVisible || !isAnimated) {\n      timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n    }\n    return () => timer && clearTimeout(timer);\n  }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n  const wrapperClassName = classnames(\n    className,\n    style.cardContainer,\n    cardType === 'card-star' ? style.cardStar : style.cardRank\n  );\n\n  return (\n    <div className={wrapperClassName} aria-label={ariaLabel} data-name={dataName}>\n      <div className={style.mainIcon}>\n        <LottieWrapper\n          {...animationLottie}\n          loop={false}\n          animationControl={isAnimationVisible}\n          autoplay={false}\n          data-name=\"lottie-wrapper\"\n          className={style.wrapperLottie}\n          backupImageClassName={style.ie11Backup}\n        />\n      </div>\n      <div className={style.title}>{reviewCardTitle}</div>\n      <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n        {cardType === 'card-rank' ? (\n          <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n        ) : null}\n        <AnimationScheduler animated={isAnimated}>\n          <div>\n            <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n              <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n                {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n              </Animation>\n            </span>\n          </div>\n        </AnimationScheduler>\n        {cardType === 'card-star' ? (\n          <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n        ) : (\n          <div className={style.rankSuffix}>{rankSuffix}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,aAAa,GAAG,CAACC,qBAAD,EAAwBC,aAAxB,KAA0C,MAAM;EAC3ED,qBAAqB,CAAC,MAAD,CAArB;EACAC,aAAa,CAAC,IAAD,CAAb;AACD,CAHM;;;;AAKP,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,QAJI;IAKJC,aALI;IAMJC,SANI;IAOJC,eAPI;IAQJC,eARI;IASJC,UATI;IAUJC;EAVI,IAWFV,KAXJ;EAaA,MAAM,CAACW,kBAAD,EAAqBd,qBAArB,IAA8C,IAAAe,eAAA,EAAS,SAAT,CAApD;EACA,MAAM,CAACC,UAAD,EAAaf,aAAb,IAA8B,IAAAc,eAAA,EAAS,KAAT,CAApC;EAEA,IAAAE,gBAAA,EAAU,MAAM;IACd,IAAIC,KAAJ,CADc,CAEd;;IACA,IAAI,CAACJ,kBAAD,IAAuB,CAACE,UAA5B,EAAwC;MACtCE,KAAK,GAAGC,UAAU,CAACpB,aAAa,CAACC,qBAAD,EAAwBC,aAAxB,CAAd,EAAsDY,cAAtD,CAAlB;IACD;;IACD,OAAO,MAAMK,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAPD,EAOG,CAACL,cAAD,EAAiBG,UAAjB,EAA6BF,kBAA7B,CAPH;EASA,MAAMO,gBAAgB,GAAG,IAAAC,mBAAA,EACvBb,SADuB,EAEvBc,cAAA,CAAMC,aAFiB,EAGvBjB,QAAQ,KAAK,WAAb,GAA2BgB,cAAA,CAAME,QAAjC,GAA4CF,cAAA,CAAMG,QAH3B,CAAzB;EAMA,oBACE;IAAK,SAAS,EAAEL,gBAAhB;IAAkC,cAAYjB,SAA9C;IAAyD,aAAWC;EAApE,gBACE;IAAK,SAAS,EAAEkB,cAAA,CAAMI;EAAtB,gBACE,6BAAC,sBAAD,eACMrB,eADN;IAEE,IAAI,EAAE,KAFR;IAGE,gBAAgB,EAAEQ,kBAHpB;IAIE,QAAQ,EAAE,KAJZ;IAKE,aAAU,gBALZ;IAME,SAAS,EAAES,cAAA,CAAMK,aANnB;IAOE,oBAAoB,EAAEL,cAAA,CAAMM;EAP9B,GADF,CADF,eAYE;IAAK,SAAS,EAAEN,cAAA,CAAMO;EAAtB,GAA8BpB,eAA9B,CAZF,eAaE;IAAK,SAAS,EAAEH,QAAQ,KAAK,WAAb,GAA2BgB,cAAA,CAAMQ,iBAAjC,GAAqDR,cAAA,CAAMS;EAA3E,GACGzB,QAAQ,KAAK,WAAb,gBACC,6BAAC,4CAAD;IAAU,SAAS,EAAEgB,cAAA,CAAMU,QAA3B;IAAqC,KAAK,EAAE,EAA5C;IAAgD,MAAM,EAAE,EAAxD;IAA4D,cAAYzB;EAAxE,EADD,GAEG,IAHN,eAIE,6BAAC,2BAAD;IAAoB,QAAQ,EAAEQ;EAA9B,gBACE,uDACE;IAAM,SAAS,EAAET,QAAQ,KAAK,WAAb,GAA2BgB,cAAA,CAAMW,QAAjC,GAA4CX,cAAA,CAAMY;EAAnE,gBACE,6BAAC,kBAAD;IAAW,IAAI,EAAC,SAAhB;IAA0B,MAAM,EAAEC,yBAAlC;IAAkD,QAAQ,EAAE;EAA5D,GACGC,QAAQ,IAAI,oBAAK,wBAAU,EAAV,CAAL,EAAoB,wBAASA,QAAT,CAApB,mBAA+C1B,eAA/C,CADf,CADF,CADF,CADF,CAJF,EAaGJ,QAAQ,KAAK,WAAb,gBACC,6BAAC,0CAAD;IAAU,SAAS,EAAEgB,cAAA,CAAMe,QAA3B;IAAqC,KAAK,EAAE,EAA5C;IAAgD,MAAM,EAAE,EAAxD;IAA4D,cAAY9B;EAAxE,EADD,gBAGC;IAAK,SAAS,EAAEe,cAAA,CAAMX;EAAtB,GAAmCA,UAAnC,CAhBJ,CAbF,CADF;AAmCD,CAnED;;AAqEAV,kBAAkB,CAACqC,SAAnB,2CAA+BA,kBAA/B;eAEerC,kB"}
+{"version":3,"file":"index.js","names":["setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","useState","isAnimated","useEffect","timer","setTimeout","clearTimeout","wrapperClassName","classnames","style","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","EASE_OUT_CUBIC","progress","iconStar","propTypes"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n  setIsAnimationVisible('play');\n  setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    cardType,\n    iconAriaLabel,\n    className,\n    reviewCardTitle,\n    reviewCardValue,\n    rankSuffix,\n    timerAnimation\n  } = props;\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n  const [isAnimated, setIsAnimated] = useState(false);\n\n  useEffect(() => {\n    let timer;\n    // istanbul ignore else\n    if (!isAnimationVisible || !isAnimated) {\n      timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n    }\n    return () => timer && clearTimeout(timer);\n  }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n  const wrapperClassName = classnames(\n    className,\n    style.cardContainer,\n    cardType === 'card-star' ? style.cardStar : style.cardRank\n  );\n\n  return (\n    <div className={wrapperClassName} data-name={dataName}>\n      <div className={style.mainIcon}>\n        <LottieWrapper\n          {...animationLottie}\n          loop={false}\n          animationControl={isAnimationVisible}\n          autoplay={false}\n          data-name=\"lottie-wrapper\"\n          className={style.wrapperLottie}\n          backupImageClassName={style.ie11Backup}\n        />\n      </div>\n      <div className={style.title} role=\"status\" aria-label={ariaLabel}>\n        {reviewCardTitle}\n      </div>\n      <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n        {cardType === 'card-rank' ? (\n          <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n        ) : null}\n        <AnimationScheduler animated={isAnimated}>\n          <div>\n            <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n              <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n                {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n              </Animation>\n            </span>\n          </div>\n        </AnimationScheduler>\n        {cardType === 'card-star' ? (\n          <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n        ) : (\n          <div className={style.rankSuffix}>{rankSuffix}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"mappings":"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"}

package/lib/molecule/review-correction-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AAoCA,gEAmDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AAoCA,gEAqDC"}

package/lib/molecule/review-correction-popin/index.js

@@ -76,10 +76,10 @@ const ReviewCorrectionPopin = props => {
   }, /*#__PURE__*/_react.default.createElement(Icon, {
     className: type === 'right' ? _style.default.iconRight : _style.default.iconWrong
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.resultLabel,
-    "aria-label": "result"
+    className: _style.default.resultLabel
   }, /*#__PURE__*/_react.default.createElement("span", {
-    "aria-label": resultLabel
+    "aria-label": resultLabel,
+    role: "status"
   }, resultLabel))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.feedbackSection
   }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/molecule/review-correction-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildKlfButton","klf","klfButtonProps","icon","position","type","style","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","__html","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","RightIcon","wrong","WrongIcon","Icon","wrapper","classnames","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","propTypes"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <span\n          className={style.tooltipText}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: klf.tooltip}}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper} data-testid=\"review-correction-popin\">\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span\n              className={style.message}\n              aria-label={information.message}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: information.message}}\n            />\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer} data-testid=\"next-question-button-container\">\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildKlfButton","klf","klfButtonProps","icon","position","type","style","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","__html","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","RightIcon","wrong","WrongIcon","Icon","wrapper","classnames","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","propTypes"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <span\n          className={style.tooltipText}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: klf.tooltip}}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper} data-testid=\"review-correction-popin\">\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel}>\n            <span aria-label={resultLabel} role=\"status\">\n              {resultLabel}\n            </span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span\n              className={style.message}\n              aria-label={information.message}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: information.message}}\n            />\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer} data-testid=\"next-question-button-container\">\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;;;AAEA,MAAMA,cAAc,GAAGC,GAAG,IAAI;EAC5B,MAAMC,cAAc,gBACfD,GADe;IAElBE,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,IAAI,EAAE;IAFF,CAFY;IAMlBA,IAAI,EAAE;EANY,EAApB;;EASA,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE,6BAAC,mBAAD,eAAgBN,cAAhB;IAAgC,SAAS,EAAEI,cAAA,CAAMG;EAAjD,GADF,CADF,eAIE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,gBACE;IACE,SAAS,EAAEJ,cAAA,CAAMK,WADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEX,GAAG,CAACY;IAAb;EAH3B,EADF,CAJF,CADF;AAcD,CAxBD;;AA0BA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,WAAD;IAAcC,WAAd;IAA2BZ,IAA3B;IAAiCJ,GAAjC;IAAsCiB;EAAtC,IAA8CH,KAApD;;EAEA,MAAMI,uBAAuB,gBACxBD,IADwB;IAE3Bb,IAAI,EAAE;EAFqB,EAA7B;;EAKA,MAAMe,GAAG,GAAGf,IAAI,KAAK,OAAT,GAAmBL,cAAc,CAACC,GAAD,CAAjC,GAAyC,IAArD;EAEA,MAAMoB,KAAK,GAAG;IACZC,KAAK,EAAEC,2CADK;IAEZC,KAAK,EAAEC;EAFK,CAAd;EAIA,MAAMC,IAAI,GAAGL,KAAK,CAAChB,IAAD,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMqB,OAAtB;IAA+B,eAAY;EAA3C,gBACE;IAAK,SAAS,EAAE,IAAAC,mBAAA,EAAWtB,cAAA,CAAMuB,KAAjB,EAAwBxB,IAAI,KAAK,OAAT,GAAmBC,cAAA,CAAMgB,KAAzB,GAAiChB,cAAA,CAAMkB,KAA/D;EAAhB,gBACE;IAAK,SAAS,EAAElB,cAAA,CAAMwB;EAAtB,gBACE;IAAK,SAAS,EAAExB,cAAA,CAAMyB;EAAtB,gBACE,6BAAC,IAAD;IAAM,SAAS,EAAE1B,IAAI,KAAK,OAAT,GAAmBC,cAAA,CAAM0B,SAAzB,GAAqC1B,cAAA,CAAM2B;EAA5D,EADF,CADF,eAIE;IAAK,SAAS,EAAE3B,cAAA,CAAMW;EAAtB,gBACE;IAAM,cAAYA,WAAlB;IAA+B,IAAI,EAAC;EAApC,GACGA,WADH,CADF,CAJF,CADF,eAWE;IAAK,SAAS,EAAEX,cAAA,CAAM4B;EAAtB,gBACE;IAAK,SAAS,EAAE5B,cAAA,CAAMU,WAAtB;IAAmC,cAAW;EAA9C,gBACE;IAAK,SAAS,EAAEV,cAAA,CAAM6B;EAAtB,gBACE;IAAM,SAAS,EAAE7B,cAAA,CAAM8B,KAAvB;IAA8B,cAAYpB,WAAW,CAACoB;EAAtD,GACGpB,WAAW,CAACoB,KADf,CADF,CADF,eAME;IACE,SAAS,EAAE9B,cAAA,CAAM+B,OADnB;IAEE,cAAYrB,WAAW,CAACqB,OAF1B,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACzB,MAAM,EAAEI,WAAW,CAACqB;IAArB;EAJ3B,EANF,CADF,CAXF,eA0BE;IAAK,SAAS,EAAEhC,IAAI,KAAK,OAAT,GAAmBC,cAAA,CAAMgC,OAAzB,GAAmChC,cAAA,CAAMiC;EAAzD,GACGnB,GADH,eAEE;IAAK,SAAS,EAAEd,cAAA,CAAMkC,qBAAtB;IAA6C,eAAY;EAAzD,gBACE,6BAAC,mBAAD,eAAgBrB,uBAAhB;IAAyC,SAAS,EAAEb,cAAA,CAAMmC;EAA1D,GADF,CAFF,CA1BF,CADF,CADF;AAqCD,CArDD;;AAuDA3B,qBAAqB,CAAC4B,SAAtB,2CAAkCA,kBAAlC;eAEe5B,qB"}

package/lib/template/app-player/popin-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";AAwWA,oEAyDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtID,gFA4DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3HD,yDAkDC;;;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;gBAkBC;;;;;;;;;;;AA8ED;;;;;uBAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";AAyWA,oEAyDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtID,gFA4DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5HD,yDAmDC;;;;;;;;;;;;;;;;;;;;;;;;;AApOD;;gBAkBC;;;;;;;;;;;AA8ED;;;;;uBAYC"}

package/lib/template/app-player/popin-header/index.js

@@ -317,7 +317,8 @@ const CorrectionPart = props => {
       __html: title
     }
   }), /*#__PURE__*/_react.default.createElement("h2", {
-    className: buildDefaultOrScormStyle(_style.default.subtitle, _style.default.resultSubtitleScorm, failed, mode, _style.default.statusPlayerResultFailScorm)
+    className: buildDefaultOrScormStyle(_style.default.subtitle, _style.default.resultSubtitleScorm, failed, mode, _style.default.statusPlayerResultFailScorm),
+    role: 'status'
   }, subtitle), failed && !(0, _isEmpty2.default)(corrections) ? /*#__PURE__*/_react.default.createElement(AnswersCorrection, {
     corrections: corrections
   }) : null), mode !== 'scorm' ? /*#__PURE__*/_react.default.createElement(IconsPart, props) : null);