@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

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

@@ -1,11 +1,14 @@
 import _get from "lodash/fp/get";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyMagicWand as MagicWand, NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo } from '@coorpacademy/nova-icons';
 import Button from '../../atom/button';
 import Picture from '../../atom/picture';
 import style from './style.css';
+
 const Header = ({
   step,
   header,
@@ -23,11 +26,13 @@ const Header = ({
 }, header, " "), subHeader ? /*#__PURE__*/React.createElement("h4", {
   className: style.subHeader
 }, subHeader, " ") : null);
+
 Header.propTypes = process.env.NODE_ENV !== "production" ? {
   step: PropTypes.string,
   header: PropTypes.string,
   subHeader: PropTypes.string
 } : {};
+
 const QrCodeImage = ({
   showMobileAppAccess,
   qrCodeImageUrl,
@@ -50,6 +55,7 @@ const QrCodeImage = ({
     className: style.qrcodeModalLink
   }, /*#__PURE__*/React.createElement("span", null, linkMessage, " ")), /*#__PURE__*/React.createElement("span", null, endMessage, " "))) : null);
 };
+
 QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
   showMobileAppAccess: PropTypes.bool,
   qrCodeImageUrl: PropTypes.string,
@@ -58,6 +64,7 @@ QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
   endMessage: PropTypes.string,
   qrCodeImageAlt: PropTypes.string
 } : {};
+
 const MagicLink = ({
   disabled,
   submitValue,
@@ -79,11 +86,13 @@ const MagicLink = ({
     className: style.magicLinkIcon
   }), /*#__PURE__*/React.createElement("p", null, submitValue))));
 };
+
 MagicLink.propTypes = process.env.NODE_ENV !== "production" ? {
   magicLinkUrl: PropTypes.string,
   disabled: PropTypes.bool,
   submitValue: PropTypes.string
 } : {};
+
 const StoresLinks = ({
   onAppStoreButtonClick,
   appStoreButtonImageUrl,
@@ -104,6 +113,7 @@ const StoresLinks = ({
   onClick: onPlayStoreButtonClick,
   alt: androidAlt
 }));
+
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: PropTypes.func,
   appStoreButtonImageUrl: PropTypes.string,
@@ -112,6 +122,7 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   'android-alt': PropTypes.string,
   'ios-alt': PropTypes.string
 } : {};
+
 const Divider = ({
   word
 }) => /*#__PURE__*/React.createElement("div", {
@@ -121,9 +132,11 @@ const Divider = ({
 }), /*#__PURE__*/React.createElement("p", null, word), /*#__PURE__*/React.createElement("div", {
   className: style.divider
 }));
+
 Divider.propTypes = process.env.NODE_ENV !== "production" ? {
   word: PropTypes.string
 } : {};
+
 const GetTheApp = (props, context) => {
   const {
     onAppStoreButtonClick,
@@ -151,7 +164,9 @@ const GetTheApp = (props, context) => {
   const {
     skin
   } = context;
+
   const primaryColor = _get('common.primary', skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement("div", {
@@ -194,6 +209,7 @@ const GetTheApp = (props, context) => {
     magicLinkUrl: magicLinkUrl
   })))));
 };
+
 GetTheApp.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, StoresLinks.propTypes, {
   storeStep: PropTypes.shape(Header.propTypes),
   connectionStep: PropTypes.shape(Header.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","propTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage,\n  qrCodeImageAlt\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick,\n  'android-alt': androidAlt,\n  'ios-alt': iosAlt\n}) => (\n  <div className={style.storeLinksContainer}>\n    <Picture\n      className={style.img}\n      src={appStoreButtonImageUrl}\n      onClick={onAppStoreButtonClick}\n      alt={iosAlt}\n    />\n    <Picture\n      className={style.img}\n      src={playStoreButtonImageUrl}\n      onClick={onPlayStoreButtonClick}\n      alt={androidAlt}\n    />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func,\n  'android-alt': PropTypes.string,\n  'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage,\n    'android-alt': androidAlt,\n    'ios-alt': iosAlt,\n    qrCodeImageAlt,\n    'logo-aria-label': coorpAppLogoAriaLabel\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo\n          height={51}\n          width={250}\n          className={style.coorpAppLogo}\n          aria-label={coorpAppLogoAriaLabel}\n        />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n          android-alt={androidAlt}\n          ios-alt={iosAlt}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n              qrCodeImageAlt={qrCodeImageAlt}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              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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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","propTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage,\n  qrCodeImageAlt\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick,\n  'android-alt': androidAlt,\n  'ios-alt': iosAlt\n}) => (\n  <div className={style.storeLinksContainer}>\n    <Picture\n      className={style.img}\n      src={appStoreButtonImageUrl}\n      onClick={onAppStoreButtonClick}\n      alt={iosAlt}\n    />\n    <Picture\n      className={style.img}\n      src={playStoreButtonImageUrl}\n      onClick={onPlayStoreButtonClick}\n      alt={androidAlt}\n    />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func,\n  'android-alt': PropTypes.string,\n  'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage,\n    'android-alt': androidAlt,\n    'ios-alt': iosAlt,\n    qrCodeImageAlt,\n    'logo-aria-label': coorpAppLogoAriaLabel\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo\n          height={51}\n          width={250}\n          className={style.coorpAppLogo}\n          aria-label={coorpAppLogoAriaLabel}\n        />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n          android-alt={androidAlt}\n          ios-alt={iosAlt}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n              qrCodeImageAlt={qrCodeImageAlt}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              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":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,oCAAoC,IAAIC,SAD1C,EAEEC,mCAAmC,IAAIC,YAFzC,QAGO,0BAHP;AAKA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAG,CAAC;EAACC,IAAD;EAAOC,MAAP;EAAeC;AAAf,CAAD,kBACb;EAAK,SAAS,EAAEJ,KAAK,CAACK;AAAtB,GACGH,IAAI,gBACH;EAAK,SAAS,EAAEF,KAAK,CAACM;AAAtB,gBACE;EAAI,SAAS,EAAEN,KAAK,CAACE;AAArB,GAA4BA,IAA5B,CADF,eAEE;EAAI,SAAS,EAAEF,KAAK,CAACG;AAArB,GAA8BA,MAA9B,CAFF,CADG,gBAMH;EAAI,SAAS,EAAEH,KAAK,CAACG;AAArB,GAA8BA,MAA9B,MAPJ,EASGC,SAAS,gBAAG;EAAI,SAAS,EAAEJ,KAAK,CAACI;AAArB,GAAiCA,SAAjC,MAAH,GAAuD,IATnE,CADF;;AAcAH,MAAM,CAACM,SAAP,2CAAmB;EACjBL,IAAI,EAAET,SAAS,CAACe,MADC;EAEjBL,MAAM,EAAEV,SAAS,CAACe,MAFD;EAGjBJ,SAAS,EAAEX,SAAS,CAACe;AAHJ,CAAnB;;AAMA,MAAMC,WAAW,GAAG,CAAC;EACnBC,mBADmB;EAEnBC,cAFmB;EAGnBC,UAHmB;EAInBC,WAJmB;EAKnBC,UALmB;EAMnBC;AANmB,CAAD,KAOd;EACJ,oBACE;IAAK,SAAS,EAAEf,KAAK,CAACgB;EAAtB,gBACE,oBAAC,OAAD;IAAS,GAAG,EAAEL,cAAd;IAA8B,GAAG,EAAEI;EAAnC,EADF,EAEGL,mBAAmB,gBAClB;IAAK,SAAS,EAAEV,KAAK,CAACiB;EAAtB,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAACkB;EAAtB,gBACE,kCAAON,UAAP,MADF,eAEE;IAAG,IAAI,EAAC,oCAAR;IAA6C,SAAS,EAAEZ,KAAK,CAACmB;EAA9D,gBACE,kCAAON,WAAP,MADF,CAFF,eAKE,kCAAOC,UAAP,MALF,CADF,CADkB,GAUhB,IAZN,CADF;AAgBD,CAxBD;;AAyBAL,WAAW,CAACF,SAAZ,2CAAwB;EACtBG,mBAAmB,EAAEjB,SAAS,CAAC2B,IADT;EAEtBT,cAAc,EAAElB,SAAS,CAACe,MAFJ;EAGtBI,UAAU,EAAEnB,SAAS,CAACe,MAHA;EAItBK,WAAW,EAAEpB,SAAS,CAACe,MAJD;EAKtBM,UAAU,EAAErB,SAAS,CAACe,MALA;EAMtBO,cAAc,EAAEtB,SAAS,CAACe;AANJ,CAAxB;;AASA,MAAMa,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,WAAX;EAAwBC,YAAxB;EAAsCC;AAAtC,CAAD,KAAkD;EAClE,oBACE;IAAK,SAAS,EAAEzB,KAAK,CAAC0B;EAAtB,gBACE,oBAAC,MAAD;IACE,KAAK,EAAED,KADT;IAEE,QAAQ,EAAEH,QAFZ;IAGE,cAAc,EAAEA,QAHlB;IAIE,IAAI,EAAEE,YAJR;IAKE,IAAI,EAAC,MALP;IAME,WAAW,EAAE;EANf,gBAQE;IAAK,SAAS,EAAExB,KAAK,CAAC2B;EAAtB,gBACE,oBAAC,SAAD;IAAW,SAAS,EAAE3B,KAAK,CAAC4B;EAA5B,EADF,eAEE,+BAAIL,WAAJ,CAFF,CARF,CADF,CADF;AAiBD,CAlBD;;AAoBAF,SAAS,CAACd,SAAV,2CAAsB;EACpBiB,YAAY,EAAE/B,SAAS,CAACe,MADJ;EAEpBc,QAAQ,EAAE7B,SAAS,CAAC2B,IAFA;EAGpBG,WAAW,EAAE9B,SAAS,CAACe;AAHH,CAAtB;;AAMA,MAAMqB,WAAW,GAAG,CAAC;EACnBC,qBADmB;EAEnBC,sBAFmB;EAGnBC,uBAHmB;EAInBC,sBAJmB;EAKnB,eAAeC,UALI;EAMnB,WAAWC;AANQ,CAAD,kBAQlB;EAAK,SAAS,EAAEnC,KAAK,CAACoC;AAAtB,gBACE,oBAAC,OAAD;EACE,SAAS,EAAEpC,KAAK,CAACqC,GADnB;EAEE,GAAG,EAAEN,sBAFP;EAGE,OAAO,EAAED,qBAHX;EAIE,GAAG,EAAEK;AAJP,EADF,eAOE,oBAAC,OAAD;EACE,SAAS,EAAEnC,KAAK,CAACqC,GADnB;EAEE,GAAG,EAAEL,uBAFP;EAGE,OAAO,EAAEC,sBAHX;EAIE,GAAG,EAAEC;AAJP,EAPF,CARF;;AAwBAL,WAAW,CAACtB,SAAZ,2CAAwB;EACtBuB,qBAAqB,EAAErC,SAAS,CAAC6C,IADX;EAEtBP,sBAAsB,EAAEtC,SAAS,CAACe,MAFZ;EAGtBwB,uBAAuB,EAAEvC,SAAS,CAACe,MAHb;EAItByB,sBAAsB,EAAExC,SAAS,CAAC6C,IAJZ;EAKtB,eAAe7C,SAAS,CAACe,MALH;EAMtB,WAAWf,SAAS,CAACe;AANC,CAAxB;;AASA,MAAM+B,OAAO,GAAG,CAAC;EAACC;AAAD,CAAD,kBACd;EAAK,SAAS,EAAExC,KAAK,CAACyC;AAAtB,gBACE;EAAK,SAAS,EAAEzC,KAAK,CAAC0C;AAAtB,EADF,eAEE,+BAAIF,IAAJ,CAFF,eAGE;EAAK,SAAS,EAAExC,KAAK,CAAC0C;AAAtB,EAHF,CADF;;AAQAH,OAAO,CAAChC,SAAR,2CAAoB;EAClBiC,IAAI,EAAE/C,SAAS,CAACe;AADE,CAApB;;AAIA,MAAMmC,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IACJf,qBADI;IAEJC,sBAFI;IAGJC,uBAHI;IAIJC,sBAJI;IAKJa,SALI;IAMJC,cANI;IAOJC,UAPI;IAQJC,aARI;IASJC,WATI;IAUJvC,cAVI;IAWJa,YAXI;IAYJF,QAZI;IAaJZ,mBAbI;IAcJa,WAdI;IAeJX,UAfI;IAgBJC,WAhBI;IAiBJC,UAjBI;IAkBJ,eAAeoB,UAlBX;IAmBJ,WAAWC,MAnBP;IAoBJpB,cApBI;IAqBJ,mBAAmBoC;EArBf,IAsBFP,KAtBJ;EAuBA,MAAM;IAACQ;EAAD,IAASP,OAAf;;EACA,MAAMQ,YAAY,GAAG,KAAI,gBAAJ,EAAsBD,IAAtB,CAArB;;EACA,oBACE;IAAK,SAAS,EAAEpD,KAAK,CAACsD;EAAtB,gBACE;IAAK,SAAS,EAAEtD,KAAK,CAACuD;EAAtB,gBACE,oBAAC,YAAD;IACE,MAAM,EAAE,EADV;IAEE,KAAK,EAAE,GAFT;IAGE,SAAS,EAAEvD,KAAK,CAACwD,YAHnB;IAIE,cAAYL;EAJd,EADF,CADF,eASE;IAAK,SAAS,EAAEnD,KAAK,CAACyD;EAAtB,gBACE,oBAAC,MAAD,EAAYX,SAAZ,CADF,eAEE,oBAAC,WAAD;IACE,qBAAqB,EAAEhB,qBADzB;IAEE,sBAAsB,EAAEC,sBAF1B;IAGE,uBAAuB,EAAEC,uBAH3B;IAIE,sBAAsB,EAAEC,sBAJ1B;IAKE,eAAaC,UALf;IAME,WAASC;EANX,EAFF,CATF,eAoBE;IAAK,SAAS,EAAEnC,KAAK,CAAC0D;EAAtB,gBACE,oBAAC,MAAD,EAAYX,cAAZ,CADF,eAEE;IAAK,SAAS,EAAE/C,KAAK,CAAC2D;EAAtB,gBACE;IAAK,SAAS,EAAE3D,KAAK,CAAC4D;EAAtB,gBACE,oBAAC,MAAD,EAAYZ,UAAZ,CADF,eAEE,oBAAC,WAAD;IACE,mBAAmB,EAAEtC,mBADvB;IAEE,cAAc,EAAEC,cAFlB;IAGE,UAAU,EAAEC,UAHd;IAIE,WAAW,EAAEC,WAJf;IAKE,UAAU,EAAEC,UALd;IAME,cAAc,EAAEC;EANlB,EAFF,CADF,eAYE,oBAAC,OAAD;IAAS,IAAI,EAAEmC;EAAf,EAZF,eAaE;IAAK,SAAS,EAAElD,KAAK,CAAC4D;EAAtB,gBACE,oBAAC,MAAD,EAAYX,aAAZ,CADF,eAEE,oBAAC,SAAD;IACE,KAAK,EAAEI,YADT;IAEE,WAAW,EAAE9B,WAFf;IAGE,QAAQ,EAAED,QAHZ;IAIE,YAAY,EAAEE;EAJhB,EAFF,CAbF,CAFF,CApBF,CADF;AAiDD,CA3ED;;AA6EAmB,SAAS,CAACpC,SAAV,wDACKsB,WAAW,CAACtB,SADjB;EAEEuC,SAAS,EAAErD,SAAS,CAACoE,KAAV,CAAgB5D,MAAM,CAACM,SAAvB,CAFb;EAGEwC,cAAc,EAAEtD,SAAS,CAACoE,KAAV,CAAgB5D,MAAM,CAACM,SAAvB,CAHlB;EAIEyC,UAAU,EAAEvD,SAAS,CAACoE,KAAV,CAAgB5D,MAAM,CAACM,SAAvB,CAJd;EAKE0C,aAAa,EAAExD,SAAS,CAACoE,KAAV,CAAgB5D,MAAM,CAACM,SAAvB;AALjB,GAMKE,WAAW,CAACF,SANjB;EAOE2C,WAAW,EAAEX,OAAO,CAAChC,SAAR,CAAkBiC;AAPjC,GAQKnB,SAAS,CAACd,SARf;AAWA,eAAeoC,SAAf"}

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

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

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

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

package/es/organism/header/index.js

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

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

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

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

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

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

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

package/es/organism/hero/index.js

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

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

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

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

@@ -5,6 +5,7 @@ import Tag from '../../atom/tag';
 import ButtonLink from '../../atom/button-link';
 import BulletPointMenuButton from '../../molecule/bullet-point-menu-button';
 import style from './style.css';
+
 const ListItem = props => {
   let isPublished = false;
   const {
@@ -15,6 +16,7 @@ const ListItem = props => {
     order,
     'aria-label': ariaLabel
   } = props;
+
   const tagsView = _map.convert({
     cap: false
   })((tag, index) => {
@@ -24,6 +26,7 @@ const ListItem = props => {
       className: style.tag
     }, /*#__PURE__*/React.createElement(Tag, tag));
   })(tags);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper
   }, isPublished ? /*#__PURE__*/React.createElement("div", {
@@ -43,6 +46,7 @@ const ListItem = props => {
     className: style.edit
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonLink)), /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButton)));
 };
+
 ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   bulletPointMenuButton: PropTypes.shape({
     buttonAriaLabel: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Tag","ButtonLink","BulletPointMenuButton","style","ListItem","props","isPublished","bulletPointMenuButton","buttonLink","tags","title","order","ariaLabel","tagsView","convert","cap","tag","index","type","wrapper","orderWrapper","settings","edit","propTypes","shape","buttonAriaLabel","string","menuAriaLabel","buttons","arrayOf","label","onClick","func","dataName","icon","position","oneOf","isRequired","number"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport style from './style.css';\n\nconst ListItem = props => {\n  let isPublished = false;\n  const {bulletPointMenuButton, buttonLink, tags, title, order, 'aria-label': ariaLabel} = props;\n\n  const tagsView = map.convert({cap: false})((tag, index) => {\n    isPublished = tag.type === 'published';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} />\n      </div>\n    );\n  })(tags);\n  return (\n    <div className={style.wrapper}>\n      {isPublished ? (\n        <div className={style.orderWrapper}>\n          <div className={style.order} aria-label={ariaLabel}>\n            {order + 1}\n          </div>\n          <div className={style.title} title={title}>\n            {title}\n          </div>\n        </div>\n      ) : (\n        <div className={style.title} title={title}>\n          {title}\n        </div>\n      )}\n      <div className={style.settings}>\n        {tagsView}\n        <div className={style.edit}>\n          <ButtonLink {...buttonLink} />\n        </div>\n        <BulletPointMenuButton {...bulletPointMenuButton} />\n      </div>\n    </div>\n  );\n};\n\nListItem.propTypes = {\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  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  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['published', 'draft', 'archived', 'revised', 'default'])\n    })\n  ),\n  title: PropTypes.string.isRequired,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string\n};\n\nexport default ListItem;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Tag","ButtonLink","BulletPointMenuButton","style","ListItem","props","isPublished","bulletPointMenuButton","buttonLink","tags","title","order","ariaLabel","tagsView","convert","cap","tag","index","type","wrapper","orderWrapper","settings","edit","propTypes","shape","buttonAriaLabel","string","menuAriaLabel","buttons","arrayOf","label","onClick","func","dataName","icon","position","oneOf","isRequired","number"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport style from './style.css';\n\nconst ListItem = props => {\n  let isPublished = false;\n  const {bulletPointMenuButton, buttonLink, tags, title, order, 'aria-label': ariaLabel} = props;\n\n  const tagsView = map.convert({cap: false})((tag, index) => {\n    isPublished = tag.type === 'published';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} />\n      </div>\n    );\n  })(tags);\n  return (\n    <div className={style.wrapper}>\n      {isPublished ? (\n        <div className={style.orderWrapper}>\n          <div className={style.order} aria-label={ariaLabel}>\n            {order + 1}\n          </div>\n          <div className={style.title} title={title}>\n            {title}\n          </div>\n        </div>\n      ) : (\n        <div className={style.title} title={title}>\n          {title}\n        </div>\n      )}\n      <div className={style.settings}>\n        {tagsView}\n        <div className={style.edit}>\n          <ButtonLink {...buttonLink} />\n        </div>\n        <BulletPointMenuButton {...bulletPointMenuButton} />\n      </div>\n    </div>\n  );\n};\n\nListItem.propTypes = {\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  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  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['published', 'draft', 'archived', 'revised', 'default'])\n    })\n  ),\n  title: PropTypes.string.isRequired,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string\n};\n\nexport default ListItem;\n"],"mappings":"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"}

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

@@ -1,10 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import ListItem from '../list-item';
 import Title from '../../atom/title';
 import ButtonLink from '../../atom/button-link';
 import style from './style.css';
+
 const ListItems = ({
   title,
   buttonLink,
@@ -34,6 +36,7 @@ const ListItems = ({
     "data-name": 'content-list'
   }, itemsView));
 };
+
 ListItems.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.string,
   buttonLink: PropTypes.shape(ButtonLink.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ListItem","Title","ButtonLink","style","ListItems","title","buttonLink","items","ariaLabel","itemsView","map","item","index","id","header","buttonCreate","list","propTypes","string","shape","arrayOf"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ListItem from '../list-item';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst ListItems = ({title, buttonLink, items, 'aria-label': ariaLabel}) => {\n  const itemsView = items.map((item, index) => (\n    <li key={item.id} className={style.item} data-name={`content-${index}`}>\n      <ListItem {...item} order={index} />\n    </li>\n  ));\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'list-title'} />\n        </div>\n        <div className={style.buttonCreate}>\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      <ul className={style.list} aria-label={ariaLabel} data-name={'content-list'}>\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n  title: PropTypes.string\n};\n\nexport default ListItems;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,cAAc;AACnC,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAG,CAAC;EAACC,KAAK;EAAEC,UAAU;EAAEC,KAAK;EAAE,YAAY,EAAEC;AAAS,CAAC,KAAK;EACzE,MAAMC,SAAS,GAAGF,KAAK,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACtC;IAAI,GAAG,EAAED,IAAI,CAACE,EAAG;IAAC,SAAS,EAAEV,KAAK,CAACQ,IAAK;IAAC,aAAY,WAAUC,KAAM;EAAE,gBACrE,oBAAC,QAAQ,eAAKD,IAAI;IAAE,KAAK,EAAEC;EAAM,GAAG,CAEvC,CAAC;EAEF,oBACE,8CACE;IAAK,SAAS,EAAET,KAAK,CAACW;EAAO,gBAC3B;IAAK,SAAS,EAAEX,KAAK,CAACE;EAAM,gBAC1B,oBAAC,KAAK;IAAC,KAAK,EAAEA,KAAM;IAAC,IAAI,EAAE,YAAa;IAAC,aAAW;EAAa,EAAG,CAChE,eACN;IAAK,SAAS,EAAEF,KAAK,CAACY;EAAa,gBACjC,oBAAC,UAAU,EAAKT,UAAU,CAAI,CAC1B,CACF,eACN;IAAI,SAAS,EAAEH,KAAK,CAACa,IAAK;IAAC,cAAYR,SAAU;IAAC,aAAW;EAAe,GACzEC,SAAS,CACP,CACD;AAEV,CAAC;AAEDL,SAAS,CAACa,SAAS,2CAAG;EACpB,YAAY,EAAElB,SAAS,CAACmB,MAAM;EAC9BZ,UAAU,EAAEP,SAAS,CAACoB,KAAK,CAACjB,UAAU,CAACe,SAAS,CAAC;EACjDV,KAAK,EAAER,SAAS,CAACqB,OAAO,CAACrB,SAAS,CAACoB,KAAK,CAACnB,QAAQ,CAACiB,SAAS,CAAC,CAAC;EAC7DZ,KAAK,EAAEN,SAAS,CAACmB;AACnB,CAAC;AAED,eAAed,SAAS"}
+{"version":3,"file":"index.js","names":["React","PropTypes","ListItem","Title","ButtonLink","style","ListItems","title","buttonLink","items","ariaLabel","itemsView","map","item","index","id","header","buttonCreate","list","propTypes","string","shape","arrayOf"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ListItem from '../list-item';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst ListItems = ({title, buttonLink, items, 'aria-label': ariaLabel}) => {\n  const itemsView = items.map((item, index) => (\n    <li key={item.id} className={style.item} data-name={`content-${index}`}>\n      <ListItem {...item} order={index} />\n    </li>\n  ));\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'list-title'} />\n        </div>\n        <div className={style.buttonCreate}>\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      <ul className={style.list} aria-label={ariaLabel} data-name={'content-list'}>\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n  title: PropTypes.string\n};\n\nexport default ListItems;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC,UAAR;EAAoBC,KAApB;EAA2B,cAAcC;AAAzC,CAAD,KAAyD;EACzE,MAAMC,SAAS,GAAGF,KAAK,CAACG,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,kBAC1B;IAAI,GAAG,EAAED,IAAI,CAACE,EAAd;IAAkB,SAAS,EAAEV,KAAK,CAACQ,IAAnC;IAAyC,aAAY,WAAUC,KAAM;EAArE,gBACE,oBAAC,QAAD,eAAcD,IAAd;IAAoB,KAAK,EAAEC;EAA3B,GADF,CADgB,CAAlB;EAMA,oBACE,8CACE;IAAK,SAAS,EAAET,KAAK,CAACW;EAAtB,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACE;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEA,KAAd;IAAqB,IAAI,EAAE,YAA3B;IAAyC,aAAW;EAApD,EADF,CADF,eAIE;IAAK,SAAS,EAAEF,KAAK,CAACY;EAAtB,gBACE,oBAAC,UAAD,EAAgBT,UAAhB,CADF,CAJF,CADF,eASE;IAAI,SAAS,EAAEH,KAAK,CAACa,IAArB;IAA2B,cAAYR,SAAvC;IAAkD,aAAW;EAA7D,GACGC,SADH,CATF,CADF;AAeD,CAtBD;;AAwBAL,SAAS,CAACa,SAAV,2CAAsB;EACpB,cAAclB,SAAS,CAACmB,MADJ;EAEpBZ,UAAU,EAAEP,SAAS,CAACoB,KAAV,CAAgBjB,UAAU,CAACe,SAA3B,CAFQ;EAGpBV,KAAK,EAAER,SAAS,CAACqB,OAAV,CAAkBrB,SAAS,CAACoB,KAAV,CAAgBnB,QAAQ,CAACiB,SAAzB,CAAlB,CAHa;EAIpBZ,KAAK,EAAEN,SAAS,CAACmB;AAJG,CAAtB;AAOA,eAAed,SAAf"}

package/es/organism/mobile-navigation/index.native.d.ts

@@ -14,7 +14,7 @@ interface ButtonProps {
     theme: Theme;
     onPress: (event: GestureResponderEvent) => void;
 }
-export type NavItemType = {
+export declare type NavItemType = {
     label: string;
     icon: ButtonProps['Icon'];
     action: (event: GestureResponderEvent) => void;
@@ -24,7 +24,7 @@ export interface Props {
     items: Array<NavItemType>;
     selectedItemIndex: number;
 }
-type StyleSheetType = {
+declare type StyleSheetType = {
     container: ViewStyle;
     navbar: ViewStyle;
     blur: ViewStyle;

package/es/organism/mobile-navigation/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,EAAE,SAAS,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAuFF,QAAA,MAAM,aAAa,iCAAgC,KAAK,uBAsCvD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAIL,SAAS,EACT,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,aAAK,cAAc,GAAG;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,EAAE,SAAS,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAuFF,QAAA,MAAM,aAAa,iCAAgC,KAAK,uBAsCvD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/organism/mobile-navigation/index.native.js

@@ -4,6 +4,7 @@ import { BlurView } from '@react-native-community/blur';
 import { NovaCompositionNavigationNavBar as BlurredShadow } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
 import Touchable from '../../hoc/touchable/index.native';
+
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     position: 'absolute',
@@ -72,6 +73,7 @@ const createStyleSheet = theme => StyleSheet.create({
     }]
   }
 });
+
 const Button = ({
   testID,
   title,
@@ -100,6 +102,7 @@ const Button = ({
   color: theme.colors.cta,
   style: styles.dotShadow
 })) : null);
+
 const NavigationBar = ({
   items,
   selectedItemIndex
@@ -111,11 +114,14 @@ const NavigationBar = ({
   } = templateContext;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet.container
   }, /*#__PURE__*/React.createElement(View, {
@@ -138,5 +144,6 @@ const NavigationBar = ({
     });
   })));
 };
+
 export default NavigationBar;
 //# sourceMappingURL=index.native.js.map