@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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

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

package/lib/organism/hero/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(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
 };

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

@@ -1 +1 @@
-{"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;AAAgC;AAEhC,SAASA,IAAI,CAACC,KAAK,EAAEC,OAAO,EAAE;EAC5B,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,EAAE,GAAG,mBAAI,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,EAAEG,cAAK,CAACC,IAAK;IACtB,KAAK,EAAE;MACLH;IACF;EAAE,gBAEF,6BAAC,aAAI;IAAC,IAAI,EAAEH,GAAI;IAAC,SAAS,EAAEK,cAAK,CAACD,QAAQ;EAAE,gBAC1C;IACE,SAAS,EAAEC,cAAK,CAACE,KAAM;IACvB,KAAK,EAAE;MACLC,KAAK,EAAE,qBAAM,SAAS,EAAE,gBAAgB,EAAEV,IAAI;IAChD;EAAE,GAEDG,KAAK,eACN;IACE,SAAS,EAAEI,cAAK,CAACI,GAAI;IACrB,KAAK,EAAE;MACLC,eAAe,EAAE,qBAAM,SAAS,EAAE,gBAAgB,EAAEZ,IAAI;IAC1D;EAAE,EACF,CACE,CACD,CACH;AAEV;AAEAH,IAAI,CAACgB,YAAY,GAAG;EAClBb,IAAI,EAAEc,iBAAQ,CAACC,iBAAiB,CAACf;AACnC,CAAC;AAEDH,IAAI,CAACmB,SAAS,2CAAG;EACfZ,KAAK,EAAEa,kBAAS,CAACC,IAAI;EACrBhB,GAAG,EAAEe,kBAAS,CAACE,SAAS,CAAC,CAACC,sBAAW,EAAEH,kBAAS,CAACI,MAAM,CAAC,CAAC,CAACC,UAAU;EACpEnB,KAAK,EAAEc,kBAAS,CAACI,MAAM,CAACC;AAC1B,CAAC;AAAC,eAEazB,IAAI;AAAA"}
+{"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,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _tag = _interopRequireDefault(require("../../atom/tag"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _bulletPointMenuButton = _interopRequireDefault(require("../../molecule/bullet-point-menu-button"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ListItem = props => {
   let isPublished = false;
   const {
@@ -20,6 +29,7 @@ const ListItem = props => {
     order,
     'aria-label': ariaLabel
   } = props;
+
   const tagsView = _map2.default.convert({
     cap: false
   })((tag, index) => {
@@ -29,6 +39,7 @@ const ListItem = props => {
       className: _style.default.tag
     }, /*#__PURE__*/_react.default.createElement(_tag.default, tag));
   })(tags);
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper
   }, isPublished ? /*#__PURE__*/_react.default.createElement("div", {
@@ -48,6 +59,7 @@ const ListItem = props => {
     className: _style.default.edit
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonLink)), /*#__PURE__*/_react.default.createElement(_bulletPointMenuButton.default, bulletPointMenuButton)));
 };
+
 ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   bulletPointMenuButton: _propTypes.default.shape({
     buttonAriaLabel: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListItem","props","isPublished","bulletPointMenuButton","buttonLink","tags","title","order","ariaLabel","tagsView","convert","cap","tag","index","type","style","wrapper","orderWrapper","settings","edit","propTypes","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":["ListItem","props","isPublished","bulletPointMenuButton","buttonLink","tags","title","order","ariaLabel","tagsView","convert","cap","tag","index","type","style","wrapper","orderWrapper","settings","edit","propTypes","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/lib/organism/list-items/index.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _listItem = _interopRequireDefault(require("../list-item"));
+
 var _title = _interopRequireDefault(require("../../atom/title"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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 ListItems = ({
   title,
   buttonLink,
@@ -39,6 +48,7 @@ const ListItems = ({
     "data-name": 'content-list'
   }, itemsView));
 };
+
 ListItems.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': _propTypes.default.string,
   buttonLink: _propTypes.default.shape(_buttonLink.default.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListItems","title","buttonLink","items","ariaLabel","itemsView","map","item","index","id","style","header","buttonCreate","list","propTypes","PropTypes","string","shape","ButtonLink","arrayOf","ListItem"],"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;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,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,EAAEC,cAAK,CAACH,IAAK;IAAC,aAAY,WAAUC,KAAM;EAAE,gBACrE,6BAAC,iBAAQ,eAAKD,IAAI;IAAE,KAAK,EAAEC;EAAM,GAAG,CAEvC,CAAC;EAEF,oBACE,uDACE;IAAK,SAAS,EAAEE,cAAK,CAACC;EAAO,gBAC3B;IAAK,SAAS,EAAED,cAAK,CAACT;EAAM,gBAC1B,6BAAC,cAAK;IAAC,KAAK,EAAEA,KAAM;IAAC,IAAI,EAAE,YAAa;IAAC,aAAW;EAAa,EAAG,CAChE,eACN;IAAK,SAAS,EAAES,cAAK,CAACE;EAAa,gBACjC,6BAAC,mBAAU,EAAKV,UAAU,CAAI,CAC1B,CACF,eACN;IAAI,SAAS,EAAEQ,cAAK,CAACG,IAAK;IAAC,cAAYT,SAAU;IAAC,aAAW;EAAe,GACzEC,SAAS,CACP,CACD;AAEV,CAAC;AAEDL,SAAS,CAACc,SAAS,2CAAG;EACpB,YAAY,EAAEC,kBAAS,CAACC,MAAM;EAC9Bd,UAAU,EAAEa,kBAAS,CAACE,KAAK,CAACC,mBAAU,CAACJ,SAAS,CAAC;EACjDX,KAAK,EAAEY,kBAAS,CAACI,OAAO,CAACJ,kBAAS,CAACE,KAAK,CAACG,iBAAQ,CAACN,SAAS,CAAC,CAAC;EAC7Db,KAAK,EAAEc,kBAAS,CAACC;AACnB,CAAC;AAAC,eAEahB,SAAS;AAAA"}
+{"version":3,"file":"index.js","names":["ListItems","title","buttonLink","items","ariaLabel","itemsView","map","item","index","id","style","header","buttonCreate","list","propTypes","PropTypes","string","shape","ButtonLink","arrayOf","ListItem"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,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,EAAEC,cAAA,CAAMH,IAAnC;IAAyC,aAAY,WAAUC,KAAM;EAArE,gBACE,6BAAC,iBAAD,eAAcD,IAAd;IAAoB,KAAK,EAAEC;EAA3B,GADF,CADgB,CAAlB;EAMA,oBACE,uDACE;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAMT;EAAtB,gBACE,6BAAC,cAAD;IAAO,KAAK,EAAEA,KAAd;IAAqB,IAAI,EAAE,YAA3B;IAAyC,aAAW;EAApD,EADF,CADF,eAIE;IAAK,SAAS,EAAES,cAAA,CAAME;EAAtB,gBACE,6BAAC,mBAAD,EAAgBV,UAAhB,CADF,CAJF,CADF,eASE;IAAI,SAAS,EAAEQ,cAAA,CAAMG,IAArB;IAA2B,cAAYT,SAAvC;IAAkD,aAAW;EAA7D,GACGC,SADH,CATF,CADF;AAeD,CAtBD;;AAwBAL,SAAS,CAACc,SAAV,2CAAsB;EACpB,cAAcC,kBAAA,CAAUC,MADJ;EAEpBd,UAAU,EAAEa,kBAAA,CAAUE,KAAV,CAAgBC,mBAAA,CAAWJ,SAA3B,CAFQ;EAGpBX,KAAK,EAAEY,kBAAA,CAAUI,OAAV,CAAkBJ,kBAAA,CAAUE,KAAV,CAAgBG,iBAAA,CAASN,SAAzB,CAAlB,CAHa;EAIpBb,KAAK,EAAEc,kBAAA,CAAUC;AAJG,CAAtB;eAOehB,S"}

package/lib/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/lib/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/lib/organism/mobile-navigation/index.native.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _blur = require("@react-native-community/blur");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
 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 createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     position: 'absolute',
@@ -79,6 +89,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     }]
   }
 });
+
 const Button = ({
   testID,
   title,
@@ -107,6 +118,7 @@ const Button = ({
   color: theme.colors.cta,
   style: styles.dotShadow
 })) : null);
+
 const NavigationBar = ({
   items,
   selectedItemIndex
@@ -118,11 +130,14 @@ const NavigationBar = ({
   } = templateContext;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -145,6 +160,7 @@ const NavigationBar = ({
     });
   })));
 };
+
 var _default = NavigationBar;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/organism/mobile-navigation/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","position","bottom","paddingTop","paddingBottom","paddingHorizontal","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","blur","top","left","right","navbar","flexDirection","justifyContent","alignSelf","overflow","borderRadius","backgroundColor","Platform","OS","colors","gray","light","button","alignItems","flex","maxWidth","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","dotShadow","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n  View,\n  StyleSheet,\n  Text,\n  ViewStyle,\n  TextStyle,\n  GestureResponderEvent,\n  Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n  title: string;\n  testID: string;\n  selected: boolean;\n  Icon: FC<{height: number; width: number; color?: string}>;\n  styles: StyleSheetType;\n  theme: Theme;\n  onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n  label: string;\n  icon: ButtonProps['Icon'];\n  action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n  testID?: string;\n  items: Array<NavItemType>;\n  selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  navbar: ViewStyle;\n  blur: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  dot: ViewStyle;\n  dotShadow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      bottom: 0,\n      paddingTop: 10,\n      paddingBottom: 34,\n      paddingHorizontal: 20,\n      width: '100%',\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 2\n      },\n      shadowOpacity: 0.15,\n      shadowRadius: 3,\n      elevation: 4\n    },\n    blur: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0\n    },\n    navbar: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignSelf: 'center',\n      overflow: 'hidden',\n      height: 66,\n      borderRadius: 12,\n      backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'\n    },\n    button: {\n      alignItems: 'center',\n      flex: 1,\n      height: '100%',\n      maxWidth: 110,\n      marginTop: theme.spacing.small\n    },\n    buttonText: {\n      fontSize: theme.fontSize.small,\n      lineHeight: 26,\n      // height: 11,\n      color: theme.colors.text.primary\n    },\n    dot: {\n      width: 8,\n      height: 8,\n      borderRadius: 8,\n      backgroundColor: theme.colors.cta,\n      marginTop: 3,\n      position: 'absolute',\n      alignSelf: 'center'\n    },\n    dotShadow: {\n      marginTop: -87,\n      width: 200,\n      height: 100,\n      position: 'absolute',\n      alignSelf: 'center',\n      transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n    }\n  });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n  <Touchable testID={testID} style={styles.button} onPress={onPress}>\n    <View style={{alignItems: 'center'}}>\n      <Icon\n        height={16}\n        width={16}\n        color={selected ? theme.colors.cta : theme.colors.text.primary}\n      />\n      <Text style={styles.buttonText}>{title}</Text>\n    </View>\n    {selected ? (\n      <View>\n        <View style={styles.dot} />\n        <BlurredShadow color={theme.colors.cta} style={styles.dotShadow} />\n      </View>\n    ) : null}\n  </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <View style={styleSheet.navbar}>\n        {Platform.OS === 'ios' ? (\n          <BlurView style={styleSheet.blur} blurAmount={75} blurType=\"xlight\" />\n        ) : null}\n        {items.map((prop, index) => {\n          const handlePress = prop.action;\n          return (\n            <Button\n              key={`button-${prop.label}`}\n              title={prop.label}\n              Icon={prop.icon}\n              onPress={handlePress}\n              selected={index === selectedItemIndex}\n              testID={`navigationButton_${index}`}\n              styles={styleSheet}\n              theme={theme}\n            />\n          );\n        })}\n      </View>\n    </View>\n  );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","position","bottom","paddingTop","paddingBottom","paddingHorizontal","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","blur","top","left","right","navbar","flexDirection","justifyContent","alignSelf","overflow","borderRadius","backgroundColor","Platform","OS","colors","gray","light","button","alignItems","flex","maxWidth","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","dotShadow","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n  View,\n  StyleSheet,\n  Text,\n  ViewStyle,\n  TextStyle,\n  GestureResponderEvent,\n  Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n  title: string;\n  testID: string;\n  selected: boolean;\n  Icon: FC<{height: number; width: number; color?: string}>;\n  styles: StyleSheetType;\n  theme: Theme;\n  onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n  label: string;\n  icon: ButtonProps['Icon'];\n  action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n  testID?: string;\n  items: Array<NavItemType>;\n  selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  navbar: ViewStyle;\n  blur: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  dot: ViewStyle;\n  dotShadow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      bottom: 0,\n      paddingTop: 10,\n      paddingBottom: 34,\n      paddingHorizontal: 20,\n      width: '100%',\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 2\n      },\n      shadowOpacity: 0.15,\n      shadowRadius: 3,\n      elevation: 4\n    },\n    blur: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0\n    },\n    navbar: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignSelf: 'center',\n      overflow: 'hidden',\n      height: 66,\n      borderRadius: 12,\n      backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'\n    },\n    button: {\n      alignItems: 'center',\n      flex: 1,\n      height: '100%',\n      maxWidth: 110,\n      marginTop: theme.spacing.small\n    },\n    buttonText: {\n      fontSize: theme.fontSize.small,\n      lineHeight: 26,\n      // height: 11,\n      color: theme.colors.text.primary\n    },\n    dot: {\n      width: 8,\n      height: 8,\n      borderRadius: 8,\n      backgroundColor: theme.colors.cta,\n      marginTop: 3,\n      position: 'absolute',\n      alignSelf: 'center'\n    },\n    dotShadow: {\n      marginTop: -87,\n      width: 200,\n      height: 100,\n      position: 'absolute',\n      alignSelf: 'center',\n      transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n    }\n  });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n  <Touchable testID={testID} style={styles.button} onPress={onPress}>\n    <View style={{alignItems: 'center'}}>\n      <Icon\n        height={16}\n        width={16}\n        color={selected ? theme.colors.cta : theme.colors.text.primary}\n      />\n      <Text style={styles.buttonText}>{title}</Text>\n    </View>\n    {selected ? (\n      <View>\n        <View style={styles.dot} />\n        <BlurredShadow color={theme.colors.cta} style={styles.dotShadow} />\n      </View>\n    ) : null}\n  </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <View style={styleSheet.navbar}>\n        {Platform.OS === 'ios' ? (\n          <BlurView style={styleSheet.blur} blurAmount={75} blurType=\"xlight\" />\n        ) : null}\n        {items.map((prop, index) => {\n          const handlePress = prop.action;\n          return (\n            <Button\n              key={`button-${prop.label}`}\n              title={prop.label}\n              Icon={prop.icon}\n              onPress={handlePress}\n              selected={index === selectedItemIndex}\n              testID={`navigationButton_${index}`}\n              styles={styleSheet}\n              theme={theme}\n            />\n          );\n        })}\n      </View>\n    </View>\n  );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}

package/lib/organism/mooc/image-slider/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _slide = _interopRequireDefault(require("../../../atom/slide"));
+
 var _slider = _interopRequireDefault(require("../../slider"));
+
 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 ImageSlider = ({
   slides = []
 }) => {
@@ -17,6 +25,7 @@ const ImageSlider = ({
   })), slides);
   return /*#__PURE__*/_react.default.createElement(_slider.default, null, allSlides);
 };
+
 ImageSlider.propTypes = process.env.NODE_ENV !== "production" ? {
   slides: _propTypes.default.arrayOf(_propTypes.default.shape(_slide.default.propTypes))
 } : {};

package/lib/organism/mooc/image-slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageSlider","slides","allSlides","slide","title","propTypes","PropTypes","arrayOf","shape","Slide"],"sources":["../../../../src/organism/mooc/image-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Slide from '../../../atom/slide';\nimport Slider from '../../slider';\n\nconst ImageSlider = ({slides = []}) => {\n  const allSlides = map(slide => <Slide {...slide} key={slide.title} />, slides);\n  return <Slider>{allSlides}</Slider>;\n};\n\nImageSlider.propTypes = {\n  slides: PropTypes.arrayOf(PropTypes.shape(Slide.propTypes))\n};\n\nexport default ImageSlider;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAAkC;AAAA;AAElC,MAAMA,WAAW,GAAG,CAAC;EAACC,MAAM,GAAG;AAAE,CAAC,KAAK;EACrC,MAAMC,SAAS,GAAG,mBAAIC,KAAK,iBAAI,6BAAC,cAAK,eAAKA,KAAK;IAAE,GAAG,EAAEA,KAAK,CAACC;EAAM,GAAG,EAAEH,MAAM,CAAC;EAC9E,oBAAO,6BAAC,eAAM,QAAEC,SAAS,CAAU;AACrC,CAAC;AAEDF,WAAW,CAACK,SAAS,2CAAG;EACtBJ,MAAM,EAAEK,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,cAAK,CAACJ,SAAS,CAAC;AAC5D,CAAC;AAAC,eAEaL,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["ImageSlider","slides","allSlides","slide","title","propTypes","PropTypes","arrayOf","shape","Slide"],"sources":["../../../../src/organism/mooc/image-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Slide from '../../../atom/slide';\nimport Slider from '../../slider';\n\nconst ImageSlider = ({slides = []}) => {\n  const allSlides = map(slide => <Slide {...slide} key={slide.title} />, slides);\n  return <Slider>{allSlides}</Slider>;\n};\n\nImageSlider.propTypes = {\n  slides: PropTypes.arrayOf(PropTypes.shape(Slide.propTypes))\n};\n\nexport default ImageSlider;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EAACC,MAAM,GAAG;AAAV,CAAD,KAAmB;EACrC,MAAMC,SAAS,GAAG,mBAAIC,KAAK,iBAAI,6BAAC,cAAD,eAAWA,KAAX;IAAkB,GAAG,EAAEA,KAAK,CAACC;EAA7B,GAAb,EAAqDH,MAArD,CAAlB;EACA,oBAAO,6BAAC,eAAD,QAASC,SAAT,CAAP;AACD,CAHD;;AAKAF,WAAW,CAACK,SAAZ,2CAAwB;EACtBJ,MAAM,EAAEK,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,cAAA,CAAMJ,SAAtB,CAAlB;AADc,CAAxB;eAIeL,W"}

package/lib/organism/mooc-footer/index.js

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _socialLink = _interopRequireDefault(require("../../atom/social-link"));
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const socialLinksTypes = process.env.NODE_ENV !== "production" ? ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'] : {};
+
 const StoresLinks = ({
   onAppStoreButtonClick,
   appStoreButtonImageUrl,
@@ -32,6 +43,7 @@ const StoresLinks = ({
   onClick: onPlayStoreButtonClick,
   alt: androidAlt
 }));
+
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: _propTypes.default.func,
   appStoreButtonImageUrl: _propTypes.default.string,
@@ -40,6 +52,7 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   'android-alt': _propTypes.default.string,
   'ios-alt': _propTypes.default.string
 } : {};
+
 function MoocFooter(props) {
   const {
     headSection = {},
@@ -47,9 +60,7 @@ function MoocFooter(props) {
     'logo-aria-label': logoAriaLabel,
     'social-links-aria-label': socialLinksAriaLabel,
     siteMapSections = []
-  } = props;
-
-  // Header section of the footer (the marketing banner)
+  } = props; // Header section of the footer (the marketing banner)
 
   const headSectionView = !(0, _isEmpty2.default)(headSection) ? /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "headSpacingContainer",
@@ -70,21 +81,17 @@ function MoocFooter(props) {
   }, headSection.title)), /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "mobile-apps-buttons-wrapper",
     className: _style.default.mobileAppLinks
-  }, /*#__PURE__*/_react.default.createElement(StoresLinks
-  // ignored due to naming conventions in JSX rather than a linting error
+  }, /*#__PURE__*/_react.default.createElement(StoresLinks // ignored due to naming conventions in JSX rather than a linting error
   // eslint-disable-next-line react/jsx-handler-names
   , {
     onAppStoreButtonClick: headSection.onAppStoreButtonClick,
     appStoreButtonImageUrl: headSection.appStoreButtonImageUrl,
-    playStoreButtonImageUrl: headSection.playStoreButtonImageUrl
-    // eslint-disable-next-line react/jsx-handler-names
+    playStoreButtonImageUrl: headSection.playStoreButtonImageUrl // eslint-disable-next-line react/jsx-handler-names
     ,
     onPlayStoreButtonClick: headSection.onPlayStoreButtonClick,
     "android-alt": headSection['android-alt'],
     "ios-alt": headSection['ios-alt']
-  })))) : null;
-
-  // Sitemap section of the footer (contains HELP, TOOLBOX... and other pages, as well as social links)
+  })))) : null; // Sitemap section of the footer (contains HELP, TOOLBOX... and other pages, as well as social links)
 
   const renderPagesFromSection = pages => {
     return /*#__PURE__*/_react.default.createElement("ul", {
@@ -106,6 +113,7 @@ function MoocFooter(props) {
       }, page.title));
     }));
   };
+
   const sections = !(0, _isEmpty2.default)(siteMapSections) ? siteMapSections.map((section, index) => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,
@@ -125,6 +133,7 @@ function MoocFooter(props) {
       "aria-label": socialLink['aria-label']
     }));
   });
+
   const socialNetworks = /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "logo-social-networks-container",
     className: _style.default.logoSocialNetworksContainer
@@ -137,6 +146,7 @@ function MoocFooter(props) {
     className: _style.default.socialNetworksWrapper,
     "aria-label": socialLinksAriaLabel
   }, socialLinksView));
+
   const siteMap = /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "site-map-spacing-container",
     className: _style.default.siteMapSpacingContainer
@@ -147,10 +157,12 @@ function MoocFooter(props) {
     "data-name": "sections",
     className: _style.default.sectionsContainer
   }, sections), socialNetworks));
+
   return /*#__PURE__*/_react.default.createElement("footer", {
     "data-name": "mooc-footer"
   }, headSectionView, siteMap);
 }
+
 MoocFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   headSection: _propTypes.default.shape({
     title: _propTypes.default.string,