@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _debounce2 = _interopRequireDefault(require("lodash/fp/debounce"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _cssColorFunction = require("css-color-function");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _icon = _interopRequireDefault(require("../../atom/icon"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _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 BaseModal = (props, context) => {
   const {
     title,
@@ -33,36 +48,39 @@ const BaseModal = (props, context) => {
   } = context;
   const bodyRef = (0, _react.useRef)(null);
   const [isScrollbarVisible, setIsScrollbarVisible] = (0, _react.useState)(!detectScrollbar);
+
   const checkScrollbar = () => {
     const bodyElement = bodyRef.current;
+
     if (bodyElement) {
       setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);
     }
   };
+
   (0, _react.useEffect)(() => {
     if (!detectScrollbar) return;
     const bodyElement = bodyRef.current;
     if (!bodyElement) return;
     const debouncedCheckScrollbar = (0, _debounce2.default)(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();
@@ -127,10 +145,12 @@ const BaseModal = (props, context) => {
     }, text) : null);
   }, [footer, skin]);
   if (!isOpen || !title || !children) return null;
+
   function handleOnClose(e) {
     e?.stopPropagation();
     onClose();
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.modalWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -171,6 +191,7 @@ const BaseModal = (props, context) => {
     "data-testid": "modal-body"
   }, children), /*#__PURE__*/_react.default.createElement(Footer, null)));
 };
+
 BaseModal.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -204,5 +225,6 @@ BaseModal.propTypes = process.env.NODE_ENV !== "production" ? {
   onScroll: _propTypes.default.func,
   detectScrollbar: _propTypes.default.bool
 } : {};
-var _default = exports.default = BaseModal;
+var _default = BaseModal;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_provider","_icon","_buttonLink","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BaseModal","props","context","title","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","skin","bodyRef","useRef","isScrollbarVisible","setIsScrollbarVisible","useState","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","useEffect","debouncedCheckScrollbar","_debounce2","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","Footer","useCallback","_isEmpty2","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","_get2","createElement","className","style","footerCTAWrapper","footerCancelButton","type","onClick","customStyle","backgroundColor","hoverBackgroundColor","convert","hoverColor","footerConfirmButton","icon","position","faIcon","name","size","footerDescription","footerDescriptionError","handleOnClose","stopPropagation","modalWrapper","modal","header","iconColor","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","ref","body","bodyWithoutScrollbar","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","shape","node","bool","oneOfType","func","boolean","_default","exports"],"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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,WAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAL,sBAAA,CAAAF,OAAA;AAAgC,SAAAQ,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEhC,MAAMG,SAAS,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpC,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,UAAU;IACVC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,eAAe,GAAG;EACpB,CAAC,GAAGV,KAAK;EACT,MAAM;IAACW;EAAI,CAAC,GAAGV,OAAO;EACtB,MAAMW,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC5B,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAACN,eAAe,CAAC;EAE9E,MAAMO,cAAc,GAAGA,CAAA,KAAM;IAC3B,MAAMC,WAAW,GAAGN,OAAO,CAACO,OAAO;IACnC,IAAID,WAAW,EAAE;MACfH,qBAAqB,CAACG,WAAW,CAACE,YAAY,GAAGF,WAAW,CAACG,YAAY,CAAC;IAC5E;EACF,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACZ,eAAe,EAAE;IACtB,MAAMQ,WAAW,GAAGN,OAAO,CAACO,OAAO;IAEnC,IAAI,CAACD,WAAW,EAAE;IAElB,MAAMK,uBAAuB,GAAG,IAAAC,UAAA,CAAA7C,OAAA,EAAS,GAAG,EAAE,MAAM;MAClDsC,cAAc,CAAC,CAAC;IAClB,CAAC,CAAC;;IAEF;IACA,MAAMQ,gBAAgB,GAAG,IAAIC,gBAAgB,CAAC,MAAM;MAClDH,uBAAuB,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEFE,gBAAgB,CAACE,OAAO,CAACT,WAAW,EAAE;MAACU,SAAS,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAI,CAAC,CAAC;;IAEvE;IACA,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAC,MAAM;MAC9CR,uBAAuB,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,IAAIX,OAAO,CAACO,OAAO,EAAE;MACnBW,cAAc,CAACH,OAAO,CAACf,OAAO,CAACO,OAAO,CAAC;IACzC;IAEAF,cAAc,CAAC,CAAC;IAEhB,OAAO,MAAM;MACXQ,gBAAgB,CAACO,UAAU,CAAC,CAAC;MAC7BF,cAAc,CAACE,UAAU,CAAC,CAAC;MAC3BT,uBAAuB,CAACU,MAAM,CAAC,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAAC5B,QAAQ,EAAEK,eAAe,CAAC,CAAC;EAE/B,MAAMwB,MAAM,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC/B,IAAI,IAAAC,SAAA,CAAAzD,OAAA,EAAQ4B,MAAM,CAAC,EAAE,OAAO,IAAI;IAChC,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE,OAAOA,MAAM,CAAC,CAAC;IAEjD,MAAM;MAAC8B,YAAY;MAAEC,aAAa;MAAEC,IAAI;MAAEC;IAAO,CAAC,GAAGjC,MAAM;IAC3D,MAAM;MAACkC,KAAK,EAAEC,WAAW;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAc,CAAC,GAAGR,YAAY,IAAI,CAAC,CAAC;IACnF,MAAM;MACJI,KAAK,EAAEK,YAAY;MACnBC,SAAS;MACTH,QAAQ,EAAEI,eAAe;MACzBC,QAAQ;MACRC;IACF,CAAC,GAAGZ,aAAa,IAAI,CAAC,CAAC;IACvB,MAAMa,kBAAkB,GAAGD,KAAK,IAAI,IAAAE,KAAA,CAAAzE,OAAA,EAAI,gBAAgB,EAAEgC,IAAI,CAAC;IAE/D,oBACEhD,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;MAAKC,SAAS,EAAEC,cAAK,CAAChD;IAAO,gBAC3B5C,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;MAAKC,SAAS,EAAEC,cAAK,CAACC;IAAiB,GACpCb,QAAQ,IAAID,WAAW,gBACtB/E,MAAA,CAAAgB,OAAA,CAAA0E,aAAA,CAAClF,WAAA,CAAAQ,OAAU;MAEP2E,SAAS,EAAEC,cAAK,CAACE,kBAAkB;MACnCC,IAAI,EAAE,WAAW;MACjBC,OAAO,EAAEhB,QAAQ;MACjBF,KAAK,EAAEC,WAAW;MAClBE,QAAQ,EAAEC;IAAc,CAE3B,CAAC,GACA,IAAI,EACPE,SAAS,IAAID,YAAY,gBACxBnF,MAAA,CAAAgB,OAAA,CAAA0E,aAAA,2BACE1F,MAAA,CAAAgB,OAAA,CAAA0E,aAAA,CAAClF,WAAA,CAAAQ,OAAU,EAAAc,QAAA;MAEPmE,WAAW,EAAE;QAACC,eAAe,EAAEV;MAAkB,CAAC;MAClDW,oBAAoB,EAAE,IAAAC,yBAAO,EAC3B,YAAYZ,kBAAkB,0BAChC,CAAC;MACDa,UAAU,EAAE,SAAS;MACrBV,SAAS,EAAEC,cAAK,CAACU,mBAAmB;MACpCP,IAAI,EAAE,SAAS;MACfC,OAAO,EAAEZ,SAAS;MAClBN,KAAK,EAAEK,YAAY;MACnBF,QAAQ,EAAEI;IAAe,GACrBC,QAAQ,GACR;MACEiB,IAAI,EAAE;QACJC,QAAQ,EAAE,MAAM;QAChBC,MAAM,EAAE;UACNC,IAAI,EAAEpB,QAAQ;UACdC,KAAK,EAAE,SAAS;UAChBoB,IAAI,EAAE;QACR;MACF;IACF,CAAC,GACD,CAAC,CAAC,CAET,CACE,CAAC,GACJ,IACD,CAAC,EACL/B,IAAI,gBACH5E,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;MACEC,SAAS,EAAE,GAAGC,cAAK,CAACgB,iBAAiB,IAAI/B,OAAO,GAAGe,cAAK,CAACiB,sBAAsB,GAAG,EAAE;IAAG,GAEtFjC,IACE,CAAC,GACJ,IACD,CAAC;EAEV,CAAC,EAAE,CAAChC,MAAM,EAAEI,IAAI,CAAC,CAAC;EAElB,IAAI,CAACL,MAAM,IAAI,CAACJ,KAAK,IAAI,CAACG,QAAQ,EAAE,OAAO,IAAI;EAE/C,SAASoE,aAAaA,CAACnG,CAAC,EAAE;IACxBA,CAAC,EAAEoG,eAAe,CAAC,CAAC;IACpBlE,OAAO,CAAC,CAAC;EACX;EAEA,oBACE7C,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACoB;EAAa,gBACjChH,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACqB;EAAM,gBAC1BjH,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;IAAQC,SAAS,EAAEC,cAAK,CAACsB;EAAO,GAC7BzE,UAAU,EAAEiE,IAAI,gBACf1G,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACnD;EAAW,gBAC/BzC,MAAA,CAAAgB,OAAA,CAAA0E,aAAA,CAACnF,KAAA,CAAAS,OAAI;IACHsE,QAAQ,EAAE7C,UAAU,CAACiE,IAAK;IAC1BS,SAAS,EAAE1E,UAAU,CAAC8C,KAAM;IAC5BW,eAAe,EAAEzD,UAAU,CAACyD,eAAgB;IAC5CS,IAAI,EAAE;MAACS,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CACrC,CACE,CAAC,GACJ,IAAI,eACRrH,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC0B;EAAc,gBAClCtH,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC2B;EAAY,GAAEhF,KAAW,CAAC,EAC/CC,WAAW,gBAAGxC,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC4B;EAAkB,GAAEhF,WAAiB,CAAC,GAAG,IAC3E,CAAC,eACNxC,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC6B,eAAgB;IAACzB,OAAO,EAAEc,aAAc;IAAC,eAAY;EAAY,gBACrF9G,MAAA,CAAAgB,OAAA,CAAA0E,aAAA,CAACnF,KAAA,CAAAS,OAAI;IAACsE,QAAQ,EAAC,OAAO;IAACY,eAAe,EAAC,SAAS;IAACS,IAAI,EAAE;MAACS,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CAAE,CACpF,CACC,CAAC,eACTrH,MAAA,CAAAgB,OAAA,CAAA0E,aAAA;IACEgC,GAAG,EAAEzE,OAAQ;IACb0C,SAAS,EAAExC,kBAAkB,GAAGyC,cAAK,CAAC+B,IAAI,GAAG/B,cAAK,CAACgC,oBAAqB;IACxE9E,QAAQ,EAAEA,QAAS;IACnB,eAAY;EAAY,GAEvBJ,QACE,CAAC,eACN1C,MAAA,CAAAgB,OAAA,CAAA0E,aAAA,CAACnB,MAAM,MAAE,CACN,CACF,CAAC;AAEV,CAAC;AAEDnC,SAAS,CAACyF,YAAY,GAAG;EACvB7E,IAAI,EAAE8E,iBAAQ,CAACC,iBAAiB,CAAC/E;AACnC,CAAC;AAEDZ,SAAS,CAAC4F,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpB5F,KAAK,EAAE6F,kBAAS,CAACC,MAAM;EACvB5F,UAAU,EAAE2F,kBAAS,CAACE,KAAK,CAAC;IAC1B5B,IAAI,EAAE0B,kBAAS,CAACC,MAAM;IACtB9C,KAAK,EAAE6C,kBAAS,CAACC,MAAM;IACvBnC,eAAe,EAAEkC,kBAAS,CAACC;EAC7B,CAAC,CAAC;EACF7F,WAAW,EAAE4F,kBAAS,CAACC,MAAM;EAC7B3F,QAAQ,EAAE0F,kBAAS,CAACG,IAAI;EACxB5F,MAAM,EAAEyF,kBAAS,CAACI,IAAI;EACtB5F,MAAM,EAAEwF,kBAAS,CAACK,SAAS,CAAC,CAC1BL,kBAAS,CAACM,IAAI,EACdN,kBAAS,CAACE,KAAK,CAAC;IACd1D,IAAI,EAAEwD,kBAAS,CAACC,MAAM;IACtBxD,OAAO,EAAEuD,kBAAS,CAACO,OAAO;IAC1BjE,YAAY,EAAE0D,kBAAS,CAACE,KAAK,CAAC;MAC5BxD,KAAK,EAAEsD,kBAAS,CAACC,MAAM;MACvBrD,QAAQ,EAAEoD,kBAAS,CAACM,IAAI;MACxBzD,QAAQ,EAAEmD,kBAAS,CAACI;IACtB,CAAC,CAAC;IACF7D,aAAa,EAAEyD,kBAAS,CAACE,KAAK,CAAC;MAC7BxD,KAAK,EAAEsD,kBAAS,CAACC,MAAM;MACvBjD,SAAS,EAAEgD,kBAAS,CAACM,IAAI;MACzBpD,QAAQ,EAAE8C,kBAAS,CAACC,MAAM;MAC1BpD,QAAQ,EAAEmD,kBAAS,CAACI,IAAI;MACxBjD,KAAK,EAAE6C,kBAAS,CAACC;IACnB,CAAC;EACH,CAAC,CAAC,CACH,CAAC;EACFxF,OAAO,EAAEuF,kBAAS,CAACM,IAAI;EACvB5F,QAAQ,EAAEsF,kBAAS,CAACM,IAAI;EACxB3F,eAAe,EAAEqF,kBAAS,CAACI;AAC7B,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAA7H,OAAA,GAEaoB,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["BaseModal","props","context","title","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","skin","bodyRef","useRef","isScrollbarVisible","setIsScrollbarVisible","useState","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","useEffect","debouncedCheckScrollbar","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","Footer","useCallback","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","style","footerCTAWrapper","className","footerCancelButton","type","onClick","customStyle","backgroundColor","hoverBackgroundColor","convert","hoverColor","footerConfirmButton","icon","position","faIcon","name","size","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","modalWrapper","modal","header","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","body","bodyWithoutScrollbar","contextTypes","Provider","childContextTypes","propTypes","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/lib/molecule/battle-opponent-list/index.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _get = _interopRequireDefault(require("lodash/fp/get"));
+
 var _map = _interopRequireDefault(require("lodash/fp/map"));
+
 var _uuid = require("uuid");
+
 var _battleOpponent = _interopRequireDefault(require("../../atom/battle-opponent"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _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 BattleOpponentList = ({
   opponents
 }) => {
@@ -24,6 +36,8 @@ const BattleOpponentList = ({
     className: _style.default.opponentList
   }, opponentList);
 };
+
 BattleOpponentList.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-var _default = exports.default = BattleOpponentList;
+var _default = BattleOpponentList;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_map","_uuid","_battleOpponent","_propTypes","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BattleOpponentList","opponents","opponentList","useMemo","map","opponent","createElement","key","uuidV5","URL","userAvatarSrc","className","style","propTypes","process","env","NODE_ENV","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["BattleOpponentList","opponents","opponentList","useMemo","map","opponent","uuidV5","URL","get","style","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,kBAAkB,GAAG,CAAC;EAACC;AAAD,CAAD,KAA0C;EACnE,MAAMC,YAAY,GAAG,IAAAC,cAAA,EACnB,MACE,IAAAC,YAAA,EACEC,QAAQ,iBACN,6BAAC,uBAAD,eACMA,QADN;IAEE,GAAG,EAAE,IAAAC,QAAA,EAAO,SAAP,EAAkBA,QAAA,CAAOC,GAAzB,CAFP;IAGE,aAAa,EAAE,IAAAC,YAAA,EAAI,OAAJ,EAAaH,QAAb;EAHjB,GAFJ,EAQEJ,SARF,CAFiB,EAYnB,CAACA,SAAD,CAZmB,CAArB;EAeA,oBAAO;IAAI,SAAS,EAAEQ,cAAA,CAAMP;EAArB,GAAoCA,YAApC,CAAP;AACD,CAjBD;;AAmBAF,kBAAkB,CAACU,SAAnB,2CAA+BA,kBAA/B;eAEeV,kB"}

package/lib/molecule/battle-opponent-list/prop-types.js

@@ -2,8 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   opponents: _propTypes.default.arrayOf(_propTypes.default.shape({
     isAlreadyEngaged: _propTypes.default.bool,
@@ -15,5 +18,6 @@ const propTypes = {
     user_id: _propTypes.default.string
   }))
 };
-var _default = exports.default = propTypes;
+var _default = propTypes;
+exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","propTypes","opponents","PropTypes","arrayOf","shape","isAlreadyEngaged","bool","isRandom","photo","string","onClick","func","displayName","tooltipText","user_id","_default","exports"],"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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,SAAS,GAAG;EAChBC,SAAS,EAAEC,kBAAS,CAACC,OAAO,CAC1BD,kBAAS,CAACE,KAAK,CAAC;IACdC,gBAAgB,EAAEH,kBAAS,CAACI,IAAI;IAChCC,QAAQ,EAAEL,kBAAS,CAACI,IAAI;IACxBE,KAAK,EAAEN,kBAAS,CAACO,MAAM;IACvBC,OAAO,EAAER,kBAAS,CAACS,IAAI;IACvBC,WAAW,EAAEV,kBAAS,CAACO,MAAM;IAC7BI,WAAW,EAAEX,kBAAS,CAACO,MAAM;IAC7BK,OAAO,EAAEZ,kBAAS,CAACO;EACrB,CAAC,CACH;AACF,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAcaC,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["propTypes","opponents","PropTypes","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;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,SAAS,EAAEC,kBAAA,CAAUC,OAAV,CACTD,kBAAA,CAAUE,KAAV,CAAgB;IACdC,gBAAgB,EAAEH,kBAAA,CAAUI,IADd;IAEdC,QAAQ,EAAEL,kBAAA,CAAUI,IAFN;IAGdE,KAAK,EAAEN,kBAAA,CAAUO,MAHH;IAIdC,OAAO,EAAER,kBAAA,CAAUS,IAJL;IAKdC,WAAW,EAAEV,kBAAA,CAAUO,MALT;IAMdI,WAAW,EAAEX,kBAAA,CAAUO,MANT;IAOdK,OAAO,EAAEZ,kBAAA,CAAUO;EAPL,CAAhB,CADS;AADK,CAAlB;eA0BeT,S"}

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

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _avatar = _interopRequireDefault(require("../../atom/avatar"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const BattleRequest = (props, context) => {
   const {
     translate,
@@ -44,8 +55,7 @@ const BattleRequest = (props, context) => {
   }, username, /*#__PURE__*/_react.default.createElement("span", null, challengeLabel)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.discipline
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.disciplineName, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.disciplineName, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: discipline
@@ -61,6 +71,7 @@ const BattleRequest = (props, context) => {
     }
   }));
 };
+
 BattleRequest.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -72,5 +83,6 @@ BattleRequest.propTypes = process.env.NODE_ENV !== "production" ? {
   avatar: _propTypes.default.string,
   href: _propTypes.default.string
 } : {};
-var _default = exports.default = BattleRequest;
+var _default = BattleRequest;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_classnames","_link","_provider","_avatar","_style","e","__esModule","default","BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","_get2","light","challengeLabel","startLabel","createElement","className","style","card","borderColor","url","info","name","classnames","disciplineName","innerHTML","dangerouslySetInnerHTML","__html","start","NovaCompositionNavigationArrowRight","arrow","color","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","light","challengeLabel","startLabel","style","card","borderColor","info","name","classnames","disciplineName","innerHTML","__html","start","arrow","color","contextTypes","Provider","childContextTypes","propTypes","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;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,mBAAI,gBAAJ,EAAsBN,IAAtB,CAArB;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBP,IAApB,CAAd;EAEA,MAAMQ,cAAc,GAAGT,SAAS,CAAC,mBAAD,CAAhC;EACA,MAAMU,UAAU,GAAGV,SAAS,CAAC,cAAD,CAA5B;EAEA,oBACE,6BAAC,aAAD;IACE,aAAU,0BADZ;IAEE,SAAS,EAAEW,cAAA,CAAMC,IAFnB;IAGE,KAAK,EAAE;MACLC,WAAW,EAAEN;IADR,CAHT;IAME,IAAI,EAAED;EANR,gBAQE,uDACE,6BAAC,eAAD;IAAQ,GAAG,EAAED;EAAb,EADF,CARF,eAWE;IAAK,SAAS,EAAEM,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GACGb,QADH,eAEE,2CAAOO,cAAP,CAFF,CADF,eAKE;IAAK,SAAS,EAAEE,cAAA,CAAMR;EAAtB,gBACE;IACE,SAAS,EAAE,IAAAa,mBAAA,EAAWL,cAAA,CAAMM,cAAjB,EAAiCN,cAAA,CAAMO,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEQ,cAAA,CAAMP;EAAtB,GAA8BA,KAA9B,CANF,CALF,CAXF,eAyBE;IAAK,SAAS,EAAEO,cAAA,CAAMS;EAAtB,GAA8BV,UAA9B,CAzBF,eA0BE,6BAAC,8CAAD;IAAgB,SAAS,EAAEC,cAAA,CAAMU,KAAjC;IAAwC,KAAK,EAAE;MAACC,KAAK,EAAEd;IAAR;EAA/C,EA1BF,CADF;AA8BD,CAxCD;;AA0CAX,aAAa,CAAC0B,YAAd,GAA6B;EAC3BtB,IAAI,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB,IADN;EAE3BD,SAAS,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB;AAFX,CAA7B;AAKAH,aAAa,CAAC6B,SAAd,2CAA0B;EACxBxB,QAAQ,EAAEyB,kBAAA,CAAUC,MADI;EAExBzB,UAAU,EAAEwB,kBAAA,CAAUC,MAFE;EAGxBxB,KAAK,EAAEuB,kBAAA,CAAUC,MAHO;EAIxBvB,MAAM,EAAEsB,kBAAA,CAAUC,MAJM;EAKxBtB,IAAI,EAAEqB,kBAAA,CAAUC;AALQ,CAA1B;eAQe/B,a"}

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

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _description = _interopRequireDefault(require("./description.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Description = (props, context) => {
   const {
     className,
@@ -23,9 +29,11 @@ const Description = (props, context) => {
     }
   }))) : null;
 };
+
 Description.propTypes = process.env.NODE_ENV !== "production" ? {
   description: _propTypes.default.string,
   className: _propTypes.default.string
 } : {};
-var _default = exports.default = Description;
+var _default = Description;
+exports.default = _default;
 //# sourceMappingURL=description.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"description.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_description","e","__esModule","default","Description","props","context","className","description","createElement","classnames","style","descriptionWrapper","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","PropTypes","string","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtC,MAAMG,WAAW,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtC,MAAM;IAACC,SAAS;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACtC,OAAOG,WAAW,gBAChBb,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IAAKF,SAAS,EAAE,IAAAG,mBAAU,EAACC,oBAAK,CAACC,kBAAkB,EAAEL,SAAS;EAAE,gBAC9DZ,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IAAKF,SAAS,EAAEI,oBAAK,CAACH;EAAY,gBAChCb,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IACE;IACAI,uBAAuB,EAAE;MAACC,MAAM,EAAEN;IAAW;EAAE,CAChD,CACE,CACF,CAAC,GACJ,IAAI;AACV,CAAC;AAEDJ,WAAW,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBV,WAAW,EAAEW,kBAAS,CAACC,MAAM;EAC7Bb,SAAS,EAAEY,kBAAS,CAACC;AACvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GACaC,WAAW","ignoreList":[]}
+{"version":3,"file":"description.js","names":["Description","props","context","className","description","classnames","style","descriptionWrapper","__html","propTypes","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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAA2BH,KAAjC;EACA,OAAOG,WAAW,gBAChB;IAAK,SAAS,EAAE,IAAAC,mBAAA,EAAWC,oBAAA,CAAMC,kBAAjB,EAAqCJ,SAArC;EAAhB,gBACE;IAAK,SAAS,EAAEG,oBAAA,CAAMF;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAE;MAACI,MAAM,EAAEJ;IAAT;EAF3B,EADF,CADF,CADgB,GASd,IATJ;AAUD,CAZD;;AAcAJ,WAAW,CAACS,SAAZ,2CAAwB;EACtBL,WAAW,EAAEM,kBAAA,CAAUC,MADD;EAEtBR,SAAS,EAAEO,kBAAA,CAAUC;AAFC,CAAxB;eAIeX,W"}

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 var _description = _interopRequireDefault(require("./description"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const BrandCard = props => {
   const {
     title,
@@ -55,6 +64,7 @@ const BrandCard = props => {
     href: seeHref
   }, see))));
 };
+
 BrandCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   description: _propTypes.default.string,
@@ -66,5 +76,6 @@ BrandCard.propTypes = process.env.NODE_ENV !== "production" ? {
   image: _propTypes.default.string.isRequired,
   maintenance: _propTypes.default.bool
 } : {};
-var _default = exports.default = BrandCard;
+var _default = BrandCard;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_link","_picture","_description","_style","e","__esModule","default","BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","createElement","className","style","lockWrapper","NovaSolidLoginLocked","lockIcon","height","wrapper","picture","src","descriptionWrapper","information","href","onClick","target","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","func","bool","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","style","lockWrapper","lockIcon","wrapper","picture","descriptionWrapper","information","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAEE,cAAA,CAAMC;EAAtB,gBACE,6BAAC,+BAAD;IAAU,SAAS,EAAED,cAAA,CAAME,QAA3B;IAAqC,MAAM,EAAE;EAA7C,EADF,CADiC,GAI/B,IAJJ;EAKA,oBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMJ;EAAtB,gBACE,6BAAC,gBAAD;IAAS,SAAS,EAAEI,cAAA,CAAMI,OAA1B;IAAmC,GAAG,EAAER;EAAxC,EADF,EAEGG,eAFH,eAGE,6BAAC,oBAAD;IAAa,WAAW,EAAEF,WAA1B;IAAuC,SAAS,EAAEG,cAAA,CAAMK;EAAxD,EAHF,CADF,eAME;IAAK,SAAS,EAAEL,cAAA,CAAMM,WAAtB;IAAmC,aAAY,QAAOhB,KAAM;EAA5D,gBACE,yCAAKA,KAAL,CADF,eAEE;IAAK,SAAS,EAAEU,cAAA,CAAMT;EAAtB,gBACE,6BAAC,aAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,OAAO,EAAEC,WAA/B;IAA4C,aAAY,QAAOH,KAAM;EAArE,GACGC,IADH,CADF,CAFF,eAOE;IAAK,SAAS,EAAES,cAAA,CAAMN,GAAtB;IAA2B,aAAY,OAAMJ,KAAM;EAAnD,gBACE,6BAAC,aAAD;IAAM,MAAM,EAAC,QAAb;IAAsB,IAAI,EAAEK;EAA5B,GACGD,GADH,CADF,CAPF,CANF,CADF;AAsBD,CAvCD;;AAyCAN,SAAS,CAACmB,SAAV,2CAAsB;EACpBjB,KAAK,EAAEkB,kBAAA,CAAUC,MAAV,CAAiBC,UADJ;EAEpBb,WAAW,EAAEW,kBAAA,CAAUC,MAFH;EAGpBlB,IAAI,EAAEiB,kBAAA,CAAUC,MAAV,CAAiBC,UAHH;EAIpBlB,QAAQ,EAAEgB,kBAAA,CAAUC,MAJA;EAKpBhB,WAAW,EAAEe,kBAAA,CAAUG,IALH;EAMpBjB,GAAG,EAAEc,kBAAA,CAAUC,MAAV,CAAiBC,UANF;EAOpBf,OAAO,EAAEa,kBAAA,CAAUC,MAPC;EAQpBb,KAAK,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UARJ;EASpBZ,WAAW,EAAEU,kBAAA,CAAUI;AATH,CAAtB;eAWexB,S"}

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

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const BrandCardCreate = props => {
   const {
     edit,
@@ -27,9 +33,11 @@ const BrandCardCreate = props => {
     href: editHref
   }, /*#__PURE__*/_react.default.createElement("span", null, edit))));
 };
+
 BrandCardCreate.propTypes = process.env.NODE_ENV !== "production" ? {
   edit: _propTypes.default.string.isRequired,
   editHref: _propTypes.default.string.isRequired
 } : {};
-var _default = exports.default = BrandCardCreate;
+var _default = BrandCardCreate;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_link","_style","e","__esModule","default","BrandCardCreate","props","edit","editHref","createElement","className","style","wrapper","circle1","circle2","circle3","href","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,IAAI;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAE9B,oBACEV,MAAA,CAAAQ,OAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAQ,gBAC5BhB,MAAA,CAAAQ,OAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAAQ,CAAE,CAAC,eACjCjB,MAAA,CAAAQ,OAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACG;EAAQ,CAAE,CAAC,eACjClB,MAAA,CAAAQ,OAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACI;EAAQ,CAAE,CAAC,eACjCnB,MAAA,CAAAQ,OAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACJ;EAAK,gBACzBX,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAI,OAAI;IAAC,aAAU,wBAAwB;IAACY,IAAI,EAAER;EAAS,gBACtDZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,eAAOF,IAAW,CACd,CACH,CACF,CAAC;AAEV,CAAC;AAEDF,eAAe,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1Bb,IAAI,EAAEc,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCf,QAAQ,EAAEa,kBAAS,CAACC,MAAM,CAACC;AAC7B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArB,OAAA,GACaC,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["BrandCardCreate","props","edit","editHref","style","wrapper","circle1","circle2","circle3","propTypes","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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAmBF,KAAzB;EAEA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,EADF,eAEE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,EAFF,eAGE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAEJ,cAAA,CAAMF;EAAtB,gBACE,6BAAC,aAAD;IAAM,aAAU,wBAAhB;IAAyC,IAAI,EAAEC;EAA/C,gBACE,2CAAOD,IAAP,CADF,CADF,CAJF,CADF;AAYD,CAfD;;AAiBAF,eAAe,CAACS,SAAhB,2CAA4B;EAC1BP,IAAI,EAAEQ,kBAAA,CAAUC,MAAV,CAAiBC,UADG;EAE1BT,QAAQ,EAAEO,kBAAA,CAAUC,MAAV,CAAiBC;AAFD,CAA5B;eAIeZ,e"}

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

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const BrandCreateForm = (props, context) => {
   const {
     title,
@@ -68,6 +78,7 @@ const BrandCreateForm = (props, context) => {
     onInput: handleChange
   }), field.label)), actionView));
 };
+
 BrandCreateForm.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -87,5 +98,6 @@ BrandCreateForm.propTypes = process.env.NODE_ENV !== "production" ? {
   isPending: _propTypes.default.bool,
   isModified: _propTypes.default.bool
 } : {};
-var _default = exports.default = BrandCreateForm;
+var _default = BrandCreateForm;
+exports.default = _default;
 //# sourceMappingURL=index.js.map