@coorpacademy/components 11.33.1 → 11.33.2-alpha.0

package/es/molecule/audio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyMicrophone","PodcastIcon","Provider","style","Audio","Component","contextTypes","skin","childContextTypes","constructor","props","context","handlePlay","bind","audioElement","setAudio","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","element","e","onPlay","render","description","poster","white","_get","createElement","className","frame","backgroundImage","color","icon","innerHTML","dangerouslySetInnerHTML","__html","audio","controls","controlsList","ref","autoPlay","name","preload","src","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon style={{color: white}} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-testid=\"audio\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyMicrophone","PodcastIcon","Provider","style","Audio","Component","contextTypes","skin","childContextTypes","constructor","props","context","handlePlay","bind","audioElement","setAudio","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","element","e","onPlay","render","description","poster","white","frame","backgroundImage","color","icon","innerHTML","__html","audio","propTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon style={{color: white}} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-testid=\"audio\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,qCAAqC,IAAIC,WAAjD,QAAmE,0BAAnE;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAN,SAAoBP,KAAK,CAACQ,SAA1B,CAAoC;EAQf,OAAZC,YAAY,GAAG;IACpBC,IAAI,EAAEL,QAAQ,CAACM,iBAAT,CAA2BD;EADb,CAAH;;EAInBE,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;IACA,KAAKC,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKC,YAAL,GAAoB,IAApB;IACA,KAAKC,QAAL,GAAgB,KAAKA,QAAL,CAAcF,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDG,qBAAqB,CAACC,SAAD,EAAY;IAC/B,MAAM;MAACC;IAAD,IAAa,KAAKR,KAAxB;IACA,OAAOO,SAAS,CAACC,QAAV,KAAuBA,QAA9B;EACD;;EAEDC,kBAAkB,GAAG;IACnB,KAAKL,YAAL,CAAkBM,IAAlB;EACD;;EAEDL,QAAQ,GAAGM,OAAO,IAAI;IACpB,KAAKP,YAAL,GAAoBO,OAApB;EACD,CAFO;;EAIRT,UAAU,CAACU,CAAD,EAAI;IACZ,MAAM;MAACC;IAAD,IAAW,KAAKb,KAAtB;IACA,IAAIa,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;EACb;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcP,QAAd;MAAwBQ;IAAxB,IAAkC,KAAKhB,KAA7C;IACA,MAAM;MAACH;IAAD,IAAS,KAAKI,OAApB;;IAEA,MAAMgB,KAAK,GAAG,KAAI,cAAJ,EAAoBpB,IAApB,CAAd;;IACA,oBACE;MAAK,SAAS,EAAEJ,KAAK,CAACyB,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAMH,MAAO;MAAhC;IAApC,gBACE,oBAAC,WAAD;MAAa,KAAK,EAAE;QAACI,KAAK,EAAEH;MAAR,CAApB;MAAoC,SAAS,EAAExB,KAAK,CAAC4B;IAArD,EADF,EAEGN,WAAW,gBACV;MACE,SAAS,EAAE1B,UAAU,CAACI,KAAK,CAACsB,WAAP,EAAoBtB,KAAK,CAAC6B,SAA1B,CADvB;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAER;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEtB,KAAK,CAAC+B,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKnB,QAJZ;MAKE,QAAQ,EAAC,EALX;MAME,MAAM,EAAE,KAAKH,UANf;MAOE,IAAI,EAAC,OAPP;MAQE,eAAY,OARd;MASE,aAAU,OATZ;MAUE,OAAO,EAAC;IAVV,gBAYE;MAAQ,GAAG,EAAEM;IAAb,EAZF,CAVF,CADF;EA2BD;;AArEiC;;AAA9Bd,K,CACG+B,S,2CAAY;EACjBV,WAAW,EAAE3B,SAAS,CAACsC,MADN;EAEjBlB,QAAQ,EAAEpB,SAAS,CAACsC,MAFH;EAGjBV,MAAM,EAAE5B,SAAS,CAACsC,MAHD;EAIjBb,MAAM,EAAEzB,SAAS,CAACuC;AAJD,C;AAuErB,eAAejC,KAAf"}

package/es/molecule/banner/index.js

@@ -14,9 +14,11 @@ import ButtonLink from '../../atom/button-link';
 import Icon from '../../atom/icon';
 import InputSwitch from '../../atom/input-switch';
 import style from './style.css';
+
 const uncappedMap = _map.convert({
   cap: false
 });
+
 const TYPES = {
   success: ['circle-check', COLORS.cm_positive_200],
   error: ['triangle-exclamation', COLORS.cm_negative_200],
@@ -29,6 +31,7 @@ const STYLES = {
   warning: style.warning,
   info: style.info
 };
+
 const Banner = props => {
   const {
     type,
@@ -38,9 +41,11 @@ const Banner = props => {
     bannerKey,
     onEnd
   } = props;
+
   const oldSwitchValue = _pipe(_find({
     type: 'switch'
   }), _get('oldSwitchValue'))(cta);
+
   const [switchValue, setSwitchValue] = useState(oldSwitchValue || false);
   const ButtonSeparator = /*#__PURE__*/React.createElement("div", {
     className: classnames(style.buttonsBar, STYLES[type])
@@ -50,12 +55,14 @@ const Banner = props => {
     setSwitchValue(newSwitchValue);
     action(newSwitchValue);
   }, [switchValue]);
+
   const buildButton = ({
     type: buttonType = 'button',
     label,
     action = _noop
   }) => {
     const commonStyle = classnames(style.button, STYLES[type]);
+
     switch (buttonType) {
       case 'switch':
         return /*#__PURE__*/React.createElement("div", {
@@ -69,6 +76,7 @@ const Banner = props => {
           "data-name": `banner-switch-cta`,
           "aria-label": label
         }));
+
       default:
         return /*#__PURE__*/React.createElement("div", {
           className: commonStyle
@@ -84,6 +92,7 @@ const Banner = props => {
         }));
     }
   };
+
   const buildCta = ctaOptions => {
     return uncappedMap((options, i) => {
       if (_isEmpty(options)) return null;
@@ -93,6 +102,7 @@ const Banner = props => {
       }, i > 0 && i <= _size(options) ? ButtonSeparator : null, buildButton(options));
     }, ctaOptions);
   };
+
   const [iconName, iconColor] = TYPES[type];
   return /*#__PURE__*/React.createElement("div", {
     key: bannerKey,
@@ -111,6 +121,7 @@ const Banner = props => {
     }
   }), message), buildCta(cta));
 };
+
 const ctaPropTypes = process.env.NODE_ENV !== "production" ? PropTypes.shape({
   label: PropTypes.string,
   type: PropTypes.oneOf(['button', 'switch']),

package/es/molecule/banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","classnames","COLORS","ButtonLink","Icon","InputSwitch","style","uncappedMap","_map","convert","cap","TYPES","success","cm_positive_200","error","cm_negative_200","warning","cm_yellow_400","info","cm_grey_500","STYLES","Banner","props","type","message","cta","temporary","bannerKey","onEnd","oldSwitchValue","_pipe","_find","_get","switchValue","setSwitchValue","ButtonSeparator","createElement","className","buttonsBar","handleSwitchToggle","action","e","newSwitchValue","buildButton","buttonType","label","_noop","commonStyle","button","id","theme","title","value","onChange","onClick","customStyle","padding","buildCta","ctaOptions","options","i","_isEmpty","ctaWrapper","key","_size","iconName","iconColor","banner","temporaryBanner","onAnimationEnd","icon","temporaryIcon","ctaPropTypes","process","env","NODE_ENV","shape","string","oneOf","func","bool","propTypes","_keys","isRequired","arrayOf"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys, noop, isEmpty, map, size, pipe, find, get} from 'lodash/fp';\nimport {COLORS} from '../../variables/colors';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst TYPES = {\n  success: ['circle-check', COLORS.cm_positive_200],\n  error: ['triangle-exclamation', COLORS.cm_negative_200],\n  warning: ['circle-exclamation', COLORS.cm_yellow_400],\n  info: ['circle-info', COLORS.cm_grey_500]\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning,\n  info: style.info\n};\n\nconst Banner = props => {\n  const {type, message, cta = [], temporary, bannerKey, onEnd} = props;\n  const oldSwitchValue = pipe(find({type: 'switch'}), get('oldSwitchValue'))(cta);\n  const [switchValue, setSwitchValue] = useState(oldSwitchValue || false);\n\n  const ButtonSeparator = <div className={classnames(style.buttonsBar, STYLES[type])} />;\n\n  const handleSwitchToggle = useCallback(\n    action => e => {\n      const newSwitchValue = !switchValue;\n      setSwitchValue(newSwitchValue);\n      action(newSwitchValue);\n    },\n    [switchValue]\n  );\n\n  const buildButton = ({type: buttonType = 'button', label, action = noop}) => {\n    const commonStyle = classnames(style.button, STYLES[type]);\n\n    switch (buttonType) {\n      case 'switch':\n        return (\n          <div className={commonStyle}>\n            <InputSwitch\n              id=\"show-microlearning-switch\"\n              theme=\"default\"\n              title={label}\n              value={switchValue}\n              onChange={handleSwitchToggle(action)}\n              data-name={`banner-switch-cta`}\n              aria-label={label}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={commonStyle}>\n            <ButtonLink\n              data-name=\"banner-button-cta\"\n              aria-label={label}\n              label={label}\n              onClick={action}\n              type=\"text\"\n              customStyle={{padding: 0}}\n            />\n          </div>\n        );\n    }\n  };\n\n  const buildCta = ctaOptions => {\n    return uncappedMap((options, i) => {\n      if (isEmpty(options)) return null;\n\n      return (\n        <div className={style.ctaWrapper} key={i}>\n          {i > 0 && i <= size(options) ? ButtonSeparator : null}\n          {buildButton(options)}\n        </div>\n      );\n    }, ctaOptions);\n  };\n\n  const [iconName, iconColor] = TYPES[type];\n\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon\n          iconName={iconName}\n          iconColor={iconColor}\n          className={classnames(style.icon, temporary && style.temporaryIcon)}\n          customStyle={{padding: 0}}\n        />\n        {message}\n      </div>\n      {buildCta(cta)}\n    </div>\n  );\n};\n\nconst ctaPropTypes = PropTypes.shape({\n  label: PropTypes.string,\n  type: PropTypes.oneOf(['button', 'switch']),\n  action: PropTypes.func,\n  oldSwitchValue: PropTypes.bool\n});\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(TYPES)),\n  message: PropTypes.string.isRequired,\n  cta: PropTypes.arrayOf(ctaPropTypes),\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","classnames","COLORS","ButtonLink","Icon","InputSwitch","style","uncappedMap","convert","cap","TYPES","success","cm_positive_200","error","cm_negative_200","warning","cm_yellow_400","info","cm_grey_500","STYLES","Banner","props","type","message","cta","temporary","bannerKey","onEnd","oldSwitchValue","switchValue","setSwitchValue","ButtonSeparator","buttonsBar","handleSwitchToggle","action","e","newSwitchValue","buildButton","buttonType","label","commonStyle","button","padding","buildCta","ctaOptions","options","i","ctaWrapper","iconName","iconColor","banner","temporaryBanner","icon","temporaryIcon","ctaPropTypes","shape","string","oneOf","func","bool","propTypes","isRequired","arrayOf"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys, noop, isEmpty, map, size, pipe, find, get} from 'lodash/fp';\nimport {COLORS} from '../../variables/colors';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst TYPES = {\n  success: ['circle-check', COLORS.cm_positive_200],\n  error: ['triangle-exclamation', COLORS.cm_negative_200],\n  warning: ['circle-exclamation', COLORS.cm_yellow_400],\n  info: ['circle-info', COLORS.cm_grey_500]\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning,\n  info: style.info\n};\n\nconst Banner = props => {\n  const {type, message, cta = [], temporary, bannerKey, onEnd} = props;\n  const oldSwitchValue = pipe(find({type: 'switch'}), get('oldSwitchValue'))(cta);\n  const [switchValue, setSwitchValue] = useState(oldSwitchValue || false);\n\n  const ButtonSeparator = <div className={classnames(style.buttonsBar, STYLES[type])} />;\n\n  const handleSwitchToggle = useCallback(\n    action => e => {\n      const newSwitchValue = !switchValue;\n      setSwitchValue(newSwitchValue);\n      action(newSwitchValue);\n    },\n    [switchValue]\n  );\n\n  const buildButton = ({type: buttonType = 'button', label, action = noop}) => {\n    const commonStyle = classnames(style.button, STYLES[type]);\n\n    switch (buttonType) {\n      case 'switch':\n        return (\n          <div className={commonStyle}>\n            <InputSwitch\n              id=\"show-microlearning-switch\"\n              theme=\"default\"\n              title={label}\n              value={switchValue}\n              onChange={handleSwitchToggle(action)}\n              data-name={`banner-switch-cta`}\n              aria-label={label}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={commonStyle}>\n            <ButtonLink\n              data-name=\"banner-button-cta\"\n              aria-label={label}\n              label={label}\n              onClick={action}\n              type=\"text\"\n              customStyle={{padding: 0}}\n            />\n          </div>\n        );\n    }\n  };\n\n  const buildCta = ctaOptions => {\n    return uncappedMap((options, i) => {\n      if (isEmpty(options)) return null;\n\n      return (\n        <div className={style.ctaWrapper} key={i}>\n          {i > 0 && i <= size(options) ? ButtonSeparator : null}\n          {buildButton(options)}\n        </div>\n      );\n    }, ctaOptions);\n  };\n\n  const [iconName, iconColor] = TYPES[type];\n\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon\n          iconName={iconName}\n          iconColor={iconColor}\n          className={classnames(style.icon, temporary && style.temporaryIcon)}\n          customStyle={{padding: 0}}\n        />\n        {message}\n      </div>\n      {buildCta(cta)}\n    </div>\n  );\n};\n\nconst ctaPropTypes = PropTypes.shape({\n  label: PropTypes.string,\n  type: PropTypes.oneOf(['button', 'switch']),\n  action: PropTypes.func,\n  oldSwitchValue: PropTypes.bool\n});\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(TYPES)),\n  message: PropTypes.string.isRequired,\n  cta: PropTypes.arrayOf(ctaPropTypes),\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":"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"}

package/es/molecule/base-modal/index.js

@@ -1,7 +1,9 @@
 import _debounce from "lodash/fp/debounce";
 import _get from "lodash/fp/get";
 import _isEmpty from "lodash/fp/isEmpty";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { convert } from 'css-color-function';
@@ -9,6 +11,7 @@ import Provider from '../../atom/provider';
 import Icon from '../../atom/icon';
 import ButtonLink from '../../atom/button-link';
 import style from './style.css';
+
 const BaseModal = (props, context) => {
   const {
     title,
@@ -26,36 +29,41 @@ const BaseModal = (props, context) => {
   } = context;
   const bodyRef = useRef(null);
   const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);
+
   const checkScrollbar = () => {
     const bodyElement = bodyRef.current;
+
     if (bodyElement) {
       setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);
     }
   };
+
   useEffect(() => {
     if (!detectScrollbar) return;
     const bodyElement = bodyRef.current;
     if (!bodyElement) return;
+
     const debouncedCheckScrollbar = _debounce(100, () => {
       checkScrollbar();
-    });
+    }); // Observer of the body content
+
 
-    // Observer of the body content
     const mutationObserver = new MutationObserver(() => {
       debouncedCheckScrollbar();
     });
     mutationObserver.observe(bodyElement, {
       childList: true,
       subtree: true
-    });
+    }); // Observer of the body size
 
-    // Observer of the body size
     const resizeObserver = new ResizeObserver(() => {
       debouncedCheckScrollbar();
     });
+
     if (bodyRef.current) {
       resizeObserver.observe(bodyRef.current);
     }
+
     checkScrollbar();
     return () => {
       mutationObserver.disconnect();
@@ -84,7 +92,9 @@ const BaseModal = (props, context) => {
       iconName,
       color
     } = confirmButton || {};
+
     const buttonConfirmColor = color || _get('common.primary', skin);
+
     return /*#__PURE__*/React.createElement("div", {
       className: style.footer
     }, /*#__PURE__*/React.createElement("div", {
@@ -120,10 +130,12 @@ const BaseModal = (props, context) => {
     }, text) : null);
   }, [footer, skin]);
   if (!isOpen || !title || !children) return null;
+
   function handleOnClose(e) {
     e?.stopPropagation();
     onClose();
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.modalWrapper
   }, /*#__PURE__*/React.createElement("div", {
@@ -164,6 +176,7 @@ const BaseModal = (props, context) => {
     "data-testid": "modal-body"
   }, children), /*#__PURE__*/React.createElement(Footer, null)));
 };
+
 BaseModal.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/base-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","PropTypes","convert","Provider","Icon","ButtonLink","style","BaseModal","props","context","title","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","skin","bodyRef","isScrollbarVisible","setIsScrollbarVisible","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","debouncedCheckScrollbar","_debounce","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","Footer","_isEmpty","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","_get","createElement","className","footerCTAWrapper","footerCancelButton","type","onClick","_extends","customStyle","backgroundColor","hoverBackgroundColor","hoverColor","footerConfirmButton","icon","position","faIcon","name","size","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","modalWrapper","modal","header","iconColor","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","ref","body","bodyWithoutScrollbar","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","shape","node","bool","oneOfType","func","boolean"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n  const {\n    title,\n    description,\n    headerIcon,\n    children,\n    isOpen,\n    footer,\n    onClose,\n    onScroll,\n    detectScrollbar = false\n  } = props;\n  const {skin} = context;\n  const bodyRef = useRef(null);\n  const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n  const checkScrollbar = () => {\n    const bodyElement = bodyRef.current;\n    if (bodyElement) {\n      setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n    }\n  };\n\n  useEffect(() => {\n    if (!detectScrollbar) return;\n    const bodyElement = bodyRef.current;\n\n    if (!bodyElement) return;\n\n    const debouncedCheckScrollbar = debounce(100, () => {\n      checkScrollbar();\n    });\n\n    // Observer of the body content\n    const mutationObserver = new MutationObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n    // Observer of the body size\n    const resizeObserver = new ResizeObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    if (bodyRef.current) {\n      resizeObserver.observe(bodyRef.current);\n    }\n\n    checkScrollbar();\n\n    return () => {\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n      debouncedCheckScrollbar.cancel();\n    };\n  }, [children, detectScrollbar]);\n\n  const Footer = useCallback(() => {\n    if (isEmpty(footer)) return null;\n    if (typeof footer === 'function') return footer();\n\n    const {cancelButton, confirmButton, text, isError} = footer;\n    const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n    const {\n      label: confirmLabel,\n      onConfirm,\n      disabled: confirmDisabled,\n      iconName,\n      color\n    } = confirmButton || {};\n    const buttonConfirmColor = color || get('common.primary', skin);\n\n    return (\n      <div className={style.footer}>\n        <div className={style.footerCTAWrapper}>\n          {onCancel && cancelLabel ? (\n            <ButtonLink\n              {...{\n                className: style.footerCancelButton,\n                type: 'secondary',\n                onClick: onCancel,\n                label: cancelLabel,\n                disabled: cancelDisabled\n              }}\n            />\n          ) : null}\n          {onConfirm && confirmLabel ? (\n            <div>\n              <ButtonLink\n                {...{\n                  customStyle: {backgroundColor: buttonConfirmColor},\n                  hoverBackgroundColor: convert(\n                    `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n                  ),\n                  hoverColor: '#FFFFFF',\n                  className: style.footerConfirmButton,\n                  type: 'primary',\n                  onClick: onConfirm,\n                  label: confirmLabel,\n                  disabled: confirmDisabled,\n                  ...(iconName\n                    ? {\n                        icon: {\n                          position: 'left',\n                          faIcon: {\n                            name: iconName,\n                            color: '#FFFFFF',\n                            size: 16\n                          }\n                        }\n                      }\n                    : {})\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n        {text ? (\n          <div\n            className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n          >\n            {text}\n          </div>\n        ) : null}\n      </div>\n    );\n  }, [footer, skin]);\n\n  if (!isOpen || !title || !children) return null;\n\n  function handleOnClose(e) {\n    e?.stopPropagation();\n    onClose();\n  }\n\n  return (\n    <div className={style.modalWrapper}>\n      <div className={style.modal}>\n        <header className={style.header}>\n          {headerIcon?.name ? (\n            <div className={style.headerIcon}>\n              <Icon\n                iconName={headerIcon.name}\n                iconColor={headerIcon.color}\n                backgroundColor={headerIcon.backgroundColor}\n                size={{faSize: 20, wrapperSize: 48}}\n              />\n            </div>\n          ) : null}\n          <div className={style.headerContent}>\n            <div className={style.headerTitle}>{title}</div>\n            {description ? <div className={style.headerDescription}>{description}</div> : null}\n          </div>\n          <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n            <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n          </div>\n        </header>\n        <div\n          ref={bodyRef}\n          className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n          onScroll={onScroll}\n          data-testid=\"modal-body\"\n        >\n          {children}\n        </div>\n        <Footer />\n      </div>\n    </div>\n  );\n};\n\nBaseModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n  title: PropTypes.string,\n  headerIcon: PropTypes.shape({\n    name: PropTypes.string,\n    color: PropTypes.string,\n    backgroundColor: PropTypes.string\n  }),\n  description: PropTypes.string,\n  children: PropTypes.node,\n  isOpen: PropTypes.bool,\n  footer: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({\n      text: PropTypes.string,\n      isError: PropTypes.boolean,\n      cancelButton: PropTypes.shape({\n        label: PropTypes.string,\n        onCancel: PropTypes.func,\n        disabled: PropTypes.bool\n      }),\n      confirmButton: PropTypes.shape({\n        label: PropTypes.string,\n        onConfirm: PropTypes.func,\n        iconName: PropTypes.string,\n        disabled: PropTypes.bool,\n        color: PropTypes.string\n      })\n    })\n  ]),\n  onClose: PropTypes.func,\n  onScroll: PropTypes.func,\n  detectScrollbar: PropTypes.bool\n};\n\nexport default BaseModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","PropTypes","convert","Provider","Icon","ButtonLink","style","BaseModal","props","context","title","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","skin","bodyRef","isScrollbarVisible","setIsScrollbarVisible","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","debouncedCheckScrollbar","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","Footer","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","footerCTAWrapper","className","footerCancelButton","type","onClick","customStyle","backgroundColor","hoverBackgroundColor","hoverColor","footerConfirmButton","icon","position","faIcon","name","size","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","modalWrapper","modal","header","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","body","bodyWithoutScrollbar","contextTypes","childContextTypes","propTypes","string","shape","node","bool","oneOfType","func","boolean"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n  const {\n    title,\n    description,\n    headerIcon,\n    children,\n    isOpen,\n    footer,\n    onClose,\n    onScroll,\n    detectScrollbar = false\n  } = props;\n  const {skin} = context;\n  const bodyRef = useRef(null);\n  const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n  const checkScrollbar = () => {\n    const bodyElement = bodyRef.current;\n    if (bodyElement) {\n      setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n    }\n  };\n\n  useEffect(() => {\n    if (!detectScrollbar) return;\n    const bodyElement = bodyRef.current;\n\n    if (!bodyElement) return;\n\n    const debouncedCheckScrollbar = debounce(100, () => {\n      checkScrollbar();\n    });\n\n    // Observer of the body content\n    const mutationObserver = new MutationObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n    // Observer of the body size\n    const resizeObserver = new ResizeObserver(() => {\n      debouncedCheckScrollbar();\n    });\n\n    if (bodyRef.current) {\n      resizeObserver.observe(bodyRef.current);\n    }\n\n    checkScrollbar();\n\n    return () => {\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n      debouncedCheckScrollbar.cancel();\n    };\n  }, [children, detectScrollbar]);\n\n  const Footer = useCallback(() => {\n    if (isEmpty(footer)) return null;\n    if (typeof footer === 'function') return footer();\n\n    const {cancelButton, confirmButton, text, isError} = footer;\n    const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n    const {\n      label: confirmLabel,\n      onConfirm,\n      disabled: confirmDisabled,\n      iconName,\n      color\n    } = confirmButton || {};\n    const buttonConfirmColor = color || get('common.primary', skin);\n\n    return (\n      <div className={style.footer}>\n        <div className={style.footerCTAWrapper}>\n          {onCancel && cancelLabel ? (\n            <ButtonLink\n              {...{\n                className: style.footerCancelButton,\n                type: 'secondary',\n                onClick: onCancel,\n                label: cancelLabel,\n                disabled: cancelDisabled\n              }}\n            />\n          ) : null}\n          {onConfirm && confirmLabel ? (\n            <div>\n              <ButtonLink\n                {...{\n                  customStyle: {backgroundColor: buttonConfirmColor},\n                  hoverBackgroundColor: convert(\n                    `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n                  ),\n                  hoverColor: '#FFFFFF',\n                  className: style.footerConfirmButton,\n                  type: 'primary',\n                  onClick: onConfirm,\n                  label: confirmLabel,\n                  disabled: confirmDisabled,\n                  ...(iconName\n                    ? {\n                        icon: {\n                          position: 'left',\n                          faIcon: {\n                            name: iconName,\n                            color: '#FFFFFF',\n                            size: 16\n                          }\n                        }\n                      }\n                    : {})\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n        {text ? (\n          <div\n            className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n          >\n            {text}\n          </div>\n        ) : null}\n      </div>\n    );\n  }, [footer, skin]);\n\n  if (!isOpen || !title || !children) return null;\n\n  function handleOnClose(e) {\n    e?.stopPropagation();\n    onClose();\n  }\n\n  return (\n    <div className={style.modalWrapper}>\n      <div className={style.modal}>\n        <header className={style.header}>\n          {headerIcon?.name ? (\n            <div className={style.headerIcon}>\n              <Icon\n                iconName={headerIcon.name}\n                iconColor={headerIcon.color}\n                backgroundColor={headerIcon.backgroundColor}\n                size={{faSize: 20, wrapperSize: 48}}\n              />\n            </div>\n          ) : null}\n          <div className={style.headerContent}>\n            <div className={style.headerTitle}>{title}</div>\n            {description ? <div className={style.headerDescription}>{description}</div> : null}\n          </div>\n          <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n            <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n          </div>\n        </header>\n        <div\n          ref={bodyRef}\n          className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n          onScroll={onScroll}\n          data-testid=\"modal-body\"\n        >\n          {children}\n        </div>\n        <Footer />\n      </div>\n    </div>\n  );\n};\n\nBaseModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n  title: PropTypes.string,\n  headerIcon: PropTypes.shape({\n    name: PropTypes.string,\n    color: PropTypes.string,\n    backgroundColor: PropTypes.string\n  }),\n  description: PropTypes.string,\n  children: PropTypes.node,\n  isOpen: PropTypes.bool,\n  footer: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({\n      text: PropTypes.string,\n      isError: PropTypes.boolean,\n      cancelButton: PropTypes.shape({\n        label: PropTypes.string,\n        onCancel: PropTypes.func,\n        disabled: PropTypes.bool\n      }),\n      confirmButton: PropTypes.shape({\n        label: PropTypes.string,\n        onConfirm: PropTypes.func,\n        iconName: PropTypes.string,\n        disabled: PropTypes.bool,\n        color: PropTypes.string\n      })\n    })\n  ]),\n  onClose: PropTypes.func,\n  onScroll: PropTypes.func,\n  detectScrollbar: PropTypes.bool\n};\n\nexport default BaseModal;\n"],"mappings":"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"}

package/es/molecule/battle-opponent-list/index.js

@@ -1,4 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useMemo } from 'react';
 import get from 'lodash/fp/get';
 import map from 'lodash/fp/map';
@@ -6,6 +7,7 @@ import { v5 as uuidV5 } from 'uuid';
 import BattleOpponent from '../../atom/battle-opponent';
 import propTypes from './prop-types';
 import style from './style.css';
+
 const BattleOpponentList = ({
   opponents
 }) => {
@@ -17,6 +19,7 @@ const BattleOpponentList = ({
     className: style.opponentList
   }, opponentList);
 };
+
 BattleOpponentList.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default BattleOpponentList;
 //# sourceMappingURL=index.js.map

package/es/molecule/battle-opponent-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","get","map","v5","uuidV5","BattleOpponent","propTypes","style","BattleOpponentList","opponents","opponentList","opponent","createElement","_extends","key","URL","userAvatarSrc","className","process","env","NODE_ENV"],"sources":["../../../src/molecule/battle-opponent-list/index.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {v5 as uuidV5} from 'uuid';\nimport BattleOpponent from '../../atom/battle-opponent';\nimport propTypes, {BattleOpponentListProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponentList = ({opponents}: BattleOpponentListProps) => {\n  const opponentList = useMemo(\n    () =>\n      map(\n        opponent => (\n          <BattleOpponent\n            {...opponent}\n            key={uuidV5('battle-', uuidV5.URL)}\n            userAvatarSrc={get('photo', opponent)}\n          />\n        ),\n        opponents\n      ),\n    [opponents]\n  );\n\n  return <ul className={style.opponentList}>{opponentList}</ul>;\n};\n\nBattleOpponentList.propTypes = propTypes;\n\nexport default BattleOpponentList;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAAQC,EAAE,IAAIC,MAAM,QAAO,MAAM;AACjC,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,SAAS,MAAiC,cAAc;AAC/D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,kBAAkB,GAAGA,CAAC;EAACC;AAAkC,CAAC,KAAK;EACnE,MAAMC,YAAY,GAAGV,OAAO,CAC1B,MACEE,GAAG,CACDS,QAAQ,iBACNZ,KAAA,CAAAa,aAAA,CAACP,cAAc,EAAAQ,QAAA,KACTF,QAAQ;IACZG,GAAG,EAAEV,MAAM,CAAC,SAAS,EAAEA,MAAM,CAACW,GAAG,CAAE;IACnCC,aAAa,EAAEf,GAAG,CAAC,OAAO,EAAEU,QAAQ;EAAE,EACvC,CACF,EACDF,SACF,CAAC,EACH,CAACA,SAAS,CACZ,CAAC;EAED,oBAAOV,KAAA,CAAAa,aAAA;IAAIK,SAAS,EAAEV,KAAK,CAACG;EAAa,GAAEA,YAAiB,CAAC;AAC/D,CAAC;AAEDF,kBAAkB,CAACF,SAAS,GAAAY,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGd,SAAS;AAExC,eAAeE,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","get","map","v5","uuidV5","BattleOpponent","propTypes","style","BattleOpponentList","opponents","opponentList","opponent","URL"],"sources":["../../../src/molecule/battle-opponent-list/index.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {v5 as uuidV5} from 'uuid';\nimport BattleOpponent from '../../atom/battle-opponent';\nimport propTypes, {BattleOpponentListProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponentList = ({opponents}: BattleOpponentListProps) => {\n  const opponentList = useMemo(\n    () =>\n      map(\n        opponent => (\n          <BattleOpponent\n            {...opponent}\n            key={uuidV5('battle-', uuidV5.URL)}\n            userAvatarSrc={get('photo', opponent)}\n          />\n        ),\n        opponents\n      ),\n    [opponents]\n  );\n\n  return <ul className={style.opponentList}>{opponentList}</ul>;\n};\n\nBattleOpponentList.propTypes = propTypes;\n\nexport default BattleOpponentList;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,SAAQC,EAAE,IAAIC,MAAd,QAA2B,MAA3B;AACA,OAAOC,cAAP,MAA2B,4BAA3B;AACA,OAAOC,SAAP,MAAiD,cAAjD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,kBAAkB,GAAG,CAAC;EAACC;AAAD,CAAD,KAA0C;EACnE,MAAMC,YAAY,GAAGV,OAAO,CAC1B,MACEE,GAAG,CACDS,QAAQ,iBACN,oBAAC,cAAD,eACMA,QADN;IAEE,GAAG,EAAEP,MAAM,CAAC,SAAD,EAAYA,MAAM,CAACQ,GAAnB,CAFb;IAGE,aAAa,EAAEX,GAAG,CAAC,OAAD,EAAUU,QAAV;EAHpB,GAFD,EAQDF,SARC,CAFqB,EAY1B,CAACA,SAAD,CAZ0B,CAA5B;EAeA,oBAAO;IAAI,SAAS,EAAEF,KAAK,CAACG;EAArB,GAAoCA,YAApC,CAAP;AACD,CAjBD;;AAmBAF,kBAAkB,CAACF,SAAnB,2CAA+BA,SAA/B;AAEA,eAAeE,kBAAf"}

package/es/molecule/battle-opponent-list/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","opponents","arrayOf","shape","isAlreadyEngaged","bool","isRandom","photo","string","onClick","func","displayName","tooltipText","user_id"],"sources":["../../../src/molecule/battle-opponent-list/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  opponents: PropTypes.arrayOf(\n    PropTypes.shape({\n      isAlreadyEngaged: PropTypes.bool,\n      isRandom: PropTypes.bool,\n      photo: PropTypes.string,\n      onClick: PropTypes.func,\n      displayName: PropTypes.string,\n      tooltipText: PropTypes.string,\n      user_id: PropTypes.string\n    })\n  )\n};\n\ntype MoocBattleOpponent = {\n  isAlreadyEngaged?: boolean;\n  isRandom?: boolean;\n  photo?: string;\n  onClick?: () => void;\n  displayName: string;\n  tooltipText: string;\n  user_id: string;\n};\n\nexport type BattleOpponentListProps = {opponents: MoocBattleOpponent[]};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,SAAS,EAAEF,SAAS,CAACG,OAAO,CAC1BH,SAAS,CAACI,KAAK,CAAC;IACdC,gBAAgB,EAAEL,SAAS,CAACM,IAAI;IAChCC,QAAQ,EAAEP,SAAS,CAACM,IAAI;IACxBE,KAAK,EAAER,SAAS,CAACS,MAAM;IACvBC,OAAO,EAAEV,SAAS,CAACW,IAAI;IACvBC,WAAW,EAAEZ,SAAS,CAACS,MAAM;IAC7BI,WAAW,EAAEb,SAAS,CAACS,MAAM;IAC7BK,OAAO,EAAEd,SAAS,CAACS;EACrB,CAAC,CACH;AACF,CAAC;AAcD,eAAeR,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","opponents","arrayOf","shape","isAlreadyEngaged","bool","isRandom","photo","string","onClick","func","displayName","tooltipText","user_id"],"sources":["../../../src/molecule/battle-opponent-list/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  opponents: PropTypes.arrayOf(\n    PropTypes.shape({\n      isAlreadyEngaged: PropTypes.bool,\n      isRandom: PropTypes.bool,\n      photo: PropTypes.string,\n      onClick: PropTypes.func,\n      displayName: PropTypes.string,\n      tooltipText: PropTypes.string,\n      user_id: PropTypes.string\n    })\n  )\n};\n\ntype MoocBattleOpponent = {\n  isAlreadyEngaged?: boolean;\n  isRandom?: boolean;\n  photo?: string;\n  onClick?: () => void;\n  displayName: string;\n  tooltipText: string;\n  user_id: string;\n};\n\nexport type BattleOpponentListProps = {opponents: MoocBattleOpponent[]};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,SAAS,EAAEF,SAAS,CAACG,OAAV,CACTH,SAAS,CAACI,KAAV,CAAgB;IACdC,gBAAgB,EAAEL,SAAS,CAACM,IADd;IAEdC,QAAQ,EAAEP,SAAS,CAACM,IAFN;IAGdE,KAAK,EAAER,SAAS,CAACS,MAHH;IAIdC,OAAO,EAAEV,SAAS,CAACW,IAJL;IAKdC,WAAW,EAAEZ,SAAS,CAACS,MALT;IAMdI,WAAW,EAAEb,SAAS,CAACS,MANT;IAOdK,OAAO,EAAEd,SAAS,CAACS;EAPL,CAAhB,CADS;AADK,CAAlB;AA0BA,eAAeR,SAAf"}

package/es/molecule/battle-request/index.js

@@ -7,6 +7,7 @@ import Link from '../../atom/link';
 import Provider from '../../atom/provider';
 import Avatar from '../../atom/avatar';
 import style from './style.css';
+
 const BattleRequest = (props, context) => {
   const {
     translate,
@@ -19,8 +20,11 @@ const BattleRequest = (props, context) => {
     avatar,
     href
   } = props;
+
   const primaryColor = _get('common.primary', skin);
+
   const light = _get('common.light', skin);
+
   const challengeLabel = translate('challenges you on');
   const startLabel = translate('Start battle');
   return /*#__PURE__*/React.createElement(Link, {
@@ -39,8 +43,7 @@ const BattleRequest = (props, context) => {
   }, username, /*#__PURE__*/React.createElement("span", null, challengeLabel)), /*#__PURE__*/React.createElement("div", {
     className: style.discipline
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.disciplineName, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.disciplineName, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: discipline
@@ -56,6 +59,7 @@ const BattleRequest = (props, context) => {
     }
   }));
 };
+
 BattleRequest.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

package/es/molecule/battle-request/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRightIcon","classnames","Link","Provider","Avatar","style","BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","_get","light","challengeLabel","startLabel","createElement","className","card","borderColor","url","info","name","disciplineName","innerHTML","dangerouslySetInnerHTML","__html","start","arrow","color","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string"],"sources":["../../../src/molecule/battle-request/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowRight as ArrowRightIcon} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst BattleRequest = (props, context) => {\n  const {translate, skin} = context;\n  const {username, discipline, level, avatar, href} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const light = get('common.light', skin);\n\n  const challengeLabel = translate('challenges you on');\n  const startLabel = translate('Start battle');\n\n  return (\n    <Link\n      data-name=\"battle-request-dashboard\"\n      className={style.card}\n      style={{\n        borderColor: primaryColor\n      }}\n      href={href}\n    >\n      <div>\n        <Avatar url={avatar} />\n      </div>\n      <div className={style.info}>\n        <div className={style.name}>\n          {username}\n          <span>{challengeLabel}</span>\n        </div>\n        <div className={style.discipline}>\n          <div\n            className={classnames(style.disciplineName, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: discipline}}\n          />\n          <div className={style.level}>{level}</div>\n        </div>\n      </div>\n      <div className={style.start}>{startLabel}</div>\n      <ArrowRightIcon className={style.arrow} style={{color: light}} />\n    </Link>\n  );\n};\n\nBattleRequest.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBattleRequest.propTypes = {\n  username: PropTypes.string,\n  discipline: PropTypes.string,\n  level: PropTypes.string,\n  avatar: PropTypes.string,\n  href: PropTypes.string\n};\n\nexport default BattleRequest;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,mCAAmC,IAAIC,cAAc,QAAO,0BAA0B;AAC9F,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACxC,MAAM;IAACC,SAAS;IAAEC;EAAI,CAAC,GAAGF,OAAO;EACjC,MAAM;IAACG,QAAQ;IAAEC,UAAU;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAI,CAAC,GAAGR,KAAK;EAEzD,MAAMS,YAAY,GAAGC,IAAA,CAAI,gBAAgB,EAAEP,IAAI,CAAC;EAChD,MAAMQ,KAAK,GAAGD,IAAA,CAAI,cAAc,EAAEP,IAAI,CAAC;EAEvC,MAAMS,cAAc,GAAGV,SAAS,CAAC,mBAAmB,CAAC;EACrD,MAAMW,UAAU,GAAGX,SAAS,CAAC,cAAc,CAAC;EAE5C,oBACEZ,KAAA,CAAAwB,aAAA,CAACnB,IAAI;IACH,aAAU,0BAA0B;IACpCoB,SAAS,EAAEjB,KAAK,CAACkB,IAAK;IACtBlB,KAAK,EAAE;MACLmB,WAAW,EAAER;IACf,CAAE;IACFD,IAAI,EAAEA;EAAK,gBAEXlB,KAAA,CAAAwB,aAAA,2BACExB,KAAA,CAAAwB,aAAA,CAACjB,MAAM;IAACqB,GAAG,EAAEX;EAAO,CAAE,CACnB,CAAC,eACNjB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACqB;EAAK,gBACzB7B,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACsB;EAAK,GACxBhB,QAAQ,eACTd,KAAA,CAAAwB,aAAA,eAAOF,cAAqB,CACzB,CAAC,eACNtB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACO;EAAW,gBAC/Bf,KAAA,CAAAwB,aAAA;IACEC,SAAS,EAAErB,UAAU,CAACI,KAAK,CAACuB,cAAc,EAAEvB,KAAK,CAACwB,SAAS;IAC3D;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEnB;IAAU;EAAE,CAC/C,CAAC,eACFf,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACQ;EAAM,GAAEA,KAAW,CACtC,CACF,CAAC,eACNhB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAAC2B;EAAM,GAAEZ,UAAgB,CAAC,eAC/CvB,KAAA,CAAAwB,aAAA,CAACrB,cAAc;IAACsB,SAAS,EAAEjB,KAAK,CAAC4B,KAAM;IAAC5B,KAAK,EAAE;MAAC6B,KAAK,EAAEhB;IAAK;EAAE,CAAE,CAC5D,CAAC;AAEX,CAAC;AAEDZ,aAAa,CAAC6B,YAAY,GAAG;EAC3BzB,IAAI,EAAEP,QAAQ,CAACiC,iBAAiB,CAAC1B,IAAI;EACrCD,SAAS,EAAEN,QAAQ,CAACiC,iBAAiB,CAAC3B;AACxC,CAAC;AAEDH,aAAa,CAAC+B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxB7B,QAAQ,EAAEb,SAAS,CAAC2C,MAAM;EAC1B7B,UAAU,EAAEd,SAAS,CAAC2C,MAAM;EAC5B5B,KAAK,EAAEf,SAAS,CAAC2C,MAAM;EACvB3B,MAAM,EAAEhB,SAAS,CAAC2C,MAAM;EACxB1B,IAAI,EAAEjB,SAAS,CAAC2C;AAClB,CAAC;AAED,eAAenC,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRightIcon","classnames","Link","Provider","Avatar","style","BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","light","challengeLabel","startLabel","card","borderColor","info","name","disciplineName","innerHTML","__html","start","arrow","color","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../src/molecule/battle-request/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowRight as ArrowRightIcon} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst BattleRequest = (props, context) => {\n  const {translate, skin} = context;\n  const {username, discipline, level, avatar, href} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const light = get('common.light', skin);\n\n  const challengeLabel = translate('challenges you on');\n  const startLabel = translate('Start battle');\n\n  return (\n    <Link\n      data-name=\"battle-request-dashboard\"\n      className={style.card}\n      style={{\n        borderColor: primaryColor\n      }}\n      href={href}\n    >\n      <div>\n        <Avatar url={avatar} />\n      </div>\n      <div className={style.info}>\n        <div className={style.name}>\n          {username}\n          <span>{challengeLabel}</span>\n        </div>\n        <div className={style.discipline}>\n          <div\n            className={classnames(style.disciplineName, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: discipline}}\n          />\n          <div className={style.level}>{level}</div>\n        </div>\n      </div>\n      <div className={style.start}>{startLabel}</div>\n      <ArrowRightIcon className={style.arrow} style={{color: light}} />\n    </Link>\n  );\n};\n\nBattleRequest.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBattleRequest.propTypes = {\n  username: PropTypes.string,\n  discipline: PropTypes.string,\n  level: PropTypes.string,\n  avatar: PropTypes.string,\n  href: PropTypes.string\n};\n\nexport default BattleRequest;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,mCAAmC,IAAIC,cAA/C,QAAoE,0BAApE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAM;IAACG,QAAD;IAAWC,UAAX;IAAuBC,KAAvB;IAA8BC,MAA9B;IAAsCC;EAAtC,IAA8CR,KAApD;;EAEA,MAAMS,YAAY,GAAG,KAAI,gBAAJ,EAAsBN,IAAtB,CAArB;;EACA,MAAMO,KAAK,GAAG,KAAI,cAAJ,EAAoBP,IAApB,CAAd;;EAEA,MAAMQ,cAAc,GAAGT,SAAS,CAAC,mBAAD,CAAhC;EACA,MAAMU,UAAU,GAAGV,SAAS,CAAC,cAAD,CAA5B;EAEA,oBACE,oBAAC,IAAD;IACE,aAAU,0BADZ;IAEE,SAAS,EAAEJ,KAAK,CAACe,IAFnB;IAGE,KAAK,EAAE;MACLC,WAAW,EAAEL;IADR,CAHT;IAME,IAAI,EAAED;EANR,gBAQE,8CACE,oBAAC,MAAD;IAAQ,GAAG,EAAED;EAAb,EADF,CARF,eAWE;IAAK,SAAS,EAAET,KAAK,CAACiB;EAAtB,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAACkB;EAAtB,GACGZ,QADH,eAEE,kCAAOO,cAAP,CAFF,CADF,eAKE;IAAK,SAAS,EAAEb,KAAK,CAACO;EAAtB,gBACE;IACE,SAAS,EAAEX,UAAU,CAACI,KAAK,CAACmB,cAAP,EAAuBnB,KAAK,CAACoB,SAA7B,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEd;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAtB,GAA8BA,KAA9B,CANF,CALF,CAXF,eAyBE;IAAK,SAAS,EAAER,KAAK,CAACsB;EAAtB,GAA8BR,UAA9B,CAzBF,eA0BE,oBAAC,cAAD;IAAgB,SAAS,EAAEd,KAAK,CAACuB,KAAjC;IAAwC,KAAK,EAAE;MAACC,KAAK,EAAEZ;IAAR;EAA/C,EA1BF,CADF;AA8BD,CAxCD;;AA0CAX,aAAa,CAACwB,YAAd,GAA6B;EAC3BpB,IAAI,EAAEP,QAAQ,CAAC4B,iBAAT,CAA2BrB,IADN;EAE3BD,SAAS,EAAEN,QAAQ,CAAC4B,iBAAT,CAA2BtB;AAFX,CAA7B;AAKAH,aAAa,CAAC0B,SAAd,2CAA0B;EACxBrB,QAAQ,EAAEb,SAAS,CAACmC,MADI;EAExBrB,UAAU,EAAEd,SAAS,CAACmC,MAFE;EAGxBpB,KAAK,EAAEf,SAAS,CAACmC,MAHO;EAIxBnB,MAAM,EAAEhB,SAAS,CAACmC,MAJM;EAKxBlB,IAAI,EAAEjB,SAAS,CAACmC;AALQ,CAA1B;AAQA,eAAe3B,aAAf"}

package/es/molecule/brand-card/description.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import style from './description.css';
+
 const Description = (props, context) => {
   const {
     className,
@@ -18,6 +19,7 @@ const Description = (props, context) => {
     }
   }))) : null;
 };
+
 Description.propTypes = process.env.NODE_ENV !== "production" ? {
   description: PropTypes.string,
   className: PropTypes.string

package/es/molecule/brand-card/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","names":["React","PropTypes","classnames","style","Description","props","context","className","description","createElement","descriptionWrapper","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","string"],"sources":["../../../src/molecule/brand-card/description.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './description.css';\n\nconst Description = (props, context) => {\n  const {className, description} = props;\n  return description ? (\n    <div className={classnames(style.descriptionWrapper, className)}>\n      <div className={style.description}>\n        <div\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: description}}\n        />\n      </div>\n    </div>\n  ) : null;\n};\n\nDescription.propTypes = {\n  description: PropTypes.string,\n  className: PropTypes.string\n};\nexport default Description;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,mBAAmB;AAErC,MAAMC,WAAW,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtC,MAAM;IAACC,SAAS;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACtC,OAAOG,WAAW,gBAChBR,KAAA,CAAAS,aAAA;IAAKF,SAAS,EAAEL,UAAU,CAACC,KAAK,CAACO,kBAAkB,EAAEH,SAAS;EAAE,gBAC9DP,KAAA,CAAAS,aAAA;IAAKF,SAAS,EAAEJ,KAAK,CAACK;EAAY,gBAChCR,KAAA,CAAAS,aAAA;IACE;IACAE,uBAAuB,EAAE;MAACC,MAAM,EAAEJ;IAAW;EAAE,CAChD,CACE,CACF,CAAC,GACJ,IAAI;AACV,CAAC;AAEDJ,WAAW,CAACS,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBR,WAAW,EAAEP,SAAS,CAACgB,MAAM;EAC7BV,SAAS,EAAEN,SAAS,CAACgB;AACvB,CAAC;AACD,eAAeb,WAAW","ignoreList":[]}
+{"version":3,"file":"description.js","names":["React","PropTypes","classnames","style","Description","props","context","className","description","descriptionWrapper","__html","propTypes","string"],"sources":["../../../src/molecule/brand-card/description.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './description.css';\n\nconst Description = (props, context) => {\n  const {className, description} = props;\n  return description ? (\n    <div className={classnames(style.descriptionWrapper, className)}>\n      <div className={style.description}>\n        <div\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: description}}\n        />\n      </div>\n    </div>\n  ) : null;\n};\n\nDescription.propTypes = {\n  description: PropTypes.string,\n  className: PropTypes.string\n};\nexport default Description;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,mBAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAA2BH,KAAjC;EACA,OAAOG,WAAW,gBAChB;IAAK,SAAS,EAAEN,UAAU,CAACC,KAAK,CAACM,kBAAP,EAA2BF,SAA3B;EAA1B,gBACE;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAE;MAACE,MAAM,EAAEF;IAAT;EAF3B,EADF,CADF,CADgB,GASd,IATJ;AAUD,CAZD;;AAcAJ,WAAW,CAACO,SAAZ,2CAAwB;EACtBH,WAAW,EAAEP,SAAS,CAACW,MADD;EAEtBL,SAAS,EAAEN,SAAS,CAACW;AAFC,CAAxB;AAIA,eAAeR,WAAf"}

package/es/molecule/brand-card/index.js

@@ -5,6 +5,7 @@ import Link from '../../atom/link';
 import Picture from '../../atom/picture';
 import Description from './description';
 import style from './style.css';
+
 const BrandCard = props => {
   const {
     title,
@@ -50,6 +51,7 @@ const BrandCard = props => {
     href: seeHref
   }, see))));
 };
+
 BrandCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   description: PropTypes.string,

package/es/molecule/brand-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidLoginLocked","LockIcon","Link","Picture","Description","style","BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","createElement","className","lockWrapper","lockIcon","height","wrapper","picture","src","descriptionWrapper","information","href","onClick","target","propTypes","process","env","NODE_ENV","string","isRequired","func","bool"],"sources":["../../../src/molecule/brand-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidLoginLocked as LockIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Picture from '../../atom/picture';\nimport Description from './description';\nimport style from './style.css';\n\nconst BrandCard = props => {\n  const {\n    title,\n    edit,\n    editHref,\n    onEditClick,\n    see,\n    seeHref,\n    image,\n    description,\n    maintenance = false\n  } = props;\n  const maintenanceView = maintenance ? (\n    <div className={style.lockWrapper}>\n      <LockIcon className={style.lockIcon} height={80} />\n    </div>\n  ) : null;\n  return (\n    <div className={style.wrapper}>\n      <div className={style.image}>\n        <Picture className={style.picture} src={image} />\n        {maintenanceView}\n        <Description description={description} className={style.descriptionWrapper} />\n      </div>\n      <div className={style.information} data-name={`info-${title}`}>\n        <h3>{title}</h3>\n        <div className={style.edit}>\n          <Link href={editHref} onClick={onEditClick} data-name={`edit-${title}`}>\n            {edit}\n          </Link>\n        </div>\n        <div className={style.see} data-name={`see-${title}`}>\n          <Link target=\"_blank\" href={seeHref}>\n            {see}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nBrandCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  edit: PropTypes.string.isRequired,\n  editHref: PropTypes.string,\n  onEditClick: PropTypes.func,\n  see: PropTypes.string.isRequired,\n  seeHref: PropTypes.string,\n  image: PropTypes.string.isRequired,\n  maintenance: PropTypes.bool\n};\nexport default BrandCard;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,oBAAoB,IAAIC,QAAQ,QAAO,0BAA0B;AACzE,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,WAAW;IACXC,GAAG;IACHC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,WAAW,GAAG;EAChB,CAAC,GAAGT,KAAK;EACT,MAAMU,eAAe,GAAGD,WAAW,gBACjClB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEd,KAAK,CAACe;EAAY,gBAChCtB,KAAA,CAAAoB,aAAA,CAACjB,QAAQ;IAACkB,SAAS,EAAEd,KAAK,CAACgB,QAAS;IAACC,MAAM,EAAE;EAAG,CAAE,CAC/C,CAAC,GACJ,IAAI;EACR,oBACExB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEd,KAAK,CAACkB;EAAQ,gBAC5BzB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEd,KAAK,CAACS;EAAM,gBAC1BhB,KAAA,CAAAoB,aAAA,CAACf,OAAO;IAACgB,SAAS,EAAEd,KAAK,CAACmB,OAAQ;IAACC,GAAG,EAAEX;EAAM,CAAE,CAAC,EAChDG,eAAe,eAChBnB,KAAA,CAAAoB,aAAA,CAACd,WAAW;IAACW,WAAW,EAAEA,WAAY;IAACI,SAAS,EAAEd,KAAK,CAACqB;EAAmB,CAAE,CAC1E,CAAC,eACN5B,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEd,KAAK,CAACsB,WAAY;IAAC,aAAW,QAAQnB,KAAK;EAAG,gBAC5DV,KAAA,CAAAoB,aAAA,aAAKV,KAAU,CAAC,eAChBV,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEd,KAAK,CAACI;EAAK,gBACzBX,KAAA,CAAAoB,aAAA,CAAChB,IAAI;IAAC0B,IAAI,EAAElB,QAAS;IAACmB,OAAO,EAAElB,WAAY;IAAC,aAAW,QAAQH,KAAK;EAAG,GACpEC,IACG,CACH,CAAC,eACNX,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEd,KAAK,CAACO,GAAI;IAAC,aAAW,OAAOJ,KAAK;EAAG,gBACnDV,KAAA,CAAAoB,aAAA,CAAChB,IAAI;IAAC4B,MAAM,EAAC,QAAQ;IAACF,IAAI,EAAEf;EAAQ,GACjCD,GACG,CACH,CACF,CACF,CAAC;AAEV,CAAC;AAEDN,SAAS,CAACyB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpB1B,KAAK,EAAET,SAAS,CAACoC,MAAM,CAACC,UAAU;EAClCrB,WAAW,EAAEhB,SAAS,CAACoC,MAAM;EAC7B1B,IAAI,EAAEV,SAAS,CAACoC,MAAM,CAACC,UAAU;EACjC1B,QAAQ,EAAEX,SAAS,CAACoC,MAAM;EAC1BxB,WAAW,EAAEZ,SAAS,CAACsC,IAAI;EAC3BzB,GAAG,EAAEb,SAAS,CAACoC,MAAM,CAACC,UAAU;EAChCvB,OAAO,EAAEd,SAAS,CAACoC,MAAM;EACzBrB,KAAK,EAAEf,SAAS,CAACoC,MAAM,CAACC,UAAU;EAClCpB,WAAW,EAAEjB,SAAS,CAACuC;AACzB,CAAC;AACD,eAAehC,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidLoginLocked","LockIcon","Link","Picture","Description","style","BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","lockWrapper","lockIcon","wrapper","picture","descriptionWrapper","information","propTypes","string","isRequired","func","bool"],"sources":["../../../src/molecule/brand-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidLoginLocked as LockIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Picture from '../../atom/picture';\nimport Description from './description';\nimport style from './style.css';\n\nconst BrandCard = props => {\n  const {\n    title,\n    edit,\n    editHref,\n    onEditClick,\n    see,\n    seeHref,\n    image,\n    description,\n    maintenance = false\n  } = props;\n  const maintenanceView = maintenance ? (\n    <div className={style.lockWrapper}>\n      <LockIcon className={style.lockIcon} height={80} />\n    </div>\n  ) : null;\n  return (\n    <div className={style.wrapper}>\n      <div className={style.image}>\n        <Picture className={style.picture} src={image} />\n        {maintenanceView}\n        <Description description={description} className={style.descriptionWrapper} />\n      </div>\n      <div className={style.information} data-name={`info-${title}`}>\n        <h3>{title}</h3>\n        <div className={style.edit}>\n          <Link href={editHref} onClick={onEditClick} data-name={`edit-${title}`}>\n            {edit}\n          </Link>\n        </div>\n        <div className={style.see} data-name={`see-${title}`}>\n          <Link target=\"_blank\" href={seeHref}>\n            {see}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nBrandCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  edit: PropTypes.string.isRequired,\n  editHref: PropTypes.string,\n  onEditClick: PropTypes.func,\n  see: PropTypes.string.isRequired,\n  seeHref: PropTypes.string,\n  image: PropTypes.string.isRequired,\n  maintenance: PropTypes.bool\n};\nexport default BrandCard;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,oBAAoB,IAAIC,QAAhC,QAA+C,0BAA/C;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,QAHI;IAIJC,WAJI;IAKJC,GALI;IAMJC,OANI;IAOJC,KAPI;IAQJC,WARI;IASJC,WAAW,GAAG;EATV,IAUFT,KAVJ;EAWA,MAAMU,eAAe,GAAGD,WAAW,gBACjC;IAAK,SAAS,EAAEX,KAAK,CAACa;EAAtB,gBACE,oBAAC,QAAD;IAAU,SAAS,EAAEb,KAAK,CAACc,QAA3B;IAAqC,MAAM,EAAE;EAA7C,EADF,CADiC,GAI/B,IAJJ;EAKA,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACe;EAAtB,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACS;EAAtB,gBACE,oBAAC,OAAD;IAAS,SAAS,EAAET,KAAK,CAACgB,OAA1B;IAAmC,GAAG,EAAEP;EAAxC,EADF,EAEGG,eAFH,eAGE,oBAAC,WAAD;IAAa,WAAW,EAAEF,WAA1B;IAAuC,SAAS,EAAEV,KAAK,CAACiB;EAAxD,EAHF,CADF,eAME;IAAK,SAAS,EAAEjB,KAAK,CAACkB,WAAtB;IAAmC,aAAY,QAAOf,KAAM;EAA5D,gBACE,gCAAKA,KAAL,CADF,eAEE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,gBACE,oBAAC,IAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,OAAO,EAAEC,WAA/B;IAA4C,aAAY,QAAOH,KAAM;EAArE,GACGC,IADH,CADF,CAFF,eAOE;IAAK,SAAS,EAAEJ,KAAK,CAACO,GAAtB;IAA2B,aAAY,OAAMJ,KAAM;EAAnD,gBACE,oBAAC,IAAD;IAAM,MAAM,EAAC,QAAb;IAAsB,IAAI,EAAEK;EAA5B,GACGD,GADH,CADF,CAPF,CANF,CADF;AAsBD,CAvCD;;AAyCAN,SAAS,CAACkB,SAAV,2CAAsB;EACpBhB,KAAK,EAAET,SAAS,CAAC0B,MAAV,CAAiBC,UADJ;EAEpBX,WAAW,EAAEhB,SAAS,CAAC0B,MAFH;EAGpBhB,IAAI,EAAEV,SAAS,CAAC0B,MAAV,CAAiBC,UAHH;EAIpBhB,QAAQ,EAAEX,SAAS,CAAC0B,MAJA;EAKpBd,WAAW,EAAEZ,SAAS,CAAC4B,IALH;EAMpBf,GAAG,EAAEb,SAAS,CAAC0B,MAAV,CAAiBC,UANF;EAOpBb,OAAO,EAAEd,SAAS,CAAC0B,MAPC;EAQpBX,KAAK,EAAEf,SAAS,CAAC0B,MAAV,CAAiBC,UARJ;EASpBV,WAAW,EAAEjB,SAAS,CAAC6B;AATH,CAAtB;AAWA,eAAetB,SAAf"}

package/es/molecule/brand-card-create/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../../atom/link';
 import style from './style.css';
+
 const BrandCardCreate = props => {
   const {
     edit,
@@ -22,6 +23,7 @@ const BrandCardCreate = props => {
     href: editHref
   }, /*#__PURE__*/React.createElement("span", null, edit))));
 };
+
 BrandCardCreate.propTypes = process.env.NODE_ENV !== "production" ? {
   edit: PropTypes.string.isRequired,
   editHref: PropTypes.string.isRequired

package/es/molecule/brand-card-create/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","BrandCardCreate","props","edit","editHref","createElement","className","wrapper","circle1","circle2","circle3","href","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/molecule/brand-card-create/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst BrandCardCreate = props => {\n  const {edit, editHref} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.circle1} />\n      <div className={style.circle2} />\n      <div className={style.circle3} />\n      <div className={style.edit}>\n        <Link data-name=\"brand_card_create_link\" href={editHref}>\n          <span>{edit}</span>\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nBrandCardCreate.propTypes = {\n  edit: PropTypes.string.isRequired,\n  editHref: PropTypes.string.isRequired\n};\nexport default BrandCardCreate;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,IAAI;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAE9B,oBACEL,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACO;EAAQ,gBAC5BV,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACQ;EAAQ,CAAE,CAAC,eACjCX,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACS;EAAQ,CAAE,CAAC,eACjCZ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACU;EAAQ,CAAE,CAAC,eACjCb,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACG;EAAK,gBACzBN,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAAC,aAAU,wBAAwB;IAACY,IAAI,EAAEP;EAAS,gBACtDP,KAAA,CAAAQ,aAAA,eAAOF,IAAW,CACd,CACH,CACF,CAAC;AAEV,CAAC;AAEDF,eAAe,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1BZ,IAAI,EAAEL,SAAS,CAACkB,MAAM,CAACC,UAAU;EACjCb,QAAQ,EAAEN,SAAS,CAACkB,MAAM,CAACC;AAC7B,CAAC;AACD,eAAehB,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","BrandCardCreate","props","edit","editHref","wrapper","circle1","circle2","circle3","propTypes","string","isRequired"],"sources":["../../../src/molecule/brand-card-create/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst BrandCardCreate = props => {\n  const {edit, editHref} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.circle1} />\n      <div className={style.circle2} />\n      <div className={style.circle3} />\n      <div className={style.edit}>\n        <Link data-name=\"brand_card_create_link\" href={editHref}>\n          <span>{edit}</span>\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nBrandCardCreate.propTypes = {\n  edit: PropTypes.string.isRequired,\n  editHref: PropTypes.string.isRequired\n};\nexport default BrandCardCreate;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAmBF,KAAzB;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACK;EAAtB,gBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,EADF,eAEE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,EAFF,eAGE;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAER,KAAK,CAACG;EAAtB,gBACE,oBAAC,IAAD;IAAM,aAAU,wBAAhB;IAAyC,IAAI,EAAEC;EAA/C,gBACE,kCAAOD,IAAP,CADF,CADF,CAJF,CADF;AAYD,CAfD;;AAiBAF,eAAe,CAACQ,SAAhB,2CAA4B;EAC1BN,IAAI,EAAEL,SAAS,CAACY,MAAV,CAAiBC,UADG;EAE1BP,QAAQ,EAAEN,SAAS,CAACY,MAAV,CAAiBC;AAFD,CAA5B;AAIA,eAAeV,eAAf"}

package/es/molecule/brand-create-form/index.js

@@ -4,6 +4,7 @@ import ButtonLink from '../../atom/button-link';
 import Loader from '../../atom/loader';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const BrandCreateForm = (props, context) => {
   const {
     title,
@@ -61,6 +62,7 @@ const BrandCreateForm = (props, context) => {
     onInput: handleChange
   }), field.label)), actionView));
 };
+
 BrandCreateForm.contextTypes = {
   translate: Provider.childContextTypes.translate
 };