@coorpacademy/components 11.33.1 → 11.33.2-alpha.1

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_isNil","_isEmpty","_listItem","_draggableList","_title","_buttonLink","_selectMultiple","_expandibleActionableTable","_loader","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","createElement","map","item","contentType","index","key","id","className","style","order","tableHeaderView","isNil","isEmpty","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","PropTypes","string","shape","ButtonLink","SelectMultiple","oneOfType","arrayOf","ListItem","oneOf","func","bool","ExpandibleActionableTable","_default","exports"],"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":["buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","length","map","item","contentType","index","id","style","tableHeaderView","isNil","isEmpty","tableHeaderWrapper","dataColumnsWrapper","tableHeaderItem","flexGrow","flexShrink","flexBasis","settings","list","listWithSelectMultiple","buildContentView","type","ListItems","title","buttonLink","isFetching","contentView","header","actionsWrapper","loaderContainer","loader","propTypes","PropTypes","string","shape","ButtonLink","SelectMultiple","oneOfType","arrayOf","ListItem","oneOf","func","bool","ExpandibleActionableTable"],"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/lib/organism/mobile-intro-popin/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 _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+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 = (brandTheme, theme) => _reactNative.StyleSheet.create({
   popin: {
     position: 'absolute',
@@ -98,6 +108,7 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     fill: '#aeaeae'
   }
 });
+
 const PopinIntro = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -114,11 +125,14 @@ const PopinIntro = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
+
     setStylesheet(_stylesheet);
   }, [brandTheme, theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNativeModal.default, {
     isVisible: isVisible,
     style: styleSheet.popin,
@@ -149,5 +163,7 @@ const PopinIntro = props => {
     style: styleSheet.closeIcon
   }))));
 };
-var _default = exports.default = PopinIntro;
+
+var _default = PopinIntro;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeModal","_interopRequireDefault","_novaIcons","_templateContext","_index","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","brandTheme","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","isVisible","onValidate","onCancel","locales","Icon","useEffect","_stylesheet","createElement","style","testID","View","Text","onPress","cta","NovaSolidStatusClose","_default","exports"],"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":["createStyleSheet","brandTheme","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","isVisible","onValidate","onCancel","locales","Icon","useEffect","_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":"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"}

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(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+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,5 +160,7 @@ const NavigationBar = ({
     });
   })));
 };
-var _default = exports.default = 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":["_react","_interopRequireWildcard","require","_reactNative","_blur","_novaIcons","_templateContext","_index","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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","createElement","style","View","Text","NovaCompositionNavigationNavBar","NavigationBar","items","selectedItemIndex","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","BlurView","blurAmount","blurType","map","prop","index","handlePress","action","key","label","icon","_default","exports"],"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":["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(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const ImageSlider = ({
   slides = []
 }) => {
@@ -17,8 +25,10 @@ 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))
 } : {};
-var _default = exports.default = ImageSlider;
+var _default = ImageSlider;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_slide","_slider","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ImageSlider","slides","allSlides","_map2","slide","createElement","key","title","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","Slide","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAkC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAElC,MAAMO,WAAW,GAAGA,CAAC;EAACC,MAAM,GAAG;AAAE,CAAC,KAAK;EACrC,MAAMC,SAAS,GAAG,IAAAC,KAAA,CAAAhB,OAAA,EAAIiB,KAAK,iBAAIzB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACtB,MAAA,CAAAI,OAAK,EAAAC,QAAA,KAAKgB,KAAK;IAAEE,GAAG,EAAEF,KAAK,CAACG;EAAM,EAAE,CAAC,EAAEN,MAAM,CAAC;EAC9E,oBAAOtB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACrB,OAAA,CAAAG,OAAM,QAAEe,SAAkB,CAAC;AACrC,CAAC;AAEDF,WAAW,CAACQ,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBV,MAAM,EAAEW,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,cAAK,CAACP,SAAS,CAAC;AAC5D,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAEaa,WAAW","ignoreList":[]}
+{"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"}