@coorpacademy/components 11.33.1 → 11.33.2-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","isNil","isEmpty","ListItem","DraggableList","Title","ButtonLink","SelectMultiple","ExpandibleActionableTable","Loader","style","buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","length","createElement","map","item","contentType","index","key","id","className","_extends","order","tableHeaderView","tableHeaderWrapper","dataColumnsWrapper","tableHeaderItem","flexGrow","flexShrink","flexBasis","settings","list","listWithSelectMultiple","buildContentView","type","ListItems","title","buttonLink","isFetching","contentView","header","actionsWrapper","loaderContainer","loader","theme","propTypes","process","env","NODE_ENV","string","shape","oneOfType","arrayOf","oneOf","func","bool"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNil from 'lodash/fp/isNil';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport ListItem from '../list-item';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildListItemsView = (content, ariaLabel, selectMultiple) => {\n  const {items, itemType, onDrop, isDraggable = false, tableHeader} = content;\n  const itemsView =\n    isDraggable && items.length > 1 ? (\n      <DraggableList\n        items={items.map(item => ({...item, contentType: itemType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    ) : (\n      items.map((item, index) => (\n        <li key={item.id} className={style.item} data-name={`content-${index}`}>\n          <ListItem {...item} order={null} contentType={itemType} />\n        </li>\n      ))\n    );\n  const tableHeaderView =\n    !isNil(tableHeader) && !isEmpty(tableHeader) ? (\n      <div className={style.tableHeaderWrapper}>\n        <div className={style.dataColumnsWrapper}>\n          {tableHeader.map((tableHeaderItem, index) => (\n            <div\n              key={`tableHeadeColumn-key-${index}`}\n              className={style.tableHeaderItem}\n              data-name={`tableHeader-${index}`}\n              style={\n                index === 0\n                  ? {flexGrow: 2, flexShrink: 0, flexBasis: 0}\n                  : {flexGrow: 1, flexShrink: 0, flexBasis: 0}\n              }\n            >\n              {tableHeaderItem}\n            </div>\n          ))}\n        </div>\n        <div className={style.settings}>{''}</div>\n      </div>\n    ) : null;\n  return (\n    <div>\n      {tableHeaderView}\n      <ul\n        className={!selectMultiple ? style.list : style.listWithSelectMultiple}\n        aria-label={ariaLabel}\n        data-name={'content-list'}\n      >\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nconst buildContentView = (content, ariaLabel, selectMultiple) => {\n  const {type} = content;\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel, selectMultiple);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({\n  title,\n  buttonLink,\n  selectMultiple,\n  content,\n  'aria-label': ariaLabel,\n  isFetching\n}) => {\n  const contentView = buildContentView(content, ariaLabel, selectMultiple);\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.actionsWrapper}>\n          {selectMultiple ? (\n            <div className={style.selectMultiple}>\n              <SelectMultiple {...selectMultiple} />\n            </div>\n          ) : null}\n\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      {isFetching ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        contentView\n      )}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  selectMultiple: PropTypes.shape(SelectMultiple.propTypes),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string,\n      onDrop: PropTypes.func,\n      isDraggable: PropTypes.bool,\n      tableHeader: PropTypes.arrayOf(PropTypes.string)\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.string,\n  isFetching: PropTypes.bool\n};\n\nexport default ListItems;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","isNil","isEmpty","ListItem","DraggableList","Title","ButtonLink","SelectMultiple","ExpandibleActionableTable","Loader","style","buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","length","map","item","contentType","index","id","tableHeaderView","tableHeaderWrapper","dataColumnsWrapper","tableHeaderItem","flexGrow","flexShrink","flexBasis","settings","list","listWithSelectMultiple","buildContentView","type","ListItems","title","buttonLink","isFetching","contentView","header","actionsWrapper","loaderContainer","loader","propTypes","string","shape","oneOfType","arrayOf","oneOf","func","bool"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNil from 'lodash/fp/isNil';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport ListItem from '../list-item';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildListItemsView = (content, ariaLabel, selectMultiple) => {\n  const {items, itemType, onDrop, isDraggable = false, tableHeader} = content;\n  const itemsView =\n    isDraggable && items.length > 1 ? (\n      <DraggableList\n        items={items.map(item => ({...item, contentType: itemType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    ) : (\n      items.map((item, index) => (\n        <li key={item.id} className={style.item} data-name={`content-${index}`}>\n          <ListItem {...item} order={null} contentType={itemType} />\n        </li>\n      ))\n    );\n  const tableHeaderView =\n    !isNil(tableHeader) && !isEmpty(tableHeader) ? (\n      <div className={style.tableHeaderWrapper}>\n        <div className={style.dataColumnsWrapper}>\n          {tableHeader.map((tableHeaderItem, index) => (\n            <div\n              key={`tableHeadeColumn-key-${index}`}\n              className={style.tableHeaderItem}\n              data-name={`tableHeader-${index}`}\n              style={\n                index === 0\n                  ? {flexGrow: 2, flexShrink: 0, flexBasis: 0}\n                  : {flexGrow: 1, flexShrink: 0, flexBasis: 0}\n              }\n            >\n              {tableHeaderItem}\n            </div>\n          ))}\n        </div>\n        <div className={style.settings}>{''}</div>\n      </div>\n    ) : null;\n  return (\n    <div>\n      {tableHeaderView}\n      <ul\n        className={!selectMultiple ? style.list : style.listWithSelectMultiple}\n        aria-label={ariaLabel}\n        data-name={'content-list'}\n      >\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nconst buildContentView = (content, ariaLabel, selectMultiple) => {\n  const {type} = content;\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel, selectMultiple);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({\n  title,\n  buttonLink,\n  selectMultiple,\n  content,\n  'aria-label': ariaLabel,\n  isFetching\n}) => {\n  const contentView = buildContentView(content, ariaLabel, selectMultiple);\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.actionsWrapper}>\n          {selectMultiple ? (\n            <div className={style.selectMultiple}>\n              <SelectMultiple {...selectMultiple} />\n            </div>\n          ) : null}\n\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      {isFetching ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        contentView\n      )}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  selectMultiple: PropTypes.shape(SelectMultiple.propTypes),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string,\n      onDrop: PropTypes.func,\n      isDraggable: PropTypes.bool,\n      tableHeader: PropTypes.arrayOf(PropTypes.string)\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.string,\n  isFetching: PropTypes.bool\n};\n\nexport default ListItems;\n"],"mappings":"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"}

package/es/organism/mobile-intro-popin/index.native.js

@@ -4,6 +4,7 @@ import Modal from 'react-native-modal';
 import { NovaSolidStatusClose as CloseIcon } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
 import Touchable from '../../hoc/touchable/index.native';
+
 const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
   popin: {
     position: 'absolute',
@@ -91,6 +92,7 @@ const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
     fill: '#aeaeae'
   }
 });
+
 const PopinIntro = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -107,11 +109,14 @@ const PopinIntro = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
+
     setStylesheet(_stylesheet);
   }, [brandTheme, theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(Modal, {
     isVisible: isVisible,
     style: styleSheet.popin,
@@ -142,5 +147,6 @@ const PopinIntro = props => {
     style: styleSheet.closeIcon
   }))));
 };
+
 export default PopinIntro;
 //# sourceMappingURL=index.native.js.map

package/es/organism/mobile-intro-popin/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","Text","View","Modal","NovaSolidStatusClose","CloseIcon","useTemplateContext","Touchable","createStyleSheet","brandTheme","theme","create","popin","position","top","bottom","justifyContent","alignItems","content","backgroundColor","borderRadius","paddingVertical","iconWrapper","width","height","marginBottom","icon","alignSelf","fill","colors","primary","title","textAlign","lineHeight","fontWeight","fontSize","marginHorizontal","marginVertical","description1","description2","paddingHorizontal","button","padding","marginTop","buttonText","color","bold","fontFamily","closeButton","right","flex","closeIcon","PopinIntro","props","templateContext","styleSheet","setStylesheet","isVisible","onValidate","onCancel","locales","Icon","_stylesheet","createElement","style","testID","onPress","cta"],"sources":["../../../src/organism/mobile-intro-popin/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {StyleSheet, ViewStyle, Text, TextStyle, View, GestureResponderEvent} from 'react-native';\nimport Modal from 'react-native-modal';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\n\nimport type {Theme} from '../../variables/theme.native';\nimport type {Brand} from '../../variables/brand.native';\n\nexport type Props = {\n  isVisible: boolean;\n  locales: {\n    title: string;\n    description1: string;\n    description2: string;\n    cta: string;\n  };\n  Icon?: FC<{style: ViewStyle}>;\n  onValidate: (event: GestureResponderEvent) => void;\n  onCancel: (event: GestureResponderEvent) => void;\n};\n\ntype StyleSheetType = {\n  popin: ViewStyle;\n  content: ViewStyle;\n  icon: ViewStyle;\n  iconWrapper: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  closeButton: ViewStyle;\n  closeIcon: ViewStyle;\n  title: TextStyle;\n  description1: TextStyle;\n  description2: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme) =>\n  StyleSheet.create({\n    popin: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    content: {\n      backgroundColor: '#fff',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      borderRadius: 8,\n      paddingVertical: 24\n    },\n    iconWrapper: {\n      width: 100,\n      height: 100,\n      backgroundColor: '#FFEFEB',\n      justifyContent: 'center',\n      borderRadius: 60,\n      marginBottom: 12\n    },\n    icon: {\n      alignSelf: 'center',\n      width: 60,\n      height: 60,\n      fill: brandTheme.colors?.primary\n    },\n    title: {\n      textAlign: 'center',\n      lineHeight: 24,\n      fontWeight: '700',\n      fontSize: 20,\n      marginHorizontal: 24,\n      marginVertical: 12\n    },\n    description1: {\n      textAlign: 'center',\n      lineHeight: 19,\n      fontWeight: '300',\n      fontSize: 14,\n      marginHorizontal: 24,\n      marginVertical: 12\n    },\n    description2: {\n      textAlign: 'center',\n      lineHeight: 19,\n      fontWeight: '700',\n      fontSize: 16,\n      paddingHorizontal: 48,\n      marginVertical: 12\n    },\n    button: {\n      height: 44,\n      backgroundColor: brandTheme.colors?.primary,\n      borderRadius: 7,\n      justifyContent: 'center',\n      padding: 12,\n      paddingVertical: 12,\n      marginTop: 12\n    },\n    buttonText: {\n      alignSelf: 'center',\n      color: '#FFFFFF',\n      fontWeight: theme.fontWeight.bold,\n      fontFamily: 'System',\n      fontSize: 14,\n      lineHeight: 20\n    },\n    closeButton: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      width: 45,\n      height: 45,\n      padding: 10,\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    closeIcon: {\n      width: '100%',\n      height: '100%',\n      fill: '#aeaeae'\n    }\n  });\n\nconst PopinIntro = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n  const {isVisible, onValidate, onCancel, locales, Icon} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Modal isVisible={isVisible} style={styleSheet.popin} testID=\"intro-popin\">\n      <View style={styleSheet.content}>\n        {Icon ? (\n          <View style={styleSheet.iconWrapper}>\n            <Icon style={styleSheet.icon} />\n          </View>\n        ) : null}\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description1}>{locales.description1}</Text>\n        <Text style={styleSheet.description2}>{locales.description2}</Text>\n        <Touchable\n          style={styleSheet.button}\n          onPress={onValidate}\n          testID=\"intro-popin-validate-button\"\n        >\n          <Text style={styleSheet.buttonText}>{locales.cta}</Text>\n        </Touchable>\n        <Touchable\n          style={styleSheet.closeButton}\n          onPress={onCancel}\n          testID=\"intro-popin-cancel-button\"\n        >\n          <CloseIcon style={styleSheet.closeIcon} />\n        </Touchable>\n      </View>\n    </Modal>\n  );\n};\n\nexport type PopinIntroProps = Props;\nexport default PopinIntro;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","Text","View","Modal","NovaSolidStatusClose","CloseIcon","useTemplateContext","Touchable","createStyleSheet","brandTheme","theme","create","popin","position","top","bottom","justifyContent","alignItems","content","backgroundColor","borderRadius","paddingVertical","iconWrapper","width","height","marginBottom","icon","alignSelf","fill","colors","primary","title","textAlign","lineHeight","fontWeight","fontSize","marginHorizontal","marginVertical","description1","description2","paddingHorizontal","button","padding","marginTop","buttonText","color","bold","fontFamily","closeButton","right","flex","closeIcon","PopinIntro","props","templateContext","styleSheet","setStylesheet","isVisible","onValidate","onCancel","locales","Icon","_stylesheet","cta"],"sources":["../../../src/organism/mobile-intro-popin/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {StyleSheet, ViewStyle, Text, TextStyle, View, GestureResponderEvent} from 'react-native';\nimport Modal from 'react-native-modal';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\n\nimport type {Theme} from '../../variables/theme.native';\nimport type {Brand} from '../../variables/brand.native';\n\nexport type Props = {\n  isVisible: boolean;\n  locales: {\n    title: string;\n    description1: string;\n    description2: string;\n    cta: string;\n  };\n  Icon?: FC<{style: ViewStyle}>;\n  onValidate: (event: GestureResponderEvent) => void;\n  onCancel: (event: GestureResponderEvent) => void;\n};\n\ntype StyleSheetType = {\n  popin: ViewStyle;\n  content: ViewStyle;\n  icon: ViewStyle;\n  iconWrapper: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  closeButton: ViewStyle;\n  closeIcon: ViewStyle;\n  title: TextStyle;\n  description1: TextStyle;\n  description2: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme) =>\n  StyleSheet.create({\n    popin: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    content: {\n      backgroundColor: '#fff',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      borderRadius: 8,\n      paddingVertical: 24\n    },\n    iconWrapper: {\n      width: 100,\n      height: 100,\n      backgroundColor: '#FFEFEB',\n      justifyContent: 'center',\n      borderRadius: 60,\n      marginBottom: 12\n    },\n    icon: {\n      alignSelf: 'center',\n      width: 60,\n      height: 60,\n      fill: brandTheme.colors?.primary\n    },\n    title: {\n      textAlign: 'center',\n      lineHeight: 24,\n      fontWeight: '700',\n      fontSize: 20,\n      marginHorizontal: 24,\n      marginVertical: 12\n    },\n    description1: {\n      textAlign: 'center',\n      lineHeight: 19,\n      fontWeight: '300',\n      fontSize: 14,\n      marginHorizontal: 24,\n      marginVertical: 12\n    },\n    description2: {\n      textAlign: 'center',\n      lineHeight: 19,\n      fontWeight: '700',\n      fontSize: 16,\n      paddingHorizontal: 48,\n      marginVertical: 12\n    },\n    button: {\n      height: 44,\n      backgroundColor: brandTheme.colors?.primary,\n      borderRadius: 7,\n      justifyContent: 'center',\n      padding: 12,\n      paddingVertical: 12,\n      marginTop: 12\n    },\n    buttonText: {\n      alignSelf: 'center',\n      color: '#FFFFFF',\n      fontWeight: theme.fontWeight.bold,\n      fontFamily: 'System',\n      fontSize: 14,\n      lineHeight: 20\n    },\n    closeButton: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      width: 45,\n      height: 45,\n      padding: 10,\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    closeIcon: {\n      width: '100%',\n      height: '100%',\n      fill: '#aeaeae'\n    }\n  });\n\nconst PopinIntro = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n  const {isVisible, onValidate, onCancel, locales, Icon} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Modal isVisible={isVisible} style={styleSheet.popin} testID=\"intro-popin\">\n      <View style={styleSheet.content}>\n        {Icon ? (\n          <View style={styleSheet.iconWrapper}>\n            <Icon style={styleSheet.icon} />\n          </View>\n        ) : null}\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description1}>{locales.description1}</Text>\n        <Text style={styleSheet.description2}>{locales.description2}</Text>\n        <Touchable\n          style={styleSheet.button}\n          onPress={onValidate}\n          testID=\"intro-popin-validate-button\"\n        >\n          <Text style={styleSheet.buttonText}>{locales.cta}</Text>\n        </Touchable>\n        <Touchable\n          style={styleSheet.closeButton}\n          onPress={onCancel}\n          testID=\"intro-popin-cancel-button\"\n        >\n          <CloseIcon style={styleSheet.closeIcon} />\n        </Touchable>\n      </View>\n    </Modal>\n  );\n};\n\nexport type PopinIntroProps = Props;\nexport default PopinIntro;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAA6C,OAA7C;AACA,SAAQC,UAAR,EAA+BC,IAA/B,EAAgDC,IAAhD,QAAkF,cAAlF;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AACA,SAAQC,oBAAoB,IAAIC,SAAhC,QAAgD,0BAAhD;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;AACA,OAAOC,SAAP,MAAsB,kCAAtB;;AAgCA,MAAMC,gBAAgB,GAAG,CAACC,UAAD,EAAoBC,KAApB,KACvBV,UAAU,CAACW,MAAX,CAAkB;EAChBC,KAAK,EAAE;IACLC,QAAQ,EAAE,UADL;IAELC,GAAG,EAAE,CAFA;IAGLC,MAAM,EAAE,CAHH;IAILC,cAAc,EAAE,QAJX;IAKLC,UAAU,EAAE;EALP,CADS;EAQhBC,OAAO,EAAE;IACPC,eAAe,EAAE,MADV;IAEPH,cAAc,EAAE,eAFT;IAGPC,UAAU,EAAE,QAHL;IAIPG,YAAY,EAAE,CAJP;IAKPC,eAAe,EAAE;EALV,CARO;EAehBC,WAAW,EAAE;IACXC,KAAK,EAAE,GADI;IAEXC,MAAM,EAAE,GAFG;IAGXL,eAAe,EAAE,SAHN;IAIXH,cAAc,EAAE,QAJL;IAKXI,YAAY,EAAE,EALH;IAMXK,YAAY,EAAE;EANH,CAfG;EAuBhBC,IAAI,EAAE;IACJC,SAAS,EAAE,QADP;IAEJJ,KAAK,EAAE,EAFH;IAGJC,MAAM,EAAE,EAHJ;IAIJI,IAAI,EAAEnB,UAAU,CAACoB,MAAX,EAAmBC;EAJrB,CAvBU;EA6BhBC,KAAK,EAAE;IACLC,SAAS,EAAE,QADN;IAELC,UAAU,EAAE,EAFP;IAGLC,UAAU,EAAE,KAHP;IAILC,QAAQ,EAAE,EAJL;IAKLC,gBAAgB,EAAE,EALb;IAMLC,cAAc,EAAE;EANX,CA7BS;EAqChBC,YAAY,EAAE;IACZN,SAAS,EAAE,QADC;IAEZC,UAAU,EAAE,EAFA;IAGZC,UAAU,EAAE,KAHA;IAIZC,QAAQ,EAAE,EAJE;IAKZC,gBAAgB,EAAE,EALN;IAMZC,cAAc,EAAE;EANJ,CArCE;EA6ChBE,YAAY,EAAE;IACZP,SAAS,EAAE,QADC;IAEZC,UAAU,EAAE,EAFA;IAGZC,UAAU,EAAE,KAHA;IAIZC,QAAQ,EAAE,EAJE;IAKZK,iBAAiB,EAAE,EALP;IAMZH,cAAc,EAAE;EANJ,CA7CE;EAqDhBI,MAAM,EAAE;IACNjB,MAAM,EAAE,EADF;IAENL,eAAe,EAAEV,UAAU,CAACoB,MAAX,EAAmBC,OAF9B;IAGNV,YAAY,EAAE,CAHR;IAINJ,cAAc,EAAE,QAJV;IAKN0B,OAAO,EAAE,EALH;IAMNrB,eAAe,EAAE,EANX;IAONsB,SAAS,EAAE;EAPL,CArDQ;EA8DhBC,UAAU,EAAE;IACVjB,SAAS,EAAE,QADD;IAEVkB,KAAK,EAAE,SAFG;IAGVX,UAAU,EAAExB,KAAK,CAACwB,UAAN,CAAiBY,IAHnB;IAIVC,UAAU,EAAE,QAJF;IAKVZ,QAAQ,EAAE,EALA;IAMVF,UAAU,EAAE;EANF,CA9DI;EAsEhBe,WAAW,EAAE;IACXnC,QAAQ,EAAE,UADC;IAEXC,GAAG,EAAE,CAFM;IAGXmC,KAAK,EAAE,CAHI;IAIX1B,KAAK,EAAE,EAJI;IAKXC,MAAM,EAAE,EALG;IAMXkB,OAAO,EAAE,EANE;IAOXQ,IAAI,EAAE,CAPK;IAQXlC,cAAc,EAAE,QARL;IASXC,UAAU,EAAE;EATD,CAtEG;EAiFhBkC,SAAS,EAAE;IACT5B,KAAK,EAAE,MADE;IAETC,MAAM,EAAE,MAFC;IAGTI,IAAI,EAAE;EAHG;AAjFK,CAAlB,CADF;;AAyFA,MAAMwB,UAAU,GAAIC,KAAD,IAAkB;EACnC,MAAMC,eAAe,GAAGhD,kBAAkB,EAA1C;EACA,MAAM,CAACiD,UAAD,EAAaC,aAAb,IAA8B1D,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACW,UAAD;IAAaC;EAAb,IAAsB4C,eAA5B;EACA,MAAM;IAACG,SAAD;IAAYC,UAAZ;IAAwBC,QAAxB;IAAkCC,OAAlC;IAA2CC;EAA3C,IAAmDR,KAAzD;EAEAtD,SAAS,CAAC,MAAM;IACd,MAAM+D,WAAW,GAAGtD,gBAAgB,CAACC,UAAD,EAAaC,KAAb,CAApC;;IACA8C,aAAa,CAACM,WAAD,CAAb;EACD,CAHQ,EAGN,CAACrD,UAAD,EAAaC,KAAb,CAHM,CAAT;;EAKA,IAAI,CAAC6C,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,KAAD;IAAO,SAAS,EAAEE,SAAlB;IAA6B,KAAK,EAAEF,UAAU,CAAC3C,KAA/C;IAAsD,MAAM,EAAC;EAA7D,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAE2C,UAAU,CAACrC;EAAxB,GACG2C,IAAI,gBACH,oBAAC,IAAD;IAAM,KAAK,EAAEN,UAAU,CAACjC;EAAxB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEiC,UAAU,CAAC7B;EAAxB,EADF,CADG,GAID,IALN,eAME,oBAAC,IAAD;IAAM,KAAK,EAAE6B,UAAU,CAACxB;EAAxB,GAAgC6B,OAAO,CAAC7B,KAAxC,CANF,eAOE,oBAAC,IAAD;IAAM,KAAK,EAAEwB,UAAU,CAACjB;EAAxB,GAAuCsB,OAAO,CAACtB,YAA/C,CAPF,eAQE,oBAAC,IAAD;IAAM,KAAK,EAAEiB,UAAU,CAAChB;EAAxB,GAAuCqB,OAAO,CAACrB,YAA/C,CARF,eASE,oBAAC,SAAD;IACE,KAAK,EAAEgB,UAAU,CAACd,MADpB;IAEE,OAAO,EAAEiB,UAFX;IAGE,MAAM,EAAC;EAHT,gBAKE,oBAAC,IAAD;IAAM,KAAK,EAAEH,UAAU,CAACX;EAAxB,GAAqCgB,OAAO,CAACG,GAA7C,CALF,CATF,eAgBE,oBAAC,SAAD;IACE,KAAK,EAAER,UAAU,CAACP,WADpB;IAEE,OAAO,EAAEW,QAFX;IAGE,MAAM,EAAC;EAHT,gBAKE,oBAAC,SAAD;IAAW,KAAK,EAAEJ,UAAU,CAACJ;EAA7B,EALF,CAhBF,CADF,CADF;AA4BD,CA3CD;;AA8CA,eAAeC,UAAf"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","Platform","BlurView","NovaCompositionNavigationNavBar","BlurredShadow","useTemplateContext","Touchable","createStyleSheet","theme","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","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","createElement","style","NavigationBar","items","selectedItemIndex","templateContext","styleSheet","setStylesheet","_stylesheet","blurAmount","blurType","map","prop","index","handlePress","action","key","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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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","Platform","BlurView","NovaCompositionNavigationNavBar","BlurredShadow","useTemplateContext","Touchable","createStyleSheet","theme","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","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","styleSheet","setStylesheet","_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/es/organism/mooc/image-slider/index.js

@@ -1,17 +1,22 @@
 import _map from "lodash/fp/map";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Slide from '../../../atom/slide';
 import Slider from '../../slider';
+
 const ImageSlider = ({
   slides = []
 }) => {
   const allSlides = _map(slide => /*#__PURE__*/React.createElement(Slide, _extends({}, slide, {
     key: slide.title
   })), slides);
+
   return /*#__PURE__*/React.createElement(Slider, null, allSlides);
 };
+
 ImageSlider.propTypes = process.env.NODE_ENV !== "production" ? {
   slides: PropTypes.arrayOf(PropTypes.shape(Slide.propTypes))
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Slide","Slider","ImageSlider","slides","allSlides","_map","slide","createElement","_extends","key","title","propTypes","process","env","NODE_ENV","arrayOf","shape"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,KAAK,MAAM,qBAAqB;AACvC,OAAOC,MAAM,MAAM,cAAc;AAEjC,MAAMC,WAAW,GAAGA,CAAC;EAACC,MAAM,GAAG;AAAE,CAAC,KAAK;EACrC,MAAMC,SAAS,GAAGC,IAAA,CAAIC,KAAK,iBAAIR,KAAA,CAAAS,aAAA,CAACP,KAAK,EAAAQ,QAAA,KAAKF,KAAK;IAAEG,GAAG,EAAEH,KAAK,CAACI;EAAM,EAAE,CAAC,EAAEP,MAAM,CAAC;EAC9E,oBAAOL,KAAA,CAAAS,aAAA,CAACN,MAAM,QAAEG,SAAkB,CAAC;AACrC,CAAC;AAEDF,WAAW,CAACS,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBX,MAAM,EAAEJ,SAAS,CAACgB,OAAO,CAAChB,SAAS,CAACiB,KAAK,CAAChB,KAAK,CAACW,SAAS,CAAC;AAC5D,CAAC;AAED,eAAeT,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Slide","Slider","ImageSlider","slides","allSlides","slide","title","propTypes","arrayOf","shape"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,qBAAlB;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,MAAMC,WAAW,GAAG,CAAC;EAACC,MAAM,GAAG;AAAV,CAAD,KAAmB;EACrC,MAAMC,SAAS,GAAG,KAAIC,KAAK,iBAAI,oBAAC,KAAD,eAAWA,KAAX;IAAkB,GAAG,EAAEA,KAAK,CAACC;EAA7B,GAAb,EAAqDH,MAArD,CAAlB;;EACA,oBAAO,oBAAC,MAAD,QAASC,SAAT,CAAP;AACD,CAHD;;AAKAF,WAAW,CAACK,SAAZ,2CAAwB;EACtBJ,MAAM,EAAEJ,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACU,KAAV,CAAgBT,KAAK,CAACO,SAAtB,CAAlB;AADc,CAAxB;AAIA,eAAeL,WAAf"}

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

@@ -7,6 +7,7 @@ import SocialLink from '../../atom/social-link';
 import Picture from '../../atom/picture';
 import style from './style.css';
 const socialLinksTypes = process.env.NODE_ENV !== "production" ? ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'] : {};
+
 const StoresLinks = ({
   onAppStoreButtonClick,
   appStoreButtonImageUrl,
@@ -27,6 +28,7 @@ const StoresLinks = ({
   onClick: onPlayStoreButtonClick,
   alt: androidAlt
 }));
+
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: PropTypes.func,
   appStoreButtonImageUrl: PropTypes.string,
@@ -35,6 +37,7 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   'android-alt': PropTypes.string,
   'ios-alt': PropTypes.string
 } : {};
+
 function MoocFooter(props) {
   const {
     headSection = {},
@@ -42,9 +45,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 = !_isEmpty(headSection) ? /*#__PURE__*/React.createElement("div", {
     "data-name": "headSpacingContainer",
@@ -65,21 +66,17 @@ function MoocFooter(props) {
   }, headSection.title)), /*#__PURE__*/React.createElement("div", {
     "data-name": "mobile-apps-buttons-wrapper",
     className: style.mobileAppLinks
-  }, /*#__PURE__*/React.createElement(StoresLinks
-  // ignored due to naming conventions in JSX rather than a linting error
+  }, /*#__PURE__*/React.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.createElement("ul", {
@@ -101,6 +98,7 @@ function MoocFooter(props) {
       }, page.title));
     }));
   };
+
   const sections = !_isEmpty(siteMapSections) ? siteMapSections.map((section, index) => {
     return /*#__PURE__*/React.createElement("nav", {
       key: index,
@@ -146,6 +144,7 @@ function MoocFooter(props) {
     "data-name": "mooc-footer"
   }, headSectionView, siteMap);
 }
+
 MoocFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   headSection: PropTypes.shape({
     title: PropTypes.string,

package/es/organism/mooc-footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","NovaCompositionCoorpacademyCoorpLogo","CoorpLogo","Link","SocialLink","Picture","style","socialLinksTypes","process","env","NODE_ENV","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","createElement","className","storeLinksContainer","imgApple","src","onClick","alt","img","propTypes","func","string","MoocFooter","props","headSection","socialLinks","logoAriaLabel","socialLinksAriaLabel","siteMapSections","headSectionView","_isEmpty","headSpacingContainer","headSectionWrapper","logoAndLabelWrapper","logoWrapper","coorpAppLogo","marketingLabel","title","mobileAppLinks","renderPagesFromSection","pages","pagesList","map","page","pindex","handleClick","key","href","link","pageLink","target","ariaLabel","sections","section","index","sectionWrapper","sectionTitle","socialLinksView","socialLink","type","mode","socialNetworks","logoSocialNetworksContainer","coorpLogo","socialNetworksWrapper","siteMap","siteMapSpacingContainer","siteMapContainer","sectionsContainer","shape","arrayOf","oneOf"],"sources":["../../../src/organism/mooc-footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo,\n  NovaCompositionCoorpacademyCoorpLogo as CoorpLogo\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport SocialLink from '../../atom/social-link';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst socialLinksTypes = ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'];\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.imgApple}\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\nfunction MoocFooter(props) {\n  const {\n    headSection = {},\n    socialLinks = [],\n    'logo-aria-label': logoAriaLabel,\n    'social-links-aria-label': socialLinksAriaLabel,\n    siteMapSections = []\n  } = props;\n\n  // Header section of the footer (the marketing banner)\n\n  const headSectionView = !isEmpty(headSection) ? (\n    <div data-name=\"headSpacingContainer\" className={style.headSpacingContainer}>\n      <div data-name=\"headSection\" className={style.headSectionWrapper}>\n        <div className={style.logoAndLabelWrapper}>\n          <div className={style.logoWrapper}>\n            <CoorpAppLogo\n              className={style.coorpAppLogo}\n              aria-label={headSection['logo-aria-label']}\n            />\n          </div>\n          <div data-name=\"mobile-marketing-text\" className={style.marketingLabel}>\n            {headSection.title}\n          </div>\n        </div>\n        <div data-name=\"mobile-apps-buttons-wrapper\" className={style.mobileAppLinks}>\n          <StoresLinks\n            // ignored due to naming conventions in JSX rather than a linting error\n            // eslint-disable-next-line react/jsx-handler-names\n            onAppStoreButtonClick={headSection.onAppStoreButtonClick}\n            appStoreButtonImageUrl={headSection.appStoreButtonImageUrl}\n            playStoreButtonImageUrl={headSection.playStoreButtonImageUrl}\n            // eslint-disable-next-line react/jsx-handler-names\n            onPlayStoreButtonClick={headSection.onPlayStoreButtonClick}\n            android-alt={headSection['android-alt']}\n            ios-alt={headSection['ios-alt']}\n          />\n        </div>\n      </div>\n    </div>\n  ) : null;\n\n  // Sitemap section of the footer (contains HELP, TOOLBOX... and other pages, as well as social links)\n\n  const renderPagesFromSection = pages => {\n    return (\n      <ul className={style.pagesList} data-name=\"pages-list\">\n        {pages.map((page, pindex) => {\n          const handleClick = page.onClick;\n          return (\n            <li key={pindex}>\n              <Link\n                href={page.link}\n                onClick={handleClick}\n                title={page.title}\n                data-text={page.title}\n                className={style.pageLink}\n                target={page.target}\n                aria-label={page.ariaLabel ? page.ariaLabel : page.title}\n                data-name={page.title}\n              >\n                {page.title}\n              </Link>\n            </li>\n          );\n        })}\n      </ul>\n    );\n  };\n\n  const sections = !isEmpty(siteMapSections)\n    ? siteMapSections.map((section, index) => {\n        return (\n          <nav key={index} className={style.sectionWrapper}>\n            <p className={style.sectionTitle}>{section.title}</p>\n            {renderPagesFromSection(section.pages)}\n          </nav>\n        );\n      })\n    : null;\n\n  const socialLinksView = socialLinks.map((socialLink, index) => {\n    return (\n      <li className={style.socialLink} key={index}>\n        <SocialLink\n          type={socialLink.type}\n          link={socialLink.link}\n          mode=\"footer\"\n          aria-label={socialLink['aria-label']}\n        />\n      </li>\n    );\n  });\n\n  const socialNetworks = (\n    <div data-name=\"logo-social-networks-container\" className={style.logoSocialNetworksContainer}>\n      <CoorpLogo\n        className={style.coorpLogo}\n        data-name=\"coorp-social-networks-logo\"\n        aria-label={logoAriaLabel}\n      />\n      <ul\n        data-name=\"social-networks-wrapper\"\n        className={style.socialNetworksWrapper}\n        aria-label={socialLinksAriaLabel}\n      >\n        {socialLinksView}\n      </ul>\n    </div>\n  );\n\n  const siteMap = (\n    <div data-name=\"site-map-spacing-container\" className={style.siteMapSpacingContainer}>\n      <div data-name=\"site-map\" className={style.siteMapContainer}>\n        <div data-name=\"sections\" className={style.sectionsContainer}>\n          {sections}\n        </div>\n        {socialNetworks}\n      </div>\n    </div>\n  );\n\n  return (\n    <footer data-name=\"mooc-footer\">\n      {headSectionView}\n      {siteMap}\n    </footer>\n  );\n}\n\nMoocFooter.propTypes = {\n  headSection: PropTypes.shape({\n    title: PropTypes.string,\n    onAppStoreButtonClick: PropTypes.func,\n    appStoreButtonImageUrl: PropTypes.string,\n    playStoreButtonImageUrl: PropTypes.string,\n    onPlayStoreButtonClick: PropTypes.func,\n    'logo-aria-label': PropTypes.string,\n    'android-alt': PropTypes.string,\n    'ios-alt': PropTypes.string\n  }),\n  siteMapSections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      pages: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string,\n          link: PropTypes.string,\n          target: PropTypes.string,\n          ariaLabel: PropTypes.string\n        })\n      )\n    })\n  ),\n  socialLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(socialLinksTypes),\n      link: PropTypes.string,\n      onClick: PropTypes.func,\n      'aria-label': PropTypes.string\n    })\n  ),\n  'logo-aria-label': PropTypes.string,\n  'social-links-aria-label': PropTypes.string\n};\n\nexport default MoocFooter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","NovaCompositionCoorpacademyCoorpLogo","CoorpLogo","Link","SocialLink","Picture","style","socialLinksTypes","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","imgApple","img","propTypes","func","string","MoocFooter","props","headSection","socialLinks","logoAriaLabel","socialLinksAriaLabel","siteMapSections","headSectionView","headSpacingContainer","headSectionWrapper","logoAndLabelWrapper","logoWrapper","coorpAppLogo","marketingLabel","title","mobileAppLinks","renderPagesFromSection","pages","pagesList","map","page","pindex","handleClick","onClick","link","pageLink","target","ariaLabel","sections","section","index","sectionWrapper","sectionTitle","socialLinksView","socialLink","type","socialNetworks","logoSocialNetworksContainer","coorpLogo","socialNetworksWrapper","siteMap","siteMapSpacingContainer","siteMapContainer","sectionsContainer","shape","arrayOf","oneOf"],"sources":["../../../src/organism/mooc-footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo,\n  NovaCompositionCoorpacademyCoorpLogo as CoorpLogo\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport SocialLink from '../../atom/social-link';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst socialLinksTypes = ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'];\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.imgApple}\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\nfunction MoocFooter(props) {\n  const {\n    headSection = {},\n    socialLinks = [],\n    'logo-aria-label': logoAriaLabel,\n    'social-links-aria-label': socialLinksAriaLabel,\n    siteMapSections = []\n  } = props;\n\n  // Header section of the footer (the marketing banner)\n\n  const headSectionView = !isEmpty(headSection) ? (\n    <div data-name=\"headSpacingContainer\" className={style.headSpacingContainer}>\n      <div data-name=\"headSection\" className={style.headSectionWrapper}>\n        <div className={style.logoAndLabelWrapper}>\n          <div className={style.logoWrapper}>\n            <CoorpAppLogo\n              className={style.coorpAppLogo}\n              aria-label={headSection['logo-aria-label']}\n            />\n          </div>\n          <div data-name=\"mobile-marketing-text\" className={style.marketingLabel}>\n            {headSection.title}\n          </div>\n        </div>\n        <div data-name=\"mobile-apps-buttons-wrapper\" className={style.mobileAppLinks}>\n          <StoresLinks\n            // ignored due to naming conventions in JSX rather than a linting error\n            // eslint-disable-next-line react/jsx-handler-names\n            onAppStoreButtonClick={headSection.onAppStoreButtonClick}\n            appStoreButtonImageUrl={headSection.appStoreButtonImageUrl}\n            playStoreButtonImageUrl={headSection.playStoreButtonImageUrl}\n            // eslint-disable-next-line react/jsx-handler-names\n            onPlayStoreButtonClick={headSection.onPlayStoreButtonClick}\n            android-alt={headSection['android-alt']}\n            ios-alt={headSection['ios-alt']}\n          />\n        </div>\n      </div>\n    </div>\n  ) : null;\n\n  // Sitemap section of the footer (contains HELP, TOOLBOX... and other pages, as well as social links)\n\n  const renderPagesFromSection = pages => {\n    return (\n      <ul className={style.pagesList} data-name=\"pages-list\">\n        {pages.map((page, pindex) => {\n          const handleClick = page.onClick;\n          return (\n            <li key={pindex}>\n              <Link\n                href={page.link}\n                onClick={handleClick}\n                title={page.title}\n                data-text={page.title}\n                className={style.pageLink}\n                target={page.target}\n                aria-label={page.ariaLabel ? page.ariaLabel : page.title}\n                data-name={page.title}\n              >\n                {page.title}\n              </Link>\n            </li>\n          );\n        })}\n      </ul>\n    );\n  };\n\n  const sections = !isEmpty(siteMapSections)\n    ? siteMapSections.map((section, index) => {\n        return (\n          <nav key={index} className={style.sectionWrapper}>\n            <p className={style.sectionTitle}>{section.title}</p>\n            {renderPagesFromSection(section.pages)}\n          </nav>\n        );\n      })\n    : null;\n\n  const socialLinksView = socialLinks.map((socialLink, index) => {\n    return (\n      <li className={style.socialLink} key={index}>\n        <SocialLink\n          type={socialLink.type}\n          link={socialLink.link}\n          mode=\"footer\"\n          aria-label={socialLink['aria-label']}\n        />\n      </li>\n    );\n  });\n\n  const socialNetworks = (\n    <div data-name=\"logo-social-networks-container\" className={style.logoSocialNetworksContainer}>\n      <CoorpLogo\n        className={style.coorpLogo}\n        data-name=\"coorp-social-networks-logo\"\n        aria-label={logoAriaLabel}\n      />\n      <ul\n        data-name=\"social-networks-wrapper\"\n        className={style.socialNetworksWrapper}\n        aria-label={socialLinksAriaLabel}\n      >\n        {socialLinksView}\n      </ul>\n    </div>\n  );\n\n  const siteMap = (\n    <div data-name=\"site-map-spacing-container\" className={style.siteMapSpacingContainer}>\n      <div data-name=\"site-map\" className={style.siteMapContainer}>\n        <div data-name=\"sections\" className={style.sectionsContainer}>\n          {sections}\n        </div>\n        {socialNetworks}\n      </div>\n    </div>\n  );\n\n  return (\n    <footer data-name=\"mooc-footer\">\n      {headSectionView}\n      {siteMap}\n    </footer>\n  );\n}\n\nMoocFooter.propTypes = {\n  headSection: PropTypes.shape({\n    title: PropTypes.string,\n    onAppStoreButtonClick: PropTypes.func,\n    appStoreButtonImageUrl: PropTypes.string,\n    playStoreButtonImageUrl: PropTypes.string,\n    onPlayStoreButtonClick: PropTypes.func,\n    'logo-aria-label': PropTypes.string,\n    'android-alt': PropTypes.string,\n    'ios-alt': PropTypes.string\n  }),\n  siteMapSections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      pages: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string,\n          link: PropTypes.string,\n          target: PropTypes.string,\n          ariaLabel: PropTypes.string\n        })\n      )\n    })\n  ),\n  socialLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(socialLinksTypes),\n      link: PropTypes.string,\n      onClick: PropTypes.func,\n      'aria-label': PropTypes.string\n    })\n  ),\n  'logo-aria-label': PropTypes.string,\n  'social-links-aria-label': PropTypes.string\n};\n\nexport default MoocFooter;\n"],"mappings":"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"}