@coorpacademy/components 11.33.1 → 11.33.2-alpha.1

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 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 = ({
   step,
   header,
@@ -27,11 +36,13 @@ const Header = ({
 }, header, " "), subHeader ? /*#__PURE__*/_react.default.createElement("h4", {
   className: _style.default.subHeader
 }, subHeader, " ") : null);
+
 Header.propTypes = process.env.NODE_ENV !== "production" ? {
   step: _propTypes.default.string,
   header: _propTypes.default.string,
   subHeader: _propTypes.default.string
 } : {};
+
 const QrCodeImage = ({
   showMobileAppAccess,
   qrCodeImageUrl,
@@ -54,6 +65,7 @@ const QrCodeImage = ({
     className: _style.default.qrcodeModalLink
   }, /*#__PURE__*/_react.default.createElement("span", null, linkMessage, " ")), /*#__PURE__*/_react.default.createElement("span", null, endMessage, " "))) : null);
 };
+
 QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
   showMobileAppAccess: _propTypes.default.bool,
   qrCodeImageUrl: _propTypes.default.string,
@@ -62,6 +74,7 @@ QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
   endMessage: _propTypes.default.string,
   qrCodeImageAlt: _propTypes.default.string
 } : {};
+
 const MagicLink = ({
   disabled,
   submitValue,
@@ -83,11 +96,13 @@ const MagicLink = ({
     className: _style.default.magicLinkIcon
   }), /*#__PURE__*/_react.default.createElement("p", null, submitValue))));
 };
+
 MagicLink.propTypes = process.env.NODE_ENV !== "production" ? {
   magicLinkUrl: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   submitValue: _propTypes.default.string
 } : {};
+
 const StoresLinks = ({
   onAppStoreButtonClick,
   appStoreButtonImageUrl,
@@ -108,6 +123,7 @@ const StoresLinks = ({
   onClick: onPlayStoreButtonClick,
   alt: androidAlt
 }));
+
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: _propTypes.default.func,
   appStoreButtonImageUrl: _propTypes.default.string,
@@ -116,6 +132,7 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   'android-alt': _propTypes.default.string,
   'ios-alt': _propTypes.default.string
 } : {};
+
 const Divider = ({
   word
 }) => /*#__PURE__*/_react.default.createElement("div", {
@@ -125,9 +142,11 @@ const Divider = ({
 }), /*#__PURE__*/_react.default.createElement("p", null, word), /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.divider
 }));
+
 Divider.propTypes = process.env.NODE_ENV !== "production" ? {
   word: _propTypes.default.string
 } : {};
+
 const GetTheApp = (props, context) => {
   const {
     onAppStoreButtonClick,
@@ -200,8 +219,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.default.shape(Header.propTypes),
   connectionStep: _propTypes.default.shape(Header.propTypes),
   qrCodeStep: _propTypes.default.shape(Header.propTypes),
@@ -210,5 +229,6 @@ GetTheApp.propTypes = process.env.NODE_ENV !== "production" ? {
   diviserWord: Divider.propTypes.word,
   ...MagicLink.propTypes
 } : {};
-var _default = exports.default = GetTheApp;
+var _default = GetTheApp;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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":";;;;;AAAA;;AAEA;;AACA;;AAIA;;AACA;;AACA;;AACA;;;;;;;;AASO,MAAMA,aAAa,GAAG,EAAtB;;AACP,MAAMC,UAAU,GAAG,EAAnB;;AAUA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,QAAQ,EAAE,UADD;IAETC,eAAe,EAAEL,KAAK,CAACM,MAAN,CAAaC,KAFrB;IAGTC,aAAa,EAAE,KAHN;IAITC,UAAU,EAAE,QAJH;IAKTC,cAAc,EAAE,eALP;IAMTC,MAAM,EAAEd,aANC;IAOTe,GAAG,EAAE,CAPI;IAQTC,KAAK,EAAE;EARE,CADK;EAWhBC,KAAK,EAAE;IACLN,aAAa,EAAE;EADV,CAXS;EAchBO,IAAI,EAAE;IACJC,WAAW,EAAE;EADT,CAdU;EAiBhBC,IAAI,EAAE;IACJJ,KAAK,EAAE,EADH;IAEJK,UAAU,EAAE;EAFR,CAjBU;EAqBhBC,QAAQ,EAAE;IACRf,QAAQ,EAAE,UADF;IAERgB,IAAI,EAAE,CAFE;IAGRR,GAAG,EAAEf,aAHG;IAIRwB,KAAK,EAAE,CAJC;IAKRC,OAAO,EAAE;EALD;AArBM,CAAlB,CADF;;AA+BA,MAAMC,MAAM,GAAIC,KAAD,IAAkB;EAC/B,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAAC7B;EAAD,IAAUyB,eAAhB;EAEA,MAAM;IAACK,aAAD;IAAgBC,eAAhB;IAAiCC;EAAjC,IAAoDR,KAA1D;EACA,MAAMS,UAAU,GAAGpC,aAAa,GAAGG,KAAK,CAACkC,OAAN,CAAcC,KAAd,GAAsB,CAAzD;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGtC,gBAAgB,CAACC,KAAD,CAApC;;IACA4B,aAAa,CAACS,WAAD,CAAb;EACD,CAHD,EAGG,CAACrC,KAAD,CAHH,EAR+B,CAa/B;;EAEA,IAAI,CAAC2B,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACA,UAAU,CAACxB,SAAZ,CAAb;IAAqC,MAAM,EAAC;EAA5C,gBACE,6BAAC,eAAD;IACE,MAAM,EAAEH,KAAK,CAACkC,OAAN,CAAcI,IADxB;IAEE,MAAM,EAAE,CAACtC,KAAK,CAACM,MAAN,CAAaiC,IAAb,CAAkBC,MAAnB,EAA2BxC,KAAK,CAACM,MAAN,CAAaiC,IAAb,CAAkBE,KAA7C,CAFV;IAGE,oBAAoB,EAAC,QAHvB;IAIE,KAAK,EAAEd,UAAU,CAACR;EAJpB,EADF,eAOE,6BAAC,iBAAD;IAAM,KAAK,EAAEQ,UAAU,CAACV;EAAxB,gBACE,6BAAC,eAAD;IACE,MAAM,EAAC,aADT;IAEE,WAAW,EAAEe,eAFf;IAGE,WAAW,EAAC,UAHd;IAIE,iBAAiB;EAJnB,gBAME,6BAAC,cAAD;IAAW,MAAM,EAAEC;EAAnB,EANF,CADF,CAPF,eAiBE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACN,UAAU,CAACb,KAAZ;EAAb,gBACE,6BAAC,eAAD;IAAW,MAAM,EAAC,aAAlB;IAAgC,OAAO,EAAEgB,aAAzC;IAAwD,WAAW,EAAC;EAApE,gBACE,6BAAC,4CAAD;IACE,MAAM,EAAEhC,UADV;IAEE,KAAK,EAAEA,UAFT;IAGE,KAAK,EAAEE,KAAK,CAACM,MAAN,CAAaiC,IAAb,CAAkBG,IAH3B;IAIE,KAAK,EAAEf,UAAU,CAACZ;EAJpB,EADF,CADF,eASE,6BAAC,eAAD;IAAW,MAAM,EAAC,eAAlB;IAAkC,OAAO,EAAEgB,eAA3C;IAA4D,WAAW,EAAC;EAAxE,gBACE,6BAAC,yCAAD;IACE,MAAM,EAAEjC,UADV;IAEE,KAAK,EAAEA,UAFT;IAGE,KAAK,EAAEE,KAAK,CAACM,MAAN,CAAaiC,IAAb,CAAkBG,IAH3B;IAIE,KAAK,EAAEf,UAAU,CAACZ;EAJpB,EADF,CATF,CAjBF,CADF;AAsCD,CAzDD;;eA2DeQ,M"}

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