@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/es/atom/input-readonly/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
+
 const InputReadonly = props => {
   const {
     title,
@@ -17,6 +18,7 @@ const InputReadonly = props => {
     className: style.description
   }, description));
 };
+
 InputReadonly.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   value: PropTypes.string,

package/es/atom/input-readonly/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","InputReadonly","props","title","value","description","createElement","className","wrapper","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/atom/input-readonly/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst InputReadonly = props => {\n  const {title, value, description} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.value}>{value}</div>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputReadonly.propTypes = {\n  title: PropTypes.string.isRequired,\n  value: PropTypes.string,\n  description: PropTypes.string\n};\nexport default InputReadonly;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IAACC,KAAK;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAEzC,oBACEJ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ;EAAQ,gBAC5BV,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACG;EAAM,GAAEA,KAAW,CAAC,eAC1CL,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACI;EAAM,GAAEA,KAAW,CAAC,eAC1CN,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACK;EAAY,GAAEA,WAAiB,CAClD,CAAC;AAEV,CAAC;AAEDJ,aAAa,CAACQ,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxBT,KAAK,EAAEJ,SAAS,CAACc,MAAM,CAACC,UAAU;EAClCV,KAAK,EAAEL,SAAS,CAACc,MAAM;EACvBR,WAAW,EAAEN,SAAS,CAACc;AACzB,CAAC;AACD,eAAeZ,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","InputReadonly","props","title","value","description","wrapper","propTypes","string","isRequired"],"sources":["../../../src/atom/input-readonly/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst InputReadonly = props => {\n  const {title, value, description} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.value}>{value}</div>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputReadonly.propTypes = {\n  title: PropTypes.string.isRequired,\n  value: PropTypes.string,\n  description: PropTypes.string\n};\nexport default InputReadonly;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC;EAAf,IAA8BH,KAApC;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACG;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,GAA8BA,KAA9B,CAFF,eAGE;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAtB,GAAoCA,WAApC,CAHF,CADF;AAOD,CAVD;;AAYAJ,aAAa,CAACM,SAAd,2CAA0B;EACxBJ,KAAK,EAAEJ,SAAS,CAACS,MAAV,CAAiBC,UADA;EAExBL,KAAK,EAAEL,SAAS,CAACS,MAFO;EAGxBH,WAAW,EAAEN,SAAS,CAACS;AAHC,CAA1B;AAKA,eAAeP,aAAf"}

package/es/atom/input-search/index.js

@@ -6,6 +6,7 @@ import classnames from 'classnames';
 import { NovaCompositionCoorpacademySearchThin as CMSearchIcon, NovaCompositionCoorpacademySearch as SearchIcon, NovaSolidStatusClose as CloseIcon } from '@coorpacademy/nova-icons';
 import Provider from '../provider';
 import style from './style.css';
+
 const Search = props => {
   const {
     value,
@@ -51,6 +52,7 @@ const Search = props => {
     className: style.clearIcon
   }) : null);
 };
+
 Search.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/atom/input-search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionCoorpacademySearchThin","CMSearchIcon","NovaCompositionCoorpacademySearch","SearchIcon","NovaSolidStatusClose","CloseIcon","Provider","style","Search","props","value","placeholder","onChange","_noop","onClear","onFocus","onBlur","theme","dataTestId","handleChange","e","target","cmStyle","coorpmanager","isDefaultTheme","createElement","className","wrapperSearch","htmlFor","title","searchIcon","_isEmpty","noValue","search","type","name","id","onInput","onClick","clearIcon","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","func","oneOf"],"sources":["../../../src/atom/input-search/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademySearchThin as CMSearchIcon,\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {noop, isEmpty} from 'lodash/fp';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst Search = props => {\n  const {\n    value,\n    placeholder,\n    onChange = noop,\n    onClear = noop,\n    onFocus,\n    onBlur,\n    theme = 'default',\n    dataTestId\n  } = props;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const cmStyle = classnames(style.coorpmanager);\n  const isDefaultTheme = theme === 'default';\n\n  return (\n    <div className={isDefaultTheme ? style.wrapperSearch : cmStyle}>\n      <label htmlFor=\"search\" title={placeholder}>\n        {!isDefaultTheme ? (\n          <CMSearchIcon className={style.searchIcon} />\n        ) : (\n          <SearchIcon className={style.searchIcon} />\n        )}\n        {!isDefaultTheme ? (\n          <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n            {placeholder}\n          </span>\n        ) : null}\n      </label>\n      <input\n        data-name=\"search-input\"\n        data-testid={dataTestId}\n        className={style.search}\n        aria-label={placeholder}\n        type=\"text\"\n        name=\"search\"\n        id=\"search\"\n        placeholder={placeholder}\n        title={placeholder}\n        value={value}\n        onInput={handleChange}\n        onFocus={onFocus}\n        onChange={noop}\n        onBlur={onBlur}\n      />\n      {value && !isDefaultTheme ? (\n        <CloseIcon onClick={onClear} className={style.clearIcon} />\n      ) : null}\n    </div>\n  );\n};\n\nSearch.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearch.propTypes = {\n  value: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n  onClear: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  theme: PropTypes.oneOf(['default', 'coorpmanager']),\n  dataTestId: PropTypes.string\n};\n\nexport default Search;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,qCAAqC,IAAIC,YAAY,EACrDC,iCAAiC,IAAIC,UAAU,EAC/CC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AAEjC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,QAAQ,GAAAC,KAAO;IACfC,OAAO,GAAAD,KAAO;IACdE,OAAO;IACPC,MAAM;IACNC,KAAK,GAAG,SAAS;IACjBC;EACF,CAAC,GAAGT,KAAK;EACT,MAAMU,YAAY,GAAGtB,OAAO,CAAC,MAAMuB,CAAC,IAAIR,QAAQ,CAACQ,CAAC,CAACC,MAAM,CAACX,KAAK,CAAC,EAAE,CAACE,QAAQ,CAAC,CAAC;EAC7E,MAAMU,OAAO,GAAGvB,UAAU,CAACQ,KAAK,CAACgB,YAAY,CAAC;EAC9C,MAAMC,cAAc,GAAGP,KAAK,KAAK,SAAS;EAE1C,oBACErB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEF,cAAc,GAAGjB,KAAK,CAACoB,aAAa,GAAGL;EAAQ,gBAC7D1B,KAAA,CAAA6B,aAAA;IAAOG,OAAO,EAAC,QAAQ;IAACC,KAAK,EAAElB;EAAY,GACxC,CAACa,cAAc,gBACd5B,KAAA,CAAA6B,aAAA,CAACxB,YAAY;IAACyB,SAAS,EAAEnB,KAAK,CAACuB;EAAW,CAAE,CAAC,gBAE7ClC,KAAA,CAAA6B,aAAA,CAACtB,UAAU;IAACuB,SAAS,EAAEnB,KAAK,CAACuB;EAAW,CAAE,CAC3C,EACA,CAACN,cAAc,gBACd5B,KAAA,CAAA6B,aAAA;IAAMC,SAAS,EAAE3B,UAAU,CAACQ,KAAK,CAACsB,KAAK,EAAEE,QAAA,CAAQrB,KAAK,CAAC,IAAIH,KAAK,CAACyB,OAAO;EAAE,GACvErB,WACG,CAAC,GACL,IACC,CAAC,eACRf,KAAA,CAAA6B,aAAA;IACE,aAAU,cAAc;IACxB,eAAaP,UAAW;IACxBQ,SAAS,EAAEnB,KAAK,CAAC0B,MAAO;IACxB,cAAYtB,WAAY;IACxBuB,IAAI,EAAC,MAAM;IACXC,IAAI,EAAC,QAAQ;IACbC,EAAE,EAAC,QAAQ;IACXzB,WAAW,EAAEA,WAAY;IACzBkB,KAAK,EAAElB,WAAY;IACnBD,KAAK,EAAEA,KAAM;IACb2B,OAAO,EAAElB,YAAa;IACtBJ,OAAO,EAAEA,OAAQ;IACjBH,QAAQ,EAAAC,KAAO;IACfG,MAAM,EAAEA;EAAO,CAChB,CAAC,EACDN,KAAK,IAAI,CAACc,cAAc,gBACvB5B,KAAA,CAAA6B,aAAA,CAACpB,SAAS;IAACiC,OAAO,EAAExB,OAAQ;IAACY,SAAS,EAAEnB,KAAK,CAACgC;EAAU,CAAE,CAAC,GACzD,IACD,CAAC;AAEV,CAAC;AAED/B,MAAM,CAACgC,YAAY,GAAG;EACpBC,IAAI,EAAEnC,QAAQ,CAACoC,iBAAiB,CAACD;AACnC,CAAC;AAEDjC,MAAM,CAACmC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBpC,KAAK,EAAEZ,SAAS,CAACiD,MAAM;EACvBpC,WAAW,EAAEb,SAAS,CAACiD,MAAM,CAACC,UAAU;EACxCpC,QAAQ,EAAEd,SAAS,CAACmD,IAAI;EACxBnC,OAAO,EAAEhB,SAAS,CAACmD,IAAI;EACvBlC,OAAO,EAAEjB,SAAS,CAACmD,IAAI;EACvBjC,MAAM,EAAElB,SAAS,CAACmD,IAAI;EACtBhC,KAAK,EAAEnB,SAAS,CAACoD,KAAK,CAAC,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;EACnDhC,UAAU,EAAEpB,SAAS,CAACiD;AACxB,CAAC;AAED,eAAevC,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionCoorpacademySearchThin","CMSearchIcon","NovaCompositionCoorpacademySearch","SearchIcon","NovaSolidStatusClose","CloseIcon","Provider","style","Search","props","value","placeholder","onChange","onClear","onFocus","onBlur","theme","dataTestId","handleChange","e","target","cmStyle","coorpmanager","isDefaultTheme","wrapperSearch","searchIcon","title","noValue","search","clearIcon","contextTypes","skin","childContextTypes","propTypes","string","isRequired","func","oneOf"],"sources":["../../../src/atom/input-search/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademySearchThin as CMSearchIcon,\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {noop, isEmpty} from 'lodash/fp';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst Search = props => {\n  const {\n    value,\n    placeholder,\n    onChange = noop,\n    onClear = noop,\n    onFocus,\n    onBlur,\n    theme = 'default',\n    dataTestId\n  } = props;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const cmStyle = classnames(style.coorpmanager);\n  const isDefaultTheme = theme === 'default';\n\n  return (\n    <div className={isDefaultTheme ? style.wrapperSearch : cmStyle}>\n      <label htmlFor=\"search\" title={placeholder}>\n        {!isDefaultTheme ? (\n          <CMSearchIcon className={style.searchIcon} />\n        ) : (\n          <SearchIcon className={style.searchIcon} />\n        )}\n        {!isDefaultTheme ? (\n          <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n            {placeholder}\n          </span>\n        ) : null}\n      </label>\n      <input\n        data-name=\"search-input\"\n        data-testid={dataTestId}\n        className={style.search}\n        aria-label={placeholder}\n        type=\"text\"\n        name=\"search\"\n        id=\"search\"\n        placeholder={placeholder}\n        title={placeholder}\n        value={value}\n        onInput={handleChange}\n        onFocus={onFocus}\n        onChange={noop}\n        onBlur={onBlur}\n      />\n      {value && !isDefaultTheme ? (\n        <CloseIcon onClick={onClear} className={style.clearIcon} />\n      ) : null}\n    </div>\n  );\n};\n\nSearch.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearch.propTypes = {\n  value: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n  onClear: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  theme: PropTypes.oneOf(['default', 'coorpmanager']),\n  dataTestId: PropTypes.string\n};\n\nexport default Search;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,qCAAqC,IAAIC,YAD3C,EAEEC,iCAAiC,IAAIC,UAFvC,EAGEC,oBAAoB,IAAIC,SAH1B,QAIO,0BAJP;AAMA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,KADI;IAEJC,WAFI;IAGJC,QAAQ,QAHJ;IAIJC,OAAO,QAJH;IAKJC,OALI;IAMJC,MANI;IAOJC,KAAK,GAAG,SAPJ;IAQJC;EARI,IASFR,KATJ;EAUA,MAAMS,YAAY,GAAGrB,OAAO,CAAC,MAAMsB,CAAC,IAAIP,QAAQ,CAACO,CAAC,CAACC,MAAF,CAASV,KAAV,CAApB,EAAsC,CAACE,QAAD,CAAtC,CAA5B;EACA,MAAMS,OAAO,GAAGtB,UAAU,CAACQ,KAAK,CAACe,YAAP,CAA1B;EACA,MAAMC,cAAc,GAAGP,KAAK,KAAK,SAAjC;EAEA,oBACE;IAAK,SAAS,EAAEO,cAAc,GAAGhB,KAAK,CAACiB,aAAT,GAAyBH;EAAvD,gBACE;IAAO,OAAO,EAAC,QAAf;IAAwB,KAAK,EAAEV;EAA/B,GACG,CAACY,cAAD,gBACC,oBAAC,YAAD;IAAc,SAAS,EAAEhB,KAAK,CAACkB;EAA/B,EADD,gBAGC,oBAAC,UAAD;IAAY,SAAS,EAAElB,KAAK,CAACkB;EAA7B,EAJJ,EAMG,CAACF,cAAD,gBACC;IAAM,SAAS,EAAExB,UAAU,CAACQ,KAAK,CAACmB,KAAP,EAAc,SAAQhB,KAAR,KAAkBH,KAAK,CAACoB,OAAtC;EAA3B,GACGhB,WADH,CADD,GAIG,IAVN,CADF,eAaE;IACE,aAAU,cADZ;IAEE,eAAaM,UAFf;IAGE,SAAS,EAAEV,KAAK,CAACqB,MAHnB;IAIE,cAAYjB,WAJd;IAKE,IAAI,EAAC,MALP;IAME,IAAI,EAAC,QANP;IAOE,EAAE,EAAC,QAPL;IAQE,WAAW,EAAEA,WARf;IASE,KAAK,EAAEA,WATT;IAUE,KAAK,EAAED,KAVT;IAWE,OAAO,EAAEQ,YAXX;IAYE,OAAO,EAAEJ,OAZX;IAaE,QAAQ,OAbV;IAcE,MAAM,EAAEC;EAdV,EAbF,EA6BGL,KAAK,IAAI,CAACa,cAAV,gBACC,oBAAC,SAAD;IAAW,OAAO,EAAEV,OAApB;IAA6B,SAAS,EAAEN,KAAK,CAACsB;EAA9C,EADD,GAEG,IA/BN,CADF;AAmCD,CAlDD;;AAoDArB,MAAM,CAACsB,YAAP,GAAsB;EACpBC,IAAI,EAAEzB,QAAQ,CAAC0B,iBAAT,CAA2BD;AADb,CAAtB;AAIAvB,MAAM,CAACyB,SAAP,2CAAmB;EACjBvB,KAAK,EAAEZ,SAAS,CAACoC,MADA;EAEjBvB,WAAW,EAAEb,SAAS,CAACoC,MAAV,CAAiBC,UAFb;EAGjBvB,QAAQ,EAAEd,SAAS,CAACsC,IAHH;EAIjBvB,OAAO,EAAEf,SAAS,CAACsC,IAJF;EAKjBtB,OAAO,EAAEhB,SAAS,CAACsC,IALF;EAMjBrB,MAAM,EAAEjB,SAAS,CAACsC,IAND;EAOjBpB,KAAK,EAAElB,SAAS,CAACuC,KAAV,CAAgB,CAAC,SAAD,EAAY,cAAZ,CAAhB,CAPU;EAQjBpB,UAAU,EAAEnB,SAAS,CAACoC;AARL,CAAnB;AAWA,eAAe1B,MAAf"}

package/es/atom/input-switch/index.js

@@ -1,10 +1,13 @@
 import _uniqueId from "lodash/fp/uniqueId";
 import _noop from "lodash/fp/noop";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import getClassState from '../../util/get-class-state';
 import style from './style.css';
+
 const InputSwitch = props => {
   const {
     title,
@@ -23,7 +26,9 @@ const InputSwitch = props => {
     'aria-labelledby': ariaLabelledBy,
     'aria-label': ariaLabel
   } = props;
+
   const idSwitch = id || _uniqueId('input-switch-');
+
   const isDisabled = disabled ? 'disabled' : '';
   const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);
   const titleView = title ? /*#__PURE__*/React.createElement("span", {
@@ -33,6 +38,7 @@ const InputSwitch = props => {
   const descriptionView = description ? /*#__PURE__*/React.createElement("div", {
     className: style.description
   }, description) : null;
+
   const getClass = () => {
     switch (theme) {
       case 'coorpmanager':
@@ -40,11 +46,13 @@ const InputSwitch = props => {
           defaultClass: style.coorpmanager,
           modifiedClass: style.coorpmanagerModified
         };
+
       case 'mooc':
         return {
           defaultClass: style.partielUncheck,
           modifiedClass: style.coorpmanagerModified
         };
+
       default:
         return {
           defaultClass: style.default,
@@ -52,6 +60,7 @@ const InputSwitch = props => {
         };
     }
   };
+
   const {
     defaultClass,
     modifiedClass
@@ -91,6 +100,7 @@ const InputSwitch = props => {
     className: style.detailsTxt
   }, details) : null), descriptionView);
 };
+
 InputSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   name: PropTypes.string,

package/es/atom/input-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","_noop","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","_uniqueId","isDisabled","handleChange","e","target","checked","titleView","createElement","className","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","btnSwitchContainer","_extends","type","checkbox","htmlFor","tabIndex","alignedTextContainer","detailsTxt","propTypes","process","env","NODE_ENV","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? (\n    <span id={`title-view-${dataName}`} className={style.title}>\n      {`${title} `}{' '}\n    </span>\n  ) : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.default, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n            {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n            {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label\n            htmlFor={idSwitch}\n            data-name=\"input-switch-label\"\n            tabIndex={0}\n            aria-label={ariaLabel}\n            title={ariaLabel}\n          />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  'aria-label': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","isDisabled","handleChange","e","target","checked","titleView","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? (\n    <span id={`title-view-${dataName}`} className={style.title}>\n      {`${title} `}{' '}\n    </span>\n  ) : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.default, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n            {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n            {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label\n            htmlFor={idSwitch}\n            data-name=\"input-switch-label\"\n            tabIndex={0}\n            aria-label={ariaLabel}\n            title={ariaLabel}\n          />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  'aria-label': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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"}

package/es/atom/input-text/index.js

@@ -14,6 +14,7 @@ const themeStyle = {
   cockpit: style.cockpit,
   default: style.default
 };
+
 const InputText = props => {
   const {
     autoFocus = false,
@@ -48,8 +49,7 @@ const InputText = props => {
     className: style.descriptionLabel
   }, description)) : null;
   const hintView = theme === 'coorpmanager' ? /*#__PURE__*/React.createElement("div", {
-    className: style.hint
-    // eslint-disable-next-line react/no-danger
+    className: style.hint // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: error || hint
@@ -81,6 +81,7 @@ const InputText = props => {
     "aria-label": ariaLabel
   }), errorIconView, validIconView, hintView), descriptionView);
 };
+
 InputText.propTypes = process.env.NODE_ENV !== "production" ? {
   autoFocus: PropTypes.bool,
   title: PropTypes.string,

package/es/atom/input-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","_noop","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isNil","isNoTitle","_isEmpty","noValue","name","input","autoComplete","onInput","propTypes","process","env","NODE_ENV","bool","string","oneOf","_keys","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    type = 'text',\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    modified = false,\n    title: propsTitle,\n    'data-name': dataName = 'input-text',\n    'aria-label': ariaLabel = 'Input Text'\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type={type}\n          name={propsTitle}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  type: PropTypes.string,\n  valid: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputText;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","bool","string","oneOf","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    type = 'text',\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    modified = false,\n    title: propsTitle,\n    'data-name': dataName = 'input-text',\n    'aria-label': ariaLabel = 'Input Text'\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type={type}\n          name={propsTitle}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  type: PropTypes.string,\n  valid: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputText;\n"],"mappings":"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"}

package/es/atom/input-text-with-title/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import InputText from '../input-text';
 import style from './style.css';
+
 const InputTextWithTitle = props => {
   const {
     inputText,
@@ -20,9 +21,9 @@ const InputTextWithTitle = props => {
     className: inputTextClass
   }, /*#__PURE__*/React.createElement(InputText, inputText)));
 };
+
 InputTextWithTitle.propTypes = process.env.NODE_ENV !== "production" ? {
-  inputText: PropTypes.shape({
-    ...InputText.propTypes,
+  inputText: PropTypes.shape({ ...InputText.propTypes,
     theme: PropTypes.string,
     size: PropTypes.string
   }),

package/es/atom/input-text-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","InputText","style","InputTextWithTitle","props","inputText","title","dataName","ariaLabel","inputTextClass","size","smallInputText","defaultInputText","createElement","className","container","propTypes","process","env","NODE_ENV","shape","theme","string"],"sources":["../../../src/atom/input-text-with-title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../input-text';\nimport style from './style.css';\n\nconst InputTextWithTitle = props => {\n  const {inputText, title, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const inputTextClass = inputText.size === 'small' ? style.smallInputText : style.defaultInputText;\n\n  return (\n    <div className={style.container} data-name={dataName} aria-label={ariaLabel}>\n      {title ? <span className={style.title}>{title}</span> : null}\n      <div className={inputTextClass}>\n        <InputText {...inputText} />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTitle.propTypes = {\n  inputText: PropTypes.shape({\n    ...InputText.propTypes,\n    theme: PropTypes.string,\n    size: PropTypes.string\n  }),\n  title: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputTextWithTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,SAAS;IAAEC,KAAK;IAAE,WAAW,EAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGJ,KAAK;EAChF,MAAMK,cAAc,GAAGJ,SAAS,CAACK,IAAI,KAAK,OAAO,GAAGR,KAAK,CAACS,cAAc,GAAGT,KAAK,CAACU,gBAAgB;EAEjG,oBACEb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACa,SAAU;IAAC,aAAWR,QAAS;IAAC,cAAYC;EAAU,GACzEF,KAAK,gBAAGP,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAEZ,KAAK,CAACI;EAAM,GAAEA,KAAY,CAAC,GAAG,IAAI,eAC5DP,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEL;EAAe,gBAC7BV,KAAA,CAAAc,aAAA,CAACZ,SAAS,EAAKI,SAAY,CACxB,CACF,CAAC;AAEV,CAAC;AAEDF,kBAAkB,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC7Bd,SAAS,EAAEL,SAAS,CAACoB,KAAK,CAAC;IACzB,GAAGnB,SAAS,CAACe,SAAS;IACtBK,KAAK,EAAErB,SAAS,CAACsB,MAAM;IACvBZ,IAAI,EAAEV,SAAS,CAACsB;EAClB,CAAC,CAAC;EACFhB,KAAK,EAAEN,SAAS,CAACsB,MAAM;EACvB,YAAY,EAAEtB,SAAS,CAACsB,MAAM;EAC9B,WAAW,EAAEtB,SAAS,CAACsB;AACzB,CAAC;AACD,eAAenB,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","InputText","style","InputTextWithTitle","props","inputText","title","dataName","ariaLabel","inputTextClass","size","smallInputText","defaultInputText","container","propTypes","shape","theme","string"],"sources":["../../../src/atom/input-text-with-title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../input-text';\nimport style from './style.css';\n\nconst InputTextWithTitle = props => {\n  const {inputText, title, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const inputTextClass = inputText.size === 'small' ? style.smallInputText : style.defaultInputText;\n\n  return (\n    <div className={style.container} data-name={dataName} aria-label={ariaLabel}>\n      {title ? <span className={style.title}>{title}</span> : null}\n      <div className={inputTextClass}>\n        <InputText {...inputText} />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTitle.propTypes = {\n  inputText: PropTypes.shape({\n    ...InputText.propTypes,\n    theme: PropTypes.string,\n    size: PropTypes.string\n  }),\n  title: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputTextWithTitle;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,eAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,SAAD;IAAYC,KAAZ;IAAmB,aAAaC,QAAhC;IAA0C,cAAcC;EAAxD,IAAqEJ,KAA3E;EACA,MAAMK,cAAc,GAAGJ,SAAS,CAACK,IAAV,KAAmB,OAAnB,GAA6BR,KAAK,CAACS,cAAnC,GAAoDT,KAAK,CAACU,gBAAjF;EAEA,oBACE;IAAK,SAAS,EAAEV,KAAK,CAACW,SAAtB;IAAiC,aAAWN,QAA5C;IAAsD,cAAYC;EAAlE,GACGF,KAAK,gBAAG;IAAM,SAAS,EAAEJ,KAAK,CAACI;EAAvB,GAA+BA,KAA/B,CAAH,GAAkD,IAD1D,eAEE;IAAK,SAAS,EAAEG;EAAhB,gBACE,oBAAC,SAAD,EAAeJ,SAAf,CADF,CAFF,CADF;AAQD,CAZD;;AAcAF,kBAAkB,CAACW,SAAnB,2CAA+B;EAC7BT,SAAS,EAAEL,SAAS,CAACe,KAAV,CAAgB,EACzB,GAAGd,SAAS,CAACa,SADY;IAEzBE,KAAK,EAAEhB,SAAS,CAACiB,MAFQ;IAGzBP,IAAI,EAAEV,SAAS,CAACiB;EAHS,CAAhB,CADkB;EAM7BX,KAAK,EAAEN,SAAS,CAACiB,MANY;EAO7B,cAAcjB,SAAS,CAACiB,MAPK;EAQ7B,aAAajB,SAAS,CAACiB;AARM,CAA/B;AAUA,eAAed,kBAAf"}

package/es/atom/input-textarea/index.js

@@ -13,6 +13,7 @@ const themeStyle = {
   cockpit: style.cockpit,
   default: style.default
 };
+
 const InputTextarea = props => {
   const {
     title: propsTitle,
@@ -42,8 +43,7 @@ const InputTextarea = props => {
     className: style.descriptionLabel
   }, description)) : null;
   const hintView = theme === 'coorpmanager' ? /*#__PURE__*/React.createElement("div", {
-    className: style.hint
-    // eslint-disable-next-line react/no-danger
+    className: style.hint // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: error || hint
@@ -68,6 +68,7 @@ const InputTextarea = props => {
     "data-testid": name
   }), errorIconView, validIconView, hintView), descriptionView);
 };
+
 InputTextarea.propTypes = process.env.NODE_ENV !== "production" ? {
   placeholder: PropTypes.string,
   title: PropTypes.string,

package/es/atom/input-textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop","error","valid","description","disabled","modified","mainClass","className","handleChange","e","target","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isEmpty","noValue","propTypes","process","env","NODE_ENV","string","oneOf","_keys","bool","func"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    hint,\n    theme = 'default',\n    onChange = noop,\n    error,\n    valid,\n    description,\n    disabled,\n    modified = false\n  } = props;\n\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div className={classnames(mainClass, className, disabled && style.disabled)}>\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          data-testid={name}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputTextarea;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","error","valid","description","disabled","modified","mainClass","className","handleChange","e","target","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","noValue","propTypes","string","oneOf","bool","func"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    hint,\n    theme = 'default',\n    onChange = noop,\n    error,\n    valid,\n    description,\n    disabled,\n    modified = false\n  } = props;\n\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div className={classnames(mainClass, className, disabled && style.disabled)}>\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          data-testid={name}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputTextarea;\n"],"mappings":"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"}

package/es/atom/label/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import style from './style.css';
+
 const Label = ({
   children,
   innerHtml = false
@@ -10,6 +11,7 @@ const Label = ({
     className: classnames(style.default, innerHtml ? style.innerHTML : null)
   }, children);
 };
+
 Label.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   innerHtml: PropTypes.bool

package/es/atom/label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","Label","children","innerHtml","createElement","className","default","innerHTML","propTypes","process","env","NODE_ENV","node","bool"],"sources":["../../../src/atom/label/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Label = ({children, innerHtml = false}) => {\n  return (\n    <span className={classnames(style.default, innerHtml ? style.innerHTML : null)}>\n      {children}\n    </span>\n  );\n};\n\nLabel.propTypes = {\n  children: PropTypes.node,\n  innerHtml: PropTypes.bool\n};\n\nexport default Label;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGA,CAAC;EAACC,QAAQ;EAAEC,SAAS,GAAG;AAAK,CAAC,KAAK;EAC/C,oBACEN,KAAA,CAAAO,aAAA;IAAMC,SAAS,EAAEN,UAAU,CAACC,KAAK,CAACM,OAAO,EAAEH,SAAS,GAAGH,KAAK,CAACO,SAAS,GAAG,IAAI;EAAE,GAC5EL,QACG,CAAC;AAEX,CAAC;AAEDD,KAAK,CAACO,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBT,QAAQ,EAAEJ,SAAS,CAACc,IAAI;EACxBT,SAAS,EAAEL,SAAS,CAACe;AACvB,CAAC;AAED,eAAeZ,KAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","Label","children","innerHtml","default","innerHTML","propTypes","node","bool"],"sources":["../../../src/atom/label/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Label = ({children, innerHtml = false}) => {\n  return (\n    <span className={classnames(style.default, innerHtml ? style.innerHTML : null)}>\n      {children}\n    </span>\n  );\n};\n\nLabel.propTypes = {\n  children: PropTypes.node,\n  innerHtml: PropTypes.bool\n};\n\nexport default Label;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAG,CAAC;EAACC,QAAD;EAAWC,SAAS,GAAG;AAAvB,CAAD,KAAmC;EAC/C,oBACE;IAAM,SAAS,EAAEJ,UAAU,CAACC,KAAK,CAACI,OAAP,EAAgBD,SAAS,GAAGH,KAAK,CAACK,SAAT,GAAqB,IAA9C;EAA3B,GACGH,QADH,CADF;AAKD,CAND;;AAQAD,KAAK,CAACK,SAAN,2CAAkB;EAChBJ,QAAQ,EAAEJ,SAAS,CAACS,IADJ;EAEhBJ,SAAS,EAAEL,SAAS,CAACU;AAFL,CAAlB;AAKA,eAAeP,KAAf"}

package/es/atom/life/index.js

@@ -15,6 +15,7 @@ const BOUNCES = {
   bounceTwice: cssStyle.bounceTwice,
   bounceAndPause: cssStyle.bounceAndPause
 };
+
 const Life = (props, context) => {
   const {
     skin
@@ -31,17 +32,22 @@ const Life = (props, context) => {
     className,
     style: customStyle
   } = props;
+
   const negativeColor = _get('common.negative', skin);
+
   const white = _get('common.white', skin);
+
   if (count === null) {
     return null;
   }
+
   const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {
     if (revival) return revivalStyle;
     if (failed && animated) return animatedFailedStyle;
     if (failed) return failedStyle;
     return successStyle;
   };
+
   const heartWrapper = failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;
   const bounceClass = bounce ? BOUNCES[bounce.type] : null;
   const heartCustomStyle = {
@@ -85,6 +91,7 @@ const Life = (props, context) => {
     }
   })));
 };
+
 Life.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/atom/life/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyBrokenHeart","HeartBrokenIcon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIconOutline","Provider","cssStyle","MODES","default","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","_get","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","createElement","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","color","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","shape","oneOf","string","_keys","number"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.default,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} style={{color: white}} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          style={{color: negativeColor}}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          style={{color: negativeColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyBrokenHeart","HeartBrokenIcon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIconOutline","Provider","cssStyle","MODES","default","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","color","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","childContextTypes","propTypes","bool","shape","oneOf","string","number"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.default,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} style={{color: white}} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          style={{color: negativeColor}}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          style={{color: negativeColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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"}

package/es/atom/link/index.js

@@ -1,10 +1,13 @@
 import _noop from "lodash/fp/noop";
 import _identity from "lodash/fp/identity";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useCallback, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../provider';
 import pushToHistory from '../../util/navigation';
+
 const Link = (props, legacyContext) => {
   const [hovered, setHovered] = useState(false);
   const {
@@ -42,8 +45,7 @@ const Link = (props, legacyContext) => {
     onClick(e);
     if (!download) navigate(e);
   }, [download, navigate, onClick]);
-  const style = {
-    ...customStyle,
+  const style = { ...customStyle,
     ...(hovered && hoverBackgroundColor ? {
       backgroundColor: hoverBackgroundColor
     } : undefined),
@@ -70,6 +72,7 @@ const Link = (props, legacyContext) => {
     onMouseLeave: handleMouseLeave
   }), children);
 };
+
 Link.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   className: PropTypes.string,