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

package/lib/molecule/bullet-point-menu-button/index.js

@@ -2,23 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
-
 var _buttonMenu = _interopRequireDefault(require("../../atom/button-menu"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 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 BulletPointMenuButton = props => {
   const {
     disabled = false,
@@ -32,13 +23,11 @@ const BulletPointMenuButton = props => {
     'data-name': 'button-menu',
     buttons
   };
-
   const menu = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.bulletPointMenu,
     "data-name": "menu-wrapper",
     "aria-label": menuAriaLabel
   }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, menuProps));
-
   const bulletPointButtonProps = {
     size: 'default',
     'aria-label': buttonAriaLabel,
@@ -52,7 +41,6 @@ const BulletPointMenuButton = props => {
     "data-name": "bullet-point-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, bulletPointButtonProps), menu);
 };
-
 BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: _propTypes.default.bool,
   buttonAriaLabel: _propTypes.default.string,

package/lib/molecule/bullet-point-menu-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","useCallback","menuProps","menu","style","bulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","PropTypes","bool","string","ButtonMenu","func"],"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ButtonMenu from '../../atom/button-menu';\nimport style from './style.css';\n\nconst BulletPointMenuButton = props => {\n  const {disabled = false, buttonAriaLabel, menuAriaLabel, onClick, buttons} = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div className={style.bulletPointMenu} data-name=\"menu-wrapper\" aria-label={menuAriaLabel}>\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIconOnly {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = {\n  disabled: PropTypes.bool,\n  buttonAriaLabel: PropTypes.string,\n  menuAriaLabel: PropTypes.string,\n  buttons: ButtonMenu.propTypes.buttons,\n  onClick: PropTypes.func\n};\n\nexport default BulletPointMenuButton;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,QAAQ,GAAG,KAAZ;IAAmBC,eAAnB;IAAoCC,aAApC;IAAmDC,OAAnD;IAA4DC;EAA5D,IAAuEL,KAA7E;EACA,MAAMM,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAMH,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;EAEA,MAAMI,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBH;EAFgB,CAAlB;;EAKA,MAAMI,IAAI,gBACR;IAAK,SAAS,EAAEC,cAAA,CAAMC,eAAtB;IAAuC,aAAU,cAAjD;IAAgE,cAAYR;EAA5E,gBACE,6BAAC,mBAAD,EAAgBK,SAAhB,CADF,CADF;;EAKA,MAAMI,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcX,eAFe;IAG7B,aAAa,qBAHgB;IAI7BY,IAAI,EAAE,cAJuB;IAK7BV,OAAO,EAAEE,aALoB;IAM7BL;EAN6B,CAA/B;EASA,oBACE;IAAK,SAAS,EAAES,cAAA,CAAMK,kBAAtB;IAA0C,aAAU;EAApD,gBACE,6BAAC,2BAAD,EAAwBH,sBAAxB,CADF,EAEGH,IAFH,CADF;AAMD,CA7BD;;AA+BAV,qBAAqB,CAACiB,SAAtB,2CAAkC;EAChCf,QAAQ,EAAEgB,kBAAA,CAAUC,IADY;EAEhChB,eAAe,EAAEe,kBAAA,CAAUE,MAFK;EAGhChB,aAAa,EAAEc,kBAAA,CAAUE,MAHO;EAIhCd,OAAO,EAAEe,mBAAA,CAAWJ,SAAX,CAAqBX,OAJE;EAKhCD,OAAO,EAAEa,kBAAA,CAAUI;AALa,CAAlC;eAQetB,qB"}
+{"version":3,"file":"index.js","names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","useCallback","menuProps","menu","style","bulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","PropTypes","bool","string","ButtonMenu","func"],"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ButtonMenu from '../../atom/button-menu';\nimport style from './style.css';\n\nconst BulletPointMenuButton = props => {\n  const {disabled = false, buttonAriaLabel, menuAriaLabel, onClick, buttons} = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div className={style.bulletPointMenu} data-name=\"menu-wrapper\" aria-label={menuAriaLabel}>\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIconOnly {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = {\n  disabled: PropTypes.bool,\n  buttonAriaLabel: PropTypes.string,\n  menuAriaLabel: PropTypes.string,\n  buttons: ButtonMenu.propTypes.buttons,\n  onClick: PropTypes.func\n};\n\nexport default BulletPointMenuButton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,QAAQ,GAAG,KAAK;IAAEC,eAAe;IAAEC,aAAa;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAClF,MAAMM,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAMH,OAAO,EAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,MAAMI,SAAS,GAAG;IAChB,WAAW,EAAE,aAAa;IAC1BH;EACF,CAAC;EAED,MAAMI,IAAI,gBACR;IAAK,SAAS,EAAEC,cAAK,CAACC,eAAgB;IAAC,aAAU,cAAc;IAAC,cAAYR;EAAc,gBACxF,6BAAC,mBAAU,EAAKK,SAAS,CAAI,CAEhC;EACD,MAAMI,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SAAS;IACf,YAAY,EAAEX,eAAe;IAC7B,WAAW,EAAE,qBAAqB;IAClCY,IAAI,EAAE,cAAc;IACpBV,OAAO,EAAEE,aAAa;IACtBL;EACF,CAAC;EAED,oBACE;IAAK,SAAS,EAAES,cAAK,CAACK,kBAAmB;IAAC,aAAU;EAAsB,gBACxE,6BAAC,2BAAkB,EAAKH,sBAAsB,CAAI,EACjDH,IAAI,CACD;AAEV,CAAC;AAEDV,qBAAqB,CAACiB,SAAS,2CAAG;EAChCf,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,eAAe,EAAEe,kBAAS,CAACE,MAAM;EACjChB,aAAa,EAAEc,kBAAS,CAACE,MAAM;EAC/Bd,OAAO,EAAEe,mBAAU,CAACJ,SAAS,CAACX,OAAO;EACrCD,OAAO,EAAEa,kBAAS,CAACI;AACrB,CAAC;AAAC,eAEatB,qBAAqB;AAAA"}

package/lib/molecule/card/customer.js

@@ -2,25 +2,17 @@
 
 exports.__esModule = true;
 exports.default = exports.THEMES = void 0;
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _customer = _interopRequireDefault(require("./customer.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const THEMES = {
   default: null,
   coorpmanager: _customer.default.coorpmanager
 };
 exports.THEMES = THEMES;
-
 const Customer = props => {
   const {
     name,
@@ -43,7 +35,6 @@ const Customer = props => {
     className: _customer.default.original
   }, "Original ") : null, !coorpOriginal && name));
 };
-
 Customer.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: _propTypes.default.oneOf((0, _keys2.default)(THEMES)),
   type: _propTypes.default.string,

package/lib/molecule/card/customer.js.map

@@ -1 +1 @@
-{"version":3,"file":"customer.js","names":["THEMES","default","coorpmanager","style","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","classnames","customer","chapterCustomer","content","coorp","original","propTypes","PropTypes","oneOf","string","bool","isRequired"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n  const {name, type, coorpOriginal, theme, disabled = false, 'aria-label': ariaLabel} = props;\n  const className = classnames(\n    THEMES[theme],\n    style.customer,\n    type === 'chapter' ? style.chapterCustomer : null\n  );\n\n  return (\n    <div className={className} disabled={disabled} aria-label={ariaLabel}>\n      <div className={style.content}>\n        {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n        {coorpOriginal ? <span className={style.original}>Original </span> : null}\n        {!coorpOriginal && name}\n      </div>\n    </div>\n  );\n};\n\nCustomer.propTypes = {\n  theme: PropTypes.oneOf(keys(THEMES)),\n  type: PropTypes.string,\n  name: PropTypes.string,\n  coorpOriginal: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEO,MAAMA,MAAM,GAAG;EACpBC,OAAO,EAAE,IADW;EAEpBC,YAAY,EAAEC,iBAAA,CAAMD;AAFA,CAAf;;;AAKP,MAAME,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAD;IAAOC,IAAP;IAAaC,aAAb;IAA4BC,KAA5B;IAAmCC,QAAQ,GAAG,KAA9C;IAAqD,cAAcC;EAAnE,IAAgFN,KAAtF;EACA,MAAMO,SAAS,GAAG,IAAAC,mBAAA,EAChBb,MAAM,CAACS,KAAD,CADU,EAEhBN,iBAAA,CAAMW,QAFU,EAGhBP,IAAI,KAAK,SAAT,GAAqBJ,iBAAA,CAAMY,eAA3B,GAA6C,IAH7B,CAAlB;EAMA,oBACE;IAAK,SAAS,EAAEH,SAAhB;IAA2B,QAAQ,EAAEF,QAArC;IAA+C,cAAYC;EAA3D,gBACE;IAAK,SAAS,EAAER,iBAAA,CAAMa;EAAtB,GACGR,aAAa,gBAAG;IAAM,SAAS,EAAEL,iBAAA,CAAMc;EAAvB,YAAH,GAAiD,IADjE,EAEGT,aAAa,gBAAG;IAAM,SAAS,EAAEL,iBAAA,CAAMe;EAAvB,eAAH,GAAuD,IAFvE,EAGG,CAACV,aAAD,IAAkBF,IAHrB,CADF,CADF;AASD,CAjBD;;AAmBAF,QAAQ,CAACe,SAAT,2CAAqB;EACnBV,KAAK,EAAEW,kBAAA,CAAUC,KAAV,CAAgB,oBAAKrB,MAAL,CAAhB,CADY;EAEnBO,IAAI,EAAEa,kBAAA,CAAUE,MAFG;EAGnBhB,IAAI,EAAEc,kBAAA,CAAUE,MAHG;EAInBd,aAAa,EAAEY,kBAAA,CAAUG,IAAV,CAAeC,UAJX;EAKnBd,QAAQ,EAAEU,kBAAA,CAAUG,IALD;EAMnB,cAAcH,kBAAA,CAAUE;AANL,CAArB;eASelB,Q"}
+{"version":3,"file":"customer.js","names":["THEMES","default","coorpmanager","style","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","classnames","customer","chapterCustomer","content","coorp","original","propTypes","PropTypes","oneOf","string","bool","isRequired"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n  const {name, type, coorpOriginal, theme, disabled = false, 'aria-label': ariaLabel} = props;\n  const className = classnames(\n    THEMES[theme],\n    style.customer,\n    type === 'chapter' ? style.chapterCustomer : null\n  );\n\n  return (\n    <div className={className} disabled={disabled} aria-label={ariaLabel}>\n      <div className={style.content}>\n        {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n        {coorpOriginal ? <span className={style.original}>Original </span> : null}\n        {!coorpOriginal && name}\n      </div>\n    </div>\n  );\n};\n\nCustomer.propTypes = {\n  theme: PropTypes.oneOf(keys(THEMES)),\n  type: PropTypes.string,\n  name: PropTypes.string,\n  coorpOriginal: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAEA;AAAmC;AAE5B,MAAMA,MAAM,GAAG;EACpBC,OAAO,EAAE,IAAI;EACbC,YAAY,EAAEC,iBAAK,CAACD;AACtB,CAAC;AAAC;AAEF,MAAME,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EAC3F,MAAMO,SAAS,GAAG,IAAAC,mBAAU,EAC1Bb,MAAM,CAACS,KAAK,CAAC,EACbN,iBAAK,CAACW,QAAQ,EACdP,IAAI,KAAK,SAAS,GAAGJ,iBAAK,CAACY,eAAe,GAAG,IAAI,CAClD;EAED,oBACE;IAAK,SAAS,EAAEH,SAAU;IAAC,QAAQ,EAAEF,QAAS;IAAC,cAAYC;EAAU,gBACnE;IAAK,SAAS,EAAER,iBAAK,CAACa;EAAQ,GAC3BR,aAAa,gBAAG;IAAM,SAAS,EAAEL,iBAAK,CAACc;EAAM,GAAC,QAAM,CAAO,GAAG,IAAI,EAClET,aAAa,gBAAG;IAAM,SAAS,EAAEL,iBAAK,CAACe;EAAS,GAAC,WAAS,CAAO,GAAG,IAAI,EACxE,CAACV,aAAa,IAAIF,IAAI,CACnB,CACF;AAEV,CAAC;AAEDF,QAAQ,CAACe,SAAS,2CAAG;EACnBV,KAAK,EAAEW,kBAAS,CAACC,KAAK,CAAC,oBAAKrB,MAAM,CAAC,CAAC;EACpCO,IAAI,EAAEa,kBAAS,CAACE,MAAM;EACtBhB,IAAI,EAAEc,kBAAS,CAACE,MAAM;EACtBd,aAAa,EAAEY,kBAAS,CAACG,IAAI,CAACC,UAAU;EACxCd,QAAQ,EAAEU,kBAAS,CAACG,IAAI;EACxB,YAAY,EAAEH,kBAAS,CAACE;AAC1B,CAAC;AAAC,eAEalB,QAAQ;AAAA"}

package/lib/molecule/card/favorite.js

@@ -2,33 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _favorite = _interopRequireDefault(require("./favorite.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class Favorite extends _react.default.Component {
   constructor(props, context) {
     super(props, context);
     this.handleFavoviteClick = this.handleFavoviteClick.bind(this);
   }
-
   handleFavoviteClick(e) {
     const {
       disabled,
@@ -38,7 +26,6 @@ class Favorite extends _react.default.Component {
     e.preventDefault();
     if (!disabled) onFavoriteClick(e);
   }
-
   render() {
     const {
       skin
@@ -80,9 +67,7 @@ class Favorite extends _react.default.Component {
       "aria-label": ariaLabel.addToFavorite
     })));
   }
-
 }
-
 Favorite.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

package/lib/molecule/card/favorite.js.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["Favorite","React","Component","constructor","props","context","handleFavoviteClick","bind","e","disabled","onFavoriteClick","stopPropagation","preventDefault","render","skin","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","primaryColor","darkColor","brandColor","toolTipView","style","showToolTip","blocFavorite","classnames","selected","color","checkIcon","removeFromFavorite","moreIcon","addToFavorite","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func","shape"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './favorite.css';\n\nclass Favorite extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    favorite: PropTypes.bool,\n    disabled: PropTypes.bool,\n    addFavoriteToolTip: PropTypes.string,\n    removeFavoriteToolTip: PropTypes.string,\n    onFavoriteClick: PropTypes.func,\n    'aria-label': PropTypes.shape({\n      favorite: PropTypes.string,\n      addToFavorite: PropTypes.string,\n      removeFromFavorite: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleFavoviteClick = this.handleFavoviteClick.bind(this);\n  }\n\n  handleFavoviteClick(e) {\n    const {disabled, onFavoriteClick = noop} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    if (!disabled) onFavoriteClick(e);\n  }\n\n  render() {\n    const {skin} = this.context;\n    const {\n      favorite,\n      addFavoriteToolTip,\n      removeFavoriteToolTip,\n      className,\n      'aria-label': ariaLabel = {}\n    } = this.props;\n\n    const primaryColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const brandColor = get('common.brand', skin);\n    const toolTipView =\n      !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip) ? (\n        <div className={style.showToolTip}>\n          <span>{favorite ? removeFavoriteToolTip : addFavoriteToolTip}</span>\n        </div>\n      ) : null;\n\n    return (\n      <div className={style.blocFavorite}>\n        {toolTipView}\n        <div\n          data-name=\"favorite\"\n          aria-label={ariaLabel.favorite}\n          className={classnames(style.favorite, className, favorite && style.selected)}\n          onClick={this.handleFavoviteClick}\n          style={{\n            color: primaryColor\n          }}\n        >\n          {favorite ? (\n            <CheckIcon\n              className={style.checkIcon}\n              color={brandColor}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.removeFromFavorite}\n            />\n          ) : (\n            <MoreIcon\n              className={style.moreIcon}\n              color={darkColor}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.addToFavorite}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Favorite;\n"],"mappings":"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"}
+{"version":3,"file":"favorite.js","names":["Favorite","React","Component","constructor","props","context","handleFavoviteClick","bind","e","disabled","onFavoriteClick","stopPropagation","preventDefault","render","skin","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","primaryColor","darkColor","brandColor","toolTipView","style","showToolTip","blocFavorite","classnames","selected","color","checkIcon","removeFromFavorite","moreIcon","addToFavorite","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func","shape"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './favorite.css';\n\nclass Favorite extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    favorite: PropTypes.bool,\n    disabled: PropTypes.bool,\n    addFavoriteToolTip: PropTypes.string,\n    removeFavoriteToolTip: PropTypes.string,\n    onFavoriteClick: PropTypes.func,\n    'aria-label': PropTypes.shape({\n      favorite: PropTypes.string,\n      addToFavorite: PropTypes.string,\n      removeFromFavorite: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleFavoviteClick = this.handleFavoviteClick.bind(this);\n  }\n\n  handleFavoviteClick(e) {\n    const {disabled, onFavoriteClick = noop} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    if (!disabled) onFavoriteClick(e);\n  }\n\n  render() {\n    const {skin} = this.context;\n    const {\n      favorite,\n      addFavoriteToolTip,\n      removeFavoriteToolTip,\n      className,\n      'aria-label': ariaLabel = {}\n    } = this.props;\n\n    const primaryColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const brandColor = get('common.brand', skin);\n    const toolTipView =\n      !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip) ? (\n        <div className={style.showToolTip}>\n          <span>{favorite ? removeFavoriteToolTip : addFavoriteToolTip}</span>\n        </div>\n      ) : null;\n\n    return (\n      <div className={style.blocFavorite}>\n        {toolTipView}\n        <div\n          data-name=\"favorite\"\n          aria-label={ariaLabel.favorite}\n          className={classnames(style.favorite, className, favorite && style.selected)}\n          onClick={this.handleFavoviteClick}\n          style={{\n            color: primaryColor\n          }}\n        >\n          {favorite ? (\n            <CheckIcon\n              className={style.checkIcon}\n              color={brandColor}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.removeFromFavorite}\n            />\n          ) : (\n            <MoreIcon\n              className={style.moreIcon}\n              color={darkColor}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.addToFavorite}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Favorite;\n"],"mappings":"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"}

package/lib/molecule/card/index.js

@@ -2,55 +2,32 @@
 
 exports.__esModule = true;
 exports.default = exports.THEMES = void 0;
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _pick2 = _interopRequireDefault(require("lodash/fp/pick"));
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/fp/isUndefined"));
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _externalContent = require("../../util/external-content");
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _cardContent = _interopRequireWildcard(require("../card-content"));
-
 var _customer = _interopRequireDefault(require("./customer"));
-
 var _favorite = _interopRequireDefault(require("./favorite"));
-
 var _selectable = _interopRequireDefault(require("./selectable"));
-
 var _notification = _interopRequireDefault(require("./notification"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 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; }
-
 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 THEMES = {
   default: null,
   coorpmanager: _style.default.coorpmanager
 };
 exports.THEMES = THEMES;
-
 const CardBackground = ({
   type,
   image,
@@ -62,17 +39,14 @@ const CardBackground = ({
   const externalContent = (0, _externalContent.isExternalContent)(type);
   const primaryColor = (0, _get2.default)('common.primary', skin);
   const whiteColor = (0, _get2.default)('common.white', skin);
-
   if (externalContent && _externalContent.EXTERNAL_CONTENT_ICONS[type]) {
     const IconType = _externalContent.EXTERNAL_CONTENT_ICONS[type].icon;
     const iconColor = _externalContent.EXTERNAL_CONTENT_ICONS[type].color;
-
     const backgroundIcon = /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.externalIconCircleWrapper
     }, /*#__PURE__*/_react.default.createElement(IconType, {
       className: _style.default.externalIcon
     }));
-
     if (image) {
       const _backgroundIcon = /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(_style.default.externalIconCircleWrapper, _style.default.externalIconCircleWithImageWrapper),
@@ -82,7 +56,6 @@ const CardBackground = ({
       }, /*#__PURE__*/_react.default.createElement(IconType, {
         className: _style.default.externalIconWithImage
       }));
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.imageWrapper
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -95,7 +68,6 @@ const CardBackground = ({
         className: (0, _classnames.default)(_style.default.externalContentHeader, _style.default.externalBackground)
       }, _backgroundIcon));
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.imageWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -107,7 +79,6 @@ const CardBackground = ({
       className: _style.default.externalContentHeader
     }, backgroundIcon));
   }
-
   const emptyIcon = empty ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPictures, {
     className: _style.default.emptyIcon,
     color: whiteColor
@@ -124,7 +95,6 @@ const CardBackground = ({
     }
   }, emptyIcon));
 };
-
 CardBackground.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -182,20 +152,16 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
   const inlineBadgeStyle = {
     color: primaryColor
   };
-
   const getType = contentType => {
     switch (contentType) {
       case 'chapter':
         return 'microlearning';
-
       case 'course':
         return 'learner';
-
       default:
         return contentType;
     }
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: cardStyle,
     "data-name": "card",

package/lib/molecule/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaSolidLoginLocked as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);\n  const lock = disabled ? (\n    <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\nexport default Card;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaSolidLoginLocked as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);\n  const lock = disabled ? (\n    <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\nexport default Card;\n"],"mappings":"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"}

package/lib/molecule/card/notification.js

@@ -2,36 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _notification = _interopRequireDefault(require("./notification.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const NOTIFICATION_ICON = {
   addFavorite: _novaIcons.NovaCompositionCoorpacademyCheck,
   removeFavorite: _novaIcons.NovaCompositionNavigationMore,
   lock: _novaIcons.NovaSolidLoginLocked,
   unlock: _novaIcons.NovaSolidLocksLockUnlock1
 };
-
 const handleOverlayClick = e => {
   e.stopPropagation();
   e.preventDefault();
   return false;
 };
-
 const Notification = props => {
   const {
     message,
@@ -55,7 +44,6 @@ const Notification = props => {
     role: "status"
   }, message))));
 };
-
 Notification.propTypes = process.env.NODE_ENV !== "production" ? {
   message: _propTypes.default.string.isRequired,
   icon: _propTypes.default.oneOf((0, _keys2.default)(NOTIFICATION_ICON)).isRequired

package/lib/molecule/card/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["NOTIFICATION_ICON","addFavorite","CheckIcon","removeFavorite","MoreIcon","lock","LockIcon","unlock","UnlockIcon","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","classnames","style","showOverlay","notificationWrapper","notification","propTypes","PropTypes","string","isRequired","oneOf"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} color={null} stroke={null} />\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAMA;;;;AAEA,MAAMA,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,2CADW;EAExBC,cAAc,EAAEC,wCAFQ;EAGxBC,IAAI,EAAEC,+BAHkB;EAIxBC,MAAM,EAAEC;AAJgB,CAA1B;;AAOA,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAF;EACAD,CAAC,CAACE,cAAF;EACA,OAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAD;IAAUC;EAAV,IAAkBF,KAAxB;EAEA,MAAMG,QAAQ,GAAG,mBAAID,IAAJ,EAAUhB,iBAAV,CAAjB;EACA,oBACE;IACE,aAAU,cADZ;IAEE,aAAWgB,IAFb;IAGE,OAAO,EAAEP,kBAHX;IAIE,SAAS,EAAE,IAAAS,mBAAA,EAAWC,qBAAA,CAAMC,WAAjB,EAA8BD,qBAAA,CAAME,mBAApC;EAJb,gBAME;IAAK,SAAS,EAAEF,qBAAA,CAAMG;EAAtB,gBACE,6BAAC,QAAD;IAAU,SAAS,EAAEH,qBAAA,CAAMH,IAA3B;IAAiC,KAAK,EAAE,IAAxC;IAA8C,MAAM,EAAE;EAAtD,EADF,eAEE;IAAK,SAAS,EAAEG,qBAAA,CAAMJ;EAAtB,gBACE;IAAM,IAAI,EAAC;EAAX,GAAqBA,OAArB,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACU,SAAb,2CAAyB;EACvBR,OAAO,EAAES,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAEvBV,IAAI,EAAEQ,kBAAA,CAAUG,KAAV,CAAgB,oBAAK3B,iBAAL,CAAhB,EAAyC0B;AAFxB,CAAzB;eAKeb,Y"}
+{"version":3,"file":"notification.js","names":["NOTIFICATION_ICON","addFavorite","CheckIcon","removeFavorite","MoreIcon","lock","LockIcon","unlock","UnlockIcon","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","classnames","style","showOverlay","notificationWrapper","notification","propTypes","PropTypes","string","isRequired","oneOf"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} color={null} stroke={null} />\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAMA;AAAuC;AAEvC,MAAMA,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,2CAAS;EACtBC,cAAc,EAAEC,wCAAQ;EACxBC,IAAI,EAAEC,+BAAQ;EACdC,MAAM,EAAEC;AACV,CAAC;AAED,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAe,EAAE;EACnBD,CAAC,CAACE,cAAc,EAAE;EAClB,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAO;IAAEC;EAAI,CAAC,GAAGF,KAAK;EAE7B,MAAMG,QAAQ,GAAG,mBAAID,IAAI,EAAEhB,iBAAiB,CAAC;EAC7C,oBACE;IACE,aAAU,cAAc;IACxB,aAAWgB,IAAK;IAChB,OAAO,EAAEP,kBAAmB;IAC5B,SAAS,EAAE,IAAAS,mBAAU,EAACC,qBAAK,CAACC,WAAW,EAAED,qBAAK,CAACE,mBAAmB;EAAE,gBAEpE;IAAK,SAAS,EAAEF,qBAAK,CAACG;EAAa,gBACjC,6BAAC,QAAQ;IAAC,SAAS,EAAEH,qBAAK,CAACH,IAAK;IAAC,KAAK,EAAE,IAAK;IAAC,MAAM,EAAE;EAAK,EAAG,eAC9D;IAAK,SAAS,EAAEG,qBAAK,CAACJ;EAAQ,gBAC5B;IAAM,IAAI,EAAC;EAAQ,GAAEA,OAAO,CAAQ,CAChC,CACF,CACF;AAEV,CAAC;AACDF,YAAY,CAACU,SAAS,2CAAG;EACvBR,OAAO,EAAES,kBAAS,CAACC,MAAM,CAACC,UAAU;EACpCV,IAAI,EAAEQ,kBAAS,CAACG,KAAK,CAAC,oBAAK3B,iBAAiB,CAAC,CAAC,CAAC0B;AACjD,CAAC;AAAC,eAEab,YAAY;AAAA"}

package/lib/molecule/card/selectable.js

@@ -2,21 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/fp/isUndefined"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _selectable = _interopRequireDefault(require("./selectable.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Selectable = props => {
   const {
     isSelected,
@@ -44,7 +36,6 @@ const Selectable = props => {
     "aria-label": ariaLabel.show
   })));
 };
-
 Selectable.propTypes = process.env.NODE_ENV !== "production" ? {
   isSelected: _propTypes.default.bool,
   hidden: _propTypes.default.bool,

package/lib/molecule/card/selectable.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectable.js","names":["Selectable","props","isSelected","hidden","ariaLabel","classnames","style","selectable","selected","circle","iconWrapper","addIcon","select","checkIcon","unSelect","hideIcon","hide","showIcon","show","propTypes","PropTypes","bool","shape","string"],"sources":["../../../src/molecule/card/selectable.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isUndefined} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaLineContentEditionHide as HideIcon,\n  NovaCompositionCoorpacademyEye as ShowIcon\n} from '@coorpacademy/nova-icons';\nimport style from './selectable.css';\n\nconst Selectable = props => {\n  const {isSelected, hidden = false, 'aria-label': ariaLabel = {}} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div\n      className={classnames(style.selectable, isSelected && style.selected, hidden && style.hidden)}\n    >\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <AddIcon className={style.addIcon} aria-label={ariaLabel.select} />\n        <CheckIcon className={style.checkIcon} aria-label={ariaLabel.unSelect} />\n        <HideIcon className={style.hideIcon} aria-label={ariaLabel.hide} />\n        <ShowIcon className={style.showIcon} aria-label={ariaLabel.show} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool,\n  hidden: PropTypes.bool,\n  'aria-label': PropTypes.shape({\n    select: PropTypes.string,\n    unSelect: PropTypes.string\n  })\n};\n\nexport default Selectable;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAMA;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,UAAD;IAAaC,MAAM,GAAG,KAAtB;IAA6B,cAAcC,SAAS,GAAG;EAAvD,IAA6DH,KAAnE;EAEA,IAAI,2BAAYC,UAAZ,CAAJ,EAA6B,OAAO,IAAP;EAE7B,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAA,EAAWC,mBAAA,CAAMC,UAAjB,EAA6BL,UAAU,IAAII,mBAAA,CAAME,QAAjD,EAA2DL,MAAM,IAAIG,mBAAA,CAAMH,MAA3E;EADb,gBAGE;IAAK,SAAS,EAAEG,mBAAA,CAAMG;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAEH,mBAAA,CAAMI;EAAtB,gBACE,6BAAC,uCAAD;IAAS,SAAS,EAAEJ,mBAAA,CAAMK,OAA1B;IAAmC,cAAYP,SAAS,CAACQ;EAAzD,EADF,eAEE,6BAAC,sCAAD;IAAW,SAAS,EAAEN,mBAAA,CAAMO,SAA5B;IAAuC,cAAYT,SAAS,CAACU;EAA7D,EAFF,eAGE,6BAAC,qCAAD;IAAU,SAAS,EAAER,mBAAA,CAAMS,QAA3B;IAAqC,cAAYX,SAAS,CAACY;EAA3D,EAHF,eAIE,6BAAC,yCAAD;IAAU,SAAS,EAAEV,mBAAA,CAAMW,QAA3B;IAAqC,cAAYb,SAAS,CAACc;EAA3D,EAJF,CAJF,CADF;AAaD,CAlBD;;AAoBAlB,UAAU,CAACmB,SAAX,2CAAuB;EACrBjB,UAAU,EAAEkB,kBAAA,CAAUC,IADD;EAErBlB,MAAM,EAAEiB,kBAAA,CAAUC,IAFG;EAGrB,cAAcD,kBAAA,CAAUE,KAAV,CAAgB;IAC5BV,MAAM,EAAEQ,kBAAA,CAAUG,MADU;IAE5BT,QAAQ,EAAEM,kBAAA,CAAUG;EAFQ,CAAhB;AAHO,CAAvB;eASevB,U"}
+{"version":3,"file":"selectable.js","names":["Selectable","props","isSelected","hidden","ariaLabel","classnames","style","selectable","selected","circle","iconWrapper","addIcon","select","checkIcon","unSelect","hideIcon","hide","showIcon","show","propTypes","PropTypes","bool","shape","string"],"sources":["../../../src/molecule/card/selectable.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isUndefined} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaLineContentEditionHide as HideIcon,\n  NovaCompositionCoorpacademyEye as ShowIcon\n} from '@coorpacademy/nova-icons';\nimport style from './selectable.css';\n\nconst Selectable = props => {\n  const {isSelected, hidden = false, 'aria-label': ariaLabel = {}} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div\n      className={classnames(style.selectable, isSelected && style.selected, hidden && style.hidden)}\n    >\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <AddIcon className={style.addIcon} aria-label={ariaLabel.select} />\n        <CheckIcon className={style.checkIcon} aria-label={ariaLabel.unSelect} />\n        <HideIcon className={style.hideIcon} aria-label={ariaLabel.hide} />\n        <ShowIcon className={style.showIcon} aria-label={ariaLabel.show} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool,\n  hidden: PropTypes.bool,\n  'aria-label': PropTypes.shape({\n    select: PropTypes.string,\n    unSelect: PropTypes.string\n  })\n};\n\nexport default Selectable;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAEA;AAMA;AAAqC;AAErC,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,UAAU;IAAEC,MAAM,GAAG,KAAK;IAAE,YAAY,EAAEC,SAAS,GAAG,CAAC;EAAC,CAAC,GAAGH,KAAK;EAExE,IAAI,2BAAYC,UAAU,CAAC,EAAE,OAAO,IAAI;EAExC,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAU,EAACC,mBAAK,CAACC,UAAU,EAAEL,UAAU,IAAII,mBAAK,CAACE,QAAQ,EAAEL,MAAM,IAAIG,mBAAK,CAACH,MAAM;EAAE,gBAE9F;IAAK,SAAS,EAAEG,mBAAK,CAACG;EAAO,EAAG,eAChC;IAAK,SAAS,EAAEH,mBAAK,CAACI;EAAY,gBAChC,6BAAC,uCAAO;IAAC,SAAS,EAAEJ,mBAAK,CAACK,OAAQ;IAAC,cAAYP,SAAS,CAACQ;EAAO,EAAG,eACnE,6BAAC,sCAAS;IAAC,SAAS,EAAEN,mBAAK,CAACO,SAAU;IAAC,cAAYT,SAAS,CAACU;EAAS,EAAG,eACzE,6BAAC,qCAAQ;IAAC,SAAS,EAAER,mBAAK,CAACS,QAAS;IAAC,cAAYX,SAAS,CAACY;EAAK,EAAG,eACnE,6BAAC,yCAAQ;IAAC,SAAS,EAAEV,mBAAK,CAACW,QAAS;IAAC,cAAYb,SAAS,CAACc;EAAK,EAAG,CAC/D,CACF;AAEV,CAAC;AAEDlB,UAAU,CAACmB,SAAS,2CAAG;EACrBjB,UAAU,EAAEkB,kBAAS,CAACC,IAAI;EAC1BlB,MAAM,EAAEiB,kBAAS,CAACC,IAAI;EACtB,YAAY,EAAED,kBAAS,CAACE,KAAK,CAAC;IAC5BV,MAAM,EAAEQ,kBAAS,CAACG,MAAM;IACxBT,QAAQ,EAAEM,kBAAS,CAACG;EACtB,CAAC;AACH,CAAC;AAAC,eAEavB,UAAU;AAAA"}

package/lib/molecule/card-congrats/index.native.js

@@ -2,25 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _lottieReactNative = _interopRequireDefault(require("lottie-react-native"));
-
 var _templateContext = require("../../template/app-review/template-context");
-
 var _shadow = require("../../variables/shadow");
-
 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; }
-
 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 createStyleSheet = theme => _reactNative.StyleSheet.create({
   animation: {
     marginBottom: 12,
@@ -63,7 +53,6 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     height: 53
   }
 });
-
 const CardCongrats = ({
   animationUri,
   Icon,
@@ -79,14 +68,11 @@ const CardCongrats = ({
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
-
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.card
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -112,7 +98,6 @@ const CardCongrats = ({
     color: iconColor
   })));
 };
-
 var _default = CardCongrats;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map