@coorpacademy/components 11.14.0 → 11.14.1-alpha.3.2

package/es/atom/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA0IA,iDAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA8IA,iDAgCC"}

package/es/atom/button/index.js

@@ -48,7 +48,8 @@ const ButtonContent = props => {
         target: target,
         className: anchorClassName,
         style: style,
-        "aria-label": ariaLabel
+        "aria-label": ariaLabel,
+        "data-testid": dataTestid
       }, submitValue || children || 'submit');
 
     case 'a':
@@ -58,7 +59,8 @@ const ButtonContent = props => {
         target: target,
         className: anchorClassName,
         onClick: anchorOnClick,
-        style: style
+        style: style,
+        "data-testid": dataTestid
       }, submitValue || children);
 
     case 'button':
@@ -82,17 +84,20 @@ const ButtonContent = props => {
     // falls through in case type is button BUT no button tag is needed, for retro-compatibility
 
     default:
-      return /*#__PURE__*/React.createElement("input", {
-        "data-name": dataName,
-        type: type,
-        value: submitValue,
-        disabled: disabled,
-        onClick: onClick,
-        className: inputClassName,
-        style: _extends({
-          color
-        }, style)
-      });
+      {
+        return /*#__PURE__*/React.createElement("input", {
+          "data-name": dataName,
+          type: type,
+          value: submitValue,
+          disabled: disabled,
+          onClick: onClick,
+          className: inputClassName,
+          "data-testid": dataTestid,
+          style: _extends({
+            color
+          }, style)
+        });
+      }
   }
 };
 

package/es/atom/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","noop","ColorPropType","Link","cssStyle","ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","children","type","style","dataName","ariaLabel","dataTestid","useButtonTag","buttonRef","dataFor","dataTooltipPlace","dataTip","onKeyDown","onMouseLeave","onMouseOver","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","favorite","propTypes","string","bool","oneOf","node","shape","func","Button","buttonContentClassName","isLinkDisabled","useWrapper","buttonWrapperClassNames","button","contentClassName","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport noop from 'lodash/fp/noop';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className,\n    children,\n    type,\n    style,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    'data-testid': dataTestid,\n    useButtonTag,\n    buttonRef,\n    'data-for': dataFor,\n    'data-tooltip-place': dataTooltipPlace,\n    'data-tip': dataTip,\n    onKeyDown = noop,\n    onMouseLeave = noop,\n    onMouseOver = noop\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n          aria-label={ariaLabel}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    case 'button':\n      if (useButtonTag)\n        return (\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            data-for={dataFor}\n            data-tooltip-place={dataTooltipPlace}\n            data-tip={dataTip}\n            data-name={dataName}\n            data-testid={dataTestid}\n            aria-label={ariaLabel.favorite}\n            className={className}\n            onClick={onClick}\n            style={style}\n            onKeyDown={onKeyDown}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            tabIndex={0}\n          >\n            {children}\n          </button>\n        );\n    // falls through in case type is button BUT no button tag is needed, for retro-compatibility\n    default:\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  useButtonTag: PropTypes.bool,\n  // event handlers\n  onClick: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOver: PropTypes.func,\n  // for ReactTooltip handling\n  buttonRef: PropTypes.shape({}),\n  'data-for': PropTypes.string,\n  'data-tooltip-place': PropTypes.string,\n  'data-tip': PropTypes.bool\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    useWrapper = true\n  } = props;\n  const buttonWrapperClassNames = useMemo(\n    () =>\n      (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n      classnames([cssStyle.button, className]),\n    [className, isLinkDisabled]\n  );\n\n  const contentClassName = useMemo(\n    () => (buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent),\n    [buttonContentClassName]\n  );\n\n  return useWrapper ? (\n    <div className={buttonWrapperClassNames}>\n      <ButtonContent {...props} type={type} className={contentClassName}>\n        {children}\n      </ButtonContent>\n    </div>\n  ) : (\n    <ButtonContent {...props} type={type} className={contentClassName}>\n      {children}\n    </ButtonContent>\n  );\n};\n\nButton.propTypes = {\n  isLinkDisabled: PropTypes.bool,\n  useWrapper: PropTypes.bool,\n  buttonContentClassName: PropTypes.string,\n  ...ButtonContent.propTypes\n};\n\nexport default Button;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","noop","ColorPropType","Link","cssStyle","ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","children","type","style","dataName","ariaLabel","dataTestid","useButtonTag","buttonRef","dataFor","dataTooltipPlace","dataTip","onKeyDown","onMouseLeave","onMouseOver","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","favorite","propTypes","string","bool","oneOf","node","shape","func","Button","buttonContentClassName","isLinkDisabled","useWrapper","buttonWrapperClassNames","button","contentClassName","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport noop from 'lodash/fp/noop';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className,\n    children,\n    type,\n    style,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    'data-testid': dataTestid,\n    useButtonTag,\n    buttonRef,\n    'data-for': dataFor,\n    'data-tooltip-place': dataTooltipPlace,\n    'data-tip': dataTip,\n    onKeyDown = noop,\n    onMouseLeave = noop,\n    onMouseOver = noop\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n          aria-label={ariaLabel}\n          data-testid={dataTestid}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n          data-testid={dataTestid}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    case 'button':\n      if (useButtonTag)\n        return (\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            data-for={dataFor}\n            data-tooltip-place={dataTooltipPlace}\n            data-tip={dataTip}\n            data-name={dataName}\n            data-testid={dataTestid}\n            aria-label={ariaLabel.favorite}\n            className={className}\n            onClick={onClick}\n            style={style}\n            onKeyDown={onKeyDown}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            tabIndex={0}\n          >\n            {children}\n          </button>\n        );\n    // falls through in case type is button BUT no button tag is needed, for retro-compatibility\n    default: {\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          data-testid={dataTestid}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n    }\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  useButtonTag: PropTypes.bool,\n  // event handlers\n  onClick: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOver: PropTypes.func,\n  // for ReactTooltip handling\n  buttonRef: PropTypes.shape({}),\n  'data-for': PropTypes.string,\n  'data-tooltip-place': PropTypes.string,\n  'data-tip': PropTypes.bool\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    useWrapper = true\n  } = props;\n  const buttonWrapperClassNames = useMemo(\n    () =>\n      (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n      classnames([cssStyle.button, className]),\n    [className, isLinkDisabled]\n  );\n\n  const contentClassName = useMemo(\n    () => (buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent),\n    [buttonContentClassName]\n  );\n\n  return useWrapper ? (\n    <div className={buttonWrapperClassNames}>\n      <ButtonContent {...props} type={type} className={contentClassName}>\n        {children}\n      </ButtonContent>\n    </div>\n  ) : (\n    <ButtonContent {...props} type={type} className={contentClassName}>\n      {children}\n    </ButtonContent>\n  );\n};\n\nButton.propTypes = {\n  isLinkDisabled: PropTypes.bool,\n  useWrapper: PropTypes.bool,\n  buttonContentClassName: PropTypes.string,\n  ...ButtonContent.propTypes\n};\n\nexport default Button;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,MAAMC,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IACJC,KADI;IAEJC,WAFI;IAGJC,QAHI;IAIJC,QAJI;IAKJC,IALI;IAMJC,MANI;IAOJC,OAPI;IAQJC,SARI;IASJC,QATI;IAUJC,IAVI;IAWJC,KAXI;IAYJ,aAAaC,QAZT;IAaJ,cAAcC,SAbV;IAcJ,eAAeC,UAdX;IAeJC,YAfI;IAgBJC,SAhBI;IAiBJ,YAAYC,OAjBR;IAkBJ,sBAAsBC,gBAlBlB;IAmBJ,YAAYC,OAnBR;IAoBJC,SAAS,GAAGzB,IApBR;IAqBJ0B,YAAY,GAAG1B,IArBX;IAsBJ2B,WAAW,GAAG3B;EAtBV,IAuBFK,KAvBJ;EAwBA,MAAMuB,eAAe,GAAIpB,QAAQ,IAAK,GAAEK,SAAU,IAAGV,QAAQ,CAAC0B,cAAe,EAArD,IAA2DhB,SAAnF;EACA,MAAMiB,aAAa,GAAItB,QAAQ,IAAI,IAAb,IAAsBI,OAA5C;EACA,MAAMmB,UAAU,GAAIvB,QAAQ,IAAI,IAAb,IAAsBE,IAAzC;EACA,MAAMsB,cAAc,GAAIxB,QAAQ,IAAK,GAAEK,SAAU,IAAGV,QAAQ,CAAC8B,cAAe,EAArD,IAA2DpB,SAAlF;;EAEA,QAAQE,IAAR;IACE,KAAK,MAAL;MACE,oBACE,oBAAC,IAAD;QACE,aAAWE,QADb;QAEE,IAAI,EAAEc,UAFR;QAGE,QAAQ,EAAEtB,QAHZ;QAIE,OAAO,EAAEqB,aAJX;QAKE,MAAM,EAAEnB,MALV;QAME,SAAS,EAAEiB,eANb;QAOE,KAAK,EAAEZ,KAPT;QAQE,cAAYE,SARd;QASE,eAAaC;MATf,GAWGZ,WAAW,IAAIO,QAAf,IAA2B,QAX9B,CADF;;IAgBF,KAAK,GAAL;MACE,oBACE;QACE,aAAWG,QADb;QAEE,IAAI,EAAEc,UAFR;QAGE,MAAM,EAAEpB,MAHV;QAIE,SAAS,EAAEiB,eAJb;QAKE,OAAO,EAAEE,aALX;QAME,KAAK,EAAEd,KANT;QAOE,eAAaG;MAPf,GASGZ,WAAW,IAAIO,QATlB,CADF;;IAcF,KAAK,QAAL;MACE,IAAIM,YAAJ,EACE,oBACE;QACE,GAAG,EAAEC,SADP;QAEE,IAAI,EAAC,QAFP;QAGE,YAAUC,OAHZ;QAIE,sBAAoBC,gBAJtB;QAKE,YAAUC,OALZ;QAME,aAAWP,QANb;QAOE,eAAaE,UAPf;QAQE,cAAYD,SAAS,CAACgB,QARxB;QASE,SAAS,EAAErB,SATb;QAUE,OAAO,EAAED,OAVX;QAWE,KAAK,EAAEI,KAXT;QAYE,SAAS,EAAES,SAZb;QAaE,YAAY,EAAEC,YAbhB;QAcE,WAAW,EAAEC,WAdf;QAeE,QAAQ,EAAE;MAfZ,GAiBGb,QAjBH,CADF;IAqBJ;;IACA;MAAS;QACP,oBACE;UACE,aAAWG,QADb;UAEE,IAAI,EAAEF,IAFR;UAGE,KAAK,EAAER,WAHT;UAIE,QAAQ,EAAEC,QAJZ;UAKE,OAAO,EAAEI,OALX;UAME,SAAS,EAAEoB,cANb;UAOE,eAAab,UAPf;UAQE,KAAK;YACHb;UADG,GAEAU,KAFA;QARP,EADF;MAeD;EAzEH;AA2ED,CAzGD;;AA2GAZ,aAAa,CAAC+B,SAAd,2CAA0B;EACxB7B,KAAK,EAAEL,aADiB;EAExBM,WAAW,EAAET,SAAS,CAACsC,MAFC;EAGxB5B,QAAQ,EAAEV,SAAS,CAACuC,IAHI;EAIxB3B,IAAI,EAAEZ,SAAS,CAACsC,MAJQ;EAKxB3B,QAAQ,EAAEX,SAAS,CAACuC,IALI;EAMxB1B,MAAM,EAAEb,SAAS,CAACwC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB,CANgB;EAOxBvB,IAAI,EAAEjB,SAAS,CAACsC,MAPQ;EAQxBtB,QAAQ,EAAEhB,SAAS,CAACyC,IARI;EASxB1B,SAAS,EAAEf,SAAS,CAACsC,MATG;EAUxBpB,KAAK,EAAElB,SAAS,CAAC0C,KAAV,CAAgB,EAAhB,CAViB;EAWxB,aAAa1C,SAAS,CAACsC,MAXC;EAYxB,cAActC,SAAS,CAACsC,MAZA;EAaxB,eAAetC,SAAS,CAACsC,MAbD;EAcxBhB,YAAY,EAAEtB,SAAS,CAACuC,IAdA;EAexB;EACAzB,OAAO,EAAEd,SAAS,CAAC2C,IAhBK;EAiBxBhB,SAAS,EAAE3B,SAAS,CAAC2C,IAjBG;EAkBxBf,YAAY,EAAE5B,SAAS,CAAC2C,IAlBA;EAmBxBd,WAAW,EAAE7B,SAAS,CAAC2C,IAnBC;EAoBxB;EACApB,SAAS,EAAEvB,SAAS,CAAC0C,KAAV,CAAgB,EAAhB,CArBa;EAsBxB,YAAY1C,SAAS,CAACsC,MAtBE;EAuBxB,sBAAsBtC,SAAS,CAACsC,MAvBR;EAwBxB,YAAYtC,SAAS,CAACuC;AAxBE,CAA1B;;AA2BA,MAAMK,MAAM,GAAGrC,KAAK,IAAI;EACtB,MAAM;IACJQ,SADI;IAEJ8B,sBAFI;IAGJC,cAHI;IAIJ7B,IAAI,GAAG,QAJH;IAKJD,QALI;IAMJ+B,UAAU,GAAG;EANT,IAOFxC,KAPJ;EAQA,MAAMyC,uBAAuB,GAAGjD,OAAO,CACrC,MACG+C,cAAc,IAAI7C,UAAU,CAAC,CAACI,QAAQ,CAAC0B,cAAV,EAA0BhB,SAA1B,CAAD,CAA7B,IACAd,UAAU,CAAC,CAACI,QAAQ,CAAC4C,MAAV,EAAkBlC,SAAlB,CAAD,CAHyB,EAIrC,CAACA,SAAD,EAAY+B,cAAZ,CAJqC,CAAvC;EAOA,MAAMI,gBAAgB,GAAGnD,OAAO,CAC9B,MAAO8C,sBAAsB,GAAGA,sBAAH,GAA4BxC,QAAQ,CAAC8C,aADpC,EAE9B,CAACN,sBAAD,CAF8B,CAAhC;EAKA,OAAOE,UAAU,gBACf;IAAK,SAAS,EAAEC;EAAhB,gBACE,oBAAC,aAAD,eAAmBzC,KAAnB;IAA0B,IAAI,EAAEU,IAAhC;IAAsC,SAAS,EAAEiC;EAAjD,IACGlC,QADH,CADF,CADe,gBAOf,oBAAC,aAAD,eAAmBT,KAAnB;IAA0B,IAAI,EAAEU,IAAhC;IAAsC,SAAS,EAAEiC;EAAjD,IACGlC,QADH,CAPF;AAWD,CAhCD;;AAkCA4B,MAAM,CAACP,SAAP;EACES,cAAc,EAAE9C,SAAS,CAACuC,IAD5B;EAEEQ,UAAU,EAAE/C,SAAS,CAACuC,IAFxB;EAGEM,sBAAsB,EAAE7C,SAAS,CAACsC;AAHpC,GAIKhC,aAAa,CAAC+B,SAJnB;AAOA,eAAeO,MAAf"}

package/es/molecule/cm-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAcA,kDAiLC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAeA,kDAoLC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket } from '@coorpacademy/nova-icons';
+import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket, NovaLineStatusCheckCircle1 as CheckCircle1 } from '@coorpacademy/nova-icons';
 import map from 'lodash/fp/map';
 import Cta from '../../atom/button-link';
 import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
@@ -26,7 +26,8 @@ const CMPopin = props => {
   const logo = {
     AlertDiamond,
     WindowUpload,
-    MoonRocket
+    MoonRocket,
+    CheckCircle1
   };
   const LogoComponent = logo[icon];
   const backgroundImageStyle = backgroundImageUrl ? {
@@ -135,7 +136,7 @@ const CMPopin = props => {
     }
   }) : null), descriptionBtnTxt ? /*#__PURE__*/React.createElement("div", {
     className: style.descriptionBtn
-  }, descriptionBtnTxt) : null, renderBtnSwitch(), /*#__PURE__*/React.createElement("div", {
+  }, descriptionBtnTxt) : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/React.createElement("div", {
     className: style.buttonContainer
   }, firstButton ? /*#__PURE__*/React.createElement("div", {
     className: firstButton.largeButton ? style.largeButton : style.button
@@ -164,7 +165,7 @@ const CMPopin = props => {
     "aria-label": thirdButton['aria-label'],
     type: thirdButton.type,
     customStyle: thirdButton.customStyle
-  })) : null)));
+  })) : null) : null));
 };
 
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","map","Cta","ButtonLinkIconOnly","InputSwitch","style","propTypes","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div\n          className={\n            mode === 'cookie' || mode === 'information'\n              ? style.cookieTitleContainer\n              : style.titleContainer\n          }\n        >\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={firstButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={'cm-popin-cta'}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n                customStyle={firstButton.customStyle}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={secondButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={secondButton['aria-label']}\n                type={secondButton.type}\n                customStyle={secondButton.customStyle}\n              />\n            </div>\n          ) : null}\n          {thirdButton ? (\n            <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={thirdButton.label}\n                onClick={thirdButton.handleOnclick}\n                data-name={`cm-popin-cta-${thirdButton.type}`}\n                aria-label={thirdButton['aria-label']}\n                type={thirdButton.type}\n                customStyle={thirdButton.customStyle}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaLineStatusCheckCircle1","CheckCircle1","map","Cta","ButtonLinkIconOnly","InputSwitch","style","propTypes","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaLineStatusCheckCircle1 as CheckCircle1\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div\n          className={\n            mode === 'cookie' || mode === 'information'\n              ? style.cookieTitleContainer\n              : style.titleContainer\n          }\n        >\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}

package/es/molecule/cm-popin/style.css

@@ -47,7 +47,7 @@
 
 .popin {
   overflow: auto;
-  width: 500px;
+  width: 434px;
   flex-grow: 0;
   margin: 16px;
   padding: 16px 16px 20px 16px;
@@ -114,12 +114,12 @@
 
 .button {
   min-width: max-content;
-  width: 160px;
+  width: 161px;
   padding: 8px;
 }
 
 .largeButton {
-  width: 100%;
+  width: 75%;
   padding: 8px;
 }
 
@@ -147,7 +147,11 @@
   color: cm_grey_500;
   font-style: normal;
   white-space: pre-line;
-  margin-top: 0px;
+  margin: 0px 32px;
+}
+
+.content {
+  margin: 20px 32px;
 }
 
 .cookieTitleContainer {
@@ -278,29 +282,21 @@ a {
 }
 
 @media tablet {
-  .popin {
-    position: fixed;
-  }
-
   .popin {
     width: 80%;
+    overflow: hidden;
   }
 
   .buttonContainer {
     display: flex;
     flex-wrap: wrap-reverse;
-    margin: 48px 24px 32px 24px;
-    width: 85%;
+    margin: 12px 24px 32px 24px;
   }
   
-  .button {
+  .largeButton, .button , .titleContainer {
     width: 100%;
   }
 
-  .titleContainer {
-    width: 85%;
-  }
-
   .popinCookie {
     position: fixed;
     bottom: 10px;
@@ -310,40 +306,66 @@ a {
     overflow-x: hidden;
     overflow-y: auto;
   }
-  .popinCookie .button{
+  .popinCookie .button {
     width: 100%;
     padding: 0px 0px 8px 0px
   }
 
   .popinCookie .largeButton {
-    padding: 8px 0px 0px 0px
+    padding: 8px 0px 0px 0px;
   }
   .popinCookie .message {
     padding: 24px 24px 0px 24px
   }
+  .descriptionText {
+    margin: 0px 16px;
+  }
+  .content {
+    margin: 20px 16px;
+  }
+  .message { 
+    padding: 40px 16px 0px;
+  }
+}
+
+@media mobile {
+  .background {
+    padding: 0;
+  }
+
+  .popin {
+    width: 80%;
+    overflow: hidden;
+  }
+
+  .buttonContainer {
+    display: flex;
+    margin: 12px 16px 32px 16px;
+  }
+  
+  .button {
+    width: 100%;
+  }
+
+  .titleContainer {
+    width: 100%;
+    margin: 0px 16px;
+  }
+
+  .descriptionText {
+    margin: 0px 16px;
+  }
+
+  .content {
+    margin: 16px 32px;
+  }
+  
+  .largeButton { 
+    margin: 0px 32px;
+  }
 
-  @media mobile {
-    .popin {
-      position: fixed;
-    }
-
-    .popin {
-      width: 80%;
-    }
-
-    .buttonContainer {
-      display: flex;
-      margin: 48px 24px 32px 24px;
-      width: 85%;
-    }
-    
-    .button {
-      width: 100%;
-    }
-
-    .titleContainer {
-      width: 85%;
-    }
+  .message { 
+    padding: 40px 16px 0px;
   }
 }
 
@@ -355,7 +377,6 @@ button {
 }
 
 _:-ms-fullscreen,
-.descriptionText,
 .buttonContainer {
   width: 85%;
 }

package/es/molecule/discipline-header/style.css

@@ -69,7 +69,7 @@
 }
 
 .lastUpdatedWrapperShort {
- height: 28px;
+ height: 31px;
  align-items: flex-end; 
 }
 
@@ -92,6 +92,7 @@
   color: #536E7A;
   margin-right: 3px;
   align-items: center;
+  padding-bottom: 1px;
 }
 
 .showMore {

package/es/template/external-course/index.d.ts

@@ -1,29 +1,82 @@
 export default ExternalCourse;
-declare class ExternalCourse extends React.Component<any, any, any> {
-    static propTypes: {
-        name: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
-        url: PropTypes.Validator<string>;
-        quit: PropTypes.Requireable<PropTypes.InferProps<{
+declare function ExternalCourse(props: any, context: any): JSX.Element;
+declare namespace ExternalCourse {
+    namespace propTypes {
+        const name: PropTypes.Requireable<string>;
+        const type: PropTypes.Requireable<string>;
+        const url: PropTypes.Validator<string>;
+        const quit: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        complete: PropTypes.Requireable<PropTypes.InferProps<{
+        const complete: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             disabled: PropTypes.Requireable<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        warning: PropTypes.Requireable<PropTypes.InferProps<{
+        const warning: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        loading: PropTypes.Requireable<boolean>;
-        backgroundImageUrl: PropTypes.Requireable<string>;
-        contentType: PropTypes.Requireable<string>;
-        mode: PropTypes.Requireable<string>;
-    };
-    static contextTypes: {
-        skin: PropTypes.Requireable<PropTypes.InferProps<{
+        const loading: PropTypes.Requireable<boolean>;
+        const backgroundImageUrl: PropTypes.Requireable<string>;
+        const contentType: PropTypes.Requireable<string>;
+        const mode: PropTypes.Requireable<string>;
+        const closePopin: PropTypes.Requireable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            mode: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<string>;
+            firstButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            secondButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            onClose: PropTypes.Requireable<(...args: any[]) => any>;
+            icon: PropTypes.Requireable<string>;
+            backgroundImageUrl: PropTypes.Requireable<string>;
+            descriptionText: PropTypes.Requireable<string>;
+            cookieTitle: PropTypes.Requireable<string>;
+            descriptionBtnTxt: PropTypes.Requireable<string>;
+            listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                name: PropTypes.Requireable<string>;
+                id: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                modified: PropTypes.Requireable<boolean>;
+                titlePosition: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+                details: PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                requiredSelection: PropTypes.Requireable<boolean>;
+            }> | null | undefined)[]>;
+        }>>;
+    }
+    namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -44,12 +97,7 @@ declare class ExternalCourse extends React.Component<any, any, any> {
                 [x: string]: any;
             }>;
         }>>;
-    };
-    constructor(props: any);
-    constructor(props: any, context: any);
-    handleOnClick: (field: any) => (e: any) => any;
-    render(): JSX.Element;
+    }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/template/external-course/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/external-course/index.js"],"names":[],"mappings":";AAmBA;IACE;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IA4Hqsd,wBAA8C;IAAA,sCAAyJ;IA1H94d,+CAKE;IAEF,sBA+GC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/external-course/index.js"],"names":[],"mappings":";AAoBA,uEAwIC"}