@coorpacademy/components 11.32.52-alpha.65 → 11.33.0

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

@@ -1,9 +1,7 @@
 import _debounce from "lodash/fp/debounce";
 import _get from "lodash/fp/get";
 import _isEmpty from "lodash/fp/isEmpty";
-
-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); }
-
+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); }
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { convert } from 'css-color-function';
@@ -11,7 +9,6 @@ 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,
@@ -29,41 +26,36 @@ 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();
@@ -92,9 +84,7 @@ 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", {
@@ -130,12 +120,10 @@ 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", {
@@ -176,7 +164,6 @@ 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","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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"}
+{"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":[]}

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

@@ -1,5 +1,4 @@
-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); }
-
+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); }
 import React, { useMemo } from 'react';
 import get from 'lodash/fp/get';
 import map from 'lodash/fp/map';
@@ -7,7 +6,6 @@ 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
 }) => {
@@ -19,7 +17,6 @@ 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","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"}
+{"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":[]}

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,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"}
+{"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":[]}

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

@@ -7,7 +7,6 @@ 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,
@@ -20,11 +19,8 @@ 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, {
@@ -43,7 +39,8 @@ 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
@@ -59,7 +56,6 @@ 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","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"}
+{"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":[]}

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

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import style from './description.css';
-
 const Description = (props, context) => {
   const {
     className,
@@ -19,7 +18,6 @@ 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","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"}
+{"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":[]}

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

@@ -5,7 +5,6 @@ import Link from '../../atom/link';
 import Picture from '../../atom/picture';
 import Description from './description';
 import style from './style.css';
-
 const BrandCard = props => {
   const {
     title,
@@ -51,7 +50,6 @@ 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","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"}
+{"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":[]}

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

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../../atom/link';
 import style from './style.css';
-
 const BrandCardCreate = props => {
   const {
     edit,
@@ -23,7 +22,6 @@ 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","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"}
+{"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":[]}

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

@@ -4,7 +4,6 @@ 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,
@@ -62,7 +61,6 @@ const BrandCreateForm = (props, context) => {
     onInput: handleChange
   }), field.label)), actionView));
 };
-
 BrandCreateForm.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","ButtonLink","Loader","Provider","style","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","modifiedWrapper","wrapper","fieldClass","default","disabled","onChange","handleChange","e","target","value","actionView","wait","loading","display","width","header","content","placeholder","label","contextTypes","childContextTypes","propTypes","string","isRequired","shape","func","bool"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n  const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n  const {translate} = context;\n  const waitMessage = translate('Wait_creation');\n\n  const wrapperClass =\n    isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n  const fieldClass = field.error ? style.error : style.default;\n  const disabled = isPending || !isModified;\n  const {onChange} = field;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const actionView = isPending ? (\n    <div>\n      <div className={style.wait}>{waitMessage}</div>\n      <div className={style.loading}>\n        <Loader />\n      </div>\n    </div>\n  ) : (\n    <div>\n      <ButtonLink\n        type=\"primary\"\n        data-name=\"brand_create_submit_button\"\n        usage=\"submit\"\n        customStyle={{\n          display: 'inline-block',\n          width: 'fit-content'\n        }}\n        disabled={disabled}\n        label={submitValue}\n      />\n    </div>\n  );\n\n  return (\n    <div className={wrapperClass}>\n      <div className={style.header}>\n        <h1>{title}</h1>\n      </div>\n      <form className={style.content} onSubmit={onSubmit}>\n        <h2>{subtitle}</h2>\n        <div className={style.description}>{description}</div>\n        <div className={fieldClass}>\n          <label>\n            <input\n              type=\"text\"\n              maxLength=\"40\"\n              data-name=\"brand_create_text_input\"\n              placeholder={field.placeholder}\n              defaultValue={field.value}\n              onInput={handleChange}\n            />\n            {field.label}\n          </label>\n        </div>\n        {actionView}\n      </form>\n    </div>\n  );\n};\n\nBrandCreateForm.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  field: PropTypes.shape({\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    error: PropTypes.string,\n    value: PropTypes.string\n  }).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,eAAe,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC1C,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,WAAlB;IAA+BC,KAA/B;IAAsCC,QAAtC;IAAgDC,WAAhD;IAA6DC,SAA7D;IAAwEC;EAAxE,IAAsFT,KAA5F;EACA,MAAM;IAACU;EAAD,IAAcT,OAApB;EACA,MAAMU,WAAW,GAAGD,SAAS,CAAC,eAAD,CAA7B;EAEA,MAAME,YAAY,GAChBH,UAAU,IAAID,SAAd,IAA2BH,KAAK,CAACQ,KAAjC,GAAyCf,KAAK,CAACgB,eAA/C,GAAiEhB,KAAK,CAACiB,OADzE;EAEA,MAAMC,UAAU,GAAGX,KAAK,CAACQ,KAAN,GAAcf,KAAK,CAACe,KAApB,GAA4Bf,KAAK,CAACmB,OAArD;EACA,MAAMC,QAAQ,GAAGV,SAAS,IAAI,CAACC,UAA/B;EACA,MAAM;IAACU;EAAD,IAAad,KAAnB;EACA,MAAMe,YAAY,GAAG3B,OAAO,CAAC,MAAM4B,CAAC,IAAIF,QAAQ,CAACE,CAAC,CAACC,MAAF,CAASC,KAAV,CAApB,EAAsC,CAACJ,QAAD,CAAtC,CAA5B;EAEA,MAAMK,UAAU,GAAGhB,SAAS,gBAC1B,8CACE;IAAK,SAAS,EAAEV,KAAK,CAAC2B;EAAtB,GAA6Bd,WAA7B,CADF,eAEE;IAAK,SAAS,EAAEb,KAAK,CAAC4B;EAAtB,gBACE,oBAAC,MAAD,OADF,CAFF,CAD0B,gBAQ1B,8CACE,oBAAC,UAAD;IACE,IAAI,EAAC,SADP;IAEE,aAAU,4BAFZ;IAGE,KAAK,EAAC,QAHR;IAIE,WAAW,EAAE;MACXC,OAAO,EAAE,cADE;MAEXC,KAAK,EAAE;IAFI,CAJf;IAQE,QAAQ,EAAEV,QARZ;IASE,KAAK,EAAEX;EATT,EADF,CARF;EAuBA,oBACE;IAAK,SAAS,EAAEK;EAAhB,gBACE;IAAK,SAAS,EAAEd,KAAK,CAAC+B;EAAtB,gBACE,gCAAK3B,KAAL,CADF,CADF,eAIE;IAAM,SAAS,EAAEJ,KAAK,CAACgC,OAAvB;IAAgC,QAAQ,EAAExB;EAA1C,gBACE,gCAAKH,QAAL,CADF,eAEE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,GAAoCA,WAApC,CAFF,eAGE;IAAK,SAAS,EAAEY;EAAhB,gBACE,gDACE;IACE,IAAI,EAAC,MADP;IAEE,SAAS,EAAC,IAFZ;IAGE,aAAU,yBAHZ;IAIE,WAAW,EAAEX,KAAK,CAAC0B,WAJrB;IAKE,YAAY,EAAE1B,KAAK,CAACkB,KALtB;IAME,OAAO,EAAEH;EANX,EADF,EASGf,KAAK,CAAC2B,KATT,CADF,CAHF,EAgBGR,UAhBH,CAJF,CADF;AAyBD,CA5DD;;AA8DAzB,eAAe,CAACkC,YAAhB,GAA+B;EAC7BvB,SAAS,EAAEb,QAAQ,CAACqC,iBAAT,CAA2BxB;AADT,CAA/B;AAIAX,eAAe,CAACoC,SAAhB,2CAA4B;EAC1BjC,KAAK,EAAER,SAAS,CAAC0C,MAAV,CAAiBC,UADE;EAE1BlC,QAAQ,EAAET,SAAS,CAAC0C,MAAV,CAAiBC,UAFD;EAG1BjC,WAAW,EAAEV,SAAS,CAAC0C,MAAV,CAAiBC,UAHJ;EAI1BhC,KAAK,EAAEX,SAAS,CAAC4C,KAAV,CAAgB;IACrBP,WAAW,EAAErC,SAAS,CAAC0C,MAAV,CAAiBC,UADT;IAErBL,KAAK,EAAEtC,SAAS,CAAC0C,MAAV,CAAiBC,UAFH;IAGrBlB,QAAQ,EAAEzB,SAAS,CAAC6C,IAAV,CAAeF,UAHJ;IAIrBxB,KAAK,EAAEnB,SAAS,CAAC0C,MAJI;IAKrBb,KAAK,EAAE7B,SAAS,CAAC0C;EALI,CAAhB,EAMJC,UAVuB;EAW1B/B,QAAQ,EAAEZ,SAAS,CAAC6C,IAAV,CAAeF,UAXC;EAY1B9B,WAAW,EAAEb,SAAS,CAAC0C,MAAV,CAAiBC,UAZJ;EAa1B7B,SAAS,EAAEd,SAAS,CAAC8C,IAbK;EAc1B/B,UAAU,EAAEf,SAAS,CAAC8C;AAdI,CAA5B;AAiBA,eAAezC,eAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","ButtonLink","Loader","Provider","style","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","modifiedWrapper","wrapper","fieldClass","default","disabled","onChange","handleChange","e","target","value","actionView","createElement","className","wait","loading","type","usage","customStyle","display","width","label","header","content","maxLength","placeholder","defaultValue","onInput","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","shape","func","bool"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n  const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n  const {translate} = context;\n  const waitMessage = translate('Wait_creation');\n\n  const wrapperClass =\n    isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n  const fieldClass = field.error ? style.error : style.default;\n  const disabled = isPending || !isModified;\n  const {onChange} = field;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const actionView = isPending ? (\n    <div>\n      <div className={style.wait}>{waitMessage}</div>\n      <div className={style.loading}>\n        <Loader />\n      </div>\n    </div>\n  ) : (\n    <div>\n      <ButtonLink\n        type=\"primary\"\n        data-name=\"brand_create_submit_button\"\n        usage=\"submit\"\n        customStyle={{\n          display: 'inline-block',\n          width: 'fit-content'\n        }}\n        disabled={disabled}\n        label={submitValue}\n      />\n    </div>\n  );\n\n  return (\n    <div className={wrapperClass}>\n      <div className={style.header}>\n        <h1>{title}</h1>\n      </div>\n      <form className={style.content} onSubmit={onSubmit}>\n        <h2>{subtitle}</h2>\n        <div className={style.description}>{description}</div>\n        <div className={fieldClass}>\n          <label>\n            <input\n              type=\"text\"\n              maxLength=\"40\"\n              data-name=\"brand_create_text_input\"\n              placeholder={field.placeholder}\n              defaultValue={field.value}\n              onInput={handleChange}\n            />\n            {field.label}\n          </label>\n        </div>\n        {actionView}\n      </form>\n    </div>\n  );\n};\n\nBrandCreateForm.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  field: PropTypes.shape({\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    error: PropTypes.string,\n    value: PropTypes.string\n  }).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/brand-download-box/index.js

@@ -5,7 +5,6 @@ import { NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon } from '@co
 import ButtonLink from '../../atom/button-link';
 import Provider from '../../atom/provider';
 import style from './style.css';
-
 const BrandDownloadBox = (props, context) => {
   const {
     title = '',
@@ -18,9 +17,7 @@ const BrandDownloadBox = (props, context) => {
   const {
     skin
   } = context;
-
   const negativeColor = _get('common.negative', skin);
-
   const type = warning ? /*#__PURE__*/React.createElement("div", {
     className: style.texts
   }, /*#__PURE__*/React.createElement(AlertIcon, {
@@ -55,7 +52,6 @@ const BrandDownloadBox = (props, context) => {
     }
   }));
 };
-
 BrandDownloadBox.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/brand-download-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertCircle","AlertIcon","ButtonLink","Provider","style","BrandDownloadBox","props","context","title","warning","description","href","onClick","submitValue","skin","negativeColor","type","texts","icon","color","titleTexts","wrapper","button","download","backgroundColor","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/brand-download-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport ButtonLink from '../../atom/button-link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandDownloadBox = (props, context) => {\n  const {title = '', warning = '', description = '', href = '', onClick, submitValue = ''} = props;\n  const {skin} = context;\n  const negativeColor = get('common.negative', skin);\n\n  const type = warning ? (\n    <div className={style.texts}>\n      <AlertIcon className={style.icon} style={{color: negativeColor}} />\n      <span className={style.warning}>{warning}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  ) : (\n    <div className={style.titleTexts}>\n      <span className={style.title}>{title}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  );\n\n  return (\n    <div className={style.wrapper}>\n      {type}\n      <ButtonLink\n        className={style.button}\n        link={{href, download: true}}\n        onClick={onClick}\n        label={submitValue}\n        customStyle={{backgroundColor: '#FFA000', color: 'white'}}\n      />\n    </div>\n  );\n};\n\nBrandDownloadBox.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandDownloadBox.propTypes = {\n  title: PropTypes.string,\n  warning: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  submitValue: PropTypes.string\n};\n\nexport default BrandDownloadBox;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,8CAA8C,IAAIC,SAA1D,QAA0E,0BAA1E;AAEA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC3C,MAAM;IAACC,KAAK,GAAG,EAAT;IAAaC,OAAO,GAAG,EAAvB;IAA2BC,WAAW,GAAG,EAAzC;IAA6CC,IAAI,GAAG,EAApD;IAAwDC,OAAxD;IAAiEC,WAAW,GAAG;EAA/E,IAAqFP,KAA3F;EACA,MAAM;IAACQ;EAAD,IAASP,OAAf;;EACA,MAAMQ,aAAa,GAAG,KAAI,iBAAJ,EAAuBD,IAAvB,CAAtB;;EAEA,MAAME,IAAI,GAAGP,OAAO,gBAClB;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAtB,gBACE,oBAAC,SAAD;IAAW,SAAS,EAAEb,KAAK,CAACc,IAA5B;IAAkC,KAAK,EAAE;MAACC,KAAK,EAAEJ;IAAR;EAAzC,EADF,eAEE;IAAM,SAAS,EAAEX,KAAK,CAACK;EAAvB,GAAiCA,OAAjC,CAFF,eAGE;IAAG,SAAS,EAAEL,KAAK,CAACM;EAApB,GAAkCA,WAAlC,CAHF,CADkB,gBAOlB;IAAK,SAAS,EAAEN,KAAK,CAACgB;EAAtB,gBACE;IAAM,SAAS,EAAEhB,KAAK,CAACI;EAAvB,GAA+BA,KAA/B,CADF,eAEE;IAAG,SAAS,EAAEJ,KAAK,CAACM;EAApB,GAAkCA,WAAlC,CAFF,CAPF;EAaA,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACiB;EAAtB,GACGL,IADH,eAEE,oBAAC,UAAD;IACE,SAAS,EAAEZ,KAAK,CAACkB,MADnB;IAEE,IAAI,EAAE;MAACX,IAAD;MAAOY,QAAQ,EAAE;IAAjB,CAFR;IAGE,OAAO,EAAEX,OAHX;IAIE,KAAK,EAAEC,WAJT;IAKE,WAAW,EAAE;MAACW,eAAe,EAAE,SAAlB;MAA6BL,KAAK,EAAE;IAApC;EALf,EAFF,CADF;AAYD,CA9BD;;AAgCAd,gBAAgB,CAACoB,YAAjB,GAAgC;EAC9BX,IAAI,EAAEX,QAAQ,CAACuB,iBAAT,CAA2BZ;AADH,CAAhC;AAIAT,gBAAgB,CAACsB,SAAjB,2CAA6B;EAC3BnB,KAAK,EAAET,SAAS,CAAC6B,MADU;EAE3BnB,OAAO,EAAEV,SAAS,CAAC6B,MAFQ;EAG3BlB,WAAW,EAAEX,SAAS,CAAC6B,MAHI;EAI3BjB,IAAI,EAAEZ,SAAS,CAAC6B,MAJW;EAK3BhB,OAAO,EAAEb,SAAS,CAAC8B,IALQ;EAM3BhB,WAAW,EAAEd,SAAS,CAAC6B;AANI,CAA7B;AASA,eAAevB,gBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertCircle","AlertIcon","ButtonLink","Provider","style","BrandDownloadBox","props","context","title","warning","description","href","onClick","submitValue","skin","negativeColor","_get","type","createElement","className","texts","icon","color","titleTexts","wrapper","button","link","download","label","customStyle","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../src/molecule/brand-download-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport ButtonLink from '../../atom/button-link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandDownloadBox = (props, context) => {\n  const {title = '', warning = '', description = '', href = '', onClick, submitValue = ''} = props;\n  const {skin} = context;\n  const negativeColor = get('common.negative', skin);\n\n  const type = warning ? (\n    <div className={style.texts}>\n      <AlertIcon className={style.icon} style={{color: negativeColor}} />\n      <span className={style.warning}>{warning}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  ) : (\n    <div className={style.titleTexts}>\n      <span className={style.title}>{title}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  );\n\n  return (\n    <div className={style.wrapper}>\n      {type}\n      <ButtonLink\n        className={style.button}\n        link={{href, download: true}}\n        onClick={onClick}\n        label={submitValue}\n        customStyle={{backgroundColor: '#FFA000', color: 'white'}}\n      />\n    </div>\n  );\n};\n\nBrandDownloadBox.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandDownloadBox.propTypes = {\n  title: PropTypes.string,\n  warning: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  submitValue: PropTypes.string\n};\n\nexport default BrandDownloadBox;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,8CAA8C,IAAIC,SAAS,QAAO,0BAA0B;AAEpG,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,gBAAgB,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC3C,MAAM;IAACC,KAAK,GAAG,EAAE;IAAEC,OAAO,GAAG,EAAE;IAAEC,WAAW,GAAG,EAAE;IAAEC,IAAI,GAAG,EAAE;IAAEC,OAAO;IAAEC,WAAW,GAAG;EAAE,CAAC,GAAGP,KAAK;EAChG,MAAM;IAACQ;EAAI,CAAC,GAAGP,OAAO;EACtB,MAAMQ,aAAa,GAAGC,IAAA,CAAI,iBAAiB,EAAEF,IAAI,CAAC;EAElD,MAAMG,IAAI,GAAGR,OAAO,gBAClBX,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB;EAAM,gBAC1BtB,KAAA,CAAAoB,aAAA,CAACjB,SAAS;IAACkB,SAAS,EAAEf,KAAK,CAACiB,IAAK;IAACjB,KAAK,EAAE;MAACkB,KAAK,EAAEP;IAAa;EAAE,CAAE,CAAC,eACnEjB,KAAA,CAAAoB,aAAA;IAAMC,SAAS,EAAEf,KAAK,CAACK;EAAQ,GAAEA,OAAc,CAAC,eAChDX,KAAA,CAAAoB,aAAA;IAAGC,SAAS,EAAEf,KAAK,CAACM;EAAY,GAAEA,WAAe,CAC9C,CAAC,gBAENZ,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACmB;EAAW,gBAC/BzB,KAAA,CAAAoB,aAAA;IAAMC,SAAS,EAAEf,KAAK,CAACI;EAAM,GAAEA,KAAY,CAAC,eAC5CV,KAAA,CAAAoB,aAAA;IAAGC,SAAS,EAAEf,KAAK,CAACM;EAAY,GAAEA,WAAe,CAC9C,CACN;EAED,oBACEZ,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACoB;EAAQ,GAC3BP,IAAI,eACLnB,KAAA,CAAAoB,aAAA,CAAChB,UAAU;IACTiB,SAAS,EAAEf,KAAK,CAACqB,MAAO;IACxBC,IAAI,EAAE;MAACf,IAAI;MAAEgB,QAAQ,EAAE;IAAI,CAAE;IAC7Bf,OAAO,EAAEA,OAAQ;IACjBgB,KAAK,EAAEf,WAAY;IACnBgB,WAAW,EAAE;MAACC,eAAe,EAAE,SAAS;MAAER,KAAK,EAAE;IAAO;EAAE,CAC3D,CACE,CAAC;AAEV,CAAC;AAEDjB,gBAAgB,CAAC0B,YAAY,GAAG;EAC9BjB,IAAI,EAAEX,QAAQ,CAAC6B,iBAAiB,CAAClB;AACnC,CAAC;AAEDT,gBAAgB,CAAC4B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC3B5B,KAAK,EAAET,SAAS,CAACsC,MAAM;EACvB5B,OAAO,EAAEV,SAAS,CAACsC,MAAM;EACzB3B,WAAW,EAAEX,SAAS,CAACsC,MAAM;EAC7B1B,IAAI,EAAEZ,SAAS,CAACsC,MAAM;EACtBzB,OAAO,EAAEb,SAAS,CAACuC,IAAI;EACvBzB,WAAW,EAAEd,SAAS,CAACsC;AACzB,CAAC;AAED,eAAehC,gBAAgB","ignoreList":[]}