@coorpacademy/components 11.32.26 → 11.32.28

package/es/molecule/playlist-detail-cover/index.js

@@ -21,7 +21,7 @@ const PlaylistDetailCover = ({
       backgroundSize: 'cover',
       backgroundPosition: 'center'
     };
-  });
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, images.length === 1 ? /*#__PURE__*/React.createElement("img", {

package/es/molecule/playlist-detail-cover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useCallback","PropTypes","EXTERNAL_COURSE_TYPES","style","FALLBACK_PATH","PlaylistDetailCover","images","firstColumnImages","secondColumnImages","imagesClone","splice","length","buildImageStyle","type","image","imageUrl","replace","backgroundImage","backgroundSize","backgroundPosition","container","imagesWrapper","map","index","propTypes","arrayOf","shape","oneOf","string","isRequired"],"sources":["../../../src/molecule/playlist-detail-cover/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_COURSE_TYPES} from '../../util/external-content';\nimport style from './style.css';\n\nconst FALLBACK_PATH =\n  'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/cover-fallback-external-$TYPE.png';\n\nconst PlaylistDetailCover = ({images}) => {\n  const [firstColumnImages, secondColumnImages] = useMemo(() => {\n    const imagesClone = [...images];\n    return [imagesClone.splice(0, imagesClone.length / 2), imagesClone];\n  }, [images]);\n\n  const buildImageStyle = useCallback(({type, image}) => {\n    const imageUrl = image || FALLBACK_PATH.replace('$TYPE', type);\n\n    return {\n      backgroundImage: `url(${imageUrl})`,\n      backgroundSize: 'cover',\n      backgroundPosition: 'center'\n    };\n  });\n\n  return (\n    <div className={style.container}>\n      {images.length === 1 ? (\n        <img className={style.image} style={buildImageStyle(images[0])} />\n      ) : (\n        <>\n          <div className={style.imagesWrapper}>\n            {firstColumnImages.map((image, index) => (\n              <img key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n          <div className={style.imagesWrapper}>\n            {secondColumnImages.map((image, index) => (\n              <img key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPlaylistDetailCover.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(EXTERNAL_COURSE_TYPES),\n      image: PropTypes.string\n    })\n  ).isRequired\n};\n\nexport default PlaylistDetailCover;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,WAAxB,QAA0C,OAA1C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,qBAAR,QAAoC,6BAApC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,aAAa,GACjB,4GADF;;AAGA,MAAMC,mBAAmB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAc;EACxC,MAAM,CAACC,iBAAD,EAAoBC,kBAApB,IAA0CT,OAAO,CAAC,MAAM;IAC5D,MAAMU,WAAW,GAAG,CAAC,GAAGH,MAAJ,CAApB;IACA,OAAO,CAACG,WAAW,CAACC,MAAZ,CAAmB,CAAnB,EAAsBD,WAAW,CAACE,MAAZ,GAAqB,CAA3C,CAAD,EAAgDF,WAAhD,CAAP;EACD,CAHsD,EAGpD,CAACH,MAAD,CAHoD,CAAvD;EAKA,MAAMM,eAAe,GAAGZ,WAAW,CAAC,CAAC;IAACa,IAAD;IAAOC;EAAP,CAAD,KAAmB;IACrD,MAAMC,QAAQ,GAAGD,KAAK,IAAIV,aAAa,CAACY,OAAd,CAAsB,OAAtB,EAA+BH,IAA/B,CAA1B;IAEA,OAAO;MACLI,eAAe,EAAG,OAAMF,QAAS,GAD5B;MAELG,cAAc,EAAE,OAFX;MAGLC,kBAAkB,EAAE;IAHf,CAAP;EAKD,CARkC,CAAnC;EAUA,oBACE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,GACGd,MAAM,CAACK,MAAP,KAAkB,CAAlB,gBACC;IAAK,SAAS,EAAER,KAAK,CAACW,KAAtB;IAA6B,KAAK,EAAEF,eAAe,CAACN,MAAM,CAAC,CAAD,CAAP;EAAnD,EADD,gBAGC,uDACE;IAAK,SAAS,EAAEH,KAAK,CAACkB;EAAtB,GACGd,iBAAiB,CAACe,GAAlB,CAAsB,CAACR,KAAD,EAAQS,KAAR,kBACrB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEpB,KAAK,CAACW,KAAlC;IAAyC,KAAK,EAAEF,eAAe,CAACE,KAAD;EAA/D,EADD,CADH,CADF,eAME;IAAK,SAAS,EAAEX,KAAK,CAACkB;EAAtB,GACGb,kBAAkB,CAACc,GAAnB,CAAuB,CAACR,KAAD,EAAQS,KAAR,kBACtB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEpB,KAAK,CAACW,KAAlC;IAAyC,KAAK,EAAEF,eAAe,CAACE,KAAD;EAA/D,EADD,CADH,CANF,CAJJ,CADF;AAoBD,CApCD;;AAsCAT,mBAAmB,CAACmB,SAApB,2CAAgC;EAC9BlB,MAAM,EAAEL,SAAS,CAACwB,OAAV,CACNxB,SAAS,CAACyB,KAAV,CAAgB;IACdb,IAAI,EAAEZ,SAAS,CAAC0B,KAAV,CAAgBzB,qBAAhB,CADQ;IAEdY,KAAK,EAAEb,SAAS,CAAC2B;EAFH,CAAhB,CADM,EAKNC;AAN4B,CAAhC;AASA,eAAexB,mBAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","useCallback","PropTypes","EXTERNAL_COURSE_TYPES","style","FALLBACK_PATH","PlaylistDetailCover","images","firstColumnImages","secondColumnImages","imagesClone","splice","length","buildImageStyle","type","image","imageUrl","replace","backgroundImage","backgroundSize","backgroundPosition","container","imagesWrapper","map","index","propTypes","arrayOf","shape","oneOf","string","isRequired"],"sources":["../../../src/molecule/playlist-detail-cover/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_COURSE_TYPES} from '../../util/external-content';\nimport style from './style.css';\n\nconst FALLBACK_PATH =\n  'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/cover-fallback-external-$TYPE.png';\n\nconst PlaylistDetailCover = ({images}) => {\n  const [firstColumnImages, secondColumnImages] = useMemo(() => {\n    const imagesClone = [...images];\n    return [imagesClone.splice(0, imagesClone.length / 2), imagesClone];\n  }, [images]);\n\n  const buildImageStyle = useCallback(({type, image}) => {\n    const imageUrl = image || FALLBACK_PATH.replace('$TYPE', type);\n\n    return {\n      backgroundImage: `url(${imageUrl})`,\n      backgroundSize: 'cover',\n      backgroundPosition: 'center'\n    };\n  }, []);\n\n  return (\n    <div className={style.container}>\n      {images.length === 1 ? (\n        <img className={style.image} style={buildImageStyle(images[0])} />\n      ) : (\n        <>\n          <div className={style.imagesWrapper}>\n            {firstColumnImages.map((image, index) => (\n              <img key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n          <div className={style.imagesWrapper}>\n            {secondColumnImages.map((image, index) => (\n              <img key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPlaylistDetailCover.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(EXTERNAL_COURSE_TYPES),\n      image: PropTypes.string\n    })\n  ).isRequired\n};\n\nexport default PlaylistDetailCover;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,WAAxB,QAA0C,OAA1C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,qBAAR,QAAoC,6BAApC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,aAAa,GACjB,4GADF;;AAGA,MAAMC,mBAAmB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAc;EACxC,MAAM,CAACC,iBAAD,EAAoBC,kBAApB,IAA0CT,OAAO,CAAC,MAAM;IAC5D,MAAMU,WAAW,GAAG,CAAC,GAAGH,MAAJ,CAApB;IACA,OAAO,CAACG,WAAW,CAACC,MAAZ,CAAmB,CAAnB,EAAsBD,WAAW,CAACE,MAAZ,GAAqB,CAA3C,CAAD,EAAgDF,WAAhD,CAAP;EACD,CAHsD,EAGpD,CAACH,MAAD,CAHoD,CAAvD;EAKA,MAAMM,eAAe,GAAGZ,WAAW,CAAC,CAAC;IAACa,IAAD;IAAOC;EAAP,CAAD,KAAmB;IACrD,MAAMC,QAAQ,GAAGD,KAAK,IAAIV,aAAa,CAACY,OAAd,CAAsB,OAAtB,EAA+BH,IAA/B,CAA1B;IAEA,OAAO;MACLI,eAAe,EAAG,OAAMF,QAAS,GAD5B;MAELG,cAAc,EAAE,OAFX;MAGLC,kBAAkB,EAAE;IAHf,CAAP;EAKD,CARkC,EAQhC,EARgC,CAAnC;EAUA,oBACE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,GACGd,MAAM,CAACK,MAAP,KAAkB,CAAlB,gBACC;IAAK,SAAS,EAAER,KAAK,CAACW,KAAtB;IAA6B,KAAK,EAAEF,eAAe,CAACN,MAAM,CAAC,CAAD,CAAP;EAAnD,EADD,gBAGC,uDACE;IAAK,SAAS,EAAEH,KAAK,CAACkB;EAAtB,GACGd,iBAAiB,CAACe,GAAlB,CAAsB,CAACR,KAAD,EAAQS,KAAR,kBACrB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEpB,KAAK,CAACW,KAAlC;IAAyC,KAAK,EAAEF,eAAe,CAACE,KAAD;EAA/D,EADD,CADH,CADF,eAME;IAAK,SAAS,EAAEX,KAAK,CAACkB;EAAtB,GACGb,kBAAkB,CAACc,GAAnB,CAAuB,CAACR,KAAD,EAAQS,KAAR,kBACtB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEpB,KAAK,CAACW,KAAlC;IAAyC,KAAK,EAAEF,eAAe,CAACE,KAAD;EAA/D,EADD,CADH,CANF,CAJJ,CADF;AAoBD,CApCD;;AAsCAT,mBAAmB,CAACmB,SAApB,2CAAgC;EAC9BlB,MAAM,EAAEL,SAAS,CAACwB,OAAV,CACNxB,SAAS,CAACyB,KAAV,CAAgB;IACdb,IAAI,EAAEZ,SAAS,CAAC0B,KAAV,CAAgBzB,qBAAhB,CADQ;IAEdY,KAAK,EAAEb,SAAS,CAAC2B;EAFH,CAAhB,CADM,EAKNC;AAN4B,CAAhC;AASA,eAAexB,mBAAf"}

package/es/organism/review-header/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import classnames from 'classnames';
 import getOr from 'lodash/fp/getOr';
 import Provider, { GetTranslateFromContext, GetSkinFromContext } from '../../atom/provider';
-import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
+import ButtonLinkIcon from '../../atom/button-link-icon';
 import ReviewHeaderSteps from '../../molecule/review-header-steps';
 import style from './style.css';
 import propTypes from './types';
@@ -56,7 +56,7 @@ const ReviewHeader = (props, legacyContext) => {
   })), /*#__PURE__*/React.createElement("div", {
     className: style.iconButtonWrapper,
     "data-testid": "review-header-close-button-wrapper"
-  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, buttonProps)));
+  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, buttonProps)));
 };
 
 ReviewHeader.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};

package/es/organism/review-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","getOr","Provider","GetTranslateFromContext","GetSkinFromContext","ButtonLinkIconOnly","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","legacyContext","steps","mode","skillName","ariaLabel","onQuitClick","hiddenSteps","translate","skin","closeButtonAriaLabel","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper","contextTypes","childContextTypes"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, legacyContext) => {\n  const {steps, mode, skillName, 'aria-label': ariaLabel, onQuitClick, hiddenSteps} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  const skin = GetSkinFromContext(legacyContext);\n  const closeButtonAriaLabel = translate('close_button_ariaLabel');\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIconOnly {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nReviewHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,QAAP,IAAkBC,uBAAlB,EAA2CC,kBAA3C,QAAoE,qBAApE;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,SAAtB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC7C,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,SAAd;IAAyB,cAAcC,SAAvC;IAAkDC,WAAlD;IAA+DC;EAA/D,IAA8EP,KAApF;EACA,MAAMQ,SAAS,GAAGf,uBAAuB,CAACQ,aAAD,CAAzC;EACA,MAAMQ,IAAI,GAAGf,kBAAkB,CAACO,aAAD,CAA/B;EACA,MAAMS,oBAAoB,GAAGF,SAAS,CAAC,wBAAD,CAAtC;EACA,MAAMG,gBAAgB,GAAGpB,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8BkB,IAA9B,CAA9B;EAEA,MAAMG,WAAW,GAAG;IAClBC,IAAI,EAAE,OADY;IAElB,aAAa,4BAFK;IAGlB,cAAcH,oBAHI;IAIlBI,OAAO,EAAER,WAJS;IAKlBS,IAAI,EAAE,YALY;IAMlBC,SAAS,EAAEnB,KAAK,CAACoB;EANC,CAApB;EASA,MAAMC,YAAY,GAAG5B,UAAU,CAC7BO,KAAK,CAACqB,YADuB,EAE7BX,WAAW,GAAGV,KAAK,CAACsB,qBAAT,GAAiC,IAFf,CAA/B;EAKA,oBACE;IAAK,SAAS,EAAEtB,KAAK,CAACuB,aAAtB;IAAqC,aAAU,eAA/C;IAA+D,cAAYf;EAA3E,gBACE;IAAK,SAAS,EAAER,KAAK,CAACwB;EAAtB,gBACE;IAAK,SAAS,EAAExB,KAAK,CAACyB,KAAtB;IAA6B,KAAK,EAAEnB,IAApC;IAA0C,cAAYA,IAAtD;IAA4D,aAAU;EAAtE,GACGA,IADH,CADF,eAIE;IACE,SAAS,EAAEN,KAAK,CAACO,SADnB;IAEE,KAAK,EAAE;MACLmB,KAAK,EAAEZ;IADF,CAFT;IAKE,KAAK,EAAEP,SALT;IAME,cAAYA,SANd;IAOE,aAAU;EAPZ,GASGA,SATH,CAJF,CADF,eAkBE;IAAK,SAAS,EAAEc;EAAhB,gBACE,oBAAC,iBAAD;IAAmB,KAAK,EAAEhB,KAA1B;IAAiC,GAAG,EAAE;EAAtC,EADF,CAlBF,eAsBE;IAAK,SAAS,EAAEL,KAAK,CAAC2B,iBAAtB;IAAyC,eAAY;EAArD,gBACE,oBAAC,kBAAD,EAAwBZ,WAAxB,CADF,CAtBF,CADF;AA4BD,CAjDD;;AAmDAb,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEAC,YAAY,CAAC0B,YAAb,GAA4B;EAC1BhB,IAAI,EAAEjB,QAAQ,CAACkC,iBAAT,CAA2BjB,IADP;EAE1BD,SAAS,EAAEhB,QAAQ,CAACkC,iBAAT,CAA2BlB;AAFZ,CAA5B;AAKA,eAAeT,YAAf"}
+{"version":3,"file":"index.js","names":["React","classnames","getOr","Provider","GetTranslateFromContext","GetSkinFromContext","ButtonLinkIcon","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","legacyContext","steps","mode","skillName","ariaLabel","onQuitClick","hiddenSteps","translate","skin","closeButtonAriaLabel","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper","contextTypes","childContextTypes"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, legacyContext) => {\n  const {steps, mode, skillName, 'aria-label': ariaLabel, onQuitClick, hiddenSteps} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  const skin = GetSkinFromContext(legacyContext);\n  const closeButtonAriaLabel = translate('close_button_ariaLabel');\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIcon {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nReviewHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,QAAP,IAAkBC,uBAAlB,EAA2CC,kBAA3C,QAAoE,qBAApE;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,SAAtB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC7C,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,SAAd;IAAyB,cAAcC,SAAvC;IAAkDC,WAAlD;IAA+DC;EAA/D,IAA8EP,KAApF;EACA,MAAMQ,SAAS,GAAGf,uBAAuB,CAACQ,aAAD,CAAzC;EACA,MAAMQ,IAAI,GAAGf,kBAAkB,CAACO,aAAD,CAA/B;EACA,MAAMS,oBAAoB,GAAGF,SAAS,CAAC,wBAAD,CAAtC;EACA,MAAMG,gBAAgB,GAAGpB,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8BkB,IAA9B,CAA9B;EAEA,MAAMG,WAAW,GAAG;IAClBC,IAAI,EAAE,OADY;IAElB,aAAa,4BAFK;IAGlB,cAAcH,oBAHI;IAIlBI,OAAO,EAAER,WAJS;IAKlBS,IAAI,EAAE,YALY;IAMlBC,SAAS,EAAEnB,KAAK,CAACoB;EANC,CAApB;EASA,MAAMC,YAAY,GAAG5B,UAAU,CAC7BO,KAAK,CAACqB,YADuB,EAE7BX,WAAW,GAAGV,KAAK,CAACsB,qBAAT,GAAiC,IAFf,CAA/B;EAKA,oBACE;IAAK,SAAS,EAAEtB,KAAK,CAACuB,aAAtB;IAAqC,aAAU,eAA/C;IAA+D,cAAYf;EAA3E,gBACE;IAAK,SAAS,EAAER,KAAK,CAACwB;EAAtB,gBACE;IAAK,SAAS,EAAExB,KAAK,CAACyB,KAAtB;IAA6B,KAAK,EAAEnB,IAApC;IAA0C,cAAYA,IAAtD;IAA4D,aAAU;EAAtE,GACGA,IADH,CADF,eAIE;IACE,SAAS,EAAEN,KAAK,CAACO,SADnB;IAEE,KAAK,EAAE;MACLmB,KAAK,EAAEZ;IADF,CAFT;IAKE,KAAK,EAAEP,SALT;IAME,cAAYA,SANd;IAOE,aAAU;EAPZ,GASGA,SATH,CAJF,CADF,eAkBE;IAAK,SAAS,EAAEc;EAAhB,gBACE,oBAAC,iBAAD;IAAmB,KAAK,EAAEhB,KAA1B;IAAiC,GAAG,EAAE;EAAtC,EADF,CAlBF,eAsBE;IAAK,SAAS,EAAEL,KAAK,CAAC2B,iBAAtB;IAAyC,eAAY;EAArD,gBACE,oBAAC,cAAD,EAAoBZ,WAApB,CADF,CAtBF,CADF;AA4BD,CAjDD;;AAmDAb,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEAC,YAAY,CAAC0B,YAAb,GAA4B;EAC1BhB,IAAI,EAAEjB,QAAQ,CAACkC,iBAAT,CAA2BjB,IADP;EAE1BD,SAAS,EAAEhB,QAAQ,CAACkC,iBAAT,CAA2BlB;AAFZ,CAA5B;AAKA,eAAeT,YAAf"}

package/es/organism/setup-header/index.js

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import Picture from '../../atom/picture';
 import Link from '../../atom/link';
 import ButtonLink from '../../atom/button-link';
-import IconLink from '../../atom/button-link-icon-only';
+import IconLink from '../../atom/button-link-icon';
 import style from './style.css';
 
 const SetupHeader = props => {

package/es/organism/setup-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Picture","Link","ButtonLink","IconLink","style","SetupHeader","props","show","updateShow","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","platformListButtonProps","type","label","platformList","link","icon","position","platformListIconButtonProps","goAnalyticsButtonProps","globalAnalytics","seeMyPlatformButtonProps","seeMyPlatform","target","logoutButtonProps","logOut","onClick","container","wrapper","logoDesktop","list","button","platformListIcon","element","profilePicture","arrowUp","propTypes","shape","string","bool","username","src"],"sources":["../../../src/organism/setup-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport ButtonLink from '../../atom/button-link';\nimport IconLink from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n  const [show, updateShow] = React.useState(false);\n  const {\n    platformName,\n    items,\n    href,\n    user = {},\n    logo,\n    logoMobile,\n    isHome = false,\n    isDashboard = false\n  } = props;\n  const {image = ''} = user;\n\n  function onMouseEnter() {\n    updateShow(true);\n  }\n\n  function onMouseLeave() {\n    updateShow(false);\n  }\n\n  const platformListButtonProps = {\n    type: 'tertiary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: {\n      position: 'left',\n      type: 'list'\n    }\n  };\n\n  const platformListIconButtonProps = {\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: 'list'\n  };\n\n  const goAnalyticsButtonProps =\n    items.globalAnalytics && isDashboard === false\n      ? {\n          type: 'secondary',\n          label: items.globalAnalytics.label,\n          'aria-label': items.globalAnalytics.label,\n          'data-name': `platform-list-button`,\n          link: {\n            href: items.globalAnalytics.href\n          },\n          icon: {\n            position: 'left',\n            type: 'analytics'\n          }\n        }\n      : null;\n\n  const seeMyPlatformButtonProps = {\n    type: 'primary',\n    label: items.seeMyPlatform.label,\n    'aria-label': items.seeMyPlatform.label,\n    'data-name': `see-my-platform`,\n    link: {\n      href: items.seeMyPlatform.href,\n      target: '_blank'\n    },\n    icon: {\n      position: 'left',\n      type: 'see'\n    }\n  };\n\n  const logoutButtonProps = {\n    type: 'text',\n    label: items.logOut.label,\n    'aria-label': items.logOut.label,\n    'data-name': `logout-list-button`,\n    link: {\n      href: items.logOut.href,\n      onClick: items.logOut.onClick\n    },\n    icon: {\n      position: 'left',\n      type: 'logout'\n    }\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        {isHome ? (\n          <div className={style.logo}>\n            <Link href={href}>\n              <Picture className={style.logoDesktop} src={logo} />\n              <Picture className={style.logoMobile} src={logoMobile} />\n            </Link>\n          </div>\n        ) : (\n          <ul className={style.list}>\n            <div className={classnames([style.button, style.platformList])}>\n              <ButtonLink {...platformListButtonProps} />\n            </div>\n            <div className={style.platformListIcon}>\n              <IconLink {...platformListIconButtonProps} />\n            </div>\n            {!isDashboard ? (\n              <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n            ) : null}\n          </ul>\n        )}\n        <ul className={style.list}>\n          {goAnalyticsButtonProps ? (\n            <div className={style.button}>\n              <ButtonLink {...goAnalyticsButtonProps} />\n            </div>\n          ) : null}\n          {isDashboard || isHome ? null : (\n            <div className={style.button}>\n              <ButtonLink {...seeMyPlatformButtonProps} />\n            </div>\n          )}\n          <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n            <img src={image} />\n          </li>\n          <div className={style.logOut}>\n            <ButtonLink {...logoutButtonProps} />\n          </div>\n        </ul>\n      </div>\n      <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n        <div className={style.arrowUp} />\n        <div className={style.logOut} onMouseLeave={onMouseLeave}>\n          <ButtonLink {...logoutButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupHeader.propTypes = {\n  items: PropTypes.shape({\n    seeMyPlatform: PropTypes.shape(ButtonLink.propTypes),\n    logOut: PropTypes.shape(ButtonLink.propTypes),\n    globalAnalytics: PropTypes.shape(ButtonLink.propTypes),\n    platformList: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  platformName: PropTypes.string,\n  isDashboard: PropTypes.bool,\n  isHome: PropTypes.bool,\n  href: Link.propTypes.href,\n  user: PropTypes.shape({\n    username: PropTypes.string,\n    image: PropTypes.string\n  }),\n  logo: Picture.propTypes.src,\n  logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Picture","Link","ButtonLink","IconLink","style","SetupHeader","props","show","updateShow","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","platformListButtonProps","type","label","platformList","link","icon","position","platformListIconButtonProps","goAnalyticsButtonProps","globalAnalytics","seeMyPlatformButtonProps","seeMyPlatform","target","logoutButtonProps","logOut","onClick","container","wrapper","logoDesktop","list","button","platformListIcon","element","profilePicture","arrowUp","propTypes","shape","string","bool","username","src"],"sources":["../../../src/organism/setup-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport ButtonLink from '../../atom/button-link';\nimport IconLink from '../../atom/button-link-icon';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n  const [show, updateShow] = React.useState(false);\n  const {\n    platformName,\n    items,\n    href,\n    user = {},\n    logo,\n    logoMobile,\n    isHome = false,\n    isDashboard = false\n  } = props;\n  const {image = ''} = user;\n\n  function onMouseEnter() {\n    updateShow(true);\n  }\n\n  function onMouseLeave() {\n    updateShow(false);\n  }\n\n  const platformListButtonProps = {\n    type: 'tertiary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: {\n      position: 'left',\n      type: 'list'\n    }\n  };\n\n  const platformListIconButtonProps = {\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: 'list'\n  };\n\n  const goAnalyticsButtonProps =\n    items.globalAnalytics && isDashboard === false\n      ? {\n          type: 'secondary',\n          label: items.globalAnalytics.label,\n          'aria-label': items.globalAnalytics.label,\n          'data-name': `platform-list-button`,\n          link: {\n            href: items.globalAnalytics.href\n          },\n          icon: {\n            position: 'left',\n            type: 'analytics'\n          }\n        }\n      : null;\n\n  const seeMyPlatformButtonProps = {\n    type: 'primary',\n    label: items.seeMyPlatform.label,\n    'aria-label': items.seeMyPlatform.label,\n    'data-name': `see-my-platform`,\n    link: {\n      href: items.seeMyPlatform.href,\n      target: '_blank'\n    },\n    icon: {\n      position: 'left',\n      type: 'see'\n    }\n  };\n\n  const logoutButtonProps = {\n    type: 'text',\n    label: items.logOut.label,\n    'aria-label': items.logOut.label,\n    'data-name': `logout-list-button`,\n    link: {\n      href: items.logOut.href,\n      onClick: items.logOut.onClick\n    },\n    icon: {\n      position: 'left',\n      type: 'logout'\n    }\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        {isHome ? (\n          <div className={style.logo}>\n            <Link href={href}>\n              <Picture className={style.logoDesktop} src={logo} />\n              <Picture className={style.logoMobile} src={logoMobile} />\n            </Link>\n          </div>\n        ) : (\n          <ul className={style.list}>\n            <div className={classnames([style.button, style.platformList])}>\n              <ButtonLink {...platformListButtonProps} />\n            </div>\n            <div className={style.platformListIcon}>\n              <IconLink {...platformListIconButtonProps} />\n            </div>\n            {!isDashboard ? (\n              <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n            ) : null}\n          </ul>\n        )}\n        <ul className={style.list}>\n          {goAnalyticsButtonProps ? (\n            <div className={style.button}>\n              <ButtonLink {...goAnalyticsButtonProps} />\n            </div>\n          ) : null}\n          {isDashboard || isHome ? null : (\n            <div className={style.button}>\n              <ButtonLink {...seeMyPlatformButtonProps} />\n            </div>\n          )}\n          <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n            <img src={image} />\n          </li>\n          <div className={style.logOut}>\n            <ButtonLink {...logoutButtonProps} />\n          </div>\n        </ul>\n      </div>\n      <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n        <div className={style.arrowUp} />\n        <div className={style.logOut} onMouseLeave={onMouseLeave}>\n          <ButtonLink {...logoutButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupHeader.propTypes = {\n  items: PropTypes.shape({\n    seeMyPlatform: PropTypes.shape(ButtonLink.propTypes),\n    logOut: PropTypes.shape(ButtonLink.propTypes),\n    globalAnalytics: PropTypes.shape(ButtonLink.propTypes),\n    platformList: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  platformName: PropTypes.string,\n  isDashboard: PropTypes.bool,\n  isHome: PropTypes.bool,\n  href: Link.propTypes.href,\n  user: PropTypes.shape({\n    username: PropTypes.string,\n    image: PropTypes.string\n  }),\n  logo: Picture.propTypes.src,\n  logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"mappings":"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"}

package/es/organism/wizard-contents/index.js

@@ -4,7 +4,7 @@ import React from 'react';
 import getOr from 'lodash/fp/getOr';
 import PropTypes from 'prop-types';
 import ButtonLink from '../../atom/button-link';
-import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
+import ButtonLinkIcon from '../../atom/button-link-icon';
 import WizardSteps from '../../atom/wizard-steps';
 import WizardSummary from '../../molecule/wizard-summary';
 import BrandForm from '../brand-form';
@@ -35,7 +35,7 @@ const buildHeader = (wizardHeader, actions, steps, tabs) => {
     className: style.header
   }, /*#__PURE__*/React.createElement("div", {
     className: style.titleWrapper
-  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, buttonCloseIcon), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, buttonCloseIcon), /*#__PURE__*/React.createElement("div", {
     className: style.headerTitle,
     "data-name": 'content-title'
   }, title)), actions ? /*#__PURE__*/React.createElement("div", {

package/es/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","BrandTabs","BulletPointMenuButton","RewardsForm","ExpandibleActionableErrorsTable","BulkInfos","style","buildHeader","wizardHeader","actions","steps","tabs","title","onClick","buttonCloseIcon","size","icon","header","titleWrapper","headerTitle","actionsWrapper","bulletPointMenuButton","buttonLink","firstButtonLink","secondButtonLink","buildView","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","THEMES","container","containerWithoutSummary","footer","footerWithoutSummary","actionFooter","actionFooterWithoutSummary","leftSection","leftSectionWithoutSummary","summary","getTheme","WizardContents","props","isLoading","headerView","view","rightActionView","footerActionView","currentStyle","summaryWrapper","rightSection","stickySection","summaryZone","form","summaryFooter","propTypes","bool","shape","string","func","isRequired","buttonAriaLabel","menuAriaLabel","buttons","arrayOf","oneOfType","oneOf"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport BrandTabs from '../../molecule/brand-tabs';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport RewardsForm from '../rewards-form';\nimport ExpandibleActionableErrorsTable from '../../molecule/expandible-actionable-table';\nimport BulkInfos from '../../molecule/bulk-infos';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, actions, steps, tabs) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleWrapper}>\n          <ButtonLinkIconOnly {...buttonCloseIcon} />\n          <div className={style.headerTitle} data-name={'content-title'}>\n            {title}\n          </div>\n        </div>\n        {actions ? (\n          <div className={style.actionsWrapper}>\n            {actions.bulletPointMenuButton ? (\n              <BulletPointMenuButton {...actions.bulletPointMenuButton} />\n            ) : null}\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.firstButtonLink} />\n            </div>\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.secondButtonLink} />\n            </div>\n          </div>\n        ) : null}\n      </div>\n      {steps ? <WizardSteps steps={steps} /> : null}\n      {tabs ? (\n        <div className={style.tabs}>\n          <BrandTabs type=\"light\" tabs={tabs} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nconst buildView = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n    case 'expandible-table':\n      return <ExpandibleActionableErrorsTable {...content} />;\n    case 'upload-progression':\n      return <BulkInfos {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst THEMES = {\n  'no-summary': {\n    container: style.containerWithoutSummary,\n    footer: style.footerWithoutSummary,\n    actionFooter: style.actionFooterWithoutSummary,\n    leftSection: style.leftSectionWithoutSummary\n  },\n  summary: {\n    container: style.container,\n    footer: style.footer,\n    actionFooter: style.actionFooter,\n    leftSection: style.leftSection\n  }\n};\n\nconst getTheme = summary => (summary ? 'summary' : 'no-summary');\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, actions, steps, tabs, summary, content, nextStep, previousStep} =\n    props;\n  const headerView = buildHeader(wizardHeader, actions, steps, tabs);\n  const view = buildView({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n  const currentStyle = THEMES[getTheme(summary)];\n\n  const summaryWrapper = (\n    <div className={style.rightSection} data-name=\"summary-right-section\">\n      <div className={style.stickySection}>\n        <div className={style.summaryZone} data-name=\"summary-zone\">\n          <WizardSummary {...summary} side={'right'} />\n        </div>\n        {rightActionView}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={currentStyle.container} data-name=\"content-summary\">\n      <div className={currentStyle.leftSection}>\n        {headerView}\n        <div className={style.form}>{view}</div>\n      </div>\n      {summary ? summaryWrapper : null}\n      <div className={currentStyle.footer} data-name=\"footer-section\">\n        {summary ? (\n          <div className={style.summaryFooter}>\n            <WizardSummary {...summary} side={'footer'} />\n          </div>\n        ) : null}\n        <div className={currentStyle.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  actions: PropTypes.shape({\n    bulletPointMenuButton: PropTypes.shape({\n      buttonAriaLabel: PropTypes.string,\n      menuAriaLabel: PropTypes.string,\n      buttons: PropTypes.arrayOf(\n        PropTypes.shape({\n          'data-name': PropTypes.string,\n          label: PropTypes.string,\n          type: PropTypes.string,\n          onClick: PropTypes.func\n        })\n      ),\n      onClick: PropTypes.func\n    }),\n    firstButtonLink: PropTypes.shape(ButtonLink.propTypes),\n    secondButtonLink: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  steps: WizardSteps.propTypes.steps,\n  tabs: BrandTabs.propTypes.tabs,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableErrorsTable.propTypes,\n      type: PropTypes.oneOf(['expandible-table'])\n    }),\n    PropTypes.shape({\n      ...BulkInfos.propTypes,\n      type: PropTypes.oneOf(['upload-progression'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","getOr","PropTypes","ButtonLink","ButtonLinkIcon","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","BrandTabs","BulletPointMenuButton","RewardsForm","ExpandibleActionableErrorsTable","BulkInfos","style","buildHeader","wizardHeader","actions","steps","tabs","title","onClick","buttonCloseIcon","size","icon","header","titleWrapper","headerTitle","actionsWrapper","bulletPointMenuButton","buttonLink","firstButtonLink","secondButtonLink","buildView","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","THEMES","container","containerWithoutSummary","footer","footerWithoutSummary","actionFooter","actionFooterWithoutSummary","leftSection","leftSectionWithoutSummary","summary","getTheme","WizardContents","props","isLoading","headerView","view","rightActionView","footerActionView","currentStyle","summaryWrapper","rightSection","stickySection","summaryZone","form","summaryFooter","propTypes","bool","shape","string","func","isRequired","buttonAriaLabel","menuAriaLabel","buttons","arrayOf","oneOfType","oneOf"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport BrandTabs from '../../molecule/brand-tabs';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport RewardsForm from '../rewards-form';\nimport ExpandibleActionableErrorsTable from '../../molecule/expandible-actionable-table';\nimport BulkInfos from '../../molecule/bulk-infos';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, actions, steps, tabs) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleWrapper}>\n          <ButtonLinkIcon {...buttonCloseIcon} />\n          <div className={style.headerTitle} data-name={'content-title'}>\n            {title}\n          </div>\n        </div>\n        {actions ? (\n          <div className={style.actionsWrapper}>\n            {actions.bulletPointMenuButton ? (\n              <BulletPointMenuButton {...actions.bulletPointMenuButton} />\n            ) : null}\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.firstButtonLink} />\n            </div>\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.secondButtonLink} />\n            </div>\n          </div>\n        ) : null}\n      </div>\n      {steps ? <WizardSteps steps={steps} /> : null}\n      {tabs ? (\n        <div className={style.tabs}>\n          <BrandTabs type=\"light\" tabs={tabs} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nconst buildView = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n    case 'expandible-table':\n      return <ExpandibleActionableErrorsTable {...content} />;\n    case 'upload-progression':\n      return <BulkInfos {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst THEMES = {\n  'no-summary': {\n    container: style.containerWithoutSummary,\n    footer: style.footerWithoutSummary,\n    actionFooter: style.actionFooterWithoutSummary,\n    leftSection: style.leftSectionWithoutSummary\n  },\n  summary: {\n    container: style.container,\n    footer: style.footer,\n    actionFooter: style.actionFooter,\n    leftSection: style.leftSection\n  }\n};\n\nconst getTheme = summary => (summary ? 'summary' : 'no-summary');\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, actions, steps, tabs, summary, content, nextStep, previousStep} =\n    props;\n  const headerView = buildHeader(wizardHeader, actions, steps, tabs);\n  const view = buildView({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n  const currentStyle = THEMES[getTheme(summary)];\n\n  const summaryWrapper = (\n    <div className={style.rightSection} data-name=\"summary-right-section\">\n      <div className={style.stickySection}>\n        <div className={style.summaryZone} data-name=\"summary-zone\">\n          <WizardSummary {...summary} side={'right'} />\n        </div>\n        {rightActionView}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={currentStyle.container} data-name=\"content-summary\">\n      <div className={currentStyle.leftSection}>\n        {headerView}\n        <div className={style.form}>{view}</div>\n      </div>\n      {summary ? summaryWrapper : null}\n      <div className={currentStyle.footer} data-name=\"footer-section\">\n        {summary ? (\n          <div className={style.summaryFooter}>\n            <WizardSummary {...summary} side={'footer'} />\n          </div>\n        ) : null}\n        <div className={currentStyle.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  actions: PropTypes.shape({\n    bulletPointMenuButton: PropTypes.shape({\n      buttonAriaLabel: PropTypes.string,\n      menuAriaLabel: PropTypes.string,\n      buttons: PropTypes.arrayOf(\n        PropTypes.shape({\n          'data-name': PropTypes.string,\n          label: PropTypes.string,\n          type: PropTypes.string,\n          onClick: PropTypes.func\n        })\n      ),\n      onClick: PropTypes.func\n    }),\n    firstButtonLink: PropTypes.shape(ButtonLink.propTypes),\n    secondButtonLink: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  steps: WizardSteps.propTypes.steps,\n  tabs: BrandTabs.propTypes.tabs,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableErrorsTable.propTypes,\n      type: PropTypes.oneOf(['expandible-table'])\n    }),\n    PropTypes.shape({\n      ...BulkInfos.propTypes,\n      type: PropTypes.oneOf(['upload-progression'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,aAAP,MAA0B,+BAA1B;AACA,OAAOC,SAAP,MAAsB,eAAtB;AACA,OAAOC,gBAAP,MAA6B,wBAA7B;AACA,OAAOC,6BAAP,MAA0C,6BAA1C;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,qBAAP,MAAkC,yCAAlC;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,+BAAP,MAA4C,4CAA5C;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,YAAD,EAAeC,OAAf,EAAwBC,KAAxB,EAA+BC,IAA/B,KAAwC;EAC1D,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAmBL,YAAzB;EAEA,MAAMM,eAAe,GAAG;IACtBC,IAAI,EAAE,OADgB;IAEtB,aAAa,cAFS;IAGtB,cAAc,cAHQ;IAItBC,IAAI,EAAE,OAJgB;IAKtBH;EALsB,CAAxB;EAQA,oBACE,8CACE;IAAK,SAAS,EAAEP,KAAK,CAACW;EAAtB,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY;EAAtB,gBACE,oBAAC,cAAD,EAAoBJ,eAApB,CADF,eAEE;IAAK,SAAS,EAAER,KAAK,CAACa,WAAtB;IAAmC,aAAW;EAA9C,GACGP,KADH,CAFF,CADF,EAOGH,OAAO,gBACN;IAAK,SAAS,EAAEH,KAAK,CAACc;EAAtB,GACGX,OAAO,CAACY,qBAAR,gBACC,oBAAC,qBAAD,EAA2BZ,OAAO,CAACY,qBAAnC,CADD,GAEG,IAHN,eAIE;IAAK,SAAS,EAAEf,KAAK,CAACgB;EAAtB,gBACE,oBAAC,UAAD,EAAgBb,OAAO,CAACc,eAAxB,CADF,CAJF,eAOE;IAAK,SAAS,EAAEjB,KAAK,CAACgB;EAAtB,gBACE,oBAAC,UAAD,EAAgBb,OAAO,CAACe,gBAAxB,CADF,CAPF,CADM,GAYJ,IAnBN,CADF,EAsBGd,KAAK,gBAAG,oBAAC,WAAD;IAAa,KAAK,EAAEA;EAApB,EAAH,GAAmC,IAtB3C,EAuBGC,IAAI,gBACH;IAAK,SAAS,EAAEL,KAAK,CAACK;EAAtB,gBACE,oBAAC,SAAD;IAAW,IAAI,EAAC,OAAhB;IAAwB,IAAI,EAAEA;EAA9B,EADF,CADG,GAID,IA3BN,CADF;AA+BD,CA1CD;;AA4CA,MAAMc,SAAS,GAAGC,OAAO,IAAI;EAC3B,MAAM;IAACC;EAAD,IAASD,OAAf;;EACA,QAAQC,IAAR;IACE,KAAK,MAAL;MACE,oBAAO,oBAAC,SAAD,EAAeD,OAAf,CAAP;;IACF,KAAK,WAAL;MACE,oBAAO,oBAAC,gBAAD,EAAsBA,OAAtB,CAAP;;IACF,KAAK,aAAL;MACE,oBAAO,oBAAC,6BAAD,EAAmCA,OAAnC,CAAP;;IACF,KAAK,SAAL;MACE,oBAAO,oBAAC,eAAD,EAAqBA,OAArB,CAAP;;IACF,KAAK,kBAAL;MACE,oBAAO,oBAAC,cAAD,EAAoBA,OAApB,CAAP;;IACF,KAAK,SAAL;MACE,oBAAO,oBAAC,WAAD,EAAiBA,OAAjB,CAAP;;IACF,KAAK,kBAAL;MACE,oBAAO,oBAAC,+BAAD,EAAqCA,OAArC,CAAP;;IACF,KAAK,oBAAL;MACE,oBAAO,oBAAC,SAAD,EAAeA,OAAf,CAAP;EAhBJ;AAkBD,CApBD;;AAsBA,MAAME,WAAW,GAAG,CAACD,IAAD,EAAOE,IAAP,EAAaC,IAAb,KAAsB;EACxC,MAAMC,KAAK,GAAG;IACZC,QAAQ,EAAE;MACRC,QAAQ,EAAE,MADF;MAERN,IAAI,EAAE;IAFE,CADE;IAKZO,IAAI,EAAE;MACJD,QAAQ,EAAE,OADN;MAEJN,IAAI,EAAE;IAFF,CALM;IASZQ,OAAO,EAAE;MACPF,QAAQ,EAAE,MADH;MAEPN,IAAI,EAAE;IAFC;EATG,CAAd;EAeA,MAAM;IAACS,KAAD;IAAQvB;EAAR,IAAmBgB,IAAzB;EACA,MAAMQ,WAAW,GAAG;IAClBV,IAAI,EAAEA,IAAI,KAAK,UAAT,GAAsB,WAAtB,GAAoC,SADxB;IAElB,cAAe,GAAEA,IAAK,cAFJ;IAGlB,aAAc,GAAEA,IAAK,gBAAeG,IAAK,EAHvB;IAIlBd,IAAI,EAAEe,KAAK,CAACJ,IAAD,CAJO;IAKlBS,KALkB;IAMlBvB;EANkB,CAApB;EASA,oBAAO,oBAAC,UAAD,EAAgBwB,WAAhB,CAAP;AACD,CA3BD;;AA6BA,MAAMC,eAAe,GAAG,CAACC,YAAD,EAAeC,QAAf,EAAyBV,IAAzB,KAAkC;EACxD,MAAMW,cAAc,GAAGF,YAAY,GAAGX,WAAW,CAAC,UAAD,EAAaW,YAAb,EAA2BT,IAA3B,CAAd,GAAiD,IAApF;EACA,MAAMY,YAAY,GAAGpD,KAAK,CAAC,MAAD,EAAS,MAAT,EAAiBkD,QAAjB,CAA1B;EACA,MAAMG,UAAU,GAAGH,QAAQ,GAAGZ,WAAW,CAACc,YAAD,EAAeF,QAAf,EAAyBV,IAAzB,CAAd,GAA+C,IAA1E;EACA,oBACE;IAAK,SAAS,EAAExB,KAAK,CAACsC;EAAtB,gBACE;IAAK,SAAS,EAAEtC,KAAK,CAACuC;EAAtB,GAA+BJ,cAA/B,CADF,eAEE;IAAK,SAAS,EAAEnC,KAAK,CAACuC;EAAtB,GAA+BF,UAA/B,CAFF,CADF;AAMD,CAVD;;AAYA,MAAMG,MAAM,GAAG;EACb,cAAc;IACZC,SAAS,EAAEzC,KAAK,CAAC0C,uBADL;IAEZC,MAAM,EAAE3C,KAAK,CAAC4C,oBAFF;IAGZC,YAAY,EAAE7C,KAAK,CAAC8C,0BAHR;IAIZC,WAAW,EAAE/C,KAAK,CAACgD;EAJP,CADD;EAObC,OAAO,EAAE;IACPR,SAAS,EAAEzC,KAAK,CAACyC,SADV;IAEPE,MAAM,EAAE3C,KAAK,CAAC2C,MAFP;IAGPE,YAAY,EAAE7C,KAAK,CAAC6C,YAHb;IAIPE,WAAW,EAAE/C,KAAK,CAAC+C;EAJZ;AAPI,CAAf;;AAeA,MAAMG,QAAQ,GAAGD,OAAO,IAAKA,OAAO,GAAG,SAAH,GAAe,YAAnD;;AAEA,MAAME,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,SAAD;IAAYnD,YAAZ;IAA0BC,OAA1B;IAAmCC,KAAnC;IAA0CC,IAA1C;IAAgD4C,OAAhD;IAAyD7B,OAAzD;IAAkEc,QAAlE;IAA4ED;EAA5E,IACJmB,KADF;EAEA,MAAME,UAAU,GAAGrD,WAAW,CAACC,YAAD,EAAeC,OAAf,EAAwBC,KAAxB,EAA+BC,IAA/B,CAA9B;EACA,MAAMkD,IAAI,GAAGpC,SAAS,cAAKC,OAAL;IAAciC;EAAd,GAAtB;EACA,MAAMG,eAAe,GAAGxB,eAAe,CAACC,YAAD,EAAeC,QAAf,EAAyB,OAAzB,CAAvC;EACA,MAAMuB,gBAAgB,GAAGzB,eAAe,CAACC,YAAD,EAAeC,QAAf,EAAyB,QAAzB,CAAxC;EACA,MAAMwB,YAAY,GAAGlB,MAAM,CAACU,QAAQ,CAACD,OAAD,CAAT,CAA3B;EAEA,MAAMU,cAAc,gBAClB;IAAK,SAAS,EAAE3D,KAAK,CAAC4D,YAAtB;IAAoC,aAAU;EAA9C,gBACE;IAAK,SAAS,EAAE5D,KAAK,CAAC6D;EAAtB,gBACE;IAAK,SAAS,EAAE7D,KAAK,CAAC8D,WAAtB;IAAmC,aAAU;EAA7C,gBACE,oBAAC,aAAD,eAAmBb,OAAnB;IAA4B,IAAI,EAAE;EAAlC,GADF,CADF,EAIGO,eAJH,CADF,CADF;EAWA,oBACE;IAAK,SAAS,EAAEE,YAAY,CAACjB,SAA7B;IAAwC,aAAU;EAAlD,gBACE;IAAK,SAAS,EAAEiB,YAAY,CAACX;EAA7B,GACGO,UADH,eAEE;IAAK,SAAS,EAAEtD,KAAK,CAAC+D;EAAtB,GAA6BR,IAA7B,CAFF,CADF,EAKGN,OAAO,GAAGU,cAAH,GAAoB,IAL9B,eAME;IAAK,SAAS,EAAED,YAAY,CAACf,MAA7B;IAAqC,aAAU;EAA/C,GACGM,OAAO,gBACN;IAAK,SAAS,EAAEjD,KAAK,CAACgE;EAAtB,gBACE,oBAAC,aAAD,eAAmBf,OAAnB;IAA4B,IAAI,EAAE;EAAlC,GADF,CADM,GAIJ,IALN,eAME;IAAK,SAAS,EAAES,YAAY,CAACb;EAA7B,GAA4CY,gBAA5C,CANF,CANF,CADF;AAiBD,CArCD;;AAuCAN,cAAc,CAACc,SAAf,2CAA2B;EACzBZ,SAAS,EAAEpE,SAAS,CAACiF,IADI;EAEzBhE,YAAY,EAAEjB,SAAS,CAACkF,KAAV,CAAgB;IAC5B7D,KAAK,EAAErB,SAAS,CAACmF,MADW;IAE5B7D,OAAO,EAAEtB,SAAS,CAACoF;EAFS,CAAhB,EAGXC,UALsB;EAMzBnE,OAAO,EAAElB,SAAS,CAACkF,KAAV,CAAgB;IACvBpD,qBAAqB,EAAE9B,SAAS,CAACkF,KAAV,CAAgB;MACrCI,eAAe,EAAEtF,SAAS,CAACmF,MADU;MAErCI,aAAa,EAAEvF,SAAS,CAACmF,MAFY;MAGrCK,OAAO,EAAExF,SAAS,CAACyF,OAAV,CACPzF,SAAS,CAACkF,KAAV,CAAgB;QACd,aAAalF,SAAS,CAACmF,MADT;QAEdtC,KAAK,EAAE7C,SAAS,CAACmF,MAFH;QAGd/C,IAAI,EAAEpC,SAAS,CAACmF,MAHF;QAId7D,OAAO,EAAEtB,SAAS,CAACoF;MAJL,CAAhB,CADO,CAH4B;MAWrC9D,OAAO,EAAEtB,SAAS,CAACoF;IAXkB,CAAhB,CADA;IAcvBpD,eAAe,EAAEhC,SAAS,CAACkF,KAAV,CAAgBjF,UAAU,CAAC+E,SAA3B,CAdM;IAevB/C,gBAAgB,EAAEjC,SAAS,CAACkF,KAAV,CAAgBjF,UAAU,CAAC+E,SAA3B;EAfK,CAAhB,CANgB;EAuBzB7D,KAAK,EAAEhB,WAAW,CAAC6E,SAAZ,CAAsB7D,KAvBJ;EAwBzBC,IAAI,EAAEV,SAAS,CAACsE,SAAV,CAAoB5D,IAxBD;EAyBzB4C,OAAO,EAAEhE,SAAS,CAACkF,KAAV,cACJ9E,aAAa,CAAC4E,SADV,EAzBgB;EA4BzB7C,OAAO,EAAEnC,SAAS,CAAC0F,SAAV,CAAoB,CAC3B1F,SAAS,CAACkF,KAAV,cACK7E,SAAS,CAAC2E,SADf;IAEE5C,IAAI,EAAEpC,SAAS,CAAC2F,KAAV,CAAgB,CAAC,MAAD,CAAhB;EAFR,GAD2B,EAK3B3F,SAAS,CAACkF,KAAV,cACK5E,gBAAgB,CAAC0E,SADtB;IAEE5C,IAAI,EAAEpC,SAAS,CAAC2F,KAAV,CAAgB,CAAC,WAAD,CAAhB;EAFR,GAL2B,EAS3B3F,SAAS,CAACkF,KAAV,cACK3E,6BAA6B,CAACyE,SADnC;IAEE5C,IAAI,EAAEpC,SAAS,CAAC2F,KAAV,CAAgB,CAAC,aAAD,CAAhB;EAFR,GAT2B,EAa3B3F,SAAS,CAACkF,KAAV,cACK1E,eAAe,CAACwE,SADrB;IAEE5C,IAAI,EAAEpC,SAAS,CAAC2F,KAAV,CAAgB,CAAC,SAAD,CAAhB;EAFR,GAb2B,EAiB3B3F,SAAS,CAACkF,KAAV,cACKzE,cAAc,CAACuE,SADpB;IAEE5C,IAAI,EAAEpC,SAAS,CAAC2F,KAAV,CAAgB,CAAC,kBAAD,CAAhB;EAFR,GAjB2B,EAqB3B3F,SAAS,CAACkF,KAAV,cACKtE,WAAW,CAACoE,SADjB;IAEE5C,IAAI,EAAEpC,SAAS,CAAC2F,KAAV,CAAgB,CAAC,SAAD,CAAhB;EAFR,GArB2B,EAyB3B3F,SAAS,CAACkF,KAAV,cACKrE,+BAA+B,CAACmE,SADrC;IAEE5C,IAAI,EAAEpC,SAAS,CAAC2F,KAAV,CAAgB,CAAC,kBAAD,CAAhB;EAFR,GAzB2B,EA6B3B3F,SAAS,CAACkF,KAAV,cACKpE,SAAS,CAACkE,SADf;IAEE5C,IAAI,EAAEpC,SAAS,CAAC2F,KAAV,CAAgB,CAAC,oBAAD,CAAhB;EAFR,GA7B2B,CAApB,CA5BgB;EA8DzB3C,YAAY,EAAEhD,SAAS,CAACkF,KAAV,CAAgB;IAC5BrC,KAAK,EAAE7C,SAAS,CAACmF,MADW;IAE5B7D,OAAO,EAAEtB,SAAS,CAACoF;EAFS,CAAhB,CA9DW;EAkEzBnC,QAAQ,EAAEjD,SAAS,CAACkF,KAAV,CAAgB;IACxB9C,IAAI,EAAEpC,SAAS,CAAC2F,KAAV,CAAgB,CAAC,MAAD,EAAS,SAAT,CAAhB,CADkB;IAExB9C,KAAK,EAAE7C,SAAS,CAACmF,MAFO;IAGxB7D,OAAO,EAAEtB,SAAS,CAACoF;EAHK,CAAhB;AAlEe,CAA3B;AAyEA,eAAelB,cAAf"}

package/es/template/back-office/brand-update/index.js

@@ -23,7 +23,7 @@ import Header from '../../../organism/setup-header';
 import Loader from '../../../atom/loader';
 import Accordion from '../../../organism/accordion/coorp-manager';
 import CmPopin from '../../../molecule/cm-popin';
-import ButtonLinkIconOnly from '../../../atom/button-link-icon-only';
+import ButtonLinkIcon from '../../../atom/button-link-icon';
 import ExpandibleActionableTable from '../../../molecule/expandible-actionable-table';
 import BulkInfos from '../../../molecule/bulk-infos';
 import style from './style.css';
@@ -125,7 +125,7 @@ const buildDocumentation = documentation => {
     dangerouslySetInnerHTML: {
       __html: content
     }
-  }), onClose ? /*#__PURE__*/React.createElement(ButtonLinkIconOnly, {
+  }), onClose ? /*#__PURE__*/React.createElement(ButtonLinkIcon, {
     className: style.closeButton,
     onClick: onClose,
     "data-name": 'close-icon',

package/es/template/back-office/brand-update/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","map","pipe","get","isEmpty","find","classNames","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","BrandLearningPriorities","Banner","Header","Loader","Accordion","CmPopin","ButtonLinkIconOnly","ExpandibleActionableTable","BulkInfos","style","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","temporary","permanentNotification","permanentNotifications","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","open","documentationContent","__html","closeButton","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","loaderContainer","loader","buildDetailsView","details","BrandUpdate","props","contentFixHeight","leftNavigation","notificationsView","documentationView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"sources":["../../../../src/template/back-office/brand-update/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport BrandLearningPriorities from '../../../organism/brand-learning-priorities';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport ButtonLinkIconOnly from '../../../atom/button-link-icon-only';\nimport ExpandibleActionableTable from '../../../molecule/expandible-actionable-table';\nimport BulkInfos from '../../../molecule/bulk-infos';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          setChildrenAsHtml={false}\n        />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.navigation}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={!notification.temporary ? style.permanentNotification : null} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return (\n    <div className={!find({temporary: true}, notifications) ? style.permanentNotifications : null}>\n      {notificationsList}\n    </div>\n  );\n};\n\nconst buildHeader = header => {\n  return (\n    <div className={style.header}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildPopin = popin => {\n  return popin ? (\n    <div className={style.popin}>\n      <CmPopin {...popin} />\n    </div>\n  ) : null;\n};\n\nconst buildDocumentation = documentation => {\n  if (!documentation) return null;\n  const {show = false, onClose, content = ''} = documentation;\n  return (\n    <div className={classNames(style.documentation, show && style.open)}>\n      <div\n        className={style.documentationContent}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: content}}\n      />\n      {onClose ? (\n        <ButtonLinkIconOnly\n          className={style.closeButton}\n          onClick={onClose}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'list-content':\n    case 'expandible-actionable-table':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n    case 'expandible-table':\n      return <WizardContents {...content} />;\n    case 'bulk-empty-dashboard':\n      return <BulkInfos {...content} />;\n    case 'table-pending':\n      return <ExpandibleActionableTable {...content} />;\n    case 'learning-priorities':\n      return <BrandLearningPriorities {...content} />;\n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {\n    notifications,\n    header,\n    items,\n    content,\n    details,\n    popin,\n    onItemClick,\n    documentation,\n    contentFixHeight\n  } = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const documentationView = buildDocumentation(documentation);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n  const popinView = buildPopin(popin);\n\n  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications,\n    contentFixHeight && style.contentFixHeight\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n          {documentationView}\n        </div>\n      </div>\n      {popinView}\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\n    }),\n    PropTypes.shape({\n      ...ListItems.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list-content', 'expandible-actionable-table'])\n    }),\n    PropTypes.shape({\n      ...BulkInfos.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['bulk-empty-dashboard'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['table-pending'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      content: PropTypes.shape({\n        ...ExpandibleActionableTable.propTypes,\n        ...WizardContents.propTypes.content.propTypes\n      }),\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['expandible-table'])\n    }),\n    PropTypes.shape({\n      ...BrandLearningPriorities.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['learning-priorities'])\n    })\n  ]),\n  documentation: PropTypes.shape({\n    content: PropTypes.string,\n    show: PropTypes.bool,\n    onClose: PropTypes.func\n  }),\n  popin: PropTypes.shape({...CmPopin.propTypes}),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func,\n  contentFixHeight: PropTypes.bool\n};\n\nexport default BrandUpdate;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","map","pipe","get","isEmpty","find","classNames","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","BrandLearningPriorities","Banner","Header","Loader","Accordion","CmPopin","ButtonLinkIcon","ExpandibleActionableTable","BulkInfos","style","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","temporary","permanentNotification","permanentNotifications","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","open","documentationContent","__html","closeButton","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","loaderContainer","loader","buildDetailsView","details","BrandUpdate","props","contentFixHeight","leftNavigation","notificationsView","documentationView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"sources":["../../../../src/template/back-office/brand-update/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport BrandLearningPriorities from '../../../organism/brand-learning-priorities';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport ButtonLinkIcon from '../../../atom/button-link-icon';\nimport ExpandibleActionableTable from '../../../molecule/expandible-actionable-table';\nimport BulkInfos from '../../../molecule/bulk-infos';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          setChildrenAsHtml={false}\n        />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.navigation}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={!notification.temporary ? style.permanentNotification : null} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return (\n    <div className={!find({temporary: true}, notifications) ? style.permanentNotifications : null}>\n      {notificationsList}\n    </div>\n  );\n};\n\nconst buildHeader = header => {\n  return (\n    <div className={style.header}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildPopin = popin => {\n  return popin ? (\n    <div className={style.popin}>\n      <CmPopin {...popin} />\n    </div>\n  ) : null;\n};\n\nconst buildDocumentation = documentation => {\n  if (!documentation) return null;\n  const {show = false, onClose, content = ''} = documentation;\n  return (\n    <div className={classNames(style.documentation, show && style.open)}>\n      <div\n        className={style.documentationContent}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: content}}\n      />\n      {onClose ? (\n        <ButtonLinkIcon\n          className={style.closeButton}\n          onClick={onClose}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'list-content':\n    case 'expandible-actionable-table':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n    case 'expandible-table':\n      return <WizardContents {...content} />;\n    case 'bulk-empty-dashboard':\n      return <BulkInfos {...content} />;\n    case 'table-pending':\n      return <ExpandibleActionableTable {...content} />;\n    case 'learning-priorities':\n      return <BrandLearningPriorities {...content} />;\n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {\n    notifications,\n    header,\n    items,\n    content,\n    details,\n    popin,\n    onItemClick,\n    documentation,\n    contentFixHeight\n  } = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const documentationView = buildDocumentation(documentation);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n  const popinView = buildPopin(popin);\n\n  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications,\n    contentFixHeight && style.contentFixHeight\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n          {documentationView}\n        </div>\n      </div>\n      {popinView}\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\n    }),\n    PropTypes.shape({\n      ...ListItems.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list-content', 'expandible-actionable-table'])\n    }),\n    PropTypes.shape({\n      ...BulkInfos.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['bulk-empty-dashboard'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['table-pending'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      content: PropTypes.shape({\n        ...ExpandibleActionableTable.propTypes,\n        ...WizardContents.propTypes.content.propTypes\n      }),\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['expandible-table'])\n    }),\n    PropTypes.shape({\n      ...BrandLearningPriorities.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['learning-priorities'])\n    })\n  ]),\n  documentation: PropTypes.shape({\n    content: PropTypes.string,\n    show: PropTypes.bool,\n    onClose: PropTypes.func\n  }),\n  popin: PropTypes.shape({...CmPopin.propTypes}),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func,\n  contentFixHeight: PropTypes.bool\n};\n\nexport default BrandUpdate;\n"],"mappings":"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"}

package/es/template/common/faq-article-page/index.js

@@ -1,6 +1,6 @@
 import _map from "lodash/fp/map";
 import React from 'react';
-import ButtonLinkIconOnly from '../../../atom/button-link-icon-only';
+import ButtonLinkIcon from '../../../atom/button-link-icon';
 import PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';
 import { propTypes } from './types';
 import styles from './style.css'; // @ts-expect-error (need to get the index)
@@ -24,7 +24,7 @@ const FAQArticlePage = ({
     className: styles.container
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.backContainer
-  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, backButton), /*#__PURE__*/React.createElement("span", null, backButtonText)), /*#__PURE__*/React.createElement("h1", {
+  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, backButton), /*#__PURE__*/React.createElement("span", null, backButtonText)), /*#__PURE__*/React.createElement("h1", {
     className: styles.title
   }, title), mapWithIndex((item, index) => {
     return /*#__PURE__*/React.createElement("div", {
@@ -45,7 +45,7 @@ const FAQArticlePage = ({
     }));
   }, subArticles), /*#__PURE__*/React.createElement("div", {
     className: styles.backContainerMobile
-  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, backButton), /*#__PURE__*/React.createElement("span", null, backButtonText)))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, backButton), /*#__PURE__*/React.createElement("span", null, backButtonText)))), /*#__PURE__*/React.createElement("div", {
     className: styles.privacyPolicyContact
   }, /*#__PURE__*/React.createElement(PrivacyPolicyContact, privacyPolicyContact)));
 };

package/es/template/common/faq-article-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ButtonLinkIconOnly","PrivacyPolicyContact","propTypes","styles","mapWithIndex","convert","cap","FAQArticlePage","title","backButton","backButtonText","subArticles","privacyPolicyContact","wrapper","page","container","backContainer","item","index","article","text","subTitle","__html","img","image","backContainerMobile"],"sources":["../../../../src/template/common/faq-article-page/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map} from 'lodash/fp';\nimport ButtonLinkIconOnly from '../../../atom/button-link-icon-only';\nimport PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';\nimport {propTypes, Props, SubArticle} from './types';\nimport styles from './style.css';\n\n// @ts-expect-error (need to get the index)\nconst mapWithIndex = map.convert({cap: false});\n\nconst FAQArticlePage = ({\n  title,\n  backButton,\n  backButtonText,\n  subArticles,\n  privacyPolicyContact\n}: Props) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.page}>\n        <div className={styles.container}>\n          <div className={styles.backContainer}>\n            <ButtonLinkIconOnly {...backButton} />\n            <span>{backButtonText}</span>\n          </div>\n          <h1 className={styles.title}>{title}</h1>\n          {mapWithIndex((item: SubArticle, index: number) => {\n            return (\n              <div className={styles.article} key={`${item.text}${index}`}>\n                <h3 className={styles.subTitle}>{item.subTitle}</h3>\n                <div\n                  className={styles.text}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: item.text}}\n                />\n                <img className={styles.img} src={item.image} alt=\"\" />\n              </div>\n            );\n          }, subArticles)}\n          <div className={styles.backContainerMobile}>\n            <ButtonLinkIconOnly {...backButton} />\n            <span>{backButtonText}</span>\n          </div>\n        </div>\n      </div>\n      <div className={styles.privacyPolicyContact}>\n        <PrivacyPolicyContact {...privacyPolicyContact} />\n      </div>\n    </div>\n  );\n};\n\nFAQArticlePage.propTypes = propTypes;\n\nexport default FAQArticlePage;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,kBAAP,MAA+B,qCAA/B;AACA,OAAOC,oBAAP,MAAiC,0CAAjC;AACA,SAAQC,SAAR,QAA2C,SAA3C;AACA,OAAOC,MAAP,MAAmB,aAAnB,C,CAEA;;AACA,MAAMC,YAAY,GAAG,KAAIC,OAAJ,CAAY;EAACC,GAAG,EAAE;AAAN,CAAZ,CAArB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EACtBC,KADsB;EAEtBC,UAFsB;EAGtBC,cAHsB;EAItBC,WAJsB;EAKtBC;AALsB,CAAD,KAMV;EACX,oBACE;IAAK,SAAS,EAAET,MAAM,CAACU;EAAvB,gBACE;IAAK,SAAS,EAAEV,MAAM,CAACW;EAAvB,gBACE;IAAK,SAAS,EAAEX,MAAM,CAACY;EAAvB,gBACE;IAAK,SAAS,EAAEZ,MAAM,CAACa;EAAvB,gBACE,oBAAC,kBAAD,EAAwBP,UAAxB,CADF,eAEE,kCAAOC,cAAP,CAFF,CADF,eAKE;IAAI,SAAS,EAAEP,MAAM,CAACK;EAAtB,GAA8BA,KAA9B,CALF,EAMGJ,YAAY,CAAC,CAACa,IAAD,EAAmBC,KAAnB,KAAqC;IACjD,oBACE;MAAK,SAAS,EAAEf,MAAM,CAACgB,OAAvB;MAAgC,GAAG,EAAG,GAAEF,IAAI,CAACG,IAAK,GAAEF,KAAM;IAA1D,gBACE;MAAI,SAAS,EAAEf,MAAM,CAACkB;IAAtB,GAAiCJ,IAAI,CAACI,QAAtC,CADF,eAEE;MACE,SAAS,EAAElB,MAAM,CAACiB,IADpB,CAEE;MAFF;MAGE,uBAAuB,EAAE;QAACE,MAAM,EAAEL,IAAI,CAACG;MAAd;IAH3B,EAFF,eAOE;MAAK,SAAS,EAAEjB,MAAM,CAACoB,GAAvB;MAA4B,GAAG,EAAEN,IAAI,CAACO,KAAtC;MAA6C,GAAG,EAAC;IAAjD,EAPF,CADF;EAWD,CAZY,EAYVb,WAZU,CANf,eAmBE;IAAK,SAAS,EAAER,MAAM,CAACsB;EAAvB,gBACE,oBAAC,kBAAD,EAAwBhB,UAAxB,CADF,eAEE,kCAAOC,cAAP,CAFF,CAnBF,CADF,CADF,eA2BE;IAAK,SAAS,EAAEP,MAAM,CAACS;EAAvB,gBACE,oBAAC,oBAAD,EAA0BA,oBAA1B,CADF,CA3BF,CADF;AAiCD,CAxCD;;AA0CAL,cAAc,CAACL,SAAf,2CAA2BA,SAA3B;AAEA,eAAeK,cAAf"}
+{"version":3,"file":"index.js","names":["React","ButtonLinkIcon","PrivacyPolicyContact","propTypes","styles","mapWithIndex","convert","cap","FAQArticlePage","title","backButton","backButtonText","subArticles","privacyPolicyContact","wrapper","page","container","backContainer","item","index","article","text","subTitle","__html","img","image","backContainerMobile"],"sources":["../../../../src/template/common/faq-article-page/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map} from 'lodash/fp';\nimport ButtonLinkIcon from '../../../atom/button-link-icon';\nimport PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';\nimport {propTypes, Props, SubArticle} from './types';\nimport styles from './style.css';\n\n// @ts-expect-error (need to get the index)\nconst mapWithIndex = map.convert({cap: false});\n\nconst FAQArticlePage = ({\n  title,\n  backButton,\n  backButtonText,\n  subArticles,\n  privacyPolicyContact\n}: Props) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.page}>\n        <div className={styles.container}>\n          <div className={styles.backContainer}>\n            <ButtonLinkIcon {...backButton} />\n            <span>{backButtonText}</span>\n          </div>\n          <h1 className={styles.title}>{title}</h1>\n          {mapWithIndex((item: SubArticle, index: number) => {\n            return (\n              <div className={styles.article} key={`${item.text}${index}`}>\n                <h3 className={styles.subTitle}>{item.subTitle}</h3>\n                <div\n                  className={styles.text}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: item.text}}\n                />\n                <img className={styles.img} src={item.image} alt=\"\" />\n              </div>\n            );\n          }, subArticles)}\n          <div className={styles.backContainerMobile}>\n            <ButtonLinkIcon {...backButton} />\n            <span>{backButtonText}</span>\n          </div>\n        </div>\n      </div>\n      <div className={styles.privacyPolicyContact}>\n        <PrivacyPolicyContact {...privacyPolicyContact} />\n      </div>\n    </div>\n  );\n};\n\nFAQArticlePage.propTypes = propTypes;\n\nexport default FAQArticlePage;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,oBAAP,MAAiC,0CAAjC;AACA,SAAQC,SAAR,QAA2C,SAA3C;AACA,OAAOC,MAAP,MAAmB,aAAnB,C,CAEA;;AACA,MAAMC,YAAY,GAAG,KAAIC,OAAJ,CAAY;EAACC,GAAG,EAAE;AAAN,CAAZ,CAArB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EACtBC,KADsB;EAEtBC,UAFsB;EAGtBC,cAHsB;EAItBC,WAJsB;EAKtBC;AALsB,CAAD,KAMV;EACX,oBACE;IAAK,SAAS,EAAET,MAAM,CAACU;EAAvB,gBACE;IAAK,SAAS,EAAEV,MAAM,CAACW;EAAvB,gBACE;IAAK,SAAS,EAAEX,MAAM,CAACY;EAAvB,gBACE;IAAK,SAAS,EAAEZ,MAAM,CAACa;EAAvB,gBACE,oBAAC,cAAD,EAAoBP,UAApB,CADF,eAEE,kCAAOC,cAAP,CAFF,CADF,eAKE;IAAI,SAAS,EAAEP,MAAM,CAACK;EAAtB,GAA8BA,KAA9B,CALF,EAMGJ,YAAY,CAAC,CAACa,IAAD,EAAmBC,KAAnB,KAAqC;IACjD,oBACE;MAAK,SAAS,EAAEf,MAAM,CAACgB,OAAvB;MAAgC,GAAG,EAAG,GAAEF,IAAI,CAACG,IAAK,GAAEF,KAAM;IAA1D,gBACE;MAAI,SAAS,EAAEf,MAAM,CAACkB;IAAtB,GAAiCJ,IAAI,CAACI,QAAtC,CADF,eAEE;MACE,SAAS,EAAElB,MAAM,CAACiB,IADpB,CAEE;MAFF;MAGE,uBAAuB,EAAE;QAACE,MAAM,EAAEL,IAAI,CAACG;MAAd;IAH3B,EAFF,eAOE;MAAK,SAAS,EAAEjB,MAAM,CAACoB,GAAvB;MAA4B,GAAG,EAAEN,IAAI,CAACO,KAAtC;MAA6C,GAAG,EAAC;IAAjD,EAPF,CADF;EAWD,CAZY,EAYVb,WAZU,CANf,eAmBE;IAAK,SAAS,EAAER,MAAM,CAACsB;EAAvB,gBACE,oBAAC,cAAD,EAAoBhB,UAApB,CADF,eAEE,kCAAOC,cAAP,CAFF,CAnBF,CADF,CADF,eA2BE;IAAK,SAAS,EAAEP,MAAM,CAACS;EAAvB,gBACE,oBAAC,oBAAD,EAA0BA,oBAA1B,CADF,CA3BF,CADF;AAiCD,CAxCD;;AA0CAL,cAAc,CAACL,SAAf,2CAA2BA,SAA3B;AAEA,eAAeK,cAAf"}

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

@@ -4,6 +4,10 @@ declare namespace ExternalCourse {
     namespace propTypes {
         const name: PropTypes.Requireable<string>;
         const type: PropTypes.Requireable<string>;
+        const onTop: PropTypes.Requireable<PropTypes.InferProps<{
+            header: PropTypes.Requireable<boolean>;
+            footer: PropTypes.Requireable<boolean>;
+        }>>;
         const url: PropTypes.Validator<string>;
         const quit: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;

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":";AAoBA,uEAwIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/external-course/index.js"],"names":[],"mappings":";AAoBA,uEA+IC"}

package/es/template/external-course/index.js

@@ -37,6 +37,7 @@ const ExternalCourse = (props, context) => {
     backgroundImageUrl,
     contentType,
     mode = 'default',
+    onTop = {},
     closePopin
   } = props;
   const {
@@ -136,13 +137,17 @@ const ExternalCourse = (props, context) => {
     return !_isNil(closePopin) ? /*#__PURE__*/React.createElement(CmPopin, closePopin) : null;
   }, [closePopin]);
   return /*#__PURE__*/React.createElement("div", {
-    className: defaultWrapperStyle[mode]
+    className: classnames(defaultWrapperStyle[mode], onTop.header && style.onTopHeader, onTop.footer && style.onTopFooter)
   }, header, popin, mainContentSlot, footer);
 };
 
 ExternalCourse.propTypes = process.env.NODE_ENV !== "production" ? {
   name: PropTypes.string,
   type: PropTypes.oneOf(_keys(EXTERNAL_CONTENT_ICONS)),
+  onTop: PropTypes.shape({
+    header: PropTypes.bool,
+    footer: PropTypes.bool
+  }),
   url: PropTypes.string.isRequired,
   quit: PropTypes.shape({
     label: PropTypes.string.isRequired,

package/es/template/external-course/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","convert","classnames","PropTypes","EXTERNAL_CONTENT_ICONS","Provider","Loader","Button","ExternalContentViewer","CmPopin","style","defaultWrapperStyle","default","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","closePopin","skin","primary","IconType","icon","IconColor","color","mainContentSlot","loader","handleOnClick","field","onClick","e","stopPropagation","preventDefault","completeButton","disabled","label","backgroundColor","cursor","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","__html","header","rightSection","footer","popin","propTypes","string","oneOf","isRequired","shape","func","bool","contextTypes","childContextTypes"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {noop, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nconst ExternalCourse = (props, context) => {\n  const {\n    name,\n    type,\n    url,\n    quit,\n    complete,\n    warning,\n    loading,\n    backgroundImageUrl,\n    contentType,\n    mode = 'default',\n    closePopin\n  } = props;\n  const {skin} = context;\n  const primary = getOr('#00B0FF', 'common.primary', skin);\n  const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n  const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n  const mainContentSlot = useMemo(() => {\n    return loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n  }, [loading, url, mode, contentType, backgroundImageUrl]);\n\n  const handleOnClick = useCallback(field => {\n    const onClick = getOr(noop, ['onClick'], field);\n    return e => {\n      e.stopPropagation();\n      e.preventDefault();\n      return onClick(e);\n    };\n  }, []);\n\n  const completeButton = useMemo(() => {\n    return !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n        data-testid=\"complete-button\"\n      />\n    ) : null;\n  }, [complete, loading, primary, handleOnClick]);\n\n  const warningButton = useMemo(() => {\n    return !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div onClick={handleOnClick(warning)} className={classnames(style.iconLabel, style.link)}>\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n  }, [handleOnClick, warning]);\n\n  const quitButton = useMemo(() => {\n    return !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n  }, [quit, loading, handleOnClick]);\n\n  const titleSection = useMemo(() => {\n    return !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n  }, [name, IconColor]);\n\n  const header = useMemo(() => {\n    return !isNil(quit) || !isEmpty(name) ? (\n      <div className={style.header}>\n        {quitButton}\n        {titleSection}\n        {isNil(quit) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [name, titleSection, quit, quitButton]);\n\n  const footer = useMemo(() => {\n    return !isNil(warning) || !isNil(complete) ? (\n      <div className={style.footer}>\n        {warningButton}\n        {completeButton}\n        {isNil(warning) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [warning, warningButton, complete, completeButton]);\n\n  const popin = useMemo(() => {\n    return !isNil(closePopin) ? <CmPopin {...closePopin} /> : null;\n  }, [closePopin]);\n\n  return (\n    <div className={defaultWrapperStyle[mode]}>\n      {header}\n      {popin}\n      {mainContentSlot}\n      {footer}\n    </div>\n  );\n};\n\nExternalCourse.propTypes = {\n  name: PropTypes.string,\n  type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n  url: PropTypes.string.isRequired,\n  quit: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  complete: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    disabled: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  warning: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string,\n  closePopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nExternalCourse.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ExternalCourse;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","convert","classnames","PropTypes","EXTERNAL_CONTENT_ICONS","Provider","Loader","Button","ExternalContentViewer","CmPopin","style","defaultWrapperStyle","default","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","onTop","closePopin","skin","primary","IconType","icon","IconColor","color","mainContentSlot","loader","handleOnClick","field","onClick","e","stopPropagation","preventDefault","completeButton","disabled","label","backgroundColor","cursor","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","__html","header","rightSection","footer","popin","onTopHeader","onTopFooter","propTypes","string","oneOf","shape","bool","isRequired","func","contextTypes","childContextTypes"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {noop, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nconst ExternalCourse = (props, context) => {\n  const {\n    name,\n    type,\n    url,\n    quit,\n    complete,\n    warning,\n    loading,\n    backgroundImageUrl,\n    contentType,\n    mode = 'default',\n    onTop = {},\n    closePopin\n  } = props;\n  const {skin} = context;\n  const primary = getOr('#00B0FF', 'common.primary', skin);\n  const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n  const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n  const mainContentSlot = useMemo(() => {\n    return loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n  }, [loading, url, mode, contentType, backgroundImageUrl]);\n\n  const handleOnClick = useCallback(field => {\n    const onClick = getOr(noop, ['onClick'], field);\n    return e => {\n      e.stopPropagation();\n      e.preventDefault();\n      return onClick(e);\n    };\n  }, []);\n\n  const completeButton = useMemo(() => {\n    return !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n        data-testid=\"complete-button\"\n      />\n    ) : null;\n  }, [complete, loading, primary, handleOnClick]);\n\n  const warningButton = useMemo(() => {\n    return !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div onClick={handleOnClick(warning)} className={classnames(style.iconLabel, style.link)}>\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n  }, [handleOnClick, warning]);\n\n  const quitButton = useMemo(() => {\n    return !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n  }, [quit, loading, handleOnClick]);\n\n  const titleSection = useMemo(() => {\n    return !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n  }, [name, IconColor]);\n\n  const header = useMemo(() => {\n    return !isNil(quit) || !isEmpty(name) ? (\n      <div className={style.header}>\n        {quitButton}\n        {titleSection}\n        {isNil(quit) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [name, titleSection, quit, quitButton]);\n\n  const footer = useMemo(() => {\n    return !isNil(warning) || !isNil(complete) ? (\n      <div className={style.footer}>\n        {warningButton}\n        {completeButton}\n        {isNil(warning) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [warning, warningButton, complete, completeButton]);\n\n  const popin = useMemo(() => {\n    return !isNil(closePopin) ? <CmPopin {...closePopin} /> : null;\n  }, [closePopin]);\n\n  return (\n    <div\n      className={classnames(\n        defaultWrapperStyle[mode],\n        onTop.header && style.onTopHeader,\n        onTop.footer && style.onTopFooter\n      )}\n    >\n      {header}\n      {popin}\n      {mainContentSlot}\n      {footer}\n    </div>\n  );\n};\n\nExternalCourse.propTypes = {\n  name: PropTypes.string,\n  type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n  onTop: PropTypes.shape({\n    header: PropTypes.bool,\n    footer: PropTypes.bool\n  }),\n  url: PropTypes.string.isRequired,\n  quit: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  complete: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    disabled: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  warning: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string,\n  closePopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nExternalCourse.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ExternalCourse;\n"],"mappings":"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"}

package/es/template/external-course/style.css

@@ -21,6 +21,7 @@
   display: flex;
   flex-direction: column;
   align-content: stretch;
+  position: relative;
 }
 
 .defaultCockpit{
@@ -43,7 +44,16 @@
   z-index: 1;
   overflow: hidden;
 }
-
+.onTopHeader .header{
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.onTopFooter .footer{
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
 .leftSection, .rightSection {
   align-self: center;
   flex: 1;

package/es/template/playlist-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/playlist-detail/index.js"],"names":[],"mappings":";AAgBA,uEAyEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/playlist-detail/index.js"],"names":[],"mappings":";AAiBA,uEA8EC"}