@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/es/organism/discussion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","SrcPropType","ForumComment","ForumThread","postConditions","Loader","style","Discussion","props","threads","title","avatar","value","loading","onPost","onChange","hideComments","textareaDisabled","postDisabled","className","profileAvatarAlt","threadsView","map","thread","createElement","_extends","key","id","mainPost","commentView","newPost","loader","header","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","bool","string","func","arrayOf","shape"],"sources":["../../../src/organism/discussion/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {SrcPropType} from '../../util/proptypes';\nimport ForumComment from '../../molecule/forum/forum-comment';\nimport ForumThread from '../../molecule/forum/forum-thread';\nimport postConditions from '../../molecule/forum/post-conditions';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction Discussion(props) {\n  const {\n    threads = [],\n    title,\n    avatar,\n    value,\n    loading,\n    onPost,\n    onChange,\n    hideComments,\n    textareaDisabled,\n    postDisabled,\n    className,\n    profileAvatarAlt\n  } = props;\n\n  const threadsView = threads.map(thread => <ForumThread {...thread} key={thread.id} mainPost />);\n\n  const commentView = !hideComments ? (\n    <ForumComment\n      avatar={avatar}\n      value={value}\n      profileAvatarAlt={profileAvatarAlt}\n      newPost\n      onPost={onPost}\n      onChange={onChange}\n      textareaDisabled={textareaDisabled}\n      postDisabled={postDisabled}\n    />\n  ) : null;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  return (\n    <div data-name=\"discussion\" className={classnames(style.thread, className)}>\n      <div className={style.header}>\n        <h1\n          id=\"forum-discussion\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        {commentView}\n      </div>\n      {threadsView}\n      {loader}\n    </div>\n  );\n}\nDiscussion.propTypes = {\n  avatar: SrcPropType,\n  loading: PropTypes.bool,\n  value: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  title: PropTypes.string,\n  onPost: PropTypes.func,\n  onChange: PropTypes.func,\n  threads: PropTypes.arrayOf(PropTypes.shape(postConditions)),\n  textareaDisabled: PropTypes.bool,\n  postDisabled: PropTypes.bool,\n  className: PropTypes.string,\n  hideComments: PropTypes.bool\n};\n\nexport default Discussion;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,YAAY,MAAM,oCAAoC;AAC7D,OAAOC,WAAW,MAAM,mCAAmC;AAC3D,OAAOC,cAAc,MAAM,sCAAsC;AACjE,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,UAAUA,CAACC,KAAK,EAAE;EACzB,MAAM;IACJC,OAAO,GAAG,EAAE;IACZC,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,gBAAgB;IAChBC,YAAY;IACZC,SAAS;IACTC;EACF,CAAC,GAAGZ,KAAK;EAET,MAAMa,WAAW,GAAGZ,OAAO,CAACa,GAAG,CAACC,MAAM,iBAAIzB,KAAA,CAAA0B,aAAA,CAACrB,WAAW,EAAAsB,QAAA,KAAKF,MAAM;IAAEG,GAAG,EAAEH,MAAM,CAACI,EAAG;IAACC,QAAQ;EAAA,EAAE,CAAC,CAAC;EAE/F,MAAMC,WAAW,GAAG,CAACb,YAAY,gBAC/BlB,KAAA,CAAA0B,aAAA,CAACtB,YAAY;IACXS,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbQ,gBAAgB,EAAEA,gBAAiB;IACnCU,OAAO;IACPhB,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnBE,gBAAgB,EAAEA,gBAAiB;IACnCC,YAAY,EAAEA;EAAa,CAC5B,CAAC,GACA,IAAI;EAER,MAAMa,MAAM,GAAGlB,OAAO,gBACpBf,KAAA,CAAA0B,aAAA;IAAKL,SAAS,EAAEb,KAAK,CAACyB;EAAO,gBAC3BjC,KAAA,CAAA0B,aAAA,CAACnB,MAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,oBACEP,KAAA,CAAA0B,aAAA;IAAK,aAAU,YAAY;IAACL,SAAS,EAAEnB,UAAU,CAACM,KAAK,CAACiB,MAAM,EAAEJ,SAAS;EAAE,gBACzErB,KAAA,CAAA0B,aAAA;IAAKL,SAAS,EAAEb,KAAK,CAAC0B;EAAO,gBAC3BlC,KAAA,CAAA0B,aAAA;IACEG,EAAE,EAAC;IACH;IAAA;IACAM,uBAAuB,EAAE;MAACC,MAAM,EAAExB;IAAK;EAAE,CAC1C,CAAC,EACDmB,WACE,CAAC,EACLR,WAAW,EACXU,MACE,CAAC;AAEV;AACAxB,UAAU,CAAC4B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrB3B,MAAM,EAAEV,WAAW;EACnBY,OAAO,EAAEd,SAAS,CAACwC,IAAI;EACvB3B,KAAK,EAAEb,SAAS,CAACyC,MAAM;EACvBpB,gBAAgB,EAAErB,SAAS,CAACyC,MAAM;EAClC9B,KAAK,EAAEX,SAAS,CAACyC,MAAM;EACvB1B,MAAM,EAAEf,SAAS,CAAC0C,IAAI;EACtB1B,QAAQ,EAAEhB,SAAS,CAAC0C,IAAI;EACxBhC,OAAO,EAAEV,SAAS,CAAC2C,OAAO,CAAC3C,SAAS,CAAC4C,KAAK,CAACvC,cAAc,CAAC,CAAC;EAC3Da,gBAAgB,EAAElB,SAAS,CAACwC,IAAI;EAChCrB,YAAY,EAAEnB,SAAS,CAACwC,IAAI;EAC5BpB,SAAS,EAAEpB,SAAS,CAACyC,MAAM;EAC3BxB,YAAY,EAAEjB,SAAS,CAACwC;AAC1B,CAAC;AAED,eAAehC,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","SrcPropType","ForumComment","ForumThread","postConditions","Loader","style","Discussion","props","threads","title","avatar","value","loading","onPost","onChange","hideComments","textareaDisabled","postDisabled","className","profileAvatarAlt","threadsView","map","thread","id","commentView","loader","header","__html","propTypes","bool","string","func","arrayOf","shape"],"sources":["../../../src/organism/discussion/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {SrcPropType} from '../../util/proptypes';\nimport ForumComment from '../../molecule/forum/forum-comment';\nimport ForumThread from '../../molecule/forum/forum-thread';\nimport postConditions from '../../molecule/forum/post-conditions';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction Discussion(props) {\n  const {\n    threads = [],\n    title,\n    avatar,\n    value,\n    loading,\n    onPost,\n    onChange,\n    hideComments,\n    textareaDisabled,\n    postDisabled,\n    className,\n    profileAvatarAlt\n  } = props;\n\n  const threadsView = threads.map(thread => <ForumThread {...thread} key={thread.id} mainPost />);\n\n  const commentView = !hideComments ? (\n    <ForumComment\n      avatar={avatar}\n      value={value}\n      profileAvatarAlt={profileAvatarAlt}\n      newPost\n      onPost={onPost}\n      onChange={onChange}\n      textareaDisabled={textareaDisabled}\n      postDisabled={postDisabled}\n    />\n  ) : null;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  return (\n    <div data-name=\"discussion\" className={classnames(style.thread, className)}>\n      <div className={style.header}>\n        <h1\n          id=\"forum-discussion\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        {commentView}\n      </div>\n      {threadsView}\n      {loader}\n    </div>\n  );\n}\nDiscussion.propTypes = {\n  avatar: SrcPropType,\n  loading: PropTypes.bool,\n  value: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  title: PropTypes.string,\n  onPost: PropTypes.func,\n  onChange: PropTypes.func,\n  threads: PropTypes.arrayOf(PropTypes.shape(postConditions)),\n  textareaDisabled: PropTypes.bool,\n  postDisabled: PropTypes.bool,\n  className: PropTypes.string,\n  hideComments: PropTypes.bool\n};\n\nexport default Discussion;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,YAAP,MAAyB,oCAAzB;AACA,OAAOC,WAAP,MAAwB,mCAAxB;AACA,OAAOC,cAAP,MAA2B,sCAA3B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,UAAT,CAAoBC,KAApB,EAA2B;EACzB,MAAM;IACJC,OAAO,GAAG,EADN;IAEJC,KAFI;IAGJC,MAHI;IAIJC,KAJI;IAKJC,OALI;IAMJC,MANI;IAOJC,QAPI;IAQJC,YARI;IASJC,gBATI;IAUJC,YAVI;IAWJC,SAXI;IAYJC;EAZI,IAaFZ,KAbJ;EAeA,MAAMa,WAAW,GAAGZ,OAAO,CAACa,GAAR,CAAYC,MAAM,iBAAI,oBAAC,WAAD,eAAiBA,MAAjB;IAAyB,GAAG,EAAEA,MAAM,CAACC,EAArC;IAAyC,QAAQ;EAAjD,GAAtB,CAApB;EAEA,MAAMC,WAAW,GAAG,CAACT,YAAD,gBAClB,oBAAC,YAAD;IACE,MAAM,EAAEL,MADV;IAEE,KAAK,EAAEC,KAFT;IAGE,gBAAgB,EAAEQ,gBAHpB;IAIE,OAAO,MAJT;IAKE,MAAM,EAAEN,MALV;IAME,QAAQ,EAAEC,QANZ;IAOE,gBAAgB,EAAEE,gBAPpB;IAQE,YAAY,EAAEC;EARhB,EADkB,GAWhB,IAXJ;EAaA,MAAMQ,MAAM,GAAGb,OAAO,gBACpB;IAAK,SAAS,EAAEP,KAAK,CAACoB;EAAtB,gBACE,oBAAC,MAAD,OADF,CADoB,GAIlB,IAJJ;EAMA,oBACE;IAAK,aAAU,YAAf;IAA4B,SAAS,EAAE1B,UAAU,CAACM,KAAK,CAACiB,MAAP,EAAeJ,SAAf;EAAjD,gBACE;IAAK,SAAS,EAAEb,KAAK,CAACqB;EAAtB,gBACE;IACE,EAAE,EAAC,kBADL,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAElB;IAAT;EAH3B,EADF,EAMGe,WANH,CADF,EASGJ,WATH,EAUGK,MAVH,CADF;AAcD;;AACDnB,UAAU,CAACsB,SAAX,2CAAuB;EACrBlB,MAAM,EAAEV,WADa;EAErBY,OAAO,EAAEd,SAAS,CAAC+B,IAFE;EAGrBlB,KAAK,EAAEb,SAAS,CAACgC,MAHI;EAIrBX,gBAAgB,EAAErB,SAAS,CAACgC,MAJP;EAKrBrB,KAAK,EAAEX,SAAS,CAACgC,MALI;EAMrBjB,MAAM,EAAEf,SAAS,CAACiC,IANG;EAOrBjB,QAAQ,EAAEhB,SAAS,CAACiC,IAPC;EAQrBvB,OAAO,EAAEV,SAAS,CAACkC,OAAV,CAAkBlC,SAAS,CAACmC,KAAV,CAAgB9B,cAAhB,CAAlB,CARY;EASrBa,gBAAgB,EAAElB,SAAS,CAAC+B,IATP;EAUrBZ,YAAY,EAAEnB,SAAS,CAAC+B,IAVH;EAWrBX,SAAS,EAAEpB,SAAS,CAACgC,MAXA;EAYrBf,YAAY,EAAEjB,SAAS,CAAC+B;AAZH,CAAvB;AAeA,eAAevB,UAAf"}

package/es/organism/get-the-app/index.js

@@ -5,6 +5,7 @@ import { NovaCompositionCoorpacademyMagicWand as MagicWand, NovaCompositionCoorp
 import Button from '../../atom/button';
 import Picture from '../../atom/picture';
 import style from './style.css';
+
 const Header = ({
   step,
   header,
@@ -22,11 +23,13 @@ const Header = ({
 }, header, " "), subHeader ? /*#__PURE__*/React.createElement("h4", {
   className: style.subHeader
 }, subHeader, " ") : null);
+
 Header.propTypes = process.env.NODE_ENV !== "production" ? {
   step: PropTypes.string,
   header: PropTypes.string,
   subHeader: PropTypes.string
 } : {};
+
 const QrCodeImage = ({
   showMobileAppAccess,
   qrCodeImageUrl,
@@ -49,6 +52,7 @@ const QrCodeImage = ({
     className: style.qrcodeModalLink
   }, /*#__PURE__*/React.createElement("span", null, linkMessage, " ")), /*#__PURE__*/React.createElement("span", null, endMessage, " "))) : null);
 };
+
 QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
   showMobileAppAccess: PropTypes.bool,
   qrCodeImageUrl: PropTypes.string,
@@ -57,6 +61,7 @@ QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
   endMessage: PropTypes.string,
   qrCodeImageAlt: PropTypes.string
 } : {};
+
 const MagicLink = ({
   disabled,
   submitValue,
@@ -78,11 +83,13 @@ const MagicLink = ({
     className: style.magicLinkIcon
   }), /*#__PURE__*/React.createElement("p", null, submitValue))));
 };
+
 MagicLink.propTypes = process.env.NODE_ENV !== "production" ? {
   magicLinkUrl: PropTypes.string,
   disabled: PropTypes.bool,
   submitValue: PropTypes.string
 } : {};
+
 const StoresLinks = ({
   onAppStoreButtonClick,
   appStoreButtonImageUrl,
@@ -103,6 +110,7 @@ const StoresLinks = ({
   onClick: onPlayStoreButtonClick,
   alt: androidAlt
 }));
+
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: PropTypes.func,
   appStoreButtonImageUrl: PropTypes.string,
@@ -111,6 +119,7 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   'android-alt': PropTypes.string,
   'ios-alt': PropTypes.string
 } : {};
+
 const Divider = ({
   word
 }) => /*#__PURE__*/React.createElement("div", {
@@ -120,9 +129,11 @@ const Divider = ({
 }), /*#__PURE__*/React.createElement("p", null, word), /*#__PURE__*/React.createElement("div", {
   className: style.divider
 }));
+
 Divider.propTypes = process.env.NODE_ENV !== "production" ? {
   word: PropTypes.string
 } : {};
+
 const GetTheApp = (props, context) => {
   const {
     onAppStoreButtonClick,
@@ -150,7 +161,9 @@ const GetTheApp = (props, context) => {
   const {
     skin
   } = context;
+
   const primaryColor = _get('common.primary', skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement("div", {
@@ -195,8 +208,8 @@ const GetTheApp = (props, context) => {
     magicLinkUrl: magicLinkUrl
   })))));
 };
-GetTheApp.propTypes = process.env.NODE_ENV !== "production" ? {
-  ...StoresLinks.propTypes,
+
+GetTheApp.propTypes = process.env.NODE_ENV !== "production" ? { ...StoresLinks.propTypes,
   storeStep: PropTypes.shape(Header.propTypes),
   connectionStep: PropTypes.shape(Header.propTypes),
   qrCodeStep: PropTypes.shape(Header.propTypes),

package/es/organism/get-the-app/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","createElement","className","headerContainer","headerWrapper","propTypes","process","env","NODE_ENV","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","src","alt","qrcodeOverlay","qrcodeModal","href","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","isLinkDisabled","type","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","onClick","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","_get","container","coorpAppLogoWrapper","height","width","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage,\n  qrCodeImageAlt\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick,\n  'android-alt': androidAlt,\n  'ios-alt': iosAlt\n}) => (\n  <div className={style.storeLinksContainer}>\n    <Picture\n      className={style.img}\n      src={appStoreButtonImageUrl}\n      onClick={onAppStoreButtonClick}\n      alt={iosAlt}\n    />\n    <Picture\n      className={style.img}\n      src={playStoreButtonImageUrl}\n      onClick={onPlayStoreButtonClick}\n      alt={androidAlt}\n    />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func,\n  'android-alt': PropTypes.string,\n  'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage,\n    'android-alt': androidAlt,\n    'ios-alt': iosAlt,\n    qrCodeImageAlt,\n    'logo-aria-label': coorpAppLogoAriaLabel\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo\n          height={51}\n          width={250}\n          className={style.coorpAppLogo}\n          aria-label={coorpAppLogoAriaLabel}\n        />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n          android-alt={androidAlt}\n          ios-alt={iosAlt}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n              qrCodeImageAlt={qrCodeImageAlt}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              style={{color: primaryColor}}\n              submitValue={submitValue}\n              disabled={disabled}\n              magicLinkUrl={magicLinkUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nGetTheApp.propTypes = {\n  ...StoresLinks.propTypes,\n  storeStep: PropTypes.shape(Header.propTypes),\n  connectionStep: PropTypes.shape(Header.propTypes),\n  qrCodeStep: PropTypes.shape(Header.propTypes),\n  magicLinkStep: PropTypes.shape(Header.propTypes),\n  ...QrCodeImage.propTypes,\n  diviserWord: Divider.propTypes.word,\n  ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","propTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage,\n  qrCodeImageAlt\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick,\n  'android-alt': androidAlt,\n  'ios-alt': iosAlt\n}) => (\n  <div className={style.storeLinksContainer}>\n    <Picture\n      className={style.img}\n      src={appStoreButtonImageUrl}\n      onClick={onAppStoreButtonClick}\n      alt={iosAlt}\n    />\n    <Picture\n      className={style.img}\n      src={playStoreButtonImageUrl}\n      onClick={onPlayStoreButtonClick}\n      alt={androidAlt}\n    />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func,\n  'android-alt': PropTypes.string,\n  'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage,\n    'android-alt': androidAlt,\n    'ios-alt': iosAlt,\n    qrCodeImageAlt,\n    'logo-aria-label': coorpAppLogoAriaLabel\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo\n          height={51}\n          width={250}\n          className={style.coorpAppLogo}\n          aria-label={coorpAppLogoAriaLabel}\n        />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n          android-alt={androidAlt}\n          ios-alt={iosAlt}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n              qrCodeImageAlt={qrCodeImageAlt}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              style={{color: primaryColor}}\n              submitValue={submitValue}\n              disabled={disabled}\n              magicLinkUrl={magicLinkUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nGetTheApp.propTypes = {\n  ...StoresLinks.propTypes,\n  storeStep: PropTypes.shape(Header.propTypes),\n  connectionStep: PropTypes.shape(Header.propTypes),\n  qrCodeStep: PropTypes.shape(Header.propTypes),\n  magicLinkStep: PropTypes.shape(Header.propTypes),\n  ...QrCodeImage.propTypes,\n  diviserWord: Divider.propTypes.word,\n  ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}

package/es/organism/grid-list/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
+
 const GridList = ({
   children
 }) => {
@@ -8,6 +9,7 @@ const GridList = ({
     className: style.wrapper
   }, children);
 };
+
 GridList.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node
 } : {};

package/es/organism/grid-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","GridList","children","createElement","className","wrapper","propTypes","process","env","NODE_ENV","node"],"sources":["../../../src/organism/grid-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst GridList = ({children}) => {\n  return <div className={style.wrapper}>{children}</div>;\n};\n\nGridList.propTypes = {children: PropTypes.node};\n\nexport default GridList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAGA,CAAC;EAACC;AAAQ,CAAC,KAAK;EAC/B,oBAAOJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEJ,KAAK,CAACK;EAAQ,GAAEH,QAAc,CAAC;AACxD,CAAC;AAEDD,QAAQ,CAACK,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAACP,QAAQ,EAAEH,SAAS,CAACW;AAAI,CAAC;AAE/C,eAAeT,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","GridList","children","wrapper","propTypes","node"],"sources":["../../../src/organism/grid-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst GridList = ({children}) => {\n  return <div className={style.wrapper}>{children}</div>;\n};\n\nGridList.propTypes = {children: PropTypes.node};\n\nexport default GridList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAgB;EAC/B,oBAAO;IAAK,SAAS,EAAEF,KAAK,CAACG;EAAtB,GAAgCD,QAAhC,CAAP;AACD,CAFD;;AAIAD,QAAQ,CAACG,SAAT,2CAAqB;EAACF,QAAQ,EAAEH,SAAS,CAACM;AAArB,CAArB;AAEA,eAAeJ,QAAf"}

package/es/organism/header/index.js

@@ -4,6 +4,7 @@ import { SrcPropType } from '../../util/proptypes';
 import Picture from '../../atom/picture';
 import MenuList from '../../molecule/menu-list';
 import style from './style.css';
+
 const Header = props => {
   const {
     menuItems,
@@ -24,6 +25,7 @@ const Header = props => {
     menuItems: menuItems
   })));
 };
+
 Header.propTypes = process.env.NODE_ENV !== "production" ? {
   href: PropTypes.string,
   menuItems: PropTypes.arrayOf(PropTypes.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","Picture","MenuList","style","Header","props","menuItems","src","href","createElement","className","static","logo","navigation","propTypes","process","env","NODE_ENV","string","arrayOf","shape","title","oneOfType","isRequired","objectOf"],"sources":["../../../src/organism/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport Picture from '../../atom/picture';\nimport MenuList from '../../molecule/menu-list';\nimport style from './style.css';\n\nconst Header = props => {\n  const {menuItems, src, href} = props;\n\n  return (\n    <div className={style.static}>\n      <div className={style.logo}>\n        <a href={href}>\n          <Picture src={src} />\n        </a>\n      </div>\n      <div className={style.navigation}>\n        <MenuList menuItems={menuItems} />\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  href: PropTypes.string,\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string\n    })\n  ),\n  src: PropTypes.oneOfType([\n    PropTypes.string.isRequired,\n    PropTypes.objectOf(SrcPropType).isRequired\n  ])\n};\n\nexport default Header;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAACC,SAAS;IAAEC,GAAG;IAAEC;EAAI,CAAC,GAAGH,KAAK;EAEpC,oBACEP,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ;EAAO,gBAC3Bb,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACS;EAAK,gBACzBd,KAAA,CAAAW,aAAA;IAAGD,IAAI,EAAEA;EAAK,gBACZV,KAAA,CAAAW,aAAA,CAACR,OAAO;IAACM,GAAG,EAAEA;EAAI,CAAE,CACnB,CACA,CAAC,eACNT,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACU;EAAW,gBAC/Bf,KAAA,CAAAW,aAAA,CAACP,QAAQ;IAACI,SAAS,EAAEA;EAAU,CAAE,CAC9B,CACF,CAAC;AAEV,CAAC;AAEDF,MAAM,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBT,IAAI,EAAET,SAAS,CAACmB,MAAM;EACtBZ,SAAS,EAAEP,SAAS,CAACoB,OAAO,CAC1BpB,SAAS,CAACqB,KAAK,CAAC;IACdC,KAAK,EAAEtB,SAAS,CAACmB;EACnB,CAAC,CACH,CAAC;EACDX,GAAG,EAAER,SAAS,CAACuB,SAAS,CAAC,CACvBvB,SAAS,CAACmB,MAAM,CAACK,UAAU,EAC3BxB,SAAS,CAACyB,QAAQ,CAACxB,WAAW,CAAC,CAACuB,UAAU,CAC3C;AACH,CAAC;AAED,eAAenB,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","Picture","MenuList","style","Header","props","menuItems","src","href","static","logo","navigation","propTypes","string","arrayOf","shape","title","oneOfType","isRequired","objectOf"],"sources":["../../../src/organism/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport Picture from '../../atom/picture';\nimport MenuList from '../../molecule/menu-list';\nimport style from './style.css';\n\nconst Header = props => {\n  const {menuItems, src, href} = props;\n\n  return (\n    <div className={style.static}>\n      <div className={style.logo}>\n        <a href={href}>\n          <Picture src={src} />\n        </a>\n      </div>\n      <div className={style.navigation}>\n        <MenuList menuItems={menuItems} />\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  href: PropTypes.string,\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string\n    })\n  ),\n  src: PropTypes.oneOfType([\n    PropTypes.string.isRequired,\n    PropTypes.objectOf(SrcPropType).isRequired\n  ])\n};\n\nexport default Header;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,QAAP,MAAqB,0BAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAACC,SAAD;IAAYC,GAAZ;IAAiBC;EAAjB,IAAyBH,KAA/B;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,gBACE;IAAG,IAAI,EAAEF;EAAT,gBACE,oBAAC,OAAD;IAAS,GAAG,EAAED;EAAd,EADF,CADF,CADF,eAME;IAAK,SAAS,EAAEJ,KAAK,CAACQ;EAAtB,gBACE,oBAAC,QAAD;IAAU,SAAS,EAAEL;EAArB,EADF,CANF,CADF;AAYD,CAfD;;AAiBAF,MAAM,CAACQ,SAAP,2CAAmB;EACjBJ,IAAI,EAAET,SAAS,CAACc,MADC;EAEjBP,SAAS,EAAEP,SAAS,CAACe,OAAV,CACTf,SAAS,CAACgB,KAAV,CAAgB;IACdC,KAAK,EAAEjB,SAAS,CAACc;EADH,CAAhB,CADS,CAFM;EAOjBN,GAAG,EAAER,SAAS,CAACkB,SAAV,CAAoB,CACvBlB,SAAS,CAACc,MAAV,CAAiBK,UADM,EAEvBnB,SAAS,CAACoB,QAAV,CAAmBnB,WAAnB,EAAgCkB,UAFT,CAApB;AAPY,CAAnB;AAaA,eAAed,MAAf"}

package/es/organism/header-v2/index.native.js

@@ -7,6 +7,7 @@ import Gradient from '../../atom/gradient/index.native';
 import Touchable from '../../hoc/touchable/index.native';
 export const HEADER_HEIGHT = 67;
 const ICON_WIDTH = 20;
+
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     position: 'absolute',
@@ -36,6 +37,7 @@ const createStyleSheet = theme => StyleSheet.create({
     opacity: 0.3
   }
 });
+
 const Header = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -50,14 +52,14 @@ const Header = props => {
   const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-    setStylesheet(_stylesheet);
-  }, [theme]);
 
-  // ------------------------------------
+    setStylesheet(_stylesheet);
+  }, [theme]); // ------------------------------------
 
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(View, {
     style: [styleSheet.container],
     testID: "header"
@@ -97,5 +99,6 @@ const Header = props => {
     style: styleSheet.icon
   }))));
 };
+
 export default Header;
 //# sourceMappingURL=index.native.js.map

package/es/organism/header-v2/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","NovaCompositionCoorpacademySearch","SearchIcon","NovaCompositionCoorpacademyCog","SettingsIcon","useTemplateContext","BrandLogo","Gradient","Touchable","HEADER_HEIGHT","ICON_WIDTH","createStyleSheet","theme","create","container","position","backgroundColor","colors","white","flexDirection","alignItems","justifyContent","height","top","width","icons","icon","marginRight","logo","marginLeft","gradient","left","right","opacity","Header","props","templateContext","styleSheet","setStylesheet","onSearchPress","onSettingsPress","onLogoLongPress","logoHeight","spacing","small","_stylesheet","createElement","style","testID","tiny","gray","medium","light","transparencyPosition","onLongPress","analyticsID","isWithoutFeedback","onPress","color","dark"],"sources":["../../../src/organism/header-v2/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\n\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaCompositionCoorpacademyCog as SettingsIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport BrandLogo from '../../molecule/brand-logo/index.native';\nimport Gradient from '../../atom/gradient/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport interface Props {\n  onSearchPress: (event: GestureResponderEvent) => void;\n  onSettingsPress: (event: GestureResponderEvent) => void;\n  onLogoLongPress: (event: GestureResponderEvent) => void;\n}\n\nexport const HEADER_HEIGHT = 67;\nconst ICON_WIDTH = 20;\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  icons: ViewStyle;\n  icon: ViewStyle;\n  logo: ViewStyle;\n  gradient: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme) =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      backgroundColor: theme.colors.white,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: HEADER_HEIGHT,\n      top: 0,\n      width: '100%'\n    },\n    icons: {\n      flexDirection: 'row'\n    },\n    icon: {\n      marginRight: 16\n    },\n    logo: {\n      width: 80,\n      marginLeft: 16\n    },\n    gradient: {\n      position: 'absolute',\n      left: 0,\n      top: HEADER_HEIGHT,\n      right: 0,\n      opacity: 0.3\n    }\n  });\n\nconst Header = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {onSearchPress, onSettingsPress, onLogoLongPress} = props;\n  const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container]} testID=\"header\">\n      <Gradient\n        height={theme.spacing.tiny}\n        colors={[theme.colors.gray.medium, theme.colors.gray.light]}\n        transparencyPosition=\"bottom\"\n        style={styleSheet.gradient}\n      />\n      <View style={styleSheet.logo}>\n        <Touchable\n          testID=\"header-logo\"\n          onLongPress={onLogoLongPress}\n          analyticsID=\"sign-out\"\n          isWithoutFeedback\n        >\n          <BrandLogo height={logoHeight} />\n        </Touchable>\n      </View>\n      <View style={[styleSheet.icons]}>\n        <Touchable testID=\"search-icon\" onPress={onSearchPress} analyticsID=\"search-icon\">\n          <SearchIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n        <Touchable testID=\"settings-icon\" onPress={onSettingsPress} analyticsID=\"settings-icon\">\n          <SettingsIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","NovaCompositionCoorpacademySearch","SearchIcon","NovaCompositionCoorpacademyCog","SettingsIcon","useTemplateContext","BrandLogo","Gradient","Touchable","HEADER_HEIGHT","ICON_WIDTH","createStyleSheet","theme","create","container","position","backgroundColor","colors","white","flexDirection","alignItems","justifyContent","height","top","width","icons","icon","marginRight","logo","marginLeft","gradient","left","right","opacity","Header","props","templateContext","styleSheet","setStylesheet","onSearchPress","onSettingsPress","onLogoLongPress","logoHeight","spacing","small","_stylesheet","tiny","gray","medium","light","dark"],"sources":["../../../src/organism/header-v2/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\n\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaCompositionCoorpacademyCog as SettingsIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport BrandLogo from '../../molecule/brand-logo/index.native';\nimport Gradient from '../../atom/gradient/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport interface Props {\n  onSearchPress: (event: GestureResponderEvent) => void;\n  onSettingsPress: (event: GestureResponderEvent) => void;\n  onLogoLongPress: (event: GestureResponderEvent) => void;\n}\n\nexport const HEADER_HEIGHT = 67;\nconst ICON_WIDTH = 20;\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  icons: ViewStyle;\n  icon: ViewStyle;\n  logo: ViewStyle;\n  gradient: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme) =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      backgroundColor: theme.colors.white,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: HEADER_HEIGHT,\n      top: 0,\n      width: '100%'\n    },\n    icons: {\n      flexDirection: 'row'\n    },\n    icon: {\n      marginRight: 16\n    },\n    logo: {\n      width: 80,\n      marginLeft: 16\n    },\n    gradient: {\n      position: 'absolute',\n      left: 0,\n      top: HEADER_HEIGHT,\n      right: 0,\n      opacity: 0.3\n    }\n  });\n\nconst Header = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {onSearchPress, onSettingsPress, onLogoLongPress} = props;\n  const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container]} testID=\"header\">\n      <Gradient\n        height={theme.spacing.tiny}\n        colors={[theme.colors.gray.medium, theme.colors.gray.light]}\n        transparencyPosition=\"bottom\"\n        style={styleSheet.gradient}\n      />\n      <View style={styleSheet.logo}>\n        <Touchable\n          testID=\"header-logo\"\n          onLongPress={onLogoLongPress}\n          analyticsID=\"sign-out\"\n          isWithoutFeedback\n        >\n          <BrandLogo height={logoHeight} />\n        </Touchable>\n      </View>\n      <View style={[styleSheet.icons]}>\n        <Touchable testID=\"search-icon\" onPress={onSearchPress} analyticsID=\"search-icon\">\n          <SearchIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n        <Touchable testID=\"settings-icon\" onPress={onSettingsPress} analyticsID=\"settings-icon\">\n          <SettingsIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default Header;\n"],"mappings":"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"}

package/es/organism/hero/index.js

@@ -6,11 +6,14 @@ import { SrcPropType } from '../../util/proptypes';
 import Provider from '../../atom/provider';
 import Link from '../../atom/link';
 import style from './style.css';
+
 function Hero(props, context) {
   const {
     skin
   } = context;
+
   const bg = _get('images.hero', skin);
+
   const {
     url,
     title,
@@ -38,6 +41,7 @@ function Hero(props, context) {
     }
   }))));
 }
+
 Hero.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/organism/hero/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","Provider","Link","style","Hero","props","context","skin","bg","_get","url","title","touch","backgroundImage","ctaClass","createElement","className","hero","href","label","color","_getOr","bar","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","oneOfType","string","isRequired"],"sources":["../../../src/organism/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nfunction Hero(props, context) {\n  const {skin} = context;\n  const bg = get('images.hero', skin);\n  const {url, title, touch = false} = props;\n  const backgroundImage = bg ? `url(${bg})` : '';\n  const ctaClass = touch ? 'ctaTouch' : 'ctaNoTouch';\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage\n      }}\n    >\n      <Link href={url} className={style[ctaClass]}>\n        <div\n          className={style.label}\n          style={{\n            color: getOr('#00b0ff', 'common.primary', skin)\n          }}\n        >\n          {title}\n          <span\n            className={style.bar}\n            style={{\n              backgroundColor: getOr('#00b0ff', 'common.primary', skin)\n            }}\n          />\n        </div>\n      </Link>\n    </div>\n  );\n}\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  touch: PropTypes.bool,\n  url: PropTypes.oneOfType([SrcPropType, PropTypes.string]).isRequired,\n  title: PropTypes.string.isRequired\n};\n\nexport default Hero;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,IAAIA,CAACC,KAAK,EAAEC,OAAO,EAAE;EAC5B,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,EAAE,GAAGC,IAAA,CAAI,aAAa,EAAEF,IAAI,CAAC;EACnC,MAAM;IAACG,GAAG;IAAEC,KAAK;IAAEC,KAAK,GAAG;EAAK,CAAC,GAAGP,KAAK;EACzC,MAAMQ,eAAe,GAAGL,EAAE,GAAG,OAAOA,EAAE,GAAG,GAAG,EAAE;EAC9C,MAAMM,QAAQ,GAAGF,KAAK,GAAG,UAAU,GAAG,YAAY;EAElD,oBACEd,KAAA,CAAAiB,aAAA;IACEC,SAAS,EAAEb,KAAK,CAACc,IAAK;IACtBd,KAAK,EAAE;MACLU;IACF;EAAE,gBAEFf,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACgB,IAAI,EAAER,GAAI;IAACM,SAAS,EAAEb,KAAK,CAACW,QAAQ;EAAE,gBAC1ChB,KAAA,CAAAiB,aAAA;IACEC,SAAS,EAAEb,KAAK,CAACgB,KAAM;IACvBhB,KAAK,EAAE;MACLiB,KAAK,EAAEC,MAAA,CAAM,SAAS,EAAE,gBAAgB,EAAEd,IAAI;IAChD;EAAE,GAEDI,KAAK,eACNb,KAAA,CAAAiB,aAAA;IACEC,SAAS,EAAEb,KAAK,CAACmB,GAAI;IACrBnB,KAAK,EAAE;MACLoB,eAAe,EAAEF,MAAA,CAAM,SAAS,EAAE,gBAAgB,EAAEd,IAAI;IAC1D;EAAE,CACH,CACE,CACD,CACH,CAAC;AAEV;AAEAH,IAAI,CAACoB,YAAY,GAAG;EAClBjB,IAAI,EAAEN,QAAQ,CAACwB,iBAAiB,CAAClB;AACnC,CAAC;AAEDH,IAAI,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACfjB,KAAK,EAAEb,SAAS,CAAC+B,IAAI;EACrBpB,GAAG,EAAEX,SAAS,CAACgC,SAAS,CAAC,CAAC/B,WAAW,EAAED,SAAS,CAACiC,MAAM,CAAC,CAAC,CAACC,UAAU;EACpEtB,KAAK,EAAEZ,SAAS,CAACiC,MAAM,CAACC;AAC1B,CAAC;AAED,eAAe7B,IAAI","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","Provider","Link","style","Hero","props","context","skin","bg","url","title","touch","backgroundImage","ctaClass","hero","label","color","bar","backgroundColor","contextTypes","childContextTypes","propTypes","bool","oneOfType","string","isRequired"],"sources":["../../../src/organism/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nfunction Hero(props, context) {\n  const {skin} = context;\n  const bg = get('images.hero', skin);\n  const {url, title, touch = false} = props;\n  const backgroundImage = bg ? `url(${bg})` : '';\n  const ctaClass = touch ? 'ctaTouch' : 'ctaNoTouch';\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage\n      }}\n    >\n      <Link href={url} className={style[ctaClass]}>\n        <div\n          className={style.label}\n          style={{\n            color: getOr('#00b0ff', 'common.primary', skin)\n          }}\n        >\n          {title}\n          <span\n            className={style.bar}\n            style={{\n              backgroundColor: getOr('#00b0ff', 'common.primary', skin)\n            }}\n          />\n        </div>\n      </Link>\n    </div>\n  );\n}\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  touch: PropTypes.bool,\n  url: PropTypes.oneOfType([SrcPropType, PropTypes.string]).isRequired,\n  title: PropTypes.string.isRequired\n};\n\nexport default Hero;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,IAAT,CAAcC,KAAd,EAAqBC,OAArB,EAA8B;EAC5B,MAAM;IAACC;EAAD,IAASD,OAAf;;EACA,MAAME,EAAE,GAAG,KAAI,aAAJ,EAAmBD,IAAnB,CAAX;;EACA,MAAM;IAACE,GAAD;IAAMC,KAAN;IAAaC,KAAK,GAAG;EAArB,IAA8BN,KAApC;EACA,MAAMO,eAAe,GAAGJ,EAAE,GAAI,OAAMA,EAAG,GAAb,GAAkB,EAA5C;EACA,MAAMK,QAAQ,GAAGF,KAAK,GAAG,UAAH,GAAgB,YAAtC;EAEA,oBACE;IACE,SAAS,EAAER,KAAK,CAACW,IADnB;IAEE,KAAK,EAAE;MACLF;IADK;EAFT,gBAME,oBAAC,IAAD;IAAM,IAAI,EAAEH,GAAZ;IAAiB,SAAS,EAAEN,KAAK,CAACU,QAAD;EAAjC,gBACE;IACE,SAAS,EAAEV,KAAK,CAACY,KADnB;IAEE,KAAK,EAAE;MACLC,KAAK,EAAE,OAAM,SAAN,EAAiB,gBAAjB,EAAmCT,IAAnC;IADF;EAFT,GAMGG,KANH,eAOE;IACE,SAAS,EAAEP,KAAK,CAACc,GADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAE,OAAM,SAAN,EAAiB,gBAAjB,EAAmCX,IAAnC;IADZ;EAFT,EAPF,CADF,CANF,CADF;AAyBD;;AAEDH,IAAI,CAACe,YAAL,GAAoB;EAClBZ,IAAI,EAAEN,QAAQ,CAACmB,iBAAT,CAA2Bb;AADf,CAApB;AAIAH,IAAI,CAACiB,SAAL,2CAAiB;EACfV,KAAK,EAAEZ,SAAS,CAACuB,IADF;EAEfb,GAAG,EAAEV,SAAS,CAACwB,SAAV,CAAoB,CAACvB,WAAD,EAAcD,SAAS,CAACyB,MAAxB,CAApB,EAAqDC,UAF3C;EAGff,KAAK,EAAEX,SAAS,CAACyB,MAAV,CAAiBC;AAHT,CAAjB;AAMA,eAAerB,IAAf"}

package/es/organism/list-item/index.js

@@ -2,7 +2,9 @@ import _get from "lodash/fp/get";
 import _noop from "lodash/fp/noop";
 import _map from "lodash/fp/map";
 import _isEmpty from "lodash/fp/isEmpty";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { convert } from 'css-color-function';
@@ -14,6 +16,7 @@ import ButtonLink from '../../atom/button-link';
 import BulletPointMenuButton from '../../molecule/bullet-point-menu-button';
 import { COLORS } from '../../variables/colors';
 import style from './style.css';
+
 const ListItem = ({
   buttonLink,
   secondButtonLink,
@@ -37,10 +40,13 @@ const ListItem = ({
   const {
     skin
   } = context;
+
   const primarySelectedColor = selectedColor || _get('common.primary', skin);
+
   const mapUncapped = _map.convert({
     cap: false
   });
+
   let isPublished = false;
   const selectedStyle = selected ? {
     backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)
@@ -107,6 +113,7 @@ const ListItem = ({
     }
   }) : null, buttonLink ? /*#__PURE__*/React.createElement(ButtonLink, buttonLink) : null, secondButtonLink ? /*#__PURE__*/React.createElement(ButtonLink, secondButtonLink) : null, !_isEmpty(bulletPointMenuButton) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButton) : null));
 };
+
 ListItem.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

package/es/organism/list-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop","leftIcon","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","_extends","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","white","size","faSize","wrapperSize","_isEmpty","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.leftSection}>\n          {leftIcon ? (\n            <div>\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            </div>\n          ) : null}\n        </div>\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            <div className={style.title} title={title}>\n              {title}\n            </div>\n            {provider ? (\n              <Tag label={provider} type=\"default\" className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  provider: PropTypes.string,\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\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  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  })\n};\n\nexport default ListItem;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,qBAAqB,MAAM,yCAAyC;AAC3E,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAGA,CACf;EACEC,UAAU;EACVC,gBAAgB;EAChBC,qBAAqB;EACrBC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,aAAa;EACbC,QAAQ;EACRC,WAAW;EACXC,KAAK;EACL,YAAY,EAAEC,SAAS;EACvBC,QAAQ,GAAG,KAAK;EAChBC,WAAW;EACXC,WAAW,GAAG,KAAK;EACnBC,gBAAgB,GAAG,KAAK;EACxBC,OAAO,GAAAC,KAAO;EACdC;AACF,CAAC,EACDC,OAAO,KACJ;EACH,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,oBAAoB,GAAGd,aAAa,IAAIe,IAAA,CAAI,gBAAgB,EAAEF,IAAI,CAAC;EACzE,MAAMG,WAAW,GAAGC,IAAA,CAAIlC,OAAO,CAAC;IAACmC,GAAG,EAAE;EAAK,CAAC,CAAC;EAC7C,IAAIC,WAAW,GAAG,KAAK;EAEvB,MAAMC,aAAa,GAAGrB,QAAQ,GAC1B;IACEsB,eAAe,EAAEtC,OAAO,CAAC,SAAS+B,oBAAoB,WAAW;EACnE,CAAC,GACD,CAAC,CAAC;EAEN,MAAMQ,gBAAgB,GAAGvB,QAAQ,GAC7B;IACEsB,eAAe,EAAEtC,OAAO,CAAC,SAAS+B,oBAAoB,WAAW,CAAC;IAClES,KAAK,EAAET;EACT,CAAC,GACD,CAAC,CAAC;EAEN,MAAMU,QAAQ,GAAGR,WAAW,CAAC,CAACS,GAAG,EAAEC,KAAK,KAAK;IAC3CP,WAAW,GAAGM,GAAG,CAACE,IAAI,KAAK,SAAS;IACpC,oBACE9C,KAAA,CAAA+C,aAAA;MAAKC,GAAG,EAAEH,KAAM;MAACI,SAAS,EAAEvC,KAAK,CAACkC;IAAI,gBACpC5C,KAAA,CAAA+C,aAAA,CAAC1C,GAAG,EAAA6C,QAAA,KAAKN,GAAG;MAAEO,WAAW,EAAEV;IAAiB,EAAE,CAC3C,CAAC;EAEV,CAAC,CAAC,CAAC1B,IAAI,CAAC;EAER,MAAMqC,eAAe,GAAGjB,WAAW,CAAC,CAACkB,UAAU,EAAER,KAAK,KAAK;IACzD,oBACE7C,KAAA,CAAA+C,aAAA;MAAKC,GAAG,EAAEH,KAAM;MAACI,SAAS,EAAEvC,KAAK,CAAC2C,UAAU,CAACJ,SAAS;IAAE,GACrDI,UAAU,CAACP,IAAI,gBAAG9C,KAAA,CAAA+C,aAAA,CAAC1C,GAAG,EAAKgD,UAAa,CAAC,GAAGA,UAAU,CAACC,KACrD,CAAC;EAEV,CAAC,CAAC,CAACjC,WAAW,CAAC;EAEf,MAAMkC,SAAS,GACbjC,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKkC,SAAS,gBACnCxD,KAAA,CAAA+C,aAAA;IAAKE,SAAS,EAAEvC,KAAK,CAACY,KAAM;IAAC,cAAYC;EAAU,GAChDD,KAAK,GAAG,CACN,CAAC,GACJ,IAAI;EAEV,oBACEtB,KAAA,CAAA+C,aAAA;IACEE,SAAS,EAAE9C,UAAU,CACnBO,KAAK,CAAC+C,OAAO,EACb/B,WAAW,IAAIhB,KAAK,CAACgD,UAAU,EAC/BtC,QAAQ,IAAIV,KAAK,CAACiD,YAAY,EAC9BnC,QAAQ,IAAId,KAAK,CAACc,QAAQ,EAC1BI,OAAO,KAAAC,KAAS,IAAI,CAACL,QAAQ,IAAId,KAAK,CAACkD,aACzC,CAAE;IACFhC,OAAO,EAAE,CAACJ,QAAQ,GAAGI,OAAO,GAAG4B,SAAU;IACzC9C,KAAK,EAAE6B;EAAc,gBAErBvC,KAAA,CAAA+C,aAAA;IACEE,SAAS,EAAE9C,UAAU,CAACO,KAAK,CAACmD,kBAAkB,EAAElC,gBAAgB,IAAIjB,KAAK,CAACoD,eAAe;EAAE,GAE1FxB,WAAW,IAAIb,WAAW,KAAK,eAAe,GAAG8B,SAAS,GAAG,IAAI,eAClEvD,KAAA,CAAA+C,aAAA;IAAKE,SAAS,EAAEvC,KAAK,CAACqD;EAAY,GAC/BjC,QAAQ,gBACP9B,KAAA,CAAA+C,aAAA,2BACE/C,KAAA,CAAA+C,aAAA,CAACzC,MAAM;IACL0D,QAAQ,EAAElC,QAAQ,CAACkC,QAAS;IAC5BC,kBAAkB,EAAEnC,QAAQ,CAACmC,kBAAkB,IAAI,IAAK;IACxDC,SAAS,EAAEpC,QAAQ,CAACoC,SAAS,IAAIjC,oBAAqB;IACtDkC,MAAM,EAAErC,QAAQ,CAACqC,MAAM,IAAI,IAAK;IAChCC,YAAY,EAAEtC,QAAQ,CAACsC,YAAY,IAAI;EAAM,CAC9C,CACE,CAAC,GACJ,IACD,CAAC,eACNpE,KAAA,CAAA+C,aAAA;IAAKE,SAAS,EAAEvC,KAAK,CAAC2D;EAAa,gBACjCrE,KAAA,CAAA+C,aAAA;IAAKE,SAAS,EAAEvC,KAAK,CAAC4D;EAAqB,gBACzCtE,KAAA,CAAA+C,aAAA;IAAKE,SAAS,EAAEvC,KAAK,CAACM,KAAM;IAACA,KAAK,EAAEA;EAAM,GACvCA,KACE,CAAC,EACLC,QAAQ,gBACPjB,KAAA,CAAA+C,aAAA,CAAC1C,GAAG;IAACiD,KAAK,EAAErC,QAAS;IAAC6B,IAAI,EAAC,SAAS;IAACG,SAAS,EAAEvC,KAAK,CAAC6D;EAAY,CAAE,CAAC,GACnE,IACD,CAAC,EACLnD,QAAQ,gBAAGpB,KAAA,CAAA+C,aAAA;IAAKE,SAAS,EAAEvC,KAAK,CAACU;EAAS,GAAEA,QAAc,CAAC,GAAG,IAC5D,CAAC,EACLgC,eACE,CAAC,eAENpD,KAAA,CAAA+C,aAAA;IAAKE,SAAS,EAAEvC,KAAK,CAAC8D;EAAS,GAC5B7B,QAAQ,EACRzB,QAAQ,gBACPlB,KAAA,CAAA+C,aAAA,CAACzC,MAAM;IACL0D,QAAQ,EAAC,cAAc;IACvBE,SAAS,EAAEjC,oBAAqB;IAChCO,eAAe,EAAE/B,MAAM,CAACgE,KAAM;IAC9BC,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CACrC,CAAC,GACA,IAAI,EACPhE,UAAU,gBAAGZ,KAAA,CAAA+C,aAAA,CAACxC,UAAU,EAAKK,UAAa,CAAC,GAAG,IAAI,EAClDC,gBAAgB,gBAAGb,KAAA,CAAA+C,aAAA,CAACxC,UAAU,EAAKM,gBAAmB,CAAC,GAAG,IAAI,EAC9D,CAACgE,QAAA,CAAQ/D,qBAAqB,CAAC,gBAC9Bd,KAAA,CAAA+C,aAAA,CAACvC,qBAAqB,EAAKM,qBAAwB,CAAC,GAClD,IACD,CACF,CAAC;AAEV,CAAC;AAEDH,QAAQ,CAACmE,YAAY,GAAG;EACtB9C,IAAI,EAAE5B,QAAQ,CAAC2E,iBAAiB,CAAC/C,IAAI;EACrCgD,SAAS,EAAE5E,QAAQ,CAAC2E,iBAAiB,CAACC;AACxC,CAAC;AAEDrE,QAAQ,CAACsE,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBpE,KAAK,EAAEf,SAAS,CAACoF,MAAM,CAACC,UAAU;EAClClE,QAAQ,EAAEnB,SAAS,CAACoF,MAAM;EAC1BpE,QAAQ,EAAEhB,SAAS,CAACoF,MAAM;EAC1BnE,QAAQ,EAAEjB,SAAS,CAACsF,IAAI;EACxBpE,aAAa,EAAElB,SAAS,CAACoF,MAAM;EAC/BhE,WAAW,EAAEpB,SAAS,CAACuF,OAAO,CAC5BvF,SAAS,CAACwF,KAAK,CAAC;IACdnC,KAAK,EAAErD,SAAS,CAACoF,MAAM;IACvBvC,IAAI,EAAE7C,SAAS,CAACyF,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IAC/EzC,SAAS,EAAEhD,SAAS,CAACyF,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAC9C,CAAC,CACH,CAAC;EACD9E,UAAU,EAAEX,SAAS,CAACwF,KAAK,CAAC;IAC1B3C,IAAI,EAAE7C,SAAS,CAACoF,MAAM;IACtB/B,KAAK,EAAErD,SAAS,CAACoF,MAAM;IACvB9D,SAAS,EAAEtB,SAAS,CAACoF,MAAM;IAC3BM,QAAQ,EAAE1F,SAAS,CAACoF,MAAM;IAC1BO,IAAI,EAAE3F,SAAS,CAACwF,KAAK,CAAC;MACpBI,QAAQ,EAAE5F,SAAS,CAACoF,MAAM;MAC1BvC,IAAI,EAAE7C,SAAS,CAACoF;IAClB,CAAC,CAAC;IACFzD,OAAO,EAAE3B,SAAS,CAAC6F;EACrB,CAAC,CAAC;EACFjF,gBAAgB,EAAEZ,SAAS,CAACwF,KAAK,CAAC;IAChC3C,IAAI,EAAE7C,SAAS,CAACoF,MAAM;IACtB/B,KAAK,EAAErD,SAAS,CAACoF,MAAM;IACvB9D,SAAS,EAAEtB,SAAS,CAACoF,MAAM;IAC3BM,QAAQ,EAAE1F,SAAS,CAACoF,MAAM;IAC1BO,IAAI,EAAE3F,SAAS,CAACwF,KAAK,CAAC;MACpBI,QAAQ,EAAE5F,SAAS,CAACoF,MAAM;MAC1BvC,IAAI,EAAE7C,SAAS,CAACoF;IAClB,CAAC,CAAC;IACFzD,OAAO,EAAE3B,SAAS,CAAC6F;EACrB,CAAC,CAAC;EACFhF,qBAAqB,EAAEb,SAAS,CAACwF,KAAK,CAAC;IACrCM,eAAe,EAAE9F,SAAS,CAACoF,MAAM;IACjCW,aAAa,EAAE/F,SAAS,CAACoF,MAAM;IAC/BY,OAAO,EAAEhG,SAAS,CAACuF,OAAO,CACxBvF,SAAS,CAACwF,KAAK,CAAC;MACd,WAAW,EAAExF,SAAS,CAACoF,MAAM;MAC7B/B,KAAK,EAAErD,SAAS,CAACoF,MAAM;MACvBvC,IAAI,EAAE7C,SAAS,CAACoF,MAAM;MACtBzD,OAAO,EAAE3B,SAAS,CAAC6F;IACrB,CAAC,CACH,CAAC;IACDlE,OAAO,EAAE3B,SAAS,CAAC6F;EACrB,CAAC,CAAC;EACF/E,IAAI,EAAEd,SAAS,CAACuF,OAAO,CACrBvF,SAAS,CAACwF,KAAK,CAAC;IACdnC,KAAK,EAAErD,SAAS,CAACoF,MAAM;IACvBvC,IAAI,EAAE7C,SAAS,CAACyF,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;EAChF,CAAC,CACH,CAAC;EACDlE,QAAQ,EAAEvB,SAAS,CAACsF,IAAI;EACxB3D,OAAO,EAAE3B,SAAS,CAAC6F,IAAI;EACvBpE,WAAW,EAAEzB,SAAS,CAACsF,IAAI;EAC3B5D,gBAAgB,EAAE1B,SAAS,CAACsF,IAAI;EAChCjE,KAAK,EAAErB,SAAS,CAACiG,MAAM;EACvB,YAAY,EAAEjG,SAAS,CAACoF,MAAM;EAC9B5D,WAAW,EAAExB,SAAS,CAACoF,MAAM;EAC7Bc,EAAE,EAAElG,SAAS,CAACoF,MAAM;EACpBvD,QAAQ,EAAE7B,SAAS,CAACwF,KAAK,CAAC;IACxBzB,QAAQ,EAAE/D,SAAS,CAACoF,MAAM;IAC1BnB,SAAS,EAAEjE,SAAS,CAACoF,MAAM;IAC3B7C,eAAe,EAAEvC,SAAS,CAACoF,MAAM;IACjCjB,YAAY,EAAEnE,SAAS,CAACoF,MAAM;IAC9BlB,MAAM,EAAElE,SAAS,CAACoF,MAAM;IACxBpB,kBAAkB,EAAEhE,SAAS,CAACsF,IAAI;IAClCb,IAAI,EAAEzE,SAAS,CAACiG,MAAM;IACtBtB,WAAW,EAAE3E,SAAS,CAACiG;EACzB,CAAC;AACH,CAAC;AAED,eAAevF,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","context","skin","primarySelectedColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","white","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.leftSection}>\n          {leftIcon ? (\n            <div>\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            </div>\n          ) : null}\n        </div>\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            <div className={style.title} title={title}>\n              {title}\n            </div>\n            {provider ? (\n              <Tag label={provider} type=\"default\" className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  provider: PropTypes.string,\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\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  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  })\n};\n\nexport default ListItem;\n"],"mappings":"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"}

package/es/organism/list-items/index.js

@@ -1,4 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/fp/isNil';
@@ -11,6 +12,7 @@ import SelectMultiple from '../../molecule/select-multiple';
 import ExpandibleActionableTable from '../../molecule/expandible-actionable-table';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 const buildListItemsView = (content, ariaLabel, selectMultiple) => {
   const {
     items,
@@ -20,8 +22,7 @@ const buildListItemsView = (content, ariaLabel, selectMultiple) => {
     tableHeader
   } = content;
   const itemsView = isDraggable && items.length > 1 ? /*#__PURE__*/React.createElement(DraggableList, {
-    items: items.map(item => ({
-      ...item,
+    items: items.map(item => ({ ...item,
       contentType: itemType
     })),
     itemType: "list-item",
@@ -60,17 +61,21 @@ const buildListItemsView = (content, ariaLabel, selectMultiple) => {
     "data-name": 'content-list'
   }, itemsView));
 };
+
 const buildContentView = (content, ariaLabel, selectMultiple) => {
   const {
     type
   } = content;
+
   switch (type) {
     case 'list':
       return buildListItemsView(content, ariaLabel, selectMultiple);
+
     case 'expandible-actionable-table':
       return /*#__PURE__*/React.createElement(ExpandibleActionableTable, content);
   }
 };
+
 const ListItems = ({
   title,
   buttonLink,
@@ -99,6 +104,7 @@ const ListItems = ({
     theme: "coorpmanager"
   })) : contentView);
 };
+
 ListItems.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.string,
   buttonLink: PropTypes.shape(ButtonLink.propTypes),
@@ -110,8 +116,7 @@ ListItems.propTypes = process.env.NODE_ENV !== "production" ? {
     onDrop: PropTypes.func,
     isDraggable: PropTypes.bool,
     tableHeader: PropTypes.arrayOf(PropTypes.string)
-  }), PropTypes.shape({
-    ...ExpandibleActionableTable.propTypes,
+  }), PropTypes.shape({ ...ExpandibleActionableTable.propTypes,
     type: PropTypes.oneOf(['expandible-actionable-table'])
   })]),
   title: PropTypes.string,