@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_button","_picture","_style","e","__esModule","default","Header","step","header","subHeader","createElement","className","style","headerContainer","headerWrapper","propTypes","process","env","NODE_ENV","PropTypes","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","NovaCompositionCoorpacademyMagicWand","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","_get2","container","coorpAppLogoWrapper","NovaCompositionCoorpacademyCoorpApp","height","width","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape","_default","exports"],"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":["Header","step","header","subHeader","style","headerContainer","headerWrapper","propTypes","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/lib/organism/grid-list/index.js

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const GridList = ({
   children
 }) => {
@@ -13,8 +18,10 @@ const GridList = ({
     className: _style.default.wrapper
   }, children);
 };
+
 GridList.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes.default.node
 } : {};
-var _default = exports.default = GridList;
+var _default = GridList;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_style","e","__esModule","default","GridList","children","createElement","className","style","wrapper","propTypes","process","env","NODE_ENV","PropTypes","node","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,QAAQ,GAAGA,CAAC;EAACC;AAAQ,CAAC,KAAK;EAC/B,oBAAOT,MAAA,CAAAO,OAAA,CAAAG,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAQ,GAAEJ,QAAc,CAAC;AACxD,CAAC;AAEDD,QAAQ,CAACM,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAACR,QAAQ,EAAES,kBAAS,CAACC;AAAI,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEjCC,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["GridList","children","style","wrapper","propTypes","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;;AACA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAgB;EAC/B,oBAAO;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GAAgCF,QAAhC,CAAP;AACD,CAFD;;AAIAD,QAAQ,CAACI,SAAT,2CAAqB;EAACH,QAAQ,EAAEI,kBAAA,CAAUC;AAArB,CAArB;eAEeN,Q"}

package/lib/organism/header/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 var _menuList = _interopRequireDefault(require("../../molecule/menu-list"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Header = props => {
   const {
     menuItems,
@@ -29,6 +37,7 @@ const Header = props => {
     menuItems: menuItems
   })));
 };
+
 Header.propTypes = process.env.NODE_ENV !== "production" ? {
   href: _propTypes.default.string,
   menuItems: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -36,5 +45,6 @@ Header.propTypes = process.env.NODE_ENV !== "production" ? {
   })),
   src: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.objectOf(_proptypes.SrcPropType).isRequired])
 } : {};
-var _default = exports.default = Header;
+var _default = Header;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_proptypes","_picture","_menuList","_style","e","__esModule","default","Header","props","menuItems","src","href","createElement","className","style","static","logo","navigation","propTypes","process","env","NODE_ENV","PropTypes","string","arrayOf","shape","title","oneOfType","isRequired","objectOf","SrcPropType","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAACC,SAAS;IAAEC,GAAG;IAAEC;EAAI,CAAC,GAAGH,KAAK;EAEpC,oBACEZ,MAAA,CAAAU,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAO,gBAC3BnB,MAAA,CAAAU,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAAK,gBACzBpB,MAAA,CAAAU,OAAA,CAAAM,aAAA;IAAGD,IAAI,EAAEA;EAAK,gBACZf,MAAA,CAAAU,OAAA,CAAAM,aAAA,CAACX,QAAA,CAAAK,OAAO;IAACI,GAAG,EAAEA;EAAI,CAAE,CACnB,CACA,CAAC,eACNd,MAAA,CAAAU,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACG;EAAW,gBAC/BrB,MAAA,CAAAU,OAAA,CAAAM,aAAA,CAACV,SAAA,CAAAI,OAAQ;IAACG,SAAS,EAAEA;EAAU,CAAE,CAC9B,CACF,CAAC;AAEV,CAAC;AAEDF,MAAM,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBV,IAAI,EAAEW,kBAAS,CAACC,MAAM;EACtBd,SAAS,EAAEa,kBAAS,CAACE,OAAO,CAC1BF,kBAAS,CAACG,KAAK,CAAC;IACdC,KAAK,EAAEJ,kBAAS,CAACC;EACnB,CAAC,CACH,CAAC;EACDb,GAAG,EAAEY,kBAAS,CAACK,SAAS,CAAC,CACvBL,kBAAS,CAACC,MAAM,CAACK,UAAU,EAC3BN,kBAAS,CAACO,QAAQ,CAACC,sBAAW,CAAC,CAACF,UAAU,CAC3C;AACH,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEaC,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Header","props","menuItems","src","href","style","static","logo","navigation","propTypes","PropTypes","string","arrayOf","shape","title","oneOfType","isRequired","objectOf","SrcPropType"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAACC,SAAD;IAAYC,GAAZ;IAAiBC;EAAjB,IAAyBH,KAA/B;EAEA,oBACE;IAAK,SAAS,EAAEI,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAG,IAAI,EAAEH;EAAT,gBACE,6BAAC,gBAAD;IAAS,GAAG,EAAED;EAAd,EADF,CADF,CADF,eAME;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE,6BAAC,iBAAD;IAAU,SAAS,EAAEN;EAArB,EADF,CANF,CADF;AAYD,CAfD;;AAiBAF,MAAM,CAACS,SAAP,2CAAmB;EACjBL,IAAI,EAAEM,kBAAA,CAAUC,MADC;EAEjBT,SAAS,EAAEQ,kBAAA,CAAUE,OAAV,CACTF,kBAAA,CAAUG,KAAV,CAAgB;IACdC,KAAK,EAAEJ,kBAAA,CAAUC;EADH,CAAhB,CADS,CAFM;EAOjBR,GAAG,EAAEO,kBAAA,CAAUK,SAAV,CAAoB,CACvBL,kBAAA,CAAUC,MAAV,CAAiBK,UADM,EAEvBN,kBAAA,CAAUO,QAAV,CAAmBC,sBAAnB,EAAgCF,UAFT,CAApB;AAPY,CAAnB;eAaehB,M"}

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

@@ -2,18 +2,31 @@
 
 exports.__esModule = true;
 exports.default = exports.HEADER_HEIGHT = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../../molecule/brand-logo/index.native"));
+
 var _index2 = _interopRequireDefault(require("../../atom/gradient/index.native"));
+
 var _index3 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const HEADER_HEIGHT = exports.HEADER_HEIGHT = 67;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const HEADER_HEIGHT = 67;
+exports.HEADER_HEIGHT = HEADER_HEIGHT;
 const ICON_WIDTH = 20;
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     position: 'absolute',
@@ -43,6 +56,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     opacity: 0.3
   }
 });
+
 const Header = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -57,14 +71,14 @@ const Header = props => {
   const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
-    setStylesheet(_stylesheet);
-  }, [theme]);
 
-  // ------------------------------------
+    setStylesheet(_stylesheet);
+  }, [theme]); // ------------------------------------
 
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styleSheet.container],
     testID: "header"
@@ -104,5 +118,7 @@ const Header = props => {
     style: styleSheet.icon
   }))));
 };
-var _default = exports.default = Header;
+
+var _default = Header;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_templateContext","_index","_interopRequireDefault","_index2","_index3","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HEADER_HEIGHT","exports","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","position","backgroundColor","colors","white","flexDirection","alignItems","justifyContent","height","top","width","icons","icon","marginRight","logo","marginLeft","gradient","left","right","opacity","Header","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","onSearchPress","onSettingsPress","onLogoLongPress","logoHeight","spacing","small","useEffect","_stylesheet","createElement","View","style","testID","tiny","gray","medium","light","transparencyPosition","onLongPress","analyticsID","isWithoutFeedback","onPress","NovaCompositionCoorpacademySearch","color","dark","NovaCompositionCoorpacademyCog","_default"],"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":["HEADER_HEIGHT","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","position","backgroundColor","colors","white","flexDirection","alignItems","justifyContent","height","top","width","icons","icon","marginRight","logo","marginLeft","gradient","left","right","opacity","Header","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","onSearchPress","onSettingsPress","onLogoLongPress","logoHeight","spacing","small","useEffect","_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/lib/organism/hero/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function Hero(props, context) {
   const {
     skin
@@ -43,6 +53,7 @@ function Hero(props, context) {
     }
   }))));
 }
+
 Hero.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -51,5 +62,6 @@ Hero.propTypes = process.env.NODE_ENV !== "production" ? {
   url: _propTypes.default.oneOfType([_proptypes.SrcPropType, _propTypes.default.string]).isRequired,
   title: _propTypes.default.string.isRequired
 } : {};
-var _default = exports.default = Hero;
+var _default = Hero;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_proptypes","_provider","_link","_style","e","__esModule","default","Hero","props","context","skin","bg","_get2","url","title","touch","backgroundImage","ctaClass","createElement","className","style","hero","href","label","color","_getOr2","bar","backgroundColor","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","oneOfType","SrcPropType","string","isRequired","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,SAASG,IAAIA,CAACC,KAAK,EAAEC,OAAO,EAAE;EAC5B,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,EAAE,GAAG,IAAAC,KAAA,CAAAN,OAAA,EAAI,aAAa,EAAEI,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,oBACEnB,MAAA,CAAAU,OAAA,CAAAY,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACC,IAAK;IACtBD,KAAK,EAAE;MACLJ;IACF;EAAE,gBAEFpB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAAChB,KAAA,CAAAI,OAAI;IAACgB,IAAI,EAAET,GAAI;IAACM,SAAS,EAAEC,cAAK,CAACH,QAAQ;EAAE,gBAC1CrB,MAAA,CAAAU,OAAA,CAAAY,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACG,KAAM;IACvBH,KAAK,EAAE;MACLI,KAAK,EAAE,IAAAC,OAAA,CAAAnB,OAAA,EAAM,SAAS,EAAE,gBAAgB,EAAEI,IAAI;IAChD;EAAE,GAEDI,KAAK,eACNlB,MAAA,CAAAU,OAAA,CAAAY,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACM,GAAI;IACrBN,KAAK,EAAE;MACLO,eAAe,EAAE,IAAAF,OAAA,CAAAnB,OAAA,EAAM,SAAS,EAAE,gBAAgB,EAAEI,IAAI;IAC1D;EAAE,CACH,CACE,CACD,CACH,CAAC;AAEV;AAEAH,IAAI,CAACqB,YAAY,GAAG;EAClBlB,IAAI,EAAEmB,iBAAQ,CAACC,iBAAiB,CAACpB;AACnC,CAAC;AAEDH,IAAI,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACfnB,KAAK,EAAEoB,kBAAS,CAACC,IAAI;EACrBvB,GAAG,EAAEsB,kBAAS,CAACE,SAAS,CAAC,CAACC,sBAAW,EAAEH,kBAAS,CAACI,MAAM,CAAC,CAAC,CAACC,UAAU;EACpE1B,KAAK,EAAEqB,kBAAS,CAACI,MAAM,CAACC;AAC1B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApC,OAAA,GAEaC,IAAI","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Hero","props","context","skin","bg","url","title","touch","backgroundImage","ctaClass","style","hero","label","color","bar","backgroundColor","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","oneOfType","SrcPropType","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;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,IAAT,CAAcC,KAAd,EAAqBC,OAArB,EAA8B;EAC5B,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAME,EAAE,GAAG,mBAAI,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,EAAEG,cAAA,CAAMC,IADnB;IAEE,KAAK,EAAE;MACLH;IADK;EAFT,gBAME,6BAAC,aAAD;IAAM,IAAI,EAAEH,GAAZ;IAAiB,SAAS,EAAEK,cAAA,CAAMD,QAAN;EAA5B,gBACE;IACE,SAAS,EAAEC,cAAA,CAAME,KADnB;IAEE,KAAK,EAAE;MACLC,KAAK,EAAE,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCV,IAAnC;IADF;EAFT,GAMGG,KANH,eAOE;IACE,SAAS,EAAEI,cAAA,CAAMI,GADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAE,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCZ,IAAnC;IADZ;EAFT,EAPF,CADF,CANF,CADF;AAyBD;;AAEDH,IAAI,CAACgB,YAAL,GAAoB;EAClBb,IAAI,EAAEc,iBAAA,CAASC,iBAAT,CAA2Bf;AADf,CAApB;AAIAH,IAAI,CAACmB,SAAL,2CAAiB;EACfZ,KAAK,EAAEa,kBAAA,CAAUC,IADF;EAEfhB,GAAG,EAAEe,kBAAA,CAAUE,SAAV,CAAoB,CAACC,sBAAD,EAAcH,kBAAA,CAAUI,MAAxB,CAApB,EAAqDC,UAF3C;EAGfnB,KAAK,EAAEc,kBAAA,CAAUI,MAAV,CAAiBC;AAHT,CAAjB;eAMezB,I"}

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

@@ -2,23 +2,41 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _cssColorFunction = require("css-color-function");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _tag = _interopRequireDefault(require("../../atom/tag"));
+
 var _icon = _interopRequireDefault(require("../../atom/icon"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _bulletPointMenuButton = _interopRequireDefault(require("../../molecule/bullet-point-menu-button"));
+
 var _colors = require("../../variables/colors");
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
 const ListItem = ({
   buttonLink,
   secondButtonLink,
@@ -43,9 +61,11 @@ const ListItem = ({
     skin
   } = context;
   const primarySelectedColor = selectedColor || (0, _get2.default)('common.primary', skin);
+
   const mapUncapped = _map2.default.convert({
     cap: false
   });
+
   let isPublished = false;
   const selectedStyle = selected ? {
     backgroundColor: (0, _cssColorFunction.convert)(`color(${primarySelectedColor} a(0.07))`)
@@ -112,6 +132,7 @@ const ListItem = ({
     }
   }) : null, buttonLink ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonLink) : null, secondButtonLink ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, secondButtonLink) : null, !(0, _isEmpty2.default)(bulletPointMenuButton) ? /*#__PURE__*/_react.default.createElement(_bulletPointMenuButton.default, bulletPointMenuButton) : null));
 };
+
 ListItem.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -183,5 +204,6 @@ ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
     wrapperSize: _propTypes.default.number
   })
 } : {};
-var _default = exports.default = ListItem;
+var _default = ListItem;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_classnames","_provider","_tag","_icon","_buttonLink","_bulletPointMenuButton","_colors","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop2","leftIcon","context","skin","primarySelectedColor","_get2","mapUncapped","_map2","convert","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","style","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","COLORS","white","size","faSize","wrapperSize","_isEmpty2","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,IAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,sBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAX,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,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,MAAA,CAAA/B,OAAO;EACdgC;AACF,CAAC,EACDC,OAAO,KACJ;EACH,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,oBAAoB,GAAGd,aAAa,IAAI,IAAAe,KAAA,CAAApC,OAAA,EAAI,gBAAgB,EAAEkC,IAAI,CAAC;EACzE,MAAMG,WAAW,GAAGC,KAAA,CAAAtC,OAAA,CAAIuC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC;EAC7C,IAAIC,WAAW,GAAG,KAAK;EAEvB,MAAMC,aAAa,GAAGtB,QAAQ,GAC1B;IACEuB,eAAe,EAAE,IAAAJ,yBAAO,EAAC,SAASJ,oBAAoB,WAAW;EACnE,CAAC,GACD,CAAC,CAAC;EAEN,MAAMS,gBAAgB,GAAGxB,QAAQ,GAC7B;IACEuB,eAAe,EAAE,IAAAJ,yBAAO,EAAC,SAASJ,oBAAoB,WAAW,CAAC;IAClEU,KAAK,EAAEV;EACT,CAAC,GACD,CAAC,CAAC;EAEN,MAAMW,QAAQ,GAAGT,WAAW,CAAC,CAACU,GAAG,EAAEC,KAAK,KAAK;IAC3CP,WAAW,GAAGM,GAAG,CAACE,IAAI,KAAK,SAAS;IACpC,oBACEhE,MAAA,CAAAe,OAAA,CAAAkD,aAAA;MAAKC,GAAG,EAAEH,KAAM;MAACI,SAAS,EAAEC,cAAK,CAACN;IAAI,gBACpC9D,MAAA,CAAAe,OAAA,CAAAkD,aAAA,CAAC1D,IAAA,CAAAQ,OAAG,EAAAC,QAAA,KAAK8C,GAAG;MAAEO,WAAW,EAAEV;IAAiB,EAAE,CAC3C,CAAC;EAEV,CAAC,CAAC,CAAC3B,IAAI,CAAC;EAER,MAAMsC,eAAe,GAAGlB,WAAW,CAAC,CAACmB,UAAU,EAAER,KAAK,KAAK;IACzD,oBACE/D,MAAA,CAAAe,OAAA,CAAAkD,aAAA;MAAKC,GAAG,EAAEH,KAAM;MAACI,SAAS,EAAEC,cAAK,CAACG,UAAU,CAACJ,SAAS;IAAE,GACrDI,UAAU,CAACP,IAAI,gBAAGhE,MAAA,CAAAe,OAAA,CAAAkD,aAAA,CAAC1D,IAAA,CAAAQ,OAAG,EAAKwD,UAAa,CAAC,GAAGA,UAAU,CAACC,KACrD,CAAC;EAEV,CAAC,CAAC,CAAClC,WAAW,CAAC;EAEf,MAAMmC,SAAS,GACblC,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKmC,SAAS,gBACnC1E,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAAC7B,KAAM;IAAC,cAAYC;EAAU,GAChDD,KAAK,GAAG,CACN,CAAC,GACJ,IAAI;EAEV,oBACEvC,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IACEE,SAAS,EAAE,IAAAQ,mBAAU,EACnBP,cAAK,CAACQ,OAAO,EACbjC,WAAW,IAAIyB,cAAK,CAACS,UAAU,EAC/BxC,QAAQ,IAAI+B,cAAK,CAACU,YAAY,EAC9BrC,QAAQ,IAAI2B,cAAK,CAAC3B,QAAQ,EAC1BI,OAAO,KAAAC,MAAA,CAAA/B,OAAS,IAAI,CAAC0B,QAAQ,IAAI2B,cAAK,CAACW,aACzC,CAAE;IACFlC,OAAO,EAAE,CAACJ,QAAQ,GAAGI,OAAO,GAAG6B,SAAU;IACzCN,KAAK,EAAEX;EAAc,gBAErBzD,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IACEE,SAAS,EAAE,IAAAQ,mBAAU,EAACP,cAAK,CAACY,kBAAkB,EAAEpC,gBAAgB,IAAIwB,cAAK,CAACa,eAAe;EAAE,GAE1FzB,WAAW,IAAId,WAAW,KAAK,eAAe,GAAG+B,SAAS,GAAG,IAAI,eAClEzE,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACc;EAAY,GAC/BnC,QAAQ,gBACP/C,MAAA,CAAAe,OAAA,CAAAkD,aAAA,2BACEjE,MAAA,CAAAe,OAAA,CAAAkD,aAAA,CAACzD,KAAA,CAAAO,OAAM;IACLoE,QAAQ,EAAEpC,QAAQ,CAACoC,QAAS;IAC5BC,kBAAkB,EAAErC,QAAQ,CAACqC,kBAAkB,IAAI,IAAK;IACxDC,SAAS,EAAEtC,QAAQ,CAACsC,SAAS,IAAInC,oBAAqB;IACtDoC,MAAM,EAAEvC,QAAQ,CAACuC,MAAM,IAAI,IAAK;IAChCC,YAAY,EAAExC,QAAQ,CAACwC,YAAY,IAAI;EAAM,CAC9C,CACE,CAAC,GACJ,IACD,CAAC,eACNvF,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACoB;EAAa,gBACjCxF,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACqB;EAAqB,gBACzCzF,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACnC,KAAM;IAACA,KAAK,EAAEA;EAAM,GACvCA,KACE,CAAC,EACLC,QAAQ,gBACPlC,MAAA,CAAAe,OAAA,CAAAkD,aAAA,CAAC1D,IAAA,CAAAQ,OAAG;IAACyD,KAAK,EAAEtC,QAAS;IAAC8B,IAAI,EAAC,SAAS;IAACG,SAAS,EAAEC,cAAK,CAACsB;EAAY,CAAE,CAAC,GACnE,IACD,CAAC,EACLrD,QAAQ,gBAAGrC,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAAC/B;EAAS,GAAEA,QAAc,CAAC,GAAG,IAC5D,CAAC,EACLiC,eACE,CAAC,eAENtE,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACuB;EAAS,GAC5B9B,QAAQ,EACR1B,QAAQ,gBACPnC,MAAA,CAAAe,OAAA,CAAAkD,aAAA,CAACzD,KAAA,CAAAO,OAAM;IACLoE,QAAQ,EAAC,cAAc;IACvBE,SAAS,EAAEnC,oBAAqB;IAChCQ,eAAe,EAAEkC,cAAM,CAACC,KAAM;IAC9BC,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CACrC,CAAC,GACA,IAAI,EACPnE,UAAU,gBAAG7B,MAAA,CAAAe,OAAA,CAAAkD,aAAA,CAACxD,WAAA,CAAAM,OAAU,EAAKc,UAAa,CAAC,GAAG,IAAI,EAClDC,gBAAgB,gBAAG9B,MAAA,CAAAe,OAAA,CAAAkD,aAAA,CAACxD,WAAA,CAAAM,OAAU,EAAKe,gBAAmB,CAAC,GAAG,IAAI,EAC9D,CAAC,IAAAmE,SAAA,CAAAlF,OAAA,EAAQgB,qBAAqB,CAAC,gBAC9B/B,MAAA,CAAAe,OAAA,CAAAkD,aAAA,CAACvD,sBAAA,CAAAK,OAAqB,EAAKgB,qBAAwB,CAAC,GAClD,IACD,CACF,CAAC;AAEV,CAAC;AAEDH,QAAQ,CAACsE,YAAY,GAAG;EACtBjD,IAAI,EAAEkD,iBAAQ,CAACC,iBAAiB,CAACnD,IAAI;EACrCoD,SAAS,EAAEF,iBAAQ,CAACC,iBAAiB,CAACC;AACxC,CAAC;AAEDzE,QAAQ,CAAC0E,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBxE,KAAK,EAAEyE,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCvE,QAAQ,EAAEqE,kBAAS,CAACC,MAAM;EAC1BzE,QAAQ,EAAEwE,kBAAS,CAACC,MAAM;EAC1BxE,QAAQ,EAAEuE,kBAAS,CAACG,IAAI;EACxBzE,aAAa,EAAEsE,kBAAS,CAACC,MAAM;EAC/BrE,WAAW,EAAEoE,kBAAS,CAACI,OAAO,CAC5BJ,kBAAS,CAACK,KAAK,CAAC;IACdvC,KAAK,EAAEkC,kBAAS,CAACC,MAAM;IACvB3C,IAAI,EAAE0C,kBAAS,CAACM,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IAC/E7C,SAAS,EAAEuC,kBAAS,CAACM,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAC9C,CAAC,CACH,CAAC;EACDnF,UAAU,EAAE6E,kBAAS,CAACK,KAAK,CAAC;IAC1B/C,IAAI,EAAE0C,kBAAS,CAACC,MAAM;IACtBnC,KAAK,EAAEkC,kBAAS,CAACC,MAAM;IACvBnE,SAAS,EAAEkE,kBAAS,CAACC,MAAM;IAC3BM,QAAQ,EAAEP,kBAAS,CAACC,MAAM;IAC1BO,IAAI,EAAER,kBAAS,CAACK,KAAK,CAAC;MACpBI,QAAQ,EAAET,kBAAS,CAACC,MAAM;MAC1B3C,IAAI,EAAE0C,kBAAS,CAACC;IAClB,CAAC,CAAC;IACF9D,OAAO,EAAE6D,kBAAS,CAACU;EACrB,CAAC,CAAC;EACFtF,gBAAgB,EAAE4E,kBAAS,CAACK,KAAK,CAAC;IAChC/C,IAAI,EAAE0C,kBAAS,CAACC,MAAM;IACtBnC,KAAK,EAAEkC,kBAAS,CAACC,MAAM;IACvBnE,SAAS,EAAEkE,kBAAS,CAACC,MAAM;IAC3BM,QAAQ,EAAEP,kBAAS,CAACC,MAAM;IAC1BO,IAAI,EAAER,kBAAS,CAACK,KAAK,CAAC;MACpBI,QAAQ,EAAET,kBAAS,CAACC,MAAM;MAC1B3C,IAAI,EAAE0C,kBAAS,CAACC;IAClB,CAAC,CAAC;IACF9D,OAAO,EAAE6D,kBAAS,CAACU;EACrB,CAAC,CAAC;EACFrF,qBAAqB,EAAE2E,kBAAS,CAACK,KAAK,CAAC;IACrCM,eAAe,EAAEX,kBAAS,CAACC,MAAM;IACjCW,aAAa,EAAEZ,kBAAS,CAACC,MAAM;IAC/BY,OAAO,EAAEb,kBAAS,CAACI,OAAO,CACxBJ,kBAAS,CAACK,KAAK,CAAC;MACd,WAAW,EAAEL,kBAAS,CAACC,MAAM;MAC7BnC,KAAK,EAAEkC,kBAAS,CAACC,MAAM;MACvB3C,IAAI,EAAE0C,kBAAS,CAACC,MAAM;MACtB9D,OAAO,EAAE6D,kBAAS,CAACU;IACrB,CAAC,CACH,CAAC;IACDvE,OAAO,EAAE6D,kBAAS,CAACU;EACrB,CAAC,CAAC;EACFpF,IAAI,EAAE0E,kBAAS,CAACI,OAAO,CACrBJ,kBAAS,CAACK,KAAK,CAAC;IACdvC,KAAK,EAAEkC,kBAAS,CAACC,MAAM;IACvB3C,IAAI,EAAE0C,kBAAS,CAACM,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;EAChF,CAAC,CACH,CAAC;EACDvE,QAAQ,EAAEiE,kBAAS,CAACG,IAAI;EACxBhE,OAAO,EAAE6D,kBAAS,CAACU,IAAI;EACvBzE,WAAW,EAAE+D,kBAAS,CAACG,IAAI;EAC3BjE,gBAAgB,EAAE8D,kBAAS,CAACG,IAAI;EAChCtE,KAAK,EAAEmE,kBAAS,CAACc,MAAM;EACvB,YAAY,EAAEd,kBAAS,CAACC,MAAM;EAC9BjE,WAAW,EAAEgE,kBAAS,CAACC,MAAM;EAC7Bc,EAAE,EAAEf,kBAAS,CAACC,MAAM;EACpB5D,QAAQ,EAAE2D,kBAAS,CAACK,KAAK,CAAC;IACxB5B,QAAQ,EAAEuB,kBAAS,CAACC,MAAM;IAC1BtB,SAAS,EAAEqB,kBAAS,CAACC,MAAM;IAC3BjD,eAAe,EAAEgD,kBAAS,CAACC,MAAM;IACjCpB,YAAY,EAAEmB,kBAAS,CAACC,MAAM;IAC9BrB,MAAM,EAAEoB,kBAAS,CAACC,MAAM;IACxBvB,kBAAkB,EAAEsB,kBAAS,CAACG,IAAI;IAClCf,IAAI,EAAEY,kBAAS,CAACc,MAAM;IACtBxB,WAAW,EAAEU,kBAAS,CAACc;EACzB,CAAC;AACH,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAA5G,OAAA,GAEaa,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","context","skin","primarySelectedColor","mapUncapped","convert","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","style","dataColumnsView","dataColumn","className","label","orderView","undefined","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","COLORS","white","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","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/lib/organism/list-items/index.js

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _listItem = _interopRequireDefault(require("../list-item"));
+
 var _draggableList = _interopRequireDefault(require("../../molecule/draggable-list"));
+
 var _title = _interopRequireDefault(require("../../atom/title"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _selectMultiple = _interopRequireDefault(require("../../molecule/select-multiple"));
+
 var _expandibleActionableTable = _interopRequireDefault(require("../../molecule/expandible-actionable-table"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
 const buildListItemsView = (content, ariaLabel, selectMultiple) => {
   const {
     items,
@@ -25,8 +40,7 @@ const buildListItemsView = (content, ariaLabel, selectMultiple) => {
     tableHeader
   } = content;
   const itemsView = isDraggable && items.length > 1 ? /*#__PURE__*/_react.default.createElement(_draggableList.default, {
-    items: items.map(item => ({
-      ...item,
+    items: items.map(item => ({ ...item,
       contentType: itemType
     })),
     itemType: "list-item",
@@ -65,17 +79,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.default.createElement(_expandibleActionableTable.default, content);
   }
 };
+
 const ListItems = ({
   title,
   buttonLink,
@@ -104,6 +122,7 @@ const ListItems = ({
     theme: "coorpmanager"
   })) : contentView);
 };
+
 ListItems.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': _propTypes.default.string,
   buttonLink: _propTypes.default.shape(_buttonLink.default.propTypes),
@@ -115,12 +134,12 @@ ListItems.propTypes = process.env.NODE_ENV !== "production" ? {
     onDrop: _propTypes.default.func,
     isDraggable: _propTypes.default.bool,
     tableHeader: _propTypes.default.arrayOf(_propTypes.default.string)
-  }), _propTypes.default.shape({
-    ..._expandibleActionableTable.default.propTypes,
+  }), _propTypes.default.shape({ ..._expandibleActionableTable.default.propTypes,
     type: _propTypes.default.oneOf(['expandible-actionable-table'])
   })]),
   title: _propTypes.default.string,
   isFetching: _propTypes.default.bool
 } : {};
-var _default = exports.default = ListItems;
+var _default = ListItems;
+exports.default = _default;
 //# sourceMappingURL=index.js.map