@coorpacademy/components 11.32.52-alpha.65 → 11.33.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","hoverFill","style","buildBreadcrumbs","breadcrumb","index","title","href","buildLink","link","type","className","primary","secondary","Breadcrumbs","props","breadcrumbs","links","breadcrumbsList","map","linksList","wrapper","propTypes","arrayOf","shape","string","isRequired","children"],"sources":["../../../src/molecule/breadcrumbs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport {hoverFill} from '../../atom/button/hover-fill.css';\nimport style from './style.css';\n\nconst buildBreadcrumbs = (breadcrumb, index) => {\n  const {title, href} = breadcrumb;\n\n  if (!href) {\n    return (\n      <div className={style.breadcrumb} key={index}>\n        <span>{title}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.breadcrumb} key={index}>\n      <Link href={href}>{title}</Link>\n    </div>\n  );\n};\n\nconst buildLink = (link, index) => {\n  const {title, href, type} = link;\n\n  const className = type === 'primary' ? style.primary : style.secondary;\n\n  return (\n    <div className={className} key={index}>\n      <Link\n        data-name={`${snakeCase(title)}_link`}\n        className={hoverFill}\n        target=\"_blank\"\n        href={href}\n      >\n        {title}\n      </Link>\n    </div>\n  );\n};\n\nconst Breadcrumbs = props => {\n  const {breadcrumbs, links = []} = props;\n\n  const breadcrumbsList = breadcrumbs.map(buildBreadcrumbs);\n  const linksList = links.map(buildLink);\n\n  return (\n    <div className={style.wrapper}>\n      <div>{breadcrumbsList}</div>\n      <div>{linksList}</div>\n    </div>\n  );\n};\n\nBreadcrumbs.propTypes = {\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string\n    })\n  ),\n  links: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      href: Link.propTypes.href,\n      type: PropTypes.string\n    })\n  )\n};\nexport default Breadcrumbs;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,SAAQC,SAAR,QAAwB,kCAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,UAAD,EAAaC,KAAb,KAAuB;EAC9C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAgBH,UAAtB;;EAEA,IAAI,CAACG,IAAL,EAAW;IACT,oBACE;MAAK,SAAS,EAAEL,KAAK,CAACE,UAAtB;MAAkC,GAAG,EAAEC;IAAvC,gBACE,kCAAOC,KAAP,CADF,CADF;EAKD;;EAED,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACE,UAAtB;IAAkC,GAAG,EAAEC;EAAvC,gBACE,oBAAC,IAAD;IAAM,IAAI,EAAEE;EAAZ,GAAmBD,KAAnB,CADF,CADF;AAKD,CAhBD;;AAkBA,MAAME,SAAS,GAAG,CAACC,IAAD,EAAOJ,KAAP,KAAiB;EACjC,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcG;EAAd,IAAsBD,IAA5B;EAEA,MAAME,SAAS,GAAGD,IAAI,KAAK,SAAT,GAAqBR,KAAK,CAACU,OAA3B,GAAqCV,KAAK,CAACW,SAA7D;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,GAAG,EAAEN;EAAhC,gBACE,oBAAC,IAAD;IACE,aAAY,GAAE,WAAUC,KAAV,CAAiB,OADjC;IAEE,SAAS,EAAEL,SAFb;IAGE,MAAM,EAAC,QAHT;IAIE,IAAI,EAAEM;EAJR,GAMGD,KANH,CADF,CADF;AAYD,CAjBD;;AAmBA,MAAMQ,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,WAAD;IAAcC,KAAK,GAAG;EAAtB,IAA4BF,KAAlC;EAEA,MAAMG,eAAe,GAAGF,WAAW,CAACG,GAAZ,CAAgBhB,gBAAhB,CAAxB;EACA,MAAMiB,SAAS,GAAGH,KAAK,CAACE,GAAN,CAAUX,SAAV,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAtB,gBACE,iCAAMH,eAAN,CADF,eAEE,iCAAME,SAAN,CAFF,CADF;AAMD,CAZD;;AAcAN,WAAW,CAACQ,SAAZ,2CAAwB;EACtBN,WAAW,EAAEjB,SAAS,CAACwB,OAAV,CACXxB,SAAS,CAACyB,KAAV,CAAgB;IACdlB,KAAK,EAAEP,SAAS,CAAC0B,MAAV,CAAiBC,UADV;IAEdnB,IAAI,EAAER,SAAS,CAAC0B;EAFF,CAAhB,CADW,CADS;EAOtBR,KAAK,EAAElB,SAAS,CAACwB,OAAV,CACLxB,SAAS,CAACyB,KAAV,CAAgB;IACdlB,KAAK,EAAEN,IAAI,CAACsB,SAAL,CAAeK,QADR;IAEdpB,IAAI,EAAEP,IAAI,CAACsB,SAAL,CAAef,IAFP;IAGdG,IAAI,EAAEX,SAAS,CAAC0B;EAHF,CAAhB,CADK;AAPe,CAAxB;AAeA,eAAeX,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","hoverFill","style","buildBreadcrumbs","breadcrumb","index","title","href","createElement","className","key","buildLink","link","type","primary","secondary","_snakeCase","target","Breadcrumbs","props","breadcrumbs","links","breadcrumbsList","map","linksList","wrapper","propTypes","process","env","NODE_ENV","arrayOf","shape","string","isRequired","children"],"sources":["../../../src/molecule/breadcrumbs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport {hoverFill} from '../../atom/button/hover-fill.css';\nimport style from './style.css';\n\nconst buildBreadcrumbs = (breadcrumb, index) => {\n  const {title, href} = breadcrumb;\n\n  if (!href) {\n    return (\n      <div className={style.breadcrumb} key={index}>\n        <span>{title}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.breadcrumb} key={index}>\n      <Link href={href}>{title}</Link>\n    </div>\n  );\n};\n\nconst buildLink = (link, index) => {\n  const {title, href, type} = link;\n\n  const className = type === 'primary' ? style.primary : style.secondary;\n\n  return (\n    <div className={className} key={index}>\n      <Link\n        data-name={`${snakeCase(title)}_link`}\n        className={hoverFill}\n        target=\"_blank\"\n        href={href}\n      >\n        {title}\n      </Link>\n    </div>\n  );\n};\n\nconst Breadcrumbs = props => {\n  const {breadcrumbs, links = []} = props;\n\n  const breadcrumbsList = breadcrumbs.map(buildBreadcrumbs);\n  const linksList = links.map(buildLink);\n\n  return (\n    <div className={style.wrapper}>\n      <div>{breadcrumbsList}</div>\n      <div>{linksList}</div>\n    </div>\n  );\n};\n\nBreadcrumbs.propTypes = {\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string\n    })\n  ),\n  links: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      href: Link.propTypes.href,\n      type: PropTypes.string\n    })\n  )\n};\nexport default Breadcrumbs;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,SAAQC,SAAS,QAAO,kCAAkC;AAC1D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,gBAAgB,GAAGA,CAACC,UAAU,EAAEC,KAAK,KAAK;EAC9C,MAAM;IAACC,KAAK;IAAEC;EAAI,CAAC,GAAGH,UAAU;EAEhC,IAAI,CAACG,IAAI,EAAE;IACT,oBACET,KAAA,CAAAU,aAAA;MAAKC,SAAS,EAAEP,KAAK,CAACE,UAAW;MAACM,GAAG,EAAEL;IAAM,gBAC3CP,KAAA,CAAAU,aAAA,eAAOF,KAAY,CAChB,CAAC;EAEV;EAEA,oBACER,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACE,UAAW;IAACM,GAAG,EAAEL;EAAM,gBAC3CP,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACO,IAAI,EAAEA;EAAK,GAAED,KAAY,CAC5B,CAAC;AAEV,CAAC;AAED,MAAMK,SAAS,GAAGA,CAACC,IAAI,EAAEP,KAAK,KAAK;EACjC,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEM;EAAI,CAAC,GAAGD,IAAI;EAEhC,MAAMH,SAAS,GAAGI,IAAI,KAAK,SAAS,GAAGX,KAAK,CAACY,OAAO,GAAGZ,KAAK,CAACa,SAAS;EAEtE,oBACEjB,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEA,SAAU;IAACC,GAAG,EAAEL;EAAM,gBACpCP,KAAA,CAAAU,aAAA,CAACR,IAAI;IACH,aAAW,GAAGgB,UAAA,CAAUV,KAAK,CAAC,OAAQ;IACtCG,SAAS,EAAER,SAAU;IACrBgB,MAAM,EAAC,QAAQ;IACfV,IAAI,EAAEA;EAAK,GAEVD,KACG,CACH,CAAC;AAEV,CAAC;AAED,MAAMY,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,WAAW;IAAEC,KAAK,GAAG;EAAE,CAAC,GAAGF,KAAK;EAEvC,MAAMG,eAAe,GAAGF,WAAW,CAACG,GAAG,CAACpB,gBAAgB,CAAC;EACzD,MAAMqB,SAAS,GAAGH,KAAK,CAACE,GAAG,CAACZ,SAAS,CAAC;EAEtC,oBACEb,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACuB;EAAQ,gBAC5B3B,KAAA,CAAAU,aAAA,cAAMc,eAAqB,CAAC,eAC5BxB,KAAA,CAAAU,aAAA,cAAMgB,SAAe,CAClB,CAAC;AAEV,CAAC;AAEDN,WAAW,CAACQ,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBT,WAAW,EAAErB,SAAS,CAAC+B,OAAO,CAC5B/B,SAAS,CAACgC,KAAK,CAAC;IACdzB,KAAK,EAAEP,SAAS,CAACiC,MAAM,CAACC,UAAU;IAClC1B,IAAI,EAAER,SAAS,CAACiC;EAClB,CAAC,CACH,CAAC;EACDX,KAAK,EAAEtB,SAAS,CAAC+B,OAAO,CACtB/B,SAAS,CAACgC,KAAK,CAAC;IACdzB,KAAK,EAAEN,IAAI,CAAC0B,SAAS,CAACQ,QAAQ;IAC9B3B,IAAI,EAAEP,IAAI,CAAC0B,SAAS,CAACnB,IAAI;IACzBM,IAAI,EAAEd,SAAS,CAACiC;EAClB,CAAC,CACH;AACF,CAAC;AACD,eAAed,WAAW","ignoreList":[]}

package/es/molecule/bulk-infos/index.js

@@ -1,12 +1,10 @@
-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 from 'react';
 import { NovaSolidStatusCheckCircle2 as CheckIcon } from '@coorpacademy/nova-icons';
 import ButtonLink from '../../atom/button-link';
 import Loader from '../../atom/loader';
 import style from './style.css';
 import { propTypes } from './types';
-
 const buildIcon = progression => {
   if (progression === undefined) return null;
   if (progression === 100) return /*#__PURE__*/React.createElement("div", {
@@ -18,7 +16,6 @@ const buildIcon = progression => {
     theme: "coorpmanager"
   }));
 };
-
 const BulkInfos = ({
   mainText,
   subText,
@@ -49,7 +46,6 @@ const BulkInfos = ({
 }, /*#__PURE__*/React.createElement(ButtonLink, _extends({}, secondButtonLink, {
   className: style.button
 }))) : null));
-
 BulkInfos.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default BulkInfos;
 //# sourceMappingURL=index.js.map

package/es/molecule/bulk-infos/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaSolidStatusCheckCircle2","CheckIcon","ButtonLink","Loader","style","propTypes","buildIcon","progression","undefined","icon","loader","BulkInfos","mainText","subText","imageUrl","firstButtonLink","secondButtonLink","container","header","img","buttonsContainer","buttonContainer","button"],"sources":["../../../src/molecule/bulk-infos/index.tsx"],"sourcesContent":["import React from 'react';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\nimport {BulkInfosProps as Props, propTypes} from './types';\n\nconst buildIcon = (progression?: number) => {\n  if (progression === undefined) return null;\n  if (progression === 100)\n    return (\n      <div className={style.icon}>\n        <CheckIcon />\n      </div>\n    );\n  return (\n    <div className={style.loader}>\n      <Loader theme=\"coorpmanager\" />\n    </div>\n  );\n};\n\nconst BulkInfos = ({\n  mainText,\n  subText,\n  imageUrl,\n  progression,\n  firstButtonLink,\n  secondButtonLink\n}: Props) => (\n  <div className={style.container}>\n    <div className={style.header}>\n      {imageUrl && typeof imageUrl === 'string' ? (\n        <img className={style.img} src={imageUrl} aria-hidden=\"true\" />\n      ) : null}\n      {buildIcon(progression)}\n    </div>\n    <p className={style.mainText}>\n      {`${mainText} ${progression === undefined || progression === 100 ? '' : `${progression}%`}`}\n    </p>\n    <p className={style.subText}>{subText}</p>\n    <div className={style.buttonsContainer}>\n      {firstButtonLink ? (\n        <div className={style.buttonContainer}>\n          <ButtonLink {...firstButtonLink} className={style.button} />\n        </div>\n      ) : null}\n      {secondButtonLink ? (\n        <div className={style.buttonContainer}>\n          <ButtonLink {...secondButtonLink} className={style.button} />\n        </div>\n      ) : null}\n    </div>\n  </div>\n);\n\nBulkInfos.propTypes = propTypes;\n\nexport default BulkInfos;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,2BAA2B,IAAIC,SAAvC,QAAuD,0BAAvD;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAiCC,SAAjC,QAAiD,SAAjD;;AAEA,MAAMC,SAAS,GAAIC,WAAD,IAA0B;EAC1C,IAAIA,WAAW,KAAKC,SAApB,EAA+B,OAAO,IAAP;EAC/B,IAAID,WAAW,KAAK,GAApB,EACE,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACK;EAAtB,gBACE,oBAAC,SAAD,OADF,CADF;EAKF,oBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE,oBAAC,MAAD;IAAQ,KAAK,EAAC;EAAd,EADF,CADF;AAKD,CAbD;;AAeA,MAAMC,SAAS,GAAG,CAAC;EACjBC,QADiB;EAEjBC,OAFiB;EAGjBC,QAHiB;EAIjBP,WAJiB;EAKjBQ,eALiB;EAMjBC;AANiB,CAAD,kBAQhB;EAAK,SAAS,EAAEZ,KAAK,CAACa;AAAtB,gBACE;EAAK,SAAS,EAAEb,KAAK,CAACc;AAAtB,GACGJ,QAAQ,IAAI,OAAOA,QAAP,KAAoB,QAAhC,gBACC;EAAK,SAAS,EAAEV,KAAK,CAACe,GAAtB;EAA2B,GAAG,EAAEL,QAAhC;EAA0C,eAAY;AAAtD,EADD,GAEG,IAHN,EAIGR,SAAS,CAACC,WAAD,CAJZ,CADF,eAOE;EAAG,SAAS,EAAEH,KAAK,CAACQ;AAApB,GACI,GAAEA,QAAS,IAAGL,WAAW,KAAKC,SAAhB,IAA6BD,WAAW,KAAK,GAA7C,GAAmD,EAAnD,GAAyD,GAAEA,WAAY,GAAG,EAD5F,CAPF,eAUE;EAAG,SAAS,EAAEH,KAAK,CAACS;AAApB,GAA8BA,OAA9B,CAVF,eAWE;EAAK,SAAS,EAAET,KAAK,CAACgB;AAAtB,GACGL,eAAe,gBACd;EAAK,SAAS,EAAEX,KAAK,CAACiB;AAAtB,gBACE,oBAAC,UAAD,eAAgBN,eAAhB;EAAiC,SAAS,EAAEX,KAAK,CAACkB;AAAlD,GADF,CADc,GAIZ,IALN,EAMGN,gBAAgB,gBACf;EAAK,SAAS,EAAEZ,KAAK,CAACiB;AAAtB,gBACE,oBAAC,UAAD,eAAgBL,gBAAhB;EAAkC,SAAS,EAAEZ,KAAK,CAACkB;AAAnD,GADF,CADe,GAIb,IAVN,CAXF,CARF;;AAkCAX,SAAS,CAACN,SAAV,2CAAsBA,SAAtB;AAEA,eAAeM,SAAf"}
+{"version":3,"file":"index.js","names":["React","NovaSolidStatusCheckCircle2","CheckIcon","ButtonLink","Loader","style","propTypes","buildIcon","progression","undefined","createElement","className","icon","loader","theme","BulkInfos","mainText","subText","imageUrl","firstButtonLink","secondButtonLink","container","header","img","src","buttonsContainer","buttonContainer","_extends","button","process","env","NODE_ENV"],"sources":["../../../src/molecule/bulk-infos/index.tsx"],"sourcesContent":["import React from 'react';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\nimport {BulkInfosProps as Props, propTypes} from './types';\n\nconst buildIcon = (progression?: number) => {\n  if (progression === undefined) return null;\n  if (progression === 100)\n    return (\n      <div className={style.icon}>\n        <CheckIcon />\n      </div>\n    );\n  return (\n    <div className={style.loader}>\n      <Loader theme=\"coorpmanager\" />\n    </div>\n  );\n};\n\nconst BulkInfos = ({\n  mainText,\n  subText,\n  imageUrl,\n  progression,\n  firstButtonLink,\n  secondButtonLink\n}: Props) => (\n  <div className={style.container}>\n    <div className={style.header}>\n      {imageUrl && typeof imageUrl === 'string' ? (\n        <img className={style.img} src={imageUrl} aria-hidden=\"true\" />\n      ) : null}\n      {buildIcon(progression)}\n    </div>\n    <p className={style.mainText}>\n      {`${mainText} ${progression === undefined || progression === 100 ? '' : `${progression}%`}`}\n    </p>\n    <p className={style.subText}>{subText}</p>\n    <div className={style.buttonsContainer}>\n      {firstButtonLink ? (\n        <div className={style.buttonContainer}>\n          <ButtonLink {...firstButtonLink} className={style.button} />\n        </div>\n      ) : null}\n      {secondButtonLink ? (\n        <div className={style.buttonContainer}>\n          <ButtonLink {...secondButtonLink} className={style.button} />\n        </div>\n      ) : null}\n    </div>\n  </div>\n);\n\nBulkInfos.propTypes = propTypes;\n\nexport default BulkInfos;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,2BAA2B,IAAIC,SAAS,QAAO,0BAA0B;AACjF,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAAiCC,SAAS,QAAO,SAAS;AAE1D,MAAMC,SAAS,GAAIC,WAAoB,IAAK;EAC1C,IAAIA,WAAW,KAAKC,SAAS,EAAE,OAAO,IAAI;EAC1C,IAAID,WAAW,KAAK,GAAG,EACrB,oBACER,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACO;EAAK,gBACzBZ,KAAA,CAAAU,aAAA,CAACR,SAAS,MAAE,CACT,CAAC;EAEV,oBACEF,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACQ;EAAO,gBAC3Bb,KAAA,CAAAU,aAAA,CAACN,MAAM;IAACU,KAAK,EAAC;EAAc,CAAE,CAC3B,CAAC;AAEV,CAAC;AAED,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRV,WAAW;EACXW,eAAe;EACfC;AACK,CAAC,kBACNpB,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAEN,KAAK,CAACgB;AAAU,gBAC9BrB,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAEN,KAAK,CAACiB;AAAO,GAC1BJ,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,gBACvClB,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAEN,KAAK,CAACkB,GAAI;EAACC,GAAG,EAAEN,QAAS;EAAC,eAAY;AAAM,CAAE,CAAC,GAC7D,IAAI,EACPX,SAAS,CAACC,WAAW,CACnB,CAAC,eACNR,KAAA,CAAAU,aAAA;EAAGC,SAAS,EAAEN,KAAK,CAACW;AAAS,GAC1B,GAAGA,QAAQ,IAAIR,WAAW,KAAKC,SAAS,IAAID,WAAW,KAAK,GAAG,GAAG,EAAE,GAAG,GAAGA,WAAW,GAAG,EACxF,CAAC,eACJR,KAAA,CAAAU,aAAA;EAAGC,SAAS,EAAEN,KAAK,CAACY;AAAQ,GAAEA,OAAW,CAAC,eAC1CjB,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAEN,KAAK,CAACoB;AAAiB,GACpCN,eAAe,gBACdnB,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAEN,KAAK,CAACqB;AAAgB,gBACpC1B,KAAA,CAAAU,aAAA,CAACP,UAAU,EAAAwB,QAAA,KAAKR,eAAe;EAAER,SAAS,EAAEN,KAAK,CAACuB;AAAO,EAAE,CACxD,CAAC,GACJ,IAAI,EACPR,gBAAgB,gBACfpB,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAEN,KAAK,CAACqB;AAAgB,gBACpC1B,KAAA,CAAAU,aAAA,CAACP,UAAU,EAAAwB,QAAA,KAAKP,gBAAgB;EAAET,SAAS,EAAEN,KAAK,CAACuB;AAAO,EAAE,CACzD,CAAC,GACJ,IACD,CACF,CACN;AAEDb,SAAS,CAACT,SAAS,GAAAuB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGzB,SAAS;AAE/B,eAAeS,SAAS","ignoreList":[]}

package/es/molecule/bulk-infos/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","progression","number","firstButtonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func","secondButtonLink"],"sources":["../../../src/molecule/bulk-infos/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  progression: PropTypes.number,\n  firstButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type BulkInfosProps = {\n  mainText: string;\n  subText: string;\n  imageUrl?: PropTypes.InferProps<typeof Picture.propTypes.src>;\n  progression?: number;\n  firstButtonLink?: ButtonLinkProps;\n  secondButtonLink?: ButtonLinkProps;\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,OAAP,MAAoB,oBAApB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MADG;EAEvBC,OAAO,EAAEL,SAAS,CAACI,MAFI;EAGvBE,QAAQ,EAAEL,OAAO,CAACC,SAAR,CAAkBK,GAHL;EAIvBC,WAAW,EAAER,SAAS,CAACS,MAJA;EAKvBC,eAAe,EAAEV,SAAS,CAACW,KAAV,CAAgB;IAC/BC,IAAI,EAAEZ,SAAS,CAACI,MADe;IAE/BS,KAAK,EAAEb,SAAS,CAACI,MAFc;IAG/BU,SAAS,EAAEd,SAAS,CAACI,MAHU;IAI/BW,QAAQ,EAAEf,SAAS,CAACI,MAJW;IAK/BY,IAAI,EAAEhB,SAAS,CAACW,KAAV,CAAgB;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MADA;MAEpBQ,IAAI,EAAEZ,SAAS,CAACI;IAFI,CAAhB,CALyB;IAS/Bc,OAAO,EAAElB,SAAS,CAACmB;EATY,CAAhB,CALM;EAgBvBC,gBAAgB,EAAEpB,SAAS,CAACW,KAAV,CAAgB;IAChCC,IAAI,EAAEZ,SAAS,CAACI,MADgB;IAEhCS,KAAK,EAAEb,SAAS,CAACI,MAFe;IAGhCU,SAAS,EAAEd,SAAS,CAACI,MAHW;IAIhCW,QAAQ,EAAEf,SAAS,CAACI,MAJY;IAKhCY,IAAI,EAAEhB,SAAS,CAACW,KAAV,CAAgB;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MADA;MAEpBQ,IAAI,EAAEZ,SAAS,CAACI;IAFI,CAAhB,CAL0B;IAShCc,OAAO,EAAElB,SAAS,CAACmB;EATa,CAAhB;AAhBK,CAAlB"}
+{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","progression","number","firstButtonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func","secondButtonLink"],"sources":["../../../src/molecule/bulk-infos/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  progression: PropTypes.number,\n  firstButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type BulkInfosProps = {\n  mainText: string;\n  subText: string;\n  imageUrl?: PropTypes.InferProps<typeof Picture.propTypes.src>;\n  progression?: number;\n  firstButtonLink?: ButtonLinkProps;\n  secondButtonLink?: ButtonLinkProps;\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAOC,OAAO,MAAM,oBAAoB;AAExC,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MAAM;EAC1BC,OAAO,EAAEL,SAAS,CAACI,MAAM;EACzBE,QAAQ,EAAEL,OAAO,CAACC,SAAS,CAACK,GAAG;EAC/BC,WAAW,EAAER,SAAS,CAACS,MAAM;EAC7BC,eAAe,EAAEV,SAAS,CAACW,KAAK,CAAC;IAC/BC,IAAI,EAAEZ,SAAS,CAACI,MAAM;IACtBS,KAAK,EAAEb,SAAS,CAACI,MAAM;IACvBU,SAAS,EAAEd,SAAS,CAACI,MAAM;IAC3BW,QAAQ,EAAEf,SAAS,CAACI,MAAM;IAC1BY,IAAI,EAAEhB,SAAS,CAACW,KAAK,CAAC;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MAAM;MAC1BQ,IAAI,EAAEZ,SAAS,CAACI;IAClB,CAAC,CAAC;IACFc,OAAO,EAAElB,SAAS,CAACmB;EACrB,CAAC,CAAC;EACFC,gBAAgB,EAAEpB,SAAS,CAACW,KAAK,CAAC;IAChCC,IAAI,EAAEZ,SAAS,CAACI,MAAM;IACtBS,KAAK,EAAEb,SAAS,CAACI,MAAM;IACvBU,SAAS,EAAEd,SAAS,CAACI,MAAM;IAC3BW,QAAQ,EAAEf,SAAS,CAACI,MAAM;IAC1BY,IAAI,EAAEhB,SAAS,CAACW,KAAK,CAAC;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MAAM;MAC1BQ,IAAI,EAAEZ,SAAS,CAACI;IAClB,CAAC,CAAC;IACFc,OAAO,EAAElB,SAAS,CAACmB;EACrB,CAAC;AACH,CAAC","ignoreList":[]}

package/es/molecule/bulk-progress-bar/index.js

@@ -13,7 +13,6 @@ const STATUS = {
   inProgress: 'inProgress',
   fail: 'fail'
 };
-
 const renderStatusIcon = (status, progress) => {
   if (status === STATUS.inProgress) return /*#__PURE__*/React.createElement("div", {
     role: "status",
@@ -25,20 +24,16 @@ const renderStatusIcon = (status, progress) => {
     icon: status === STATUS.fail ? 'invalid' : 'valid'
   }));
 };
-
 const resolveProgressBarColor = status => {
   switch (status) {
     case STATUS.fail:
       return cm_negative_100;
-
     case STATUS.inProgress:
       return cm_primary_blue;
-
     default:
       return cm_positive_100;
   }
 };
-
 const BulkProgressBar = props => {
   const {
     'data-name': dataName,
@@ -60,7 +55,6 @@ const BulkProgressBar = props => {
     displayInfo: false
   }), renderStatusIcon(status, progress));
 };
-
 BulkProgressBar.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default BulkProgressBar;
 //# sourceMappingURL=index.js.map

package/es/molecule/bulk-progress-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ProgressBar","StatusItem","COLORS","style","propTypes","negative","cm_negative_100","cm_primary_blue","positive","cm_positive_100","STATUS","inProgress","fail","renderStatusIcon","status","progress","progressText","statusItemWrapper","resolveProgressBarColor","BulkProgressBar","props","dataName","container","progressBar","backgroundColor","borderRadius"],"sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"sourcesContent":["import React from 'react';\nimport ProgressBar from '../progress-bar';\nimport StatusItem from '../../atom/status-item';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport {Props, propTypes, Status} from './types';\n\nconst {negative: cm_negative_100, cm_primary_blue, positive: cm_positive_100} = COLORS;\n\nconst STATUS = {\n  inProgress: 'inProgress',\n  fail: 'fail'\n};\n\nconst renderStatusIcon = (status: Status, progress: number) => {\n  if (status === STATUS.inProgress)\n    return <div role=\"status\" className={style.progressText}>{`${progress} %`}</div>;\n  return (\n    <div className={style.statusItemWrapper}>\n      <StatusItem icon={status === STATUS.fail ? 'invalid' : 'valid'} />\n    </div>\n  );\n};\n\nconst resolveProgressBarColor = (status: Status) => {\n  switch (status) {\n    case STATUS.fail:\n      return cm_negative_100;\n    case STATUS.inProgress:\n      return cm_primary_blue;\n    default:\n      return cm_positive_100;\n  }\n};\n\nconst BulkProgressBar = (props: Props) => {\n  const {'data-name': dataName, status, progress} = props;\n\n  return (\n    <div className={style.container} data-name={dataName}>\n      <ProgressBar\n        className={style.progressBar}\n        value={progress}\n        max={100}\n        steps={0}\n        style={{backgroundColor: resolveProgressBarColor(status), borderRadius: '10px'}}\n        displayInfo={false}\n      />\n      {renderStatusIcon(status, progress)}\n    </div>\n  );\n};\n\nBulkProgressBar.propTypes = propTypes;\n\nexport default BulkProgressBar;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,SAAQC,MAAR,QAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAeC,SAAf,QAAuC,SAAvC;AAEA,MAAM;EAACC,QAAQ,EAAEC,eAAX;EAA4BC,eAA5B;EAA6CC,QAAQ,EAAEC;AAAvD,IAA0EP,MAAhF;AAEA,MAAMQ,MAAM,GAAG;EACbC,UAAU,EAAE,YADC;EAEbC,IAAI,EAAE;AAFO,CAAf;;AAKA,MAAMC,gBAAgB,GAAG,CAACC,MAAD,EAAiBC,QAAjB,KAAsC;EAC7D,IAAID,MAAM,KAAKJ,MAAM,CAACC,UAAtB,EACE,oBAAO;IAAK,IAAI,EAAC,QAAV;IAAmB,SAAS,EAAER,KAAK,CAACa;EAApC,GAAoD,GAAED,QAAS,IAA/D,CAAP;EACF,oBACE;IAAK,SAAS,EAAEZ,KAAK,CAACc;EAAtB,gBACE,oBAAC,UAAD;IAAY,IAAI,EAAEH,MAAM,KAAKJ,MAAM,CAACE,IAAlB,GAAyB,SAAzB,GAAqC;EAAvD,EADF,CADF;AAKD,CARD;;AAUA,MAAMM,uBAAuB,GAAIJ,MAAD,IAAoB;EAClD,QAAQA,MAAR;IACE,KAAKJ,MAAM,CAACE,IAAZ;MACE,OAAON,eAAP;;IACF,KAAKI,MAAM,CAACC,UAAZ;MACE,OAAOJ,eAAP;;IACF;MACE,OAAOE,eAAP;EANJ;AAQD,CATD;;AAWA,MAAMU,eAAe,GAAIC,KAAD,IAAkB;EACxC,MAAM;IAAC,aAAaC,QAAd;IAAwBP,MAAxB;IAAgCC;EAAhC,IAA4CK,KAAlD;EAEA,oBACE;IAAK,SAAS,EAAEjB,KAAK,CAACmB,SAAtB;IAAiC,aAAWD;EAA5C,gBACE,oBAAC,WAAD;IACE,SAAS,EAAElB,KAAK,CAACoB,WADnB;IAEE,KAAK,EAAER,QAFT;IAGE,GAAG,EAAE,GAHP;IAIE,KAAK,EAAE,CAJT;IAKE,KAAK,EAAE;MAACS,eAAe,EAAEN,uBAAuB,CAACJ,MAAD,CAAzC;MAAmDW,YAAY,EAAE;IAAjE,CALT;IAME,WAAW,EAAE;EANf,EADF,EASGZ,gBAAgB,CAACC,MAAD,EAASC,QAAT,CATnB,CADF;AAaD,CAhBD;;AAkBAI,eAAe,CAACf,SAAhB,2CAA4BA,SAA5B;AAEA,eAAee,eAAf"}
+{"version":3,"file":"index.js","names":["React","ProgressBar","StatusItem","COLORS","style","propTypes","negative","cm_negative_100","cm_primary_blue","positive","cm_positive_100","STATUS","inProgress","fail","renderStatusIcon","status","progress","createElement","role","className","progressText","statusItemWrapper","icon","resolveProgressBarColor","BulkProgressBar","props","dataName","container","progressBar","value","max","steps","backgroundColor","borderRadius","displayInfo","process","env","NODE_ENV"],"sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"sourcesContent":["import React from 'react';\nimport ProgressBar from '../progress-bar';\nimport StatusItem from '../../atom/status-item';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport {Props, propTypes, Status} from './types';\n\nconst {negative: cm_negative_100, cm_primary_blue, positive: cm_positive_100} = COLORS;\n\nconst STATUS = {\n  inProgress: 'inProgress',\n  fail: 'fail'\n};\n\nconst renderStatusIcon = (status: Status, progress: number) => {\n  if (status === STATUS.inProgress)\n    return <div role=\"status\" className={style.progressText}>{`${progress} %`}</div>;\n  return (\n    <div className={style.statusItemWrapper}>\n      <StatusItem icon={status === STATUS.fail ? 'invalid' : 'valid'} />\n    </div>\n  );\n};\n\nconst resolveProgressBarColor = (status: Status) => {\n  switch (status) {\n    case STATUS.fail:\n      return cm_negative_100;\n    case STATUS.inProgress:\n      return cm_primary_blue;\n    default:\n      return cm_positive_100;\n  }\n};\n\nconst BulkProgressBar = (props: Props) => {\n  const {'data-name': dataName, status, progress} = props;\n\n  return (\n    <div className={style.container} data-name={dataName}>\n      <ProgressBar\n        className={style.progressBar}\n        value={progress}\n        max={100}\n        steps={0}\n        style={{backgroundColor: resolveProgressBarColor(status), borderRadius: '10px'}}\n        displayInfo={false}\n      />\n      {renderStatusIcon(status, progress)}\n    </div>\n  );\n};\n\nBulkProgressBar.propTypes = propTypes;\n\nexport default BulkProgressBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAAeC,SAAS,QAAe,SAAS;AAEhD,MAAM;EAACC,QAAQ,EAAEC,eAAe;EAAEC,eAAe;EAAEC,QAAQ,EAAEC;AAAe,CAAC,GAAGP,MAAM;AAEtF,MAAMQ,MAAM,GAAG;EACbC,UAAU,EAAE,YAAY;EACxBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAACC,MAAc,EAAEC,QAAgB,KAAK;EAC7D,IAAID,MAAM,KAAKJ,MAAM,CAACC,UAAU,EAC9B,oBAAOZ,KAAA,CAAAiB,aAAA;IAAKC,IAAI,EAAC,QAAQ;IAACC,SAAS,EAAEf,KAAK,CAACgB;EAAa,GAAE,GAAGJ,QAAQ,IAAU,CAAC;EAClF,oBACEhB,KAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAEf,KAAK,CAACiB;EAAkB,gBACtCrB,KAAA,CAAAiB,aAAA,CAACf,UAAU;IAACoB,IAAI,EAAEP,MAAM,KAAKJ,MAAM,CAACE,IAAI,GAAG,SAAS,GAAG;EAAQ,CAAE,CAC9D,CAAC;AAEV,CAAC;AAED,MAAMU,uBAAuB,GAAIR,MAAc,IAAK;EAClD,QAAQA,MAAM;IACZ,KAAKJ,MAAM,CAACE,IAAI;MACd,OAAON,eAAe;IACxB,KAAKI,MAAM,CAACC,UAAU;MACpB,OAAOJ,eAAe;IACxB;MACE,OAAOE,eAAe;EAC1B;AACF,CAAC;AAED,MAAMc,eAAe,GAAIC,KAAY,IAAK;EACxC,MAAM;IAAC,WAAW,EAAEC,QAAQ;IAAEX,MAAM;IAAEC;EAAQ,CAAC,GAAGS,KAAK;EAEvD,oBACEzB,KAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAEf,KAAK,CAACuB,SAAU;IAAC,aAAWD;EAAS,gBACnD1B,KAAA,CAAAiB,aAAA,CAAChB,WAAW;IACVkB,SAAS,EAAEf,KAAK,CAACwB,WAAY;IAC7BC,KAAK,EAAEb,QAAS;IAChBc,GAAG,EAAE,GAAI;IACTC,KAAK,EAAE,CAAE;IACT3B,KAAK,EAAE;MAAC4B,eAAe,EAAET,uBAAuB,CAACR,MAAM,CAAC;MAAEkB,YAAY,EAAE;IAAM,CAAE;IAChFC,WAAW,EAAE;EAAM,CACpB,CAAC,EACDpB,gBAAgB,CAACC,MAAM,EAAEC,QAAQ,CAC/B,CAAC;AAEV,CAAC;AAEDQ,eAAe,CAACnB,SAAS,GAAA8B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGhC,SAAS;AAErC,eAAemB,eAAe","ignoreList":[]}

package/es/molecule/bulk-progress-bar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","propTypes","string","status","oneOf","isRequired","progress","number"],"sources":["../../../src/molecule/bulk-progress-bar/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  'data-name': PropTypes.string,\n  status: PropTypes.oneOf(['success', 'inProgress', 'fail']).isRequired,\n  progress: PropTypes.number.isRequired\n};\n\nexport type Status = 'inProgress' | 'fail' | 'success';\n\nexport type Props = {\n  'data-name': string;\n  status: Status;\n  progress: number;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvB,aAAaD,SAAS,CAACE,MADA;EAEvBC,MAAM,EAAEH,SAAS,CAACI,KAAV,CAAgB,CAAC,SAAD,EAAY,YAAZ,EAA0B,MAA1B,CAAhB,EAAmDC,UAFpC;EAGvBC,QAAQ,EAAEN,SAAS,CAACO,MAAV,CAAiBF;AAHJ,CAAlB"}
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","string","status","oneOf","isRequired","progress","number"],"sources":["../../../src/molecule/bulk-progress-bar/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  'data-name': PropTypes.string,\n  status: PropTypes.oneOf(['success', 'inProgress', 'fail']).isRequired,\n  progress: PropTypes.number.isRequired\n};\n\nexport type Status = 'inProgress' | 'fail' | 'success';\n\nexport type Props = {\n  'data-name': string;\n  status: Status;\n  progress: number;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAO,MAAMC,SAAS,GAAG;EACvB,WAAW,EAAED,SAAS,CAACE,MAAM;EAC7BC,MAAM,EAAEH,SAAS,CAACI,KAAK,CAAC,CAAC,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC,CAACC,UAAU;EACrEC,QAAQ,EAAEN,SAAS,CAACO,MAAM,CAACF;AAC7B,CAAC","ignoreList":[]}

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

@@ -5,7 +5,6 @@ import ButtonLinkIcon from '../../atom/button-link-icon';
 import ButtonMenu from '../../atom/button-menu';
 import propTypes from './types';
 import style from './style.css';
-
 const BulletPointMenuButton = props => {
   const {
     disabled = false,
@@ -23,7 +22,6 @@ const BulletPointMenuButton = props => {
   }, [onClick]);
   useEffect(() => {
     const handleMouseDown = () => setVisible(false);
-
     document.addEventListener('mousedown', handleMouseDown);
     return () => {
       document.removeEventListener('mousedown', handleMouseDown);
@@ -52,7 +50,6 @@ const BulletPointMenuButton = props => {
     "data-name": "bullet-point-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLinkIcon, bulletPointButtonProps), menu);
 };
-
 BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default BulletPointMenuButton;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useEffect","classnames","ButtonLinkIcon","ButtonMenu","propTypes","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","menuButtonClassName","isBulkMenu","visible","setVisible","handleOnClick","handleMouseDown","document","addEventListener","removeEventListener","menuProps","menu","bulletPointMenu","bulkBulletPointMenu","bulletPointButtonProps","size","icon","className","bulletPointWrapper"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useEffect} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick = noop,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu\n  } = props;\n  const [visible, setVisible] = useState(false);\n\n  const handleOnClick = useCallback(() => {\n    onClick();\n    setVisible(true);\n  }, [onClick]);\n\n  useEffect(() => {\n    const handleMouseDown = () => setVisible(false);\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => {\n      document.removeEventListener('mousedown', handleMouseDown);\n    };\n  }, []);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div\n      className={classnames(\n        style.bulletPointMenu,\n        isBulkMenu && style.bulkBulletPointMenu,\n        visible && style.visible\n      )}\n      data-name=\"menu-wrapper\"\n      aria-label={menuAriaLabel}\n    >\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIcon {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,QAA5B,EAAsCC,SAAtC,QAAsD,OAAtD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,SAAP,MAAoD,SAApD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAqB,GAAIC,KAAD,IAAuC;EACnE,MAAM;IACJC,QAAQ,GAAG,KADP;IAEJC,eAFI;IAGJC,aAHI;IAIJC,OAAO,QAJH;IAKJC,OALI;IAMJC,mBANI;IAOJC;EAPI,IAQFP,KARJ;EASA,MAAM,CAACQ,OAAD,EAAUC,UAAV,IAAwBjB,QAAQ,CAAC,KAAD,CAAtC;EAEA,MAAMkB,aAAa,GAAGnB,WAAW,CAAC,MAAM;IACtCa,OAAO;IACPK,UAAU,CAAC,IAAD,CAAV;EACD,CAHgC,EAG9B,CAACL,OAAD,CAH8B,CAAjC;EAKAX,SAAS,CAAC,MAAM;IACd,MAAMkB,eAAe,GAAG,MAAMF,UAAU,CAAC,KAAD,CAAxC;;IACAG,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCF,eAAvC;IACA,OAAO,MAAM;MACXC,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CH,eAA1C;IACD,CAFD;EAGD,CANQ,EAMN,EANM,CAAT;EAQA,MAAMI,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBV;EAFgB,CAAlB;EAKA,MAAMW,IAAI,gBACR;IACE,SAAS,EAAEtB,UAAU,CACnBI,KAAK,CAACmB,eADa,EAEnBV,UAAU,IAAIT,KAAK,CAACoB,mBAFD,EAGnBV,OAAO,IAAIV,KAAK,CAACU,OAHE,CADvB;IAME,aAAU,cANZ;IAOE,cAAYL;EAPd,gBASE,oBAAC,UAAD,EAAgBY,SAAhB,CATF,CADF;EAaA,MAAMI,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAclB,eAFe;IAG7B,aAAa,qBAHgB;IAI7BmB,IAAI,EAAE,cAJuB;IAK7BjB,OAAO,EAAEM,aALoB;IAM7BT,QAN6B;IAO7BqB,SAAS,EAAEhB;EAPkB,CAA/B;EAUA,oBACE;IAAK,SAAS,EAAER,KAAK,CAACyB,kBAAtB;IAA0C,aAAU;EAApD,gBACE,oBAAC,cAAD,EAAoBJ,sBAApB,CADF,EAEGH,IAFH,CADF;AAMD,CA3DD;;AA6DAjB,qBAAqB,CAACF,SAAtB,2CAAkCA,SAAlC;AAEA,eAAeE,qBAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useEffect","classnames","ButtonLinkIcon","ButtonMenu","propTypes","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","_noop","buttons","menuButtonClassName","isBulkMenu","visible","setVisible","handleOnClick","handleMouseDown","document","addEventListener","removeEventListener","menuProps","menu","createElement","className","bulletPointMenu","bulkBulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useEffect} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick = noop,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu\n  } = props;\n  const [visible, setVisible] = useState(false);\n\n  const handleOnClick = useCallback(() => {\n    onClick();\n    setVisible(true);\n  }, [onClick]);\n\n  useEffect(() => {\n    const handleMouseDown = () => setVisible(false);\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => {\n      document.removeEventListener('mousedown', handleMouseDown);\n    };\n  }, []);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div\n      className={classnames(\n        style.bulletPointMenu,\n        isBulkMenu && style.bulkBulletPointMenu,\n        visible && style.visible\n      )}\n      data-name=\"menu-wrapper\"\n      aria-label={menuAriaLabel}\n    >\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIcon {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAC7D,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,SAAS,MAAoC,SAAS;AAC7D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,qBAAqB,GAAIC,KAAiC,IAAK;EACnE,MAAM;IACJC,QAAQ,GAAG,KAAK;IAChBC,eAAe;IACfC,aAAa;IACbC,OAAO,GAAAC,KAAO;IACdC,OAAO;IACPC,mBAAmB;IACnBC;EACF,CAAC,GAAGR,KAAK;EACT,MAAM,CAACS,OAAO,EAAEC,UAAU,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMmB,aAAa,GAAGpB,WAAW,CAAC,MAAM;IACtCa,OAAO,CAAC,CAAC;IACTM,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACN,OAAO,CAAC,CAAC;EAEbX,SAAS,CAAC,MAAM;IACd,MAAMmB,eAAe,GAAGA,CAAA,KAAMF,UAAU,CAAC,KAAK,CAAC;IAC/CG,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEF,eAAe,CAAC;IACvD,OAAO,MAAM;MACXC,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEH,eAAe,CAAC;IAC5D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,SAAS,GAAG;IAChB,WAAW,EAAE,aAAa;IAC1BV;EACF,CAAC;EAED,MAAMW,IAAI,gBACR3B,KAAA,CAAA4B,aAAA;IACEC,SAAS,EAAEzB,UAAU,CACnBI,KAAK,CAACsB,eAAe,EACrBZ,UAAU,IAAIV,KAAK,CAACuB,mBAAmB,EACvCZ,OAAO,IAAIX,KAAK,CAACW,OACnB,CAAE;IACF,aAAU,cAAc;IACxB,cAAYN;EAAc,gBAE1Bb,KAAA,CAAA4B,aAAA,CAACtB,UAAU,EAAKoB,SAAY,CACzB,CACN;EACD,MAAMM,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SAAS;IACf,YAAY,EAAErB,eAAe;IAC7B,WAAW,EAAE,qBAAqB;IAClCsB,IAAI,EAAE,cAAc;IACpBpB,OAAO,EAAEO,aAAa;IACtBV,QAAQ;IACRkB,SAAS,EAAEZ;EACb,CAAC;EAED,oBACEjB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAErB,KAAK,CAAC2B,kBAAmB;IAAC,aAAU;EAAsB,gBACxEnC,KAAA,CAAA4B,aAAA,CAACvB,cAAc,EAAK2B,sBAAyB,CAAC,EAC7CL,IACE,CAAC;AAEV,CAAC;AAEDlB,qBAAqB,CAACF,SAAS,GAAA6B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG/B,SAAS;AAE3C,eAAeE,qBAAqB","ignoreList":[]}

package/es/molecule/bullet-point-menu-button/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","ButtonMenu","propTypes","disabled","bool","buttonAriaLabel","string","menuAriaLabel","buttons","onClick","func","menuButtonClassName","isBulkMenu"],"sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ButtonMenu from '../../atom/button-menu';\nimport {ButtonProps} from '../../atom/button-menu/types';\n\nconst propTypes = {\n  disabled: PropTypes.bool,\n  buttonAriaLabel: PropTypes.string,\n  menuAriaLabel: PropTypes.string,\n  buttons: ButtonMenu.propTypes.buttons,\n  onClick: PropTypes.func,\n  menuButtonClassName: PropTypes.string,\n  isBulkMenu: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type BulletPointMenuButtonProps = {\n  disabled?: boolean;\n  buttonAriaLabel?: string;\n  menuAriaLabel?: string;\n  buttons: ButtonProps[];\n  onClick: () => void;\n  menuButtonClassName?: string;\n  isBulkMenu?: boolean;\n};\n\nexport type BulletPointMenuButtonPropsFixture = {props: BulletPointMenuButtonProps};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AAGA,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEH,SAAS,CAACI,IADJ;EAEhBC,eAAe,EAAEL,SAAS,CAACM,MAFX;EAGhBC,aAAa,EAAEP,SAAS,CAACM,MAHT;EAIhBE,OAAO,EAAEP,UAAU,CAACC,SAAX,CAAqBM,OAJd;EAKhBC,OAAO,EAAET,SAAS,CAACU,IALH;EAMhBC,mBAAmB,EAAEX,SAAS,CAACM,MANf;EAOhBM,UAAU,EAAEZ,SAAS,CAACI;AAPN,CAAlB;AAUA,eAAeF,SAAf"}
+{"version":3,"file":"types.js","names":["PropTypes","ButtonMenu","propTypes","disabled","bool","buttonAriaLabel","string","menuAriaLabel","buttons","onClick","func","menuButtonClassName","isBulkMenu"],"sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ButtonMenu from '../../atom/button-menu';\nimport {ButtonProps} from '../../atom/button-menu/types';\n\nconst propTypes = {\n  disabled: PropTypes.bool,\n  buttonAriaLabel: PropTypes.string,\n  menuAriaLabel: PropTypes.string,\n  buttons: ButtonMenu.propTypes.buttons,\n  onClick: PropTypes.func,\n  menuButtonClassName: PropTypes.string,\n  isBulkMenu: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type BulletPointMenuButtonProps = {\n  disabled?: boolean;\n  buttonAriaLabel?: string;\n  menuAriaLabel?: string;\n  buttons: ButtonProps[];\n  onClick: () => void;\n  menuButtonClassName?: string;\n  isBulkMenu?: boolean;\n};\n\nexport type BulletPointMenuButtonPropsFixture = {props: BulletPointMenuButtonProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAG/C,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEH,SAAS,CAACI,IAAI;EACxBC,eAAe,EAAEL,SAAS,CAACM,MAAM;EACjCC,aAAa,EAAEP,SAAS,CAACM,MAAM;EAC/BE,OAAO,EAAEP,UAAU,CAACC,SAAS,CAACM,OAAO;EACrCC,OAAO,EAAET,SAAS,CAACU,IAAI;EACvBC,mBAAmB,EAAEX,SAAS,CAACM,MAAM;EACrCM,UAAU,EAAEZ,SAAS,CAACI;AACxB,CAAC;AAED,eAAeF,SAAS","ignoreList":[]}

package/es/molecule/card/customer.js

@@ -7,7 +7,6 @@ export const THEMES = {
   default: null,
   coorpmanager: style.coorpmanager
 };
-
 const Customer = props => {
   const {
     name,
@@ -30,7 +29,6 @@ const Customer = props => {
     className: style.original
   }, "Original ") : null, !coorpOriginal && name));
 };
-
 Customer.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: PropTypes.oneOf(_keys(THEMES)),
   type: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"customer.js","names":["React","PropTypes","classnames","style","THEMES","default","coorpmanager","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","customer","chapterCustomer","content","coorp","original","propTypes","oneOf","string","bool","isRequired"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n  const {name, type, coorpOriginal, theme, disabled, 'aria-label': ariaLabel} = props;\n  const className = classnames(\n    THEMES[theme],\n    style.customer,\n    type === 'chapter' ? style.chapterCustomer : null\n  );\n\n  return (\n    <div className={className} disabled={disabled} aria-label={ariaLabel}>\n      <div className={style.content}>\n        {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n        {coorpOriginal ? <span className={style.original}>Original </span> : null}\n        {!coorpOriginal && name}\n      </div>\n    </div>\n  );\n};\n\nCustomer.propTypes = {\n  theme: PropTypes.oneOf(keys(THEMES)),\n  type: PropTypes.string,\n  name: PropTypes.string,\n  coorpOriginal: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,KAAP,MAAkB,gBAAlB;AAEA,OAAO,MAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE,IADW;EAEpBC,YAAY,EAAEH,KAAK,CAACG;AAFA,CAAf;;AAKP,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAD;IAAOC,IAAP;IAAaC,aAAb;IAA4BC,KAA5B;IAAmCC,QAAnC;IAA6C,cAAcC;EAA3D,IAAwEN,KAA9E;EACA,MAAMO,SAAS,GAAGb,UAAU,CAC1BE,MAAM,CAACQ,KAAD,CADoB,EAE1BT,KAAK,CAACa,QAFoB,EAG1BN,IAAI,KAAK,SAAT,GAAqBP,KAAK,CAACc,eAA3B,GAA6C,IAHnB,CAA5B;EAMA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,QAAQ,EAAEF,QAArC;IAA+C,cAAYC;EAA3D,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACe;EAAtB,GACGP,aAAa,gBAAG;IAAM,SAAS,EAAER,KAAK,CAACgB;EAAvB,YAAH,GAAiD,IADjE,EAEGR,aAAa,gBAAG;IAAM,SAAS,EAAER,KAAK,CAACiB;EAAvB,eAAH,GAAuD,IAFvE,EAGG,CAACT,aAAD,IAAkBF,IAHrB,CADF,CADF;AASD,CAjBD;;AAmBAF,QAAQ,CAACc,SAAT,2CAAqB;EACnBT,KAAK,EAAEX,SAAS,CAACqB,KAAV,CAAgB,MAAKlB,MAAL,CAAhB,CADY;EAEnBM,IAAI,EAAET,SAAS,CAACsB,MAFG;EAGnBd,IAAI,EAAER,SAAS,CAACsB,MAHG;EAInBZ,aAAa,EAAEV,SAAS,CAACuB,IAAV,CAAeC,UAJX;EAKnBZ,QAAQ,EAAEZ,SAAS,CAACuB,IALD;EAMnB,cAAcvB,SAAS,CAACsB;AANL,CAArB;AASA,eAAehB,QAAf"}
+{"version":3,"file":"customer.js","names":["React","PropTypes","classnames","style","THEMES","default","coorpmanager","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","customer","chapterCustomer","createElement","content","coorp","original","propTypes","process","env","NODE_ENV","oneOf","_keys","string","bool","isRequired"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n  const {name, type, coorpOriginal, theme, disabled, 'aria-label': ariaLabel} = props;\n  const className = classnames(\n    THEMES[theme],\n    style.customer,\n    type === 'chapter' ? style.chapterCustomer : null\n  );\n\n  return (\n    <div className={className} disabled={disabled} aria-label={ariaLabel}>\n      <div className={style.content}>\n        {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n        {coorpOriginal ? <span className={style.original}>Original </span> : null}\n        {!coorpOriginal && name}\n      </div>\n    </div>\n  );\n};\n\nCustomer.propTypes = {\n  theme: PropTypes.oneOf(keys(THEMES)),\n  type: PropTypes.string,\n  name: PropTypes.string,\n  coorpOriginal: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,KAAK,MAAM,gBAAgB;AAElC,OAAO,MAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE,IAAI;EACbC,YAAY,EAAEH,KAAK,CAACG;AACtB,CAAC;AAED,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EACnF,MAAMO,SAAS,GAAGb,UAAU,CAC1BE,MAAM,CAACQ,KAAK,CAAC,EACbT,KAAK,CAACa,QAAQ,EACdN,IAAI,KAAK,SAAS,GAAGP,KAAK,CAACc,eAAe,GAAG,IAC/C,CAAC;EAED,oBACEjB,KAAA,CAAAkB,aAAA;IAAKH,SAAS,EAAEA,SAAU;IAACF,QAAQ,EAAEA,QAAS;IAAC,cAAYC;EAAU,gBACnEd,KAAA,CAAAkB,aAAA;IAAKH,SAAS,EAAEZ,KAAK,CAACgB;EAAQ,GAC3BR,aAAa,gBAAGX,KAAA,CAAAkB,aAAA;IAAMH,SAAS,EAAEZ,KAAK,CAACiB;EAAM,GAAC,QAAY,CAAC,GAAG,IAAI,EAClET,aAAa,gBAAGX,KAAA,CAAAkB,aAAA;IAAMH,SAAS,EAAEZ,KAAK,CAACkB;EAAS,GAAC,WAAe,CAAC,GAAG,IAAI,EACxE,CAACV,aAAa,IAAIF,IAChB,CACF,CAAC;AAEV,CAAC;AAEDF,QAAQ,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBb,KAAK,EAAEX,SAAS,CAACyB,KAAK,CAACC,KAAA,CAAKvB,MAAM,CAAC,CAAC;EACpCM,IAAI,EAAET,SAAS,CAAC2B,MAAM;EACtBnB,IAAI,EAAER,SAAS,CAAC2B,MAAM;EACtBjB,aAAa,EAAEV,SAAS,CAAC4B,IAAI,CAACC,UAAU;EACxCjB,QAAQ,EAAEZ,SAAS,CAAC4B,IAAI;EACxB,YAAY,EAAE5B,SAAS,CAAC2B;AAC1B,CAAC;AAED,eAAerB,QAAQ","ignoreList":[]}

package/es/molecule/card/favorite.js

@@ -11,7 +11,6 @@ import Provider, { GetSkinFromContext, GetTranslateFromContext } from '../../ato
 import ToolTip, { toggleStateOnKeyPress } from '../../atom/tooltip';
 import Button from '../../atom/button';
 import style from './favorite.css';
-
 const Favorite = ({
   favorite,
   addFavoriteToolTip,
@@ -28,34 +27,30 @@ const Favorite = ({
     e.preventDefault();
     if (!disabled) onFavoriteClick(e);
   }, [disabled, onFavoriteClick]);
-
   const primaryColor = _get('common.primary', skin);
-
   const darkColor = _get('common.dark', skin);
-
   const brandColor = _get('common.brand', skin);
-
   const buttonRef = useRef(null);
-  const allowToolTip = useMemo(() => !_isEmpty(removeFavoriteToolTip) && !_isEmpty(addFavoriteToolTip), [addFavoriteToolTip, removeFavoriteToolTip]); // to be replaced by useId when React17 is bumped to React18
+  const allowToolTip = useMemo(() => !_isEmpty(removeFavoriteToolTip) && !_isEmpty(addFavoriteToolTip), [addFavoriteToolTip, removeFavoriteToolTip]);
 
+  // to be replaced by useId when React17 is bumped to React18
   const [favoriteButtonAnchorId] = useState(allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined);
-  const toolTipContent = useMemo( // eslint-disable-next-line no-nested-ternary
+  const toolTipContent = useMemo(
+  // eslint-disable-next-line no-nested-ternary
   () => allowToolTip ? favorite ? removeFavoriteToolTip : addFavoriteToolTip : null, [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]);
   const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);
   const [toolTipIsVisible, setToolTipIsVisible] = useState(false);
   const handleMouseOver = useCallback(() => {
     mouseLeaveTimer && clearTimeout(mouseLeaveTimer);
     /* istanbul ignore next */
-
     _has(['current', 'focus'], buttonRef) && buttonRef.current.focus();
     setToolTipIsVisible(true);
   }, [mouseLeaveTimer]);
   const handleMouseLeave = useCallback(() => {
     setMouseLeaveTimer(setTimeout(() => {
-      setToolTipIsVisible(false); // @ts-expect-error (error: blur does not exists on type never)
-
+      setToolTipIsVisible(false);
+      // @ts-expect-error (error: blur does not exists on type never)
       /* istanbul ignore next */
-
       _has(['current', 'blur'], buttonRef) && buttonRef.current.blur();
     }, 500));
   }, []);
@@ -63,7 +58,8 @@ const Favorite = ({
     toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);
   }, [toolTipIsVisible]);
   const iconWrapperClassName = useMemo(() => classnames(style.favorite, className, favorite && style.selected), [className, favorite]);
-  const icon = useMemo(() => favorite ? /*#__PURE__*/React.createElement(CheckIcon // eslint-disable-next-line css-modules/no-undef-class
+  const icon = useMemo(() => favorite ? /*#__PURE__*/React.createElement(CheckIcon
+  // eslint-disable-next-line css-modules/no-undef-class
   , {
     className: style.checkIcon,
     style: {
@@ -115,7 +111,6 @@ const Favorite = ({
     stickyOnKeyboardNavigation: true
   }));
 };
-
 Favorite.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   favorite: PropTypes.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["React","useCallback","useMemo","useRef","useState","PropTypes","classnames","v5","uuidV5","NovaCompositionNavigationMore","MoreIcon","NovaCompositionCoorpacademyCheck","CheckIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Button","style","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","disabled","legacyContext","skin","translate","handleFavoriteClick","e","stopPropagation","preventDefault","primaryColor","darkColor","brandColor","buttonRef","allowToolTip","favoriteButtonAnchorId","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","iconWrapperClassName","selected","icon","checkIcon","color","removeFromFavorite","moreIcon","addToFavorite","favoriteWrapper","propTypes","string","bool","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":"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"}
+{"version":3,"file":"favorite.js","names":["React","useCallback","useMemo","useRef","useState","PropTypes","classnames","v5","uuidV5","NovaCompositionNavigationMore","MoreIcon","NovaCompositionCoorpacademyCheck","CheckIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Button","style","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop","disabled","legacyContext","skin","translate","handleFavoriteClick","e","stopPropagation","preventDefault","primaryColor","_get","darkColor","brandColor","buttonRef","allowToolTip","_isEmpty","favoriteButtonAnchorId","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","iconWrapperClassName","selected","icon","createElement","checkIcon","color","width","height","removeFromFavorite","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","string","bool","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/card/index.js

@@ -3,9 +3,7 @@ import _pick from "lodash/fp/pick";
 import _isUndefined from "lodash/fp/isUndefined";
 import _isEmpty from "lodash/fp/isEmpty";
 import _get from "lodash/fp/get";
-
-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, memo } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -22,7 +20,6 @@ export const THEMES = {
   default: null,
   coorpmanager: style.coorpmanager
 };
-
 const CardBackground = ({
   type,
   image,
@@ -32,11 +29,8 @@ const CardBackground = ({
   skin
 }) => {
   const externalContent = isExternalContent(type);
-
   const primaryColor = _get('common.primary', skin);
-
   const whiteColor = _get('common.white', skin);
-
   if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {
     const IconType = EXTERNAL_CONTENT_ICONS[type].icon;
     const iconColor = EXTERNAL_CONTENT_ICONS[type].color;
@@ -45,7 +39,6 @@ const CardBackground = ({
     }, /*#__PURE__*/React.createElement(IconType, {
       className: style.externalIcon
     }));
-
     if (image) {
       const _backgroundIcon = /*#__PURE__*/React.createElement("div", {
         className: classnames(style.externalIconCircleWrapper, style.externalIconCircleWithImageWrapper),
@@ -55,7 +48,6 @@ const CardBackground = ({
       }, /*#__PURE__*/React.createElement(IconType, {
         className: style.externalIconWithImage
       }));
-
       return /*#__PURE__*/React.createElement("div", {
         className: style.imageWrapper
       }, /*#__PURE__*/React.createElement("div", {
@@ -68,7 +60,6 @@ const CardBackground = ({
         className: classnames(style.externalContentHeader, style.externalBackground)
       }, _backgroundIcon));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: style.imageWrapper
     }, /*#__PURE__*/React.createElement("div", {
@@ -80,7 +71,6 @@ const CardBackground = ({
       className: style.externalContentHeader
     }, backgroundIcon));
   }
-
   const emptyIcon = empty ? /*#__PURE__*/React.createElement(PicturesIcon, {
     className: style.emptyIcon,
     style: {
@@ -99,7 +89,6 @@ const CardBackground = ({
     }
   }, emptyIcon));
 };
-
 CardBackground.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -144,15 +133,10 @@ const Card = /*#__PURE__*/memo(function Card(props, context) {
     'disabled-aria-label': disabledArialabel,
     'card-content-aria-label': cardContentLabelAriaLabel
   } = props;
-
   const empty = _isEmpty(_pick(['title', 'type', 'author', 'image'], props));
-
   const primaryColor = _get('common.primary', skin);
-
   const cardStyle = classnames(THEMES[theme], type === 'chapter' ? style.chapter : style.course, title ? null : style.lazy, style.grid, empty ? style.empty : null);
-
   const disabled = hidden && (!isSelected || _isUndefined(isSelected));
-
   const handleClick = useMemo(() => e => onClick(e), [onClick]);
   const lock = disabled ? /*#__PURE__*/React.createElement("div", {
     className: style.lockContent
@@ -160,7 +144,8 @@ const Card = /*#__PURE__*/memo(function Card(props, context) {
     className: style.lockIcon,
     height: 48
   }), /*#__PURE__*/React.createElement("span", {
-    "aria-label": disabledArialabel // eslint-disable-next-line react/no-danger
+    "aria-label": disabledArialabel
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: disabledContent
@@ -169,20 +154,16 @@ const Card = /*#__PURE__*/memo(function Card(props, context) {
   const inlineBadgeStyle = {
     color: primaryColor
   };
-
   const getType = contentType => {
     switch (contentType) {
       case 'chapter':
         return 'microlearning';
-
       case 'course':
         return 'learner';
-
       default:
         return contentType;
     }
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: cardStyle,
     "data-name": "card",