@coorpacademy/components 11.17.1-alpha.64.6 → 11.17.1-alpha.9

package/es/molecule/card/style.css

@@ -8,9 +8,10 @@
 @value dark from colors;
 @value xtraLightGrey from colors;
 @value white from colors;
+@value cm_negative_200 from colors;
+@value negative_100 from colors;
 
 .default[disabled] {
-  pointer-events: none;
   cursor: inherit;
 }
 
@@ -194,8 +195,14 @@
   z-index: 1;
 }
 
-.lockIcon {
-  font-size: 40px;
+.lockWrapper:hover .lockIcon {
+  background-color: cm_negative_200;
+  color: white;
+}
+
+.lockWrapper:hover span {
+  font-weight: 600;
+  width: 150px;
 }
 
 .lockContent {
@@ -215,6 +222,14 @@
   line-height: 20px;
 }
 
+.lockIcon {
+  width: 48px;
+  background-color: negative_100;
+  align-self: center;
+  border-radius: 16px;
+  color: cm_negative_200;
+}
+
 .imageWrapper {
   height: 125px;
   position: relative;

package/es/molecule/cm-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAeA,kDAoLC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAsBA,kDAyMC"}

package/es/molecule/cm-popin/index.js

@@ -1,11 +1,18 @@
 import React from 'react';
-import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket, NovaLineStatusCheckCircle1 as CheckCircle1 } from '@coorpacademy/nova-icons';
+import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket, NovaCompositionCoorpacademyPadlock as LockIcon, NovaLineStatusCheckCircle1 as CheckCircle1 } from '@coorpacademy/nova-icons';
 import map from 'lodash/fp/map';
 import Cta from '../../atom/button-link';
 import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
 import InputSwitch from '../../atom/input-switch';
+import Title from '../../atom/title';
+import CardsGrid from '../../organism/cards-grid';
 import style from './style.css';
 import propTypes from './types';
+const IconType = {
+  lockedContent: /*#__PURE__*/React.createElement(LockIcon, {
+    className: style.lockIcon
+  })
+};
 
 const CMPopin = props => {
   const {
@@ -21,7 +28,8 @@ const CMPopin = props => {
     thirdButton,
     cookieTitle,
     descriptionBtnTxt,
-    listBtnSwicth
+    listBtnSwicth,
+    items
   } = props;
   const logo = {
     AlertDiamond,
@@ -36,10 +44,28 @@ const CMPopin = props => {
   } : null;
 
   const renderHeader = () => {
-    if (header) return /*#__PURE__*/React.createElement("img", {
-      className: style.headerBackground,
-      src: header
-    });
+    if (header) {
+      const {
+        title,
+        headerIcon,
+        backgroundImage
+      } = header;
+      const TopTitleIcon = IconType[headerIcon];
+
+      if (title) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: style.headerContent
+        }, TopTitleIcon, /*#__PURE__*/React.createElement("div", {
+          className: style.headerTitle
+        }, /*#__PURE__*/React.createElement(Title, title)));
+      }
+
+      return /*#__PURE__*/React.createElement("img", {
+        className: style.headerBackground,
+        src: backgroundImage
+      });
+    }
+
     if (mode === 'cookie') return /*#__PURE__*/React.createElement("div", {
       className: style.cookieHeader
     }, /*#__PURE__*/React.createElement("div", {
@@ -101,6 +127,14 @@ const CMPopin = props => {
     })(listBtnSwicth);
   };
 
+  const renderItems = () => {
+    const {
+      type,
+      list
+    } = items;
+    return type === 'content' ? /*#__PURE__*/React.createElement(CardsGrid, list) : null;
+  };
+
   return /*#__PURE__*/React.createElement("div", {
     className: mode !== 'cookie' ? style.background : null,
     style: backgroundImageStyle,
@@ -115,7 +149,7 @@ const CMPopin = props => {
     "aria-label": 'close-icon',
     size: "small",
     icon: "close"
-  }) : null), /*#__PURE__*/React.createElement("div", {
+  }) : null), mode !== 'items' ? /*#__PURE__*/React.createElement("div", {
     className: mode === 'cookie' || mode === 'information' ? style.cookieTitleContainer : style.titleContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: style.contentSection
@@ -134,7 +168,7 @@ const CMPopin = props => {
     dangerouslySetInnerHTML: {
       __html: descriptionText
     }
-  }) : null), descriptionBtnTxt ? /*#__PURE__*/React.createElement("div", {
+  }) : null) : null, descriptionBtnTxt ? /*#__PURE__*/React.createElement("div", {
     className: style.descriptionBtn
   }, descriptionBtnTxt) : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/React.createElement("div", {
     className: style.buttonContainer
@@ -165,7 +199,9 @@ const CMPopin = props => {
     "aria-label": thirdButton['aria-label'],
     type: thirdButton.type,
     customStyle: thirdButton.customStyle
-  })) : null) : null));
+  })) : null) : null, items ? /*#__PURE__*/React.createElement("div", {
+    className: style.itemsContainer
+  }, renderItems()) : null));
 };
 
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};

package/es/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaLineStatusCheckCircle1","CheckCircle1","map","Cta","ButtonLinkIconOnly","InputSwitch","style","propTypes","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaLineStatusCheckCircle1 as CheckCircle1\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div\n          className={\n            mode === 'cookie' || mode === 'information'\n              ? style.cookieTitleContainer\n              : style.titleContainer\n          }\n        >\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,+CAA+C,IAAIC,YADrD,EAEEC,kCAAkC,IAAIC,YAFxC,EAGEC,sBAAsB,IAAIC,MAH5B,EAIEC,wBAAwB,IAAIC,UAJ9B,EAKEC,0BAA0B,IAAIC,YALhC,QAMO,0BANP;AAOA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,SAAtB;;AAEA,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IACJC,OADI;IAEJC,IAAI,GAAG,OAFH;IAGJC,WAHI;IAIJC,YAJI;IAKJC,OALI;IAMJC,MANI;IAOJC,IAPI;IAQJC,kBARI;IASJC,eATI;IAUJC,WAVI;IAWJC,WAXI;IAYJC,iBAZI;IAaJC;EAbI,IAcFb,KAdJ;EAgBA,MAAMc,IAAI,GAAG;IACX9B,YADW;IAEXE,YAFW;IAGXI,UAHW;IAIXE;EAJW,CAAb;EAMA,MAAMuB,aAAa,GAAGD,IAAI,CAACP,IAAD,CAA1B;EAEA,MAAMS,oBAAoB,GAAGR,kBAAkB,GAC3C;IACES,eAAe,EAAG,OAAMT,kBAAmB,GAD7C;IAEEU,cAAc,EAAE;EAFlB,CAD2C,GAK3C,IALJ;;EAMA,MAAMC,YAAY,GAAG,MAAM;IACzB,IAAIb,MAAJ,EAAY,oBAAO;MAAK,SAAS,EAAET,KAAK,CAACuB,gBAAtB;MAAwC,GAAG,EAAEd;IAA7C,EAAP;IACZ,IAAIJ,IAAI,KAAK,QAAb,EACE,oBACE;MAAK,SAAS,EAAEL,KAAK,CAACwB;IAAtB,gBACE;MAAK,SAAS,EAAExB,KAAK,CAACyB;IAAtB,gBACE,oBAAC,MAAD;MAAQ,SAAS,EAAEzB,KAAK,CAAC0B;IAAzB,EADF,CADF,eAIE;MAAK,SAAS,EAAE1B,KAAK,CAACc;IAAtB,GAAoCA,WAApC,CAJF,CADF;IAQF,OAAO,IAAP;EACD,CAZD;;EAaA,MAAMa,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;IAC5C,QAAQD,KAAR;MACE,KAAK,CAAL;QACE,OAAO5B,KAAK,CAAC8B,uBAAb;;MACF,KAAKD,OAAO,CAACE,MAAR,GAAiB,CAAtB;QACE,OAAO/B,KAAK,CAACgC,sBAAb;;MACF;QACE,OAAOhC,KAAK,CAACiC,qBAAb;IANJ;EAQD,CATD;;EAUA,MAAMC,eAAe,GAAG,MAAM;IAC5B,OAAOtC,GAAG,CAACuC,OAAJ,CAAY;MAACC,GAAG,EAAE;IAAN,CAAZ,EAA0B,CAACC,EAAD,EAAKT,KAAL,KAAe;MAC9C,MAAM;QACJU,IADI;QAEJC,KAFI;QAGJC,KAHI;QAIJC,QAJI;QAKJC,aALI;QAMJC,KANI;QAOJC,OAPI;QAQJC,iBARI;QASJC,QATI;QAUJC,EAVI;QAWJ,aAAaC;MAXT,IAYFX,EAZJ;MAaA,oBACE;QAAK,GAAG,EAAET,KAAV;QAAiB,SAAS,EAAED,iBAAiB,CAACC,KAAD,EAAQZ,aAAR;MAA7C,gBACE,oBAAC,WAAD;QAEIsB,IAFJ;QAGIC,KAHJ;QAIIC,KAJJ;QAKIC,QALJ;QAMIC,aANJ;QAOIC,KAPJ;QAQIC,OARJ;QASIC,iBATJ;QAUIC,QAVJ;QAWIC,EAXJ;QAYI,aAAaC;MAZjB,EADF,CADF;IAmBD,CAjCM,EAiCJhC,aAjCI,CAAP;EAkCD,CAnCD;;EAoCA,oBACE;IACE,SAAS,EAAEX,IAAI,KAAK,QAAT,GAAoBL,KAAK,CAACiD,UAA1B,GAAuC,IADpD;IAEE,KAAK,EAAE9B,oBAFT;IAGE,aAAW;EAHb,gBAKE;IAAK,SAAS,EAAEd,IAAI,KAAK,QAAT,GAAoBL,KAAK,CAACkD,WAA1B,GAAwClD,KAAK,CAACmD;EAA9D,gBACE;IAAQ,SAAS,EAAEnD,KAAK,CAACoD;EAAzB,GACG9B,YAAY,EADf,EAEGd,OAAO,gBACN,oBAAC,kBAAD;IACE,OAAO,EAAEA,OADX;IAEE,aAAW,YAFb;IAGE,cAAY,YAHd;IAIE,IAAI,EAAC,OAJP;IAKE,IAAI,EAAC;EALP,EADM,GAQJ,IAVN,CADF,eAaE;IACE,SAAS,EACPH,IAAI,KAAK,QAAT,IAAqBA,IAAI,KAAK,aAA9B,GACIL,KAAK,CAACqD,oBADV,GAEIrD,KAAK,CAACsD;EAJd,gBAOE;IAAK,SAAS,EAAEtD,KAAK,CAACuD;EAAtB,GACGrC,aAAa,gBAAG,oBAAC,aAAD;IAAe,SAAS,EAAElB,KAAK,CAACU;EAAhC,EAAH,GAA8C,IAD9D,EAEGN,OAAO,gBACN;IACE,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBL,KAAK,CAACI,OAAzB,GAAmCJ,KAAK,CAACwD,OADtD;IAEE,aAAW,kBAFb,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAErD;IAAT;EAJ3B,EADM,GAOJ,IATN,CAPF,EAkBGQ,eAAe,gBACd;IACE,SAAS,EAAEZ,KAAK,CAACY,eADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAAC6C,MAAM,EAAE7C;IAAT;EAH3B,EADc,GAMZ,IAxBN,CAbF,EAuCGG,iBAAiB,gBAAG;IAAK,SAAS,EAAEf,KAAK,CAAC0D;EAAtB,GAAuC3C,iBAAvC,CAAH,GAAqE,IAvCzF,EAwCGmB,eAAe,EAxClB,EAyCG5B,WAAW,IAAIC,YAAf,IAA+BM,WAA/B,gBACC;IAAK,SAAS,EAAEb,KAAK,CAAC2D;EAAtB,GACGrD,WAAW,gBACV;IAAK,SAAS,EAAEA,WAAW,CAACsD,WAAZ,GAA0B5D,KAAK,CAAC4D,WAAhC,GAA8C5D,KAAK,CAAC6D;EAApE,gBACE,oBAAC,GAAD;IACE,KAAK,EAAEvD,WAAW,CAACwD,KADrB;IAEE,OAAO,EAAExD,WAAW,CAACyD,aAFvB;IAGE,aAAW,cAHb;IAIE,cAAYzD,WAAW,CAAC,YAAD,CAJzB;IAKE,IAAI,EAAEA,WAAW,CAACgC,IALpB;IAME,WAAW,EAAEhC,WAAW,CAAC0D;EAN3B,EADF,CADU,GAWR,IAZN,EAaGzD,YAAY,gBACX;IAAK,SAAS,EAAEA,YAAY,CAACqD,WAAb,GAA2B5D,KAAK,CAAC4D,WAAjC,GAA+C5D,KAAK,CAAC6D;EAArE,gBACE,oBAAC,GAAD;IACE,KAAK,EAAEtD,YAAY,CAACuD,KADtB;IAEE,OAAO,EAAEvD,YAAY,CAACwD,aAFxB;IAGE,aAAY,gBAAexD,YAAY,CAAC+B,IAAK,EAH/C;IAIE,cAAY/B,YAAY,CAAC,YAAD,CAJ1B;IAKE,IAAI,EAAEA,YAAY,CAAC+B,IALrB;IAME,WAAW,EAAE/B,YAAY,CAACyD;EAN5B,EADF,CADW,GAWT,IAxBN,EAyBGnD,WAAW,gBACV;IAAK,SAAS,EAAEA,WAAW,CAAC+C,WAAZ,GAA0B5D,KAAK,CAAC4D,WAAhC,GAA8C5D,KAAK,CAAC6D;EAApE,gBACE,oBAAC,GAAD;IACE,KAAK,EAAEhD,WAAW,CAACiD,KADrB;IAEE,OAAO,EAAEjD,WAAW,CAACkD,aAFvB;IAGE,aAAY,gBAAelD,WAAW,CAACyB,IAAK,EAH9C;IAIE,cAAYzB,WAAW,CAAC,YAAD,CAJzB;IAKE,IAAI,EAAEA,WAAW,CAACyB,IALpB;IAME,WAAW,EAAEzB,WAAW,CAACmD;EAN3B,EADF,CADU,GAWR,IApCN,CADD,GAuCG,IAhFN,CALF,CADF;AA0FD,CApLD;;AAsLA9D,OAAO,CAACD,SAAR,2CAAoBA,SAApB;AAEA,eAAeC,OAAf"}
+{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","map","Cta","ButtonLinkIconOnly","InputSwitch","Title","CardsGrid","style","propTypes","IconType","lockedContent","lockIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerTitle","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","itemsContainer"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n      if (title) {\n        return (\n          <div className={style.headerContent}>\n            {TopTitleIcon}\n            <div className={style.headerTitle}>\n              <Title {...title} />\n            </div>\n          </div>\n        );\n      }\n      return <img className={style.headerBackground} src={backgroundImage} />;\n    }\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  const renderItems = () => {\n    const {type, list} = items;\n    return type === 'content' ? <CardsGrid {...list} /> : null;\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        {mode !== 'items' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        {items ? <div className={style.itemsContainer}>{renderItems()}</div> : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}

package/es/molecule/cm-popin/style.css

@@ -22,6 +22,7 @@
 @value mobile from breakpoints;
 @value tablet from breakpoints;
 @value cm_grey_75 from colors;
+@value negative_100 from colors;
 
 .background {
   top: 0px;
@@ -137,6 +138,26 @@
 .popinHeader button {
   position: absolute;
 }
+
+.headerContent {
+  display: flex;
+  width: 100%;
+  gap: 16px;
+  padding: 8px;
+}
+
+.headerTitle {
+  margin-bottom: 16px;
+  padding: 2px 0px 2px;
+}
+
+.lockIcon {
+  height: 48px;
+  background-color: negative_100;
+  border-radius: 16px;
+  color: cm_negative_200;
+}
+
 .descriptionText {
   text-align: center;
   font-family: Gilroy;
@@ -280,6 +301,14 @@ a {
   padding: 0px 8px 0px 0px
 }
 
+.itemsContainer {
+  height: 369px;
+  overflow-y: auto;
+  padding: inherit;
+  width: 100%;
+  border-top: 1px solid cm_grey_100;
+}
+
 @media tablet {
   .popin {
     width: 80%;

package/es/molecule/cm-popin/types.d.ts

@@ -1,8 +1,21 @@
 import PropTypes from 'prop-types';
+import Title from '../../atom/title';
+import CardsGrid from '../../organism/cards-grid';
 declare const propTypes: {
     content: PropTypes.Requireable<string>;
     mode: PropTypes.Requireable<string>;
-    header: PropTypes.Requireable<string>;
+    header: PropTypes.Requireable<PropTypes.InferProps<{
+        title: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            subtitle: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            'data-name': PropTypes.Requireable<string>;
+            titleSize: PropTypes.Requireable<string>;
+            subtitleSize: PropTypes.Requireable<string>;
+        }>>;
+        headerIcon: PropTypes.Requireable<string>;
+        backgroundImage: PropTypes.Requireable<string>;
+    }>>;
     firstButton: PropTypes.Requireable<PropTypes.InferProps<{
         label: PropTypes.Requireable<string>;
         handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -50,6 +63,18 @@ declare const propTypes: {
         'data-name': PropTypes.Requireable<string>;
         requiredSelection: PropTypes.Requireable<boolean>;
     }> | null | undefined)[]>;
+    items: PropTypes.Requireable<PropTypes.InferProps<{
+        type: PropTypes.Requireable<string>;
+        list: PropTypes.Requireable<PropTypes.InferProps<{
+            list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+            loading: PropTypes.Requireable<boolean>;
+        }>>;
+    }>>;
+};
+declare type PopinHeaderProps = {
+    title: typeof Title.propTypes;
+    backgroundImage: string;
+    headerIcon: string;
 };
 export declare type QuitPopinButton = {
     'aria-label'?: string;
@@ -65,9 +90,14 @@ export declare type CMPopinProps = {
     content: string;
     icon: string;
     mode: string;
+    popinHeader?: PopinHeaderProps;
     descriptionText: string;
     firstButton?: QuitPopinButton;
     secondButton?: QuitPopinButton;
+    items?: {
+        type: string;
+        list: PropTypes.InferProps<typeof CardsGrid.propTypes>;
+    };
 };
 export default propTypes;
 //# sourceMappingURL=types.d.ts.map

package/es/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCd,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Cd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,OAAO,KAAK,CAAC,SAAS,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACxD,CAAC;CACH,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/molecule/cm-popin/types.js

@@ -1,10 +1,16 @@
 import PropTypes from 'prop-types';
 import Cta from '../../atom/button-link';
 import InputSwitch from '../../atom/input-switch';
+import Title from '../../atom/title';
+import CardsGrid from '../../organism/cards-grid';
 const propTypes = {
   content: PropTypes.string,
-  mode: PropTypes.oneOf(['alert', 'information', 'cookie']),
-  header: PropTypes.string,
+  mode: PropTypes.oneOf(['alert', 'information', 'cookie', 'items']),
+  header: PropTypes.shape({
+    title: PropTypes.shape(Title.propTypes),
+    headerIcon: PropTypes.string,
+    backgroundImage: PropTypes.string
+  }),
   firstButton: PropTypes.shape({
     label: PropTypes.string,
     handleOnclick: PropTypes.func,
@@ -35,7 +41,11 @@ const propTypes = {
   descriptionText: PropTypes.string,
   cookieTitle: PropTypes.string,
   descriptionBtnTxt: PropTypes.string,
-  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes))
+  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes)),
+  items: PropTypes.shape({
+    type: PropTypes.string,
+    list: PropTypes.shape(CardsGrid.propTypes)
+  })
 };
 export default propTypes;
 //# sourceMappingURL=types.js.map

package/es/molecule/cm-popin/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Cta","InputSwitch","propTypes","content","string","mode","oneOf","header","firstButton","shape","label","handleOnclick","func","largeButton","bool","type","customStyle","secondButton","thirdButton","onClose","icon","backgroundImageUrl","descriptionText","cookieTitle","descriptionBtnTxt","listBtnSwicth","arrayOf"],"sources":["../../../src/molecule/cm-popin/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Cta from '../../atom/button-link';\nimport InputSwitch from '../../atom/input-switch';\n\nconst propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie']),\n  header: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),\n    customStyle: Cta.propTypes.customStyle\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes))\n};\n\nexport type QuitPopinButton = {\n  'aria-label'?: string;\n  label: string;\n  type: string;\n  customStyle?: {\n    backgroundColor?: string;\n    color?: string;\n  };\n  handleOnclick: () => void;\n};\n\nexport type CMPopinProps = {\n  content: string;\n  icon: string;\n  mode: string;\n  descriptionText: string;\n  firstButton?: QuitPopinButton;\n  secondButton?: QuitPopinButton;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AAEA,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEJ,SAAS,CAACK,MADH;EAEhBC,IAAI,EAAEN,SAAS,CAACO,KAAV,CAAgB,CAAC,OAAD,EAAU,aAAV,EAAyB,QAAzB,CAAhB,CAFU;EAGhBC,MAAM,EAAER,SAAS,CAACK,MAHF;EAIhBI,WAAW,EAAET,SAAS,CAACU,KAAV,CAAgB;IAC3BC,KAAK,EAAEX,SAAS,CAACK,MADU;IAE3BO,aAAa,EAAEZ,SAAS,CAACa,IAFE;IAG3B,cAAcb,SAAS,CAACK,MAHG;IAI3BS,WAAW,EAAEd,SAAS,CAACe,IAJI;IAK3BC,IAAI,EAAEhB,SAAS,CAACO,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,EAAsC,UAAtC,CAAhB,CALqB;IAM3BU,WAAW,EAAEhB,GAAG,CAACE,SAAJ,CAAcc;EANA,CAAhB,CAJG;EAYhBC,YAAY,EAAElB,SAAS,CAACU,KAAV,CAAgB;IAC5BC,KAAK,EAAEX,SAAS,CAACK,MADW;IAE5BO,aAAa,EAAEZ,SAAS,CAACa,IAFG;IAG5BG,IAAI,EAAEhB,SAAS,CAACO,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHsB;IAI5B,cAAcP,SAAS,CAACK,MAJI;IAK5BS,WAAW,EAAEd,SAAS,CAACe,IALK;IAM5BE,WAAW,EAAEhB,GAAG,CAACE,SAAJ,CAAcc;EANC,CAAhB,CAZE;EAoBhBE,WAAW,EAAEnB,SAAS,CAACU,KAAV,CAAgB;IAC3BC,KAAK,EAAEX,SAAS,CAACK,MADU;IAE3BO,aAAa,EAAEZ,SAAS,CAACa,IAFE;IAG3BG,IAAI,EAAEhB,SAAS,CAACO,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHqB;IAI3B,cAAcP,SAAS,CAACK,MAJG;IAK3BS,WAAW,EAAEd,SAAS,CAACe,IALI;IAM3BE,WAAW,EAAEhB,GAAG,CAACE,SAAJ,CAAcc;EANA,CAAhB,CApBG;EA4BhBG,OAAO,EAAEpB,SAAS,CAACa,IA5BH;EA6BhBQ,IAAI,EAAErB,SAAS,CAACK,MA7BA;EA8BhBiB,kBAAkB,EAAEtB,SAAS,CAACK,MA9Bd;EA+BhBkB,eAAe,EAAEvB,SAAS,CAACK,MA/BX;EAgChBmB,WAAW,EAAExB,SAAS,CAACK,MAhCP;EAiChBoB,iBAAiB,EAAEzB,SAAS,CAACK,MAjCb;EAkChBqB,aAAa,EAAE1B,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAACU,KAAV,CAAgBR,WAAW,CAACC,SAA5B,CAAlB;AAlCC,CAAlB;AAyDA,eAAeA,SAAf"}
+{"version":3,"file":"types.js","names":["PropTypes","Cta","InputSwitch","Title","CardsGrid","propTypes","content","string","mode","oneOf","header","shape","title","headerIcon","backgroundImage","firstButton","label","handleOnclick","func","largeButton","bool","type","customStyle","secondButton","thirdButton","onClose","icon","backgroundImageUrl","descriptionText","cookieTitle","descriptionBtnTxt","listBtnSwicth","arrayOf","items","list"],"sources":["../../../src/molecule/cm-popin/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Cta from '../../atom/button-link';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\n\nconst propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie', 'items']),\n  header: PropTypes.shape({\n    title: PropTypes.shape(Title.propTypes),\n    headerIcon: PropTypes.string,\n    backgroundImage: PropTypes.string\n  }),\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),\n    customStyle: Cta.propTypes.customStyle\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes)),\n  items: PropTypes.shape({\n    type: PropTypes.string,\n    list: PropTypes.shape(CardsGrid.propTypes)\n  })\n};\n\ntype PopinHeaderProps = {\n  title: typeof Title.propTypes;\n  backgroundImage: string;\n  headerIcon: string;\n};\n\nexport type QuitPopinButton = {\n  'aria-label'?: string;\n  label: string;\n  type: string;\n  customStyle?: {\n    backgroundColor?: string;\n    color?: string;\n  };\n  handleOnclick: () => void;\n};\n\nexport type CMPopinProps = {\n  content: string;\n  icon: string;\n  mode: string;\n  popinHeader?: PopinHeaderProps;\n  descriptionText: string;\n  firstButton?: QuitPopinButton;\n  secondButton?: QuitPopinButton;\n  items?: {\n    type: string;\n    list: PropTypes.InferProps<typeof CardsGrid.propTypes>;\n  };\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEN,SAAS,CAACO,MADH;EAEhBC,IAAI,EAAER,SAAS,CAACS,KAAV,CAAgB,CAAC,OAAD,EAAU,aAAV,EAAyB,QAAzB,EAAmC,OAAnC,CAAhB,CAFU;EAGhBC,MAAM,EAAEV,SAAS,CAACW,KAAV,CAAgB;IACtBC,KAAK,EAAEZ,SAAS,CAACW,KAAV,CAAgBR,KAAK,CAACE,SAAtB,CADe;IAEtBQ,UAAU,EAAEb,SAAS,CAACO,MAFA;IAGtBO,eAAe,EAAEd,SAAS,CAACO;EAHL,CAAhB,CAHQ;EAQhBQ,WAAW,EAAEf,SAAS,CAACW,KAAV,CAAgB;IAC3BK,KAAK,EAAEhB,SAAS,CAACO,MADU;IAE3BU,aAAa,EAAEjB,SAAS,CAACkB,IAFE;IAG3B,cAAclB,SAAS,CAACO,MAHG;IAI3BY,WAAW,EAAEnB,SAAS,CAACoB,IAJI;IAK3BC,IAAI,EAAErB,SAAS,CAACS,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,EAAsC,UAAtC,CAAhB,CALqB;IAM3Ba,WAAW,EAAErB,GAAG,CAACI,SAAJ,CAAciB;EANA,CAAhB,CARG;EAgBhBC,YAAY,EAAEvB,SAAS,CAACW,KAAV,CAAgB;IAC5BK,KAAK,EAAEhB,SAAS,CAACO,MADW;IAE5BU,aAAa,EAAEjB,SAAS,CAACkB,IAFG;IAG5BG,IAAI,EAAErB,SAAS,CAACS,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHsB;IAI5B,cAAcT,SAAS,CAACO,MAJI;IAK5BY,WAAW,EAAEnB,SAAS,CAACoB,IALK;IAM5BE,WAAW,EAAErB,GAAG,CAACI,SAAJ,CAAciB;EANC,CAAhB,CAhBE;EAwBhBE,WAAW,EAAExB,SAAS,CAACW,KAAV,CAAgB;IAC3BK,KAAK,EAAEhB,SAAS,CAACO,MADU;IAE3BU,aAAa,EAAEjB,SAAS,CAACkB,IAFE;IAG3BG,IAAI,EAAErB,SAAS,CAACS,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHqB;IAI3B,cAAcT,SAAS,CAACO,MAJG;IAK3BY,WAAW,EAAEnB,SAAS,CAACoB,IALI;IAM3BE,WAAW,EAAErB,GAAG,CAACI,SAAJ,CAAciB;EANA,CAAhB,CAxBG;EAgChBG,OAAO,EAAEzB,SAAS,CAACkB,IAhCH;EAiChBQ,IAAI,EAAE1B,SAAS,CAACO,MAjCA;EAkChBoB,kBAAkB,EAAE3B,SAAS,CAACO,MAlCd;EAmChBqB,eAAe,EAAE5B,SAAS,CAACO,MAnCX;EAoChBsB,WAAW,EAAE7B,SAAS,CAACO,MApCP;EAqChBuB,iBAAiB,EAAE9B,SAAS,CAACO,MArCb;EAsChBwB,aAAa,EAAE/B,SAAS,CAACgC,OAAV,CAAkBhC,SAAS,CAACW,KAAV,CAAgBT,WAAW,CAACG,SAA5B,CAAlB,CAtCC;EAuChB4B,KAAK,EAAEjC,SAAS,CAACW,KAAV,CAAgB;IACrBU,IAAI,EAAErB,SAAS,CAACO,MADK;IAErB2B,IAAI,EAAElC,SAAS,CAACW,KAAV,CAAgBP,SAAS,CAACC,SAA1B;EAFe,CAAhB;AAvCS,CAAlB;AA4EA,eAAeA,SAAf"}

package/es/organism/sidebar/index.d.ts

@@ -51,7 +51,7 @@ export namespace MultiSelectItem {
     import propTypes_2 = SelectItem.propTypes;
     export { propTypes_2 as propTypes };
 }
-export function LinkItem({ href, index, name, selected, color, title, onClick, uppercase, styles, children, setChildrenAsHtml, target, icon }: {
+export function LinkItem({ href, index, name, selected, color, title, onClick, uppercase, styles, children, setChildrenAsHtml, target }: {
     href: any;
     index: any;
     name: any;
@@ -64,7 +64,6 @@ export function LinkItem({ href, index, name, selected, color, title, onClick, u
     children: any;
     setChildrenAsHtml?: boolean | undefined;
     target?: string | undefined;
-    icon?: boolean | undefined;
 }): JSX.Element;
 export namespace LinkItem {
     export namespace propTypes_3 {
@@ -82,7 +81,6 @@ export namespace LinkItem {
         export { uppercase_2 as uppercase };
         export const setChildrenAsHtml: PropTypes.Requireable<boolean>;
         export const target: PropTypes.Requireable<string>;
-        export const icon: PropTypes.Requireable<boolean>;
     }
     export { propTypes_3 as propTypes };
 }

package/es/organism/sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAgBO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;;gBA4DN;;;;;;;;;;;;;;;;;;;;;AAgBM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAeO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;gBAwDN;;;;;;;;;;;;;;;;;;;;AAeM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}

package/es/organism/sidebar/index.js

@@ -10,7 +10,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useMemo } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
-import { NovaCompositionCoorpacademyOpenInNewTab, ICONS_MAPPING } from '@coorpacademy/nova-icons';
+import { NovaCompositionCoorpacademyOpenInNewTab } from '@coorpacademy/nova-icons';
 import Link from '../../atom/link';
 import Button from '../../atom/button';
 import Provider from '../../atom/provider';
@@ -126,19 +126,17 @@ export const LinkItem = ({
   styles,
   children,
   setChildrenAsHtml = true,
-  target = '_self',
-  icon = false
+  target = '_self'
 }) => {
   const handleOnClick = useMemo(() => e => {
     onClick && onClick(e);
   }, [onClick]);
   const classNames = classnames(style.linkItem, style.innerHTML, {
     [style.uppercase]: uppercase
-  }, styles, !icon && setChildrenAsHtml ? style.itemWithoutIcon : null);
+  }, styles);
   const borderStyle = {
     borderLeftColor: selected ? color : null
   };
-  const Icon = ICONS_MAPPING[icon];
   return /*#__PURE__*/React.createElement(Link, {
     target: target,
     onClick: handleOnClick,
@@ -159,9 +157,7 @@ export const LinkItem = ({
   }) : /*#__PURE__*/React.createElement("li", {
     className: classNames,
     style: borderStyle
-  }, icon ? /*#__PURE__*/React.createElement(Icon, {
-    className: style.linkItemIcon
-  }) : null, title, children));
+  }, title, children));
 };
 LinkItem.propTypes = process.env.NODE_ENV !== "production" ? {
   index: PropTypes.number,
@@ -173,8 +169,7 @@ LinkItem.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   uppercase: PropTypes.bool,
   setChildrenAsHtml: PropTypes.bool,
-  target: PropTypes.string,
-  icon: PropTypes.bool
+  target: PropTypes.string
 } : {};
 export const IconLinkItem = _ref => {
   let {

package/es/organism/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","classnames","PropTypes","NovaCompositionCoorpacademyOpenInNewTab","ICONS_MAPPING","Link","Button","Provider","Select","Cta","SelectMultiple","style","NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","selectItem","selectTitle","input","propTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","icon","handleOnClick","classNames","linkItem","innerHTML","itemWithoutIcon","borderStyle","borderLeftColor","Icon","textDecoration","__html","linkItemIcon","IconLinkItem","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","childContextTypes"],"sources":["../../../src/organism/sidebar/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab, ICONS_MAPPING} from '@coorpacademy/nova-icons';\n\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self',\n  icon = false\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles,\n    !icon && setChildrenAsHtml ? style.itemWithoutIcon : null\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n  const Icon = ICONS_MAPPING[icon];\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {icon ? <Icon className={style.linkItemIcon} /> : null}\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string,\n  icon: PropTypes.bool\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,uCAAR,EAAiDC,aAAjD,QAAqE,0BAArE;AAEA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,aAAa,GAAG,SAAtB;AAEA,OAAO,MAAMC,aAAa,GAAGC,KAAK,IAAI;EACpC,MAAM;IACJC,KADI;IAEJC,WAAW,GAAG,EAFV;IAGJC,KAHI;IAIJC,QAAQ,QAJJ;IAKJC,QALI;IAMJC,IANI;IAOJC,KAPI;IAQJC,SAAS,GAAG;EARR,IASFR,KATJ;EAUA,MAAMS,cAAc,GAAGvB,OAAO,CAAC,MAAMwB,CAAC,IAAIN,QAAQ,CAACM,CAAC,CAACC,MAAF,CAASR,KAAV,CAApB,EAAsC,CAACC,QAAD,CAAtC,CAA9B;EACA,oBACE;IAAI,aAAWE,IAAI,IAAK,kBAAiBC,KAAM,EAA/C;IAAkD,SAAS,EAAEV,KAAK,CAACe;EAAnE,gBACE;IAAK,SAAS,EAAEzB,UAAU,CAACU,KAAK,CAACgB,WAAP,EAAoB;MAAC,CAAChB,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAApB;EAA1B,GAAgFP,KAAhF,CADF,eAEE;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEA,KAFR;IAGE,SAAS,EAAEJ,KAAK,CAACiB,KAHnB;IAIE,WAAW,EAAEZ,WAJf;IAKE,KAAK,EAAEC,KALT;IAME,QAAQ,EAAEE,QANZ;IAOE,QAAQ,EAAEI;EAPZ,EAFF,CADF;AAcD,CA1BM;AA4BPV,aAAa,CAACgB,SAAd,2CAA0B;EACxBR,KAAK,EAAEnB,SAAS,CAAC4B,MADO;EAExBf,KAAK,EAAEb,SAAS,CAAC6B,MAAV,CAAiBC,UAFA;EAGxBZ,IAAI,EAAElB,SAAS,CAAC6B,MAHQ;EAIxBZ,QAAQ,EAAEjB,SAAS,CAAC+B,IAJI;EAKxBhB,KAAK,EAAEf,SAAS,CAAC6B,MAAV,CAAiBC,UALA;EAMxBhB,WAAW,EAAEd,SAAS,CAAC6B,MANC;EAOxBb,QAAQ,EAAEhB,SAAS,CAACgC,IAPI;EAQxBZ,SAAS,EAAEpB,SAAS,CAAC+B;AARG,CAA1B;AAWA,OAAO,MAAME,UAAU,GAAG,CAAC;EAACf,IAAD;EAAOC,KAAP;EAAcH,QAAd;EAAwBH,KAAxB;EAA+BqB,OAA/B;EAAwCd,SAAS,GAAG;AAApD,CAAD,KAA+D;EACvF,oBACE;IAAI,aAAWF,IAAI,IAAK,eAAcC,KAAM,EAA5C;IAA+C,SAAS,EAAEV,KAAK,CAACe;EAAhE,gBACE;IAAK,SAAS,EAAEzB,UAAU,CAACU,KAAK,CAACgB,WAAP,EAAoB;MAAC,CAAChB,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAApB;EAA1B,GAAgFP,KAAhF,CADF,eAEE,oBAAC,MAAD;IAAQ,KAAK,EAAEA,KAAf;IAAsB,QAAQ,EAAEG,QAAhC;IAA0C,KAAK,EAAC,QAAhD;IAAyD,OAAO,EAAEkB;EAAlE,EAFF,CADF;AAMD,CAPM;AASPD,UAAU,CAACN,SAAX,2CAAuB;EACrBR,KAAK,EAAEnB,SAAS,CAAC4B,MADI;EAErBf,KAAK,EAAEb,SAAS,CAAC6B,MAAV,CAAiBC,UAFH;EAGrBZ,IAAI,EAAElB,SAAS,CAAC6B,MAHK;EAIrBK,OAAO,EAAElC,SAAS,CAACmC,OAAV,CACPnC,SAAS,CAACoC,KAAV,CAAgB;IACdlB,IAAI,EAAElB,SAAS,CAAC6B,MAAV,CAAiBC,UADT;IAEdf,KAAK,EAAEf,SAAS,CAAC6B,MAAV,CAAiBC,UAFV;IAGdO,QAAQ,EAAErC,SAAS,CAAC+B,IAAV,CAAeD;EAHX,CAAhB,CADO,EAMPA,UAVmB;EAWrBd,QAAQ,EAAEhB,SAAS,CAACgC,IAXC;EAYrBZ,SAAS,EAAEpB,SAAS,CAAC+B;AAZA,CAAvB;AAeA,OAAO,MAAMO,eAAe,GAAG,CAAC;EAACpB,IAAD;EAAOC,KAAP;EAAcH,QAAd;EAAwBH,KAAxB;EAA+BqB,OAA/B;EAAwCd,SAAS,GAAG;AAApD,CAAD,KAA+D;EAC5F,oBACE;IAAI,aAAWF,IAAI,IAAK,eAAcC,KAAM,EAA5C;IAA+C,SAAS,EAAEV,KAAK,CAACe;EAAhE,gBACE;IAAK,SAAS,EAAEzB,UAAU,CAACU,KAAK,CAACgB,WAAP,EAAoB;MAAC,CAAChB,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAApB;EAA1B,GAAgFP,KAAhF,CADF,eAEE,oBAAC,cAAD;IAAgB,KAAK,EAAC,SAAtB;IAAgC,QAAQ,EAAEG,QAA1C;IAAoD,OAAO,EAAEkB;EAA7D,EAFF,CADF;AAMD,CAPM;AASPI,eAAe,CAACX,SAAhB,2CAA4BM,UAAU,CAACN,SAAvC;AAEA,OAAO,MAAMY,QAAQ,GAAG,CAAC;EACvBC,IADuB;EAEvBrB,KAFuB;EAGvBD,IAHuB;EAIvBmB,QAJuB;EAKvBI,KALuB;EAMvB5B,KANuB;EAOvB6B,OAPuB;EAQvBtB,SAAS,GAAG,IARW;EASvBuB,MATuB;EAUvBC,QAVuB;EAWvBC,iBAAiB,GAAG,IAXG;EAYvBtB,MAAM,GAAG,OAZc;EAavBuB,IAAI,GAAG;AAbgB,CAAD,KAclB;EACJ,MAAMC,aAAa,GAAGjD,OAAO,CAC3B,MAAMwB,CAAC,IAAI;IACToB,OAAO,IAAIA,OAAO,CAACpB,CAAD,CAAlB;EACD,CAH0B,EAI3B,CAACoB,OAAD,CAJ2B,CAA7B;EAOA,MAAMM,UAAU,GAAGjD,UAAU,CAC3BU,KAAK,CAACwC,QADqB,EAE3BxC,KAAK,CAACyC,SAFqB,EAG3B;IAAC,CAACzC,KAAK,CAACW,SAAP,GAAmBA;EAApB,CAH2B,EAI3BuB,MAJ2B,EAK3B,CAACG,IAAD,IAASD,iBAAT,GAA6BpC,KAAK,CAAC0C,eAAnC,GAAqD,IAL1B,CAA7B;EAOA,MAAMC,WAAW,GAAG;IAACC,eAAe,EAAEhB,QAAQ,GAAGI,KAAH,GAAW;EAArC,CAApB;EACA,MAAMa,IAAI,GAAGpD,aAAa,CAAC4C,IAAD,CAA1B;EAEA,oBACE,oBAAC,IAAD;IACE,MAAM,EAAEvB,MADV;IAEE,OAAO,EAAEwB,aAFX;IAGE,SAAS,MAHX;IAIE,IAAI,EAAEP,IAJR;IAKE,aAAWtB,IAAI,IAAK,aAAYC,KAAM,EALxC;IAME,KAAK,EAAE;MACLoC,cAAc,EAAE,MADX;MAELd,KAAK,EAAEJ,QAAQ,GAAGI,KAAH,GAAW/B;IAFrB;EANT,GAWGmC,iBAAiB,gBAChB;IACE,SAAS,EAAEG,UADb;IAEE,KAAK,EAAEI,WAFT,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACI,MAAM,EAAE3C;IAAT;EAJ3B,EADgB,gBAQhB;IAAI,SAAS,EAAEmC,UAAf;IAA2B,KAAK,EAAEI;EAAlC,GACGN,IAAI,gBAAG,oBAAC,IAAD;IAAM,SAAS,EAAErC,KAAK,CAACgD;EAAvB,EAAH,GAA6C,IADpD,EAEG5C,KAFH,EAGG+B,QAHH,CAnBJ,CADF;AA4BD,CA5DM;AA8DPL,QAAQ,CAACZ,SAAT,2CAAqB;EACnBR,KAAK,EAAEnB,SAAS,CAAC4B,MADE;EAEnBf,KAAK,EAAEb,SAAS,CAAC6B,MAAV,CAAiBC,UAFL;EAGnBO,QAAQ,EAAErC,SAAS,CAAC+B,IAHD;EAInBb,IAAI,EAAElB,SAAS,CAAC6B,MAJG;EAKnBW,IAAI,EAAExC,SAAS,CAAC6B,MALG;EAMnBY,KAAK,EAAEzC,SAAS,CAAC6B,MANE;EAOnBa,OAAO,EAAE1C,SAAS,CAACgC,IAPA;EAQnBZ,SAAS,EAAEpB,SAAS,CAAC+B,IARF;EASnBc,iBAAiB,EAAE7C,SAAS,CAAC+B,IATV;EAUnBR,MAAM,EAAEvB,SAAS,CAAC6B,MAVC;EAWnBiB,IAAI,EAAE9C,SAAS,CAAC+B;AAXG,CAArB;AAcA,OAAO,MAAM2B,YAAY,GAAG,QAMtB;EAAA,IANuB;IAC3BvC,KAD2B;IAE3BD,IAAI,GAAI,oBAAmBC,KAAM,EAFN;IAG3BuB,OAH2B;IAI3BtB,SAAS,GAAG;EAJe,CAMvB;EAAA,IADDR,KACC;;EACJ,MAAMmC,aAAa,GAAGjD,OAAO,CAC3B,MAAMwB,CAAC,IAAI;IACToB,OAAO,IAAIA,OAAO,CAACpB,CAAD,CAAlB;EACD,CAH0B,EAI3B,CAACoB,OAAD,CAJ2B,CAA7B;EAMA,oBACE,oBAAC,QAAD,eACM9B,KADN;IAEE,iBAAiB,EAAE,KAFrB;IAGE,OAAO,EAAEmC,aAHX;IAIE,IAAI,EAAE7B,IAJR;IAKE,SAAS,EAAEE,SALb;IAME,KAAK,EAAED;EANT,iBAQE,oBAAC,uCAAD;IAAyC,SAAS,EAAEV,KAAK,CAACqC;EAA1D,EARF,CADF;AAYD,CAzBM;AA2BPY,YAAY,CAAC/B,SAAb,2CAAyBY,QAAQ,CAACZ,SAAlC;AAEA,OAAO,MAAMgC,SAAS,GAAG,CAAC;EAACzC,IAAD;EAAOC,KAAP;EAAcN,KAAd;EAAqBO;AAArB,CAAD,KAAqC;EAC5D,oBACE;IAAI,aAAWF,IAAI,IAAK,cAAaC,KAAM,EAA3C;IAA8C,SAAS,EAAEV,KAAK,CAACmD;EAA/D,gBACE;IAAI,SAAS,EAAE7D,UAAU,CAACU,KAAK,CAACoD,cAAP,EAAuB;MAAC,CAACpD,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAAvB;EAAzB,GAAkFP,KAAlF,CADF,CADF;AAKD,CANM;AAQP8C,SAAS,CAAChC,SAAV,2CAAsB;EACpBR,KAAK,EAAEnB,SAAS,CAAC4B,MADG;EAEpBf,KAAK,EAAEb,SAAS,CAAC6B,MAAV,CAAiBC,UAFJ;EAGpBZ,IAAI,EAAElB,SAAS,CAAC6B,MAHI;EAIpBT,SAAS,EAAEpB,SAAS,CAAC+B;AAJD,CAAtB;AAOA,OAAO,MAAM+B,UAAU,GAAG,CAAC;EACzB3C,KADyB;EAEzBuB,OAFyB;EAGzBD,KAHyB;EAIzBsB,YAJyB;EAKzB7C,IALyB;EAMzBsB,IANyB;EAOzB3B,KAPyB;EAQzBmD,GARyB;EASzB5C;AATyB,CAAD,KAUpB;EACJ,MAAM2B,aAAa,GAAGjD,OAAO,CAC3B,MAAMwB,CAAC,IAAI;IACToB,OAAO,IAAIA,OAAO,CAACpB,CAAD,CAAlB;EACD,CAH0B,EAI3B,CAACoB,OAAD,CAJ2B,CAA7B;EAMA,MAAMuB,eAAe,GAAGF,YAAY,KAAK,IAAjB,GAAwBrD,aAAxB,GAAwC+B,KAAhE;EACA,MAAMyB,MAAM,GAAGF,GAAG,gBAChB,oBAAC,GAAD,EACM,UACF;IACEtB,OAAO,EAAEK,aADX;IAEEP,IAFF;IAGE2B,WAAW,EAAE,IAHf;IAIEC,SAAS,EAAE,IAJb;IAKEC,SAAS,EAAE,IALb;IAMEC,WAAW,EAAEzD;EANf,CADE,EASFmD,GATE,CADN,CADgB,gBAehB,oBAAC,MAAD;IAAQ,IAAI,EAAC,MAAb;IAAoB,IAAI,EAAExB,IAA1B;IAAgC,OAAO,EAAEO,aAAzC;IAAwD,KAAK,EAAE;MAACkB;IAAD;EAA/D,GACGpD,KADH,CAfF;EAmBA,oBACE;IACE,aAAWK,IAAI,IAAK,eAAcC,KAAM,EAD1C;IAEE,SAAS,EAAEpB,UAAU,CAACU,KAAK,CAAC8D,UAAP,EAAmB;MAAC,CAAC9D,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAAnB;EAFvB,GAIG8C,MAJH,CADF;AAQD,CA7CM;AA+CPJ,UAAU,CAACnC,SAAX,2CAAuB;EACrBR,KAAK,EAAEnB,SAAS,CAAC4B,MADI;EAErBf,KAAK,EAAEb,SAAS,CAAC6B,MAAV,CAAiBC,UAFH;EAGrBZ,IAAI,EAAElB,SAAS,CAAC6B,MAHK;EAIrBW,IAAI,EAAExC,SAAS,CAAC6B,MAJK;EAKrBY,KAAK,EAAEzC,SAAS,CAAC6B,MALI;EAMrBkC,YAAY,EAAE/D,SAAS,CAAC+B,IANH;EAOrBW,OAAO,EAAE1C,SAAS,CAACgC,IAPE;EAQrBgC,GAAG,EAAEhE,SAAS,CAACwE,SAAV,CAAoB,CAACxE,SAAS,CAACoC,KAAV,CAAgB7B,GAAG,CAACoB,SAApB,CAAD,EAAiC3B,SAAS,CAAC+B,IAA3C,CAApB,CARgB;EASrBX,SAAS,EAAEpB,SAAS,CAAC+B;AATA,CAAvB;AAYA,OAAO,MAAM0C,QAAQ,GAAG,CAAC;EAAC/B,OAAD;EAAUvB,KAAV;EAAiBD,IAAjB;EAAuBuB,KAAvB;EAA8BsB,YAA9B;EAA4ClD,KAA5C;EAAmDE,KAAnD;EAA0DK;AAA1D,CAAD,KAA0E;EAChG,MAAM2B,aAAa,GAAGjD,OAAO,CAC3B,MAAMwB,CAAC,IAAI;IACToB,OAAO,IAAIA,OAAO,CAACpB,CAAD,CAAlB;EACD,CAH0B,EAI3B,CAACoB,OAAD,CAJ2B,CAA7B;EAMA,MAAMgC,MAAM,GAAGX,YAAY,KAAK,IAAjB,GAAwBrD,aAAxB,GAAwC+B,KAAvD;EACA,oBACE;IAAI,aAAWvB,IAAI,IAAK,aAAYC,KAAM,EAA1C;IAA6C,SAAS,EAAEV,KAAK,CAACkE;EAA9D,gBACE;IAAI,SAAS,EAAElE,KAAK,CAACmE;EAArB,GAAqC/D,KAArC,CADF,eAEE;IACE,SAAS,EAAEd,UAAU,CAACU,KAAK,CAACoE,eAAP,EAAwB;MAAC,CAACpE,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAAxB,CADvB;IAEE,OAAO,EAAE2B,aAFX;IAGE,KAAK,EAAE;MACLM,eAAe,EAAEqB,MADZ;MAELjC,KAAK,EAAEiC;IAFF;EAHT,GAQG3D,KARH,CAFF,CADF;AAeD,CAvBM;AAyBP0D,QAAQ,CAAC9C,SAAT,2CAAqB;EACnBR,KAAK,EAAEnB,SAAS,CAAC4B,MADE;EAEnBf,KAAK,EAAEb,SAAS,CAAC6B,MAAV,CAAiBC,UAFL;EAGnBZ,IAAI,EAAElB,SAAS,CAAC6B,MAHG;EAInBY,KAAK,EAAEzC,SAAS,CAAC6B,MAJE;EAKnBkC,YAAY,EAAE/D,SAAS,CAAC+B,IALL;EAMnBhB,KAAK,EAAEf,SAAS,CAAC6B,MAAV,CAAiBC,UANL;EAOnBY,OAAO,EAAE1C,SAAS,CAACgC,IAPA;EAQnBZ,SAAS,EAAEpB,SAAS,CAAC+B;AARF,CAArB;;AAWA,MAAM+C,WAAW,GAAG,CAAC;EAACC,IAAD;EAAOtC,KAAP;EAActB;AAAd,CAAD,KAA0B;EAC5C,QAAQ4D,IAAI,CAACC,IAAb;IACE,KAAK,QAAL;MAAe;QACb,oBAAO,oBAAC,UAAD,eAAgBD,IAAhB;UAAsB,KAAK,EAAEtC,KAA7B;UAAoC,KAAK,EAAEtB;QAA3C,GAAP;MACD;;IACD,KAAK,cAAL;MACE,oBAAO,oBAAC,eAAD,eAAqB4D,IAArB;QAA2B,KAAK,EAAEtC,KAAlC;QAAyC,KAAK,EAAEtB;MAAhD,GAAP;;IACF,KAAK,MAAL;MACE,oBAAO,oBAAC,QAAD,eAAc4D,IAAd;QAAoB,KAAK,EAAEtC,KAA3B;QAAkC,KAAK,EAAEtB;MAAzC,GAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,YAAD,eAAkB4D,IAAlB;QAAwB,KAAK,EAAEtC,KAA/B;QAAsC,KAAK,EAAEtB;MAA7C,GAAP;;IACF,KAAK,OAAL;MACE,oBAAO,oBAAC,SAAD,eAAe4D,IAAf;QAAqB,KAAK,EAAEtC,KAA5B;QAAmC,KAAK,EAAEtB;MAA1C,GAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,UAAD,eAAgB4D,IAAhB;QAAsB,KAAK,EAAEtC,KAA7B;QAAoC,KAAK,EAAEtB;MAA3C,GAAP;;IACF,KAAK,MAAL;MACE,oBAAO,oBAAC,QAAD,eAAc4D,IAAd;QAAoB,KAAK,EAAEtC,KAA3B;QAAkC,KAAK,EAAEtB;MAAzC,GAAP;;IACF,KAAK,WAAL;MACE,oBAAO,oBAAC,aAAD,eAAmB4D,IAAnB;QAAyB,KAAK,EAAEtC,KAAhC;QAAuC,KAAK,EAAEtB;MAA9C,GAAP;EAjBJ;AAmBD,CApBD;;AAsBA2D,WAAW,CAACnD,SAAZ,2CAAwB;EACtBoD,IAAI,EAAE/E,SAAS,CAACwE,SAAV,CAAoB,CACxBxE,SAAS,CAACoC,KAAV,cAAoBuB,SAAS,CAAChC,SAA9B;IAAyCqD,IAAI,EAAEhF,SAAS,CAACiF,KAAV,CAAgB,CAAC,OAAD,CAAhB,EAA2BnD;EAA1E,GADwB,EAExB9B,SAAS,CAACoC,KAAV,cAAoBsB,YAAY,CAAC/B,SAAjC;IAA4CqD,IAAI,EAAEhF,SAAS,CAACiF,KAAV,CAAgB,CAAC,UAAD,CAAhB,EAA8BnD;EAAhF,GAFwB,EAGxB9B,SAAS,CAACoC,KAAV,cAAoB0B,UAAU,CAACnC,SAA/B;IAA0CqD,IAAI,EAAEhF,SAAS,CAACiF,KAAV,CAAgB,CAAC,QAAD,CAAhB,EAA4BnD;EAA5E,GAHwB,EAIxB9B,SAAS,CAACoC,KAAV,cAAoBqC,QAAQ,CAAC9C,SAA7B;IAAwCqD,IAAI,EAAEhF,SAAS,CAACiF,KAAV,CAAgB,CAAC,MAAD,CAAhB,EAA0BnD;EAAxE,GAJwB,EAKxB9B,SAAS,CAACoC,KAAV,cAAoBG,QAAQ,CAACZ,SAA7B;IAAwCqD,IAAI,EAAEhF,SAAS,CAACiF,KAAV,CAAgB,CAAC,MAAD,CAAhB,EAA0BnD;EAAxE,GALwB,EAMxB9B,SAAS,CAACoC,KAAV,cAAoBzB,aAAa,CAACgB,SAAlC;IAA6CqD,IAAI,EAAEhF,SAAS,CAACiF,KAAV,CAAgB,CAAC,WAAD,CAAhB,EAA+BnD;EAAlF,GANwB,EAOxB9B,SAAS,CAACoC,KAAV,cAAoBH,UAAU,CAACN,SAA/B;IAA0CqD,IAAI,EAAEhF,SAAS,CAACiF,KAAV,CAAgB,CAAC,QAAD,CAAhB,EAA4BnD;EAA5E,GAPwB,EAQxB9B,SAAS,CAACoC,KAAV,cAAoBH,UAAU,CAACN,SAA/B;IAA0CqD,IAAI,EAAEhF,SAAS,CAACiF,KAAV,CAAgB,CAAC,cAAD,CAAhB,EAAkCnD;EAAlF,GARwB,CAApB,CADgB;EAWtBX,KAAK,EAAEnB,SAAS,CAAC4B,MAXK;EAYtBa,KAAK,EAAEzC,SAAS,CAAC6B,MAZK;EAatBT,SAAS,EAAEpB,SAAS,CAAC+B;AAbC,CAAxB;;AAgBA,MAAMmD,YAAY,GAAG,CAAC;EAACC,KAAD;EAAQ1C;AAAR,CAAD,KAAoB;EACvC,oBACE;IAAI,SAAS,EAAEhC,KAAK,CAAC2E;EAArB,GACGD,KAAK,CAACE,GAAN,CAAU,CAACN,IAAD,EAAO5D,KAAP,kBACT,oBAAC,WAAD;IAAa,IAAI,EAAE4D,IAAnB;IAAyB,GAAG,EAAE5D,KAA9B;IAAqC,KAAK,EAAEA,KAA5C;IAAmD,KAAK,EAAEsB;EAA1D,EADD,CADH,CADF;AAOD,CARD;;AAUAyC,YAAY,CAACvD,SAAb,2CAAyB;EACvBc,KAAK,EAAEzC,SAAS,CAAC6B,MADM;EAEvBsD,KAAK,EAAEnF,SAAS,CAACmC,OAAV,CAAkBnC,SAAS,CAACoC,KAAV,CAAgB0C,WAAW,CAACnD,SAA5B,CAAlB;AAFgB,CAAzB;;AAKA,MAAM2D,OAAO,GAAG,CAAC;EAACH;AAAD,CAAD,EAAUI,OAAV,KAAsB;EACpC,MAAMC,QAAQ,GAAGC,KAAK,CAACC,OAAN,CAAcP,KAAK,CAAC,CAAD,CAAnB,IAA0BA,KAA1B,GAAkC,CAACA,KAAD,CAAnD;EACA,MAAM;IAACQ;EAAD,IAASJ,OAAf;;EACA,MAAMK,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EACA,oBACE;IAAK,aAAU,SAAf;IAAyB,SAAS,EAAElF,KAAK,CAACoF;EAA1C,GACGL,QAAQ,CAACH,GAAT,CAAa,CAACS,cAAD,EAAiBC,GAAjB,kBACZ;IAAK,aAAY,eAAcA,GAAG,GAAG,CAAE,EAAvC;IAA0C,SAAS,EAAEtF,KAAK,CAACuF,WAA3D;IAAwE,GAAG,EAAED;EAA7E,gBACE,oBAAC,YAAD;IAAc,KAAK,EAAED,cAArB;IAAqC,KAAK,EAAEF;EAA5C,EADF,CADD,CADH,CADF;AASD,CAbD;;AAeAN,OAAO,CAAC3D,SAAR,2CAAoB;EAClBwD,KAAK,EAAEnF,SAAS,CAACmC,OAAV,CACLnC,SAAS,CAACwE,SAAV,CAAoB,CAClBM,WAAW,CAACnD,SAAZ,CAAsBoD,IADJ,EAElB/E,SAAS,CAACmC,OAAV,CAAkB2C,WAAW,CAACnD,SAAZ,CAAsBoD,IAAxC,EAA8CjD,UAF5B,CAApB,CADK,EAKLA;AANgB,CAApB;AASAwD,OAAO,CAACW,YAAR,GAAuB;EACrBN,IAAI,EAAEtF,QAAQ,CAAC6F,iBAAT,CAA2BP;AADZ,CAAvB;AAIA,eAAeL,OAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","classnames","PropTypes","NovaCompositionCoorpacademyOpenInNewTab","Link","Button","Provider","Select","Cta","SelectMultiple","style","NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","selectItem","selectTitle","input","propTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","childContextTypes"],"sources":["../../../src/organism/sidebar/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,uCAAR,QAAsD,0BAAtD;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,aAAa,GAAG,SAAtB;AAEA,OAAO,MAAMC,aAAa,GAAGC,KAAK,IAAI;EACpC,MAAM;IACJC,KADI;IAEJC,WAAW,GAAG,EAFV;IAGJC,KAHI;IAIJC,QAAQ,QAJJ;IAKJC,QALI;IAMJC,IANI;IAOJC,KAPI;IAQJC,SAAS,GAAG;EARR,IASFR,KATJ;EAUA,MAAMS,cAAc,GAAGtB,OAAO,CAAC,MAAMuB,CAAC,IAAIN,QAAQ,CAACM,CAAC,CAACC,MAAF,CAASR,KAAV,CAApB,EAAsC,CAACC,QAAD,CAAtC,CAA9B;EACA,oBACE;IAAI,aAAWE,IAAI,IAAK,kBAAiBC,KAAM,EAA/C;IAAkD,SAAS,EAAEV,KAAK,CAACe;EAAnE,gBACE;IAAK,SAAS,EAAExB,UAAU,CAACS,KAAK,CAACgB,WAAP,EAAoB;MAAC,CAAChB,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAApB;EAA1B,GAAgFP,KAAhF,CADF,eAEE;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEA,KAFR;IAGE,SAAS,EAAEJ,KAAK,CAACiB,KAHnB;IAIE,WAAW,EAAEZ,WAJf;IAKE,KAAK,EAAEC,KALT;IAME,QAAQ,EAAEE,QANZ;IAOE,QAAQ,EAAEI;EAPZ,EAFF,CADF;AAcD,CA1BM;AA4BPV,aAAa,CAACgB,SAAd,2CAA0B;EACxBR,KAAK,EAAElB,SAAS,CAAC2B,MADO;EAExBf,KAAK,EAAEZ,SAAS,CAAC4B,MAAV,CAAiBC,UAFA;EAGxBZ,IAAI,EAAEjB,SAAS,CAAC4B,MAHQ;EAIxBZ,QAAQ,EAAEhB,SAAS,CAAC8B,IAJI;EAKxBhB,KAAK,EAAEd,SAAS,CAAC4B,MAAV,CAAiBC,UALA;EAMxBhB,WAAW,EAAEb,SAAS,CAAC4B,MANC;EAOxBb,QAAQ,EAAEf,SAAS,CAAC+B,IAPI;EAQxBZ,SAAS,EAAEnB,SAAS,CAAC8B;AARG,CAA1B;AAWA,OAAO,MAAME,UAAU,GAAG,CAAC;EAACf,IAAD;EAAOC,KAAP;EAAcH,QAAd;EAAwBH,KAAxB;EAA+BqB,OAA/B;EAAwCd,SAAS,GAAG;AAApD,CAAD,KAA+D;EACvF,oBACE;IAAI,aAAWF,IAAI,IAAK,eAAcC,KAAM,EAA5C;IAA+C,SAAS,EAAEV,KAAK,CAACe;EAAhE,gBACE;IAAK,SAAS,EAAExB,UAAU,CAACS,KAAK,CAACgB,WAAP,EAAoB;MAAC,CAAChB,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAApB;EAA1B,GAAgFP,KAAhF,CADF,eAEE,oBAAC,MAAD;IAAQ,KAAK,EAAEA,KAAf;IAAsB,QAAQ,EAAEG,QAAhC;IAA0C,KAAK,EAAC,QAAhD;IAAyD,OAAO,EAAEkB;EAAlE,EAFF,CADF;AAMD,CAPM;AASPD,UAAU,CAACN,SAAX,2CAAuB;EACrBR,KAAK,EAAElB,SAAS,CAAC2B,MADI;EAErBf,KAAK,EAAEZ,SAAS,CAAC4B,MAAV,CAAiBC,UAFH;EAGrBZ,IAAI,EAAEjB,SAAS,CAAC4B,MAHK;EAIrBK,OAAO,EAAEjC,SAAS,CAACkC,OAAV,CACPlC,SAAS,CAACmC,KAAV,CAAgB;IACdlB,IAAI,EAAEjB,SAAS,CAAC4B,MAAV,CAAiBC,UADT;IAEdf,KAAK,EAAEd,SAAS,CAAC4B,MAAV,CAAiBC,UAFV;IAGdO,QAAQ,EAAEpC,SAAS,CAAC8B,IAAV,CAAeD;EAHX,CAAhB,CADO,EAMPA,UAVmB;EAWrBd,QAAQ,EAAEf,SAAS,CAAC+B,IAXC;EAYrBZ,SAAS,EAAEnB,SAAS,CAAC8B;AAZA,CAAvB;AAeA,OAAO,MAAMO,eAAe,GAAG,CAAC;EAACpB,IAAD;EAAOC,KAAP;EAAcH,QAAd;EAAwBH,KAAxB;EAA+BqB,OAA/B;EAAwCd,SAAS,GAAG;AAApD,CAAD,KAA+D;EAC5F,oBACE;IAAI,aAAWF,IAAI,IAAK,eAAcC,KAAM,EAA5C;IAA+C,SAAS,EAAEV,KAAK,CAACe;EAAhE,gBACE;IAAK,SAAS,EAAExB,UAAU,CAACS,KAAK,CAACgB,WAAP,EAAoB;MAAC,CAAChB,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAApB;EAA1B,GAAgFP,KAAhF,CADF,eAEE,oBAAC,cAAD;IAAgB,KAAK,EAAC,SAAtB;IAAgC,QAAQ,EAAEG,QAA1C;IAAoD,OAAO,EAAEkB;EAA7D,EAFF,CADF;AAMD,CAPM;AASPI,eAAe,CAACX,SAAhB,2CAA4BM,UAAU,CAACN,SAAvC;AAEA,OAAO,MAAMY,QAAQ,GAAG,CAAC;EACvBC,IADuB;EAEvBrB,KAFuB;EAGvBD,IAHuB;EAIvBmB,QAJuB;EAKvBI,KALuB;EAMvB5B,KANuB;EAOvB6B,OAPuB;EAQvBtB,SAAS,GAAG,IARW;EASvBuB,MATuB;EAUvBC,QAVuB;EAWvBC,iBAAiB,GAAG,IAXG;EAYvBtB,MAAM,GAAG;AAZc,CAAD,KAalB;EACJ,MAAMuB,aAAa,GAAG/C,OAAO,CAC3B,MAAMuB,CAAC,IAAI;IACToB,OAAO,IAAIA,OAAO,CAACpB,CAAD,CAAlB;EACD,CAH0B,EAI3B,CAACoB,OAAD,CAJ2B,CAA7B;EAOA,MAAMK,UAAU,GAAG/C,UAAU,CAC3BS,KAAK,CAACuC,QADqB,EAE3BvC,KAAK,CAACwC,SAFqB,EAG3B;IAAC,CAACxC,KAAK,CAACW,SAAP,GAAmBA;EAApB,CAH2B,EAI3BuB,MAJ2B,CAA7B;EAMA,MAAMO,WAAW,GAAG;IAACC,eAAe,EAAEd,QAAQ,GAAGI,KAAH,GAAW;EAArC,CAApB;EAEA,oBACE,oBAAC,IAAD;IACE,MAAM,EAAElB,MADV;IAEE,OAAO,EAAEuB,aAFX;IAGE,SAAS,MAHX;IAIE,IAAI,EAAEN,IAJR;IAKE,aAAWtB,IAAI,IAAK,aAAYC,KAAM,EALxC;IAME,KAAK,EAAE;MACLiC,cAAc,EAAE,MADX;MAELX,KAAK,EAAEJ,QAAQ,GAAGI,KAAH,GAAW/B;IAFrB;EANT,GAWGmC,iBAAiB,gBAChB;IACE,SAAS,EAAEE,UADb;IAEE,KAAK,EAAEG,WAFT,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACG,MAAM,EAAExC;IAAT;EAJ3B,EADgB,gBAQhB;IAAI,SAAS,EAAEkC,UAAf;IAA2B,KAAK,EAAEG;EAAlC,GACGrC,KADH,EAEG+B,QAFH,CAnBJ,CADF;AA2BD,CAxDM;AA0DPL,QAAQ,CAACZ,SAAT,2CAAqB;EACnBR,KAAK,EAAElB,SAAS,CAAC2B,MADE;EAEnBf,KAAK,EAAEZ,SAAS,CAAC4B,MAAV,CAAiBC,UAFL;EAGnBO,QAAQ,EAAEpC,SAAS,CAAC8B,IAHD;EAInBb,IAAI,EAAEjB,SAAS,CAAC4B,MAJG;EAKnBW,IAAI,EAAEvC,SAAS,CAAC4B,MALG;EAMnBY,KAAK,EAAExC,SAAS,CAAC4B,MANE;EAOnBa,OAAO,EAAEzC,SAAS,CAAC+B,IAPA;EAQnBZ,SAAS,EAAEnB,SAAS,CAAC8B,IARF;EASnBc,iBAAiB,EAAE5C,SAAS,CAAC8B,IATV;EAUnBR,MAAM,EAAEtB,SAAS,CAAC4B;AAVC,CAArB;AAaA,OAAO,MAAMyB,YAAY,GAAG,QAMtB;EAAA,IANuB;IAC3BnC,KAD2B;IAE3BD,IAAI,GAAI,oBAAmBC,KAAM,EAFN;IAG3BuB,OAH2B;IAI3BtB,SAAS,GAAG;EAJe,CAMvB;EAAA,IADDR,KACC;;EACJ,MAAMkC,aAAa,GAAG/C,OAAO,CAC3B,MAAMuB,CAAC,IAAI;IACToB,OAAO,IAAIA,OAAO,CAACpB,CAAD,CAAlB;EACD,CAH0B,EAI3B,CAACoB,OAAD,CAJ2B,CAA7B;EAMA,oBACE,oBAAC,QAAD,eACM9B,KADN;IAEE,iBAAiB,EAAE,KAFrB;IAGE,OAAO,EAAEkC,aAHX;IAIE,IAAI,EAAE5B,IAJR;IAKE,SAAS,EAAEE,SALb;IAME,KAAK,EAAED;EANT,iBAQE,oBAAC,uCAAD;IAAyC,SAAS,EAAEV,KAAK,CAAC8C;EAA1D,EARF,CADF;AAYD,CAzBM;AA2BPD,YAAY,CAAC3B,SAAb,2CAAyBY,QAAQ,CAACZ,SAAlC;AAEA,OAAO,MAAM6B,SAAS,GAAG,CAAC;EAACtC,IAAD;EAAOC,KAAP;EAAcN,KAAd;EAAqBO;AAArB,CAAD,KAAqC;EAC5D,oBACE;IAAI,aAAWF,IAAI,IAAK,cAAaC,KAAM,EAA3C;IAA8C,SAAS,EAAEV,KAAK,CAACgD;EAA/D,gBACE;IAAI,SAAS,EAAEzD,UAAU,CAACS,KAAK,CAACiD,cAAP,EAAuB;MAAC,CAACjD,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAAvB;EAAzB,GAAkFP,KAAlF,CADF,CADF;AAKD,CANM;AAQP2C,SAAS,CAAC7B,SAAV,2CAAsB;EACpBR,KAAK,EAAElB,SAAS,CAAC2B,MADG;EAEpBf,KAAK,EAAEZ,SAAS,CAAC4B,MAAV,CAAiBC,UAFJ;EAGpBZ,IAAI,EAAEjB,SAAS,CAAC4B,MAHI;EAIpBT,SAAS,EAAEnB,SAAS,CAAC8B;AAJD,CAAtB;AAOA,OAAO,MAAM4B,UAAU,GAAG,CAAC;EACzBxC,KADyB;EAEzBuB,OAFyB;EAGzBD,KAHyB;EAIzBmB,YAJyB;EAKzB1C,IALyB;EAMzBsB,IANyB;EAOzB3B,KAPyB;EAQzBgD,GARyB;EASzBzC;AATyB,CAAD,KAUpB;EACJ,MAAM0B,aAAa,GAAG/C,OAAO,CAC3B,MAAMuB,CAAC,IAAI;IACToB,OAAO,IAAIA,OAAO,CAACpB,CAAD,CAAlB;EACD,CAH0B,EAI3B,CAACoB,OAAD,CAJ2B,CAA7B;EAMA,MAAMoB,eAAe,GAAGF,YAAY,KAAK,IAAjB,GAAwBlD,aAAxB,GAAwC+B,KAAhE;EACA,MAAMsB,MAAM,GAAGF,GAAG,gBAChB,oBAAC,GAAD,EACM,UACF;IACEnB,OAAO,EAAEI,aADX;IAEEN,IAFF;IAGEwB,WAAW,EAAE,IAHf;IAIEC,SAAS,EAAE,IAJb;IAKEC,SAAS,EAAE,IALb;IAMEC,WAAW,EAAEtD;EANf,CADE,EASFgD,GATE,CADN,CADgB,gBAehB,oBAAC,MAAD;IAAQ,IAAI,EAAC,MAAb;IAAoB,IAAI,EAAErB,IAA1B;IAAgC,OAAO,EAAEM,aAAzC;IAAwD,KAAK,EAAE;MAACgB;IAAD;EAA/D,GACGjD,KADH,CAfF;EAmBA,oBACE;IACE,aAAWK,IAAI,IAAK,eAAcC,KAAM,EAD1C;IAEE,SAAS,EAAEnB,UAAU,CAACS,KAAK,CAAC2D,UAAP,EAAmB;MAAC,CAAC3D,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAAnB;EAFvB,GAIG2C,MAJH,CADF;AAQD,CA7CM;AA+CPJ,UAAU,CAAChC,SAAX,2CAAuB;EACrBR,KAAK,EAAElB,SAAS,CAAC2B,MADI;EAErBf,KAAK,EAAEZ,SAAS,CAAC4B,MAAV,CAAiBC,UAFH;EAGrBZ,IAAI,EAAEjB,SAAS,CAAC4B,MAHK;EAIrBW,IAAI,EAAEvC,SAAS,CAAC4B,MAJK;EAKrBY,KAAK,EAAExC,SAAS,CAAC4B,MALI;EAMrB+B,YAAY,EAAE3D,SAAS,CAAC8B,IANH;EAOrBW,OAAO,EAAEzC,SAAS,CAAC+B,IAPE;EAQrB6B,GAAG,EAAE5D,SAAS,CAACoE,SAAV,CAAoB,CAACpE,SAAS,CAACmC,KAAV,CAAgB7B,GAAG,CAACoB,SAApB,CAAD,EAAiC1B,SAAS,CAAC8B,IAA3C,CAApB,CARgB;EASrBX,SAAS,EAAEnB,SAAS,CAAC8B;AATA,CAAvB;AAYA,OAAO,MAAMuC,QAAQ,GAAG,CAAC;EAAC5B,OAAD;EAAUvB,KAAV;EAAiBD,IAAjB;EAAuBuB,KAAvB;EAA8BmB,YAA9B;EAA4C/C,KAA5C;EAAmDE,KAAnD;EAA0DK;AAA1D,CAAD,KAA0E;EAChG,MAAM0B,aAAa,GAAG/C,OAAO,CAC3B,MAAMuB,CAAC,IAAI;IACToB,OAAO,IAAIA,OAAO,CAACpB,CAAD,CAAlB;EACD,CAH0B,EAI3B,CAACoB,OAAD,CAJ2B,CAA7B;EAMA,MAAM6B,MAAM,GAAGX,YAAY,KAAK,IAAjB,GAAwBlD,aAAxB,GAAwC+B,KAAvD;EACA,oBACE;IAAI,aAAWvB,IAAI,IAAK,aAAYC,KAAM,EAA1C;IAA6C,SAAS,EAAEV,KAAK,CAAC+D;EAA9D,gBACE;IAAI,SAAS,EAAE/D,KAAK,CAACgE;EAArB,GAAqC5D,KAArC,CADF,eAEE;IACE,SAAS,EAAEb,UAAU,CAACS,KAAK,CAACiE,eAAP,EAAwB;MAAC,CAACjE,KAAK,CAACW,SAAP,GAAmBA;IAApB,CAAxB,CADvB;IAEE,OAAO,EAAE0B,aAFX;IAGE,KAAK,EAAE;MACLK,eAAe,EAAEoB,MADZ;MAEL9B,KAAK,EAAE8B;IAFF;EAHT,GAQGxD,KARH,CAFF,CADF;AAeD,CAvBM;AAyBPuD,QAAQ,CAAC3C,SAAT,2CAAqB;EACnBR,KAAK,EAAElB,SAAS,CAAC2B,MADE;EAEnBf,KAAK,EAAEZ,SAAS,CAAC4B,MAAV,CAAiBC,UAFL;EAGnBZ,IAAI,EAAEjB,SAAS,CAAC4B,MAHG;EAInBY,KAAK,EAAExC,SAAS,CAAC4B,MAJE;EAKnB+B,YAAY,EAAE3D,SAAS,CAAC8B,IALL;EAMnBhB,KAAK,EAAEd,SAAS,CAAC4B,MAAV,CAAiBC,UANL;EAOnBY,OAAO,EAAEzC,SAAS,CAAC+B,IAPA;EAQnBZ,SAAS,EAAEnB,SAAS,CAAC8B;AARF,CAArB;;AAWA,MAAM4C,WAAW,GAAG,CAAC;EAACC,IAAD;EAAOnC,KAAP;EAActB;AAAd,CAAD,KAA0B;EAC5C,QAAQyD,IAAI,CAACC,IAAb;IACE,KAAK,QAAL;MAAe;QACb,oBAAO,oBAAC,UAAD,eAAgBD,IAAhB;UAAsB,KAAK,EAAEnC,KAA7B;UAAoC,KAAK,EAAEtB;QAA3C,GAAP;MACD;;IACD,KAAK,cAAL;MACE,oBAAO,oBAAC,eAAD,eAAqByD,IAArB;QAA2B,KAAK,EAAEnC,KAAlC;QAAyC,KAAK,EAAEtB;MAAhD,GAAP;;IACF,KAAK,MAAL;MACE,oBAAO,oBAAC,QAAD,eAAcyD,IAAd;QAAoB,KAAK,EAAEnC,KAA3B;QAAkC,KAAK,EAAEtB;MAAzC,GAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,YAAD,eAAkByD,IAAlB;QAAwB,KAAK,EAAEnC,KAA/B;QAAsC,KAAK,EAAEtB;MAA7C,GAAP;;IACF,KAAK,OAAL;MACE,oBAAO,oBAAC,SAAD,eAAeyD,IAAf;QAAqB,KAAK,EAAEnC,KAA5B;QAAmC,KAAK,EAAEtB;MAA1C,GAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,UAAD,eAAgByD,IAAhB;QAAsB,KAAK,EAAEnC,KAA7B;QAAoC,KAAK,EAAEtB;MAA3C,GAAP;;IACF,KAAK,MAAL;MACE,oBAAO,oBAAC,QAAD,eAAcyD,IAAd;QAAoB,KAAK,EAAEnC,KAA3B;QAAkC,KAAK,EAAEtB;MAAzC,GAAP;;IACF,KAAK,WAAL;MACE,oBAAO,oBAAC,aAAD,eAAmByD,IAAnB;QAAyB,KAAK,EAAEnC,KAAhC;QAAuC,KAAK,EAAEtB;MAA9C,GAAP;EAjBJ;AAmBD,CApBD;;AAsBAwD,WAAW,CAAChD,SAAZ,2CAAwB;EACtBiD,IAAI,EAAE3E,SAAS,CAACoE,SAAV,CAAoB,CACxBpE,SAAS,CAACmC,KAAV,cAAoBoB,SAAS,CAAC7B,SAA9B;IAAyCkD,IAAI,EAAE5E,SAAS,CAAC6E,KAAV,CAAgB,CAAC,OAAD,CAAhB,EAA2BhD;EAA1E,GADwB,EAExB7B,SAAS,CAACmC,KAAV,cAAoBkB,YAAY,CAAC3B,SAAjC;IAA4CkD,IAAI,EAAE5E,SAAS,CAAC6E,KAAV,CAAgB,CAAC,UAAD,CAAhB,EAA8BhD;EAAhF,GAFwB,EAGxB7B,SAAS,CAACmC,KAAV,cAAoBuB,UAAU,CAAChC,SAA/B;IAA0CkD,IAAI,EAAE5E,SAAS,CAAC6E,KAAV,CAAgB,CAAC,QAAD,CAAhB,EAA4BhD;EAA5E,GAHwB,EAIxB7B,SAAS,CAACmC,KAAV,cAAoBkC,QAAQ,CAAC3C,SAA7B;IAAwCkD,IAAI,EAAE5E,SAAS,CAAC6E,KAAV,CAAgB,CAAC,MAAD,CAAhB,EAA0BhD;EAAxE,GAJwB,EAKxB7B,SAAS,CAACmC,KAAV,cAAoBG,QAAQ,CAACZ,SAA7B;IAAwCkD,IAAI,EAAE5E,SAAS,CAAC6E,KAAV,CAAgB,CAAC,MAAD,CAAhB,EAA0BhD;EAAxE,GALwB,EAMxB7B,SAAS,CAACmC,KAAV,cAAoBzB,aAAa,CAACgB,SAAlC;IAA6CkD,IAAI,EAAE5E,SAAS,CAAC6E,KAAV,CAAgB,CAAC,WAAD,CAAhB,EAA+BhD;EAAlF,GANwB,EAOxB7B,SAAS,CAACmC,KAAV,cAAoBH,UAAU,CAACN,SAA/B;IAA0CkD,IAAI,EAAE5E,SAAS,CAAC6E,KAAV,CAAgB,CAAC,QAAD,CAAhB,EAA4BhD;EAA5E,GAPwB,EAQxB7B,SAAS,CAACmC,KAAV,cAAoBH,UAAU,CAACN,SAA/B;IAA0CkD,IAAI,EAAE5E,SAAS,CAAC6E,KAAV,CAAgB,CAAC,cAAD,CAAhB,EAAkChD;EAAlF,GARwB,CAApB,CADgB;EAWtBX,KAAK,EAAElB,SAAS,CAAC2B,MAXK;EAYtBa,KAAK,EAAExC,SAAS,CAAC4B,MAZK;EAatBT,SAAS,EAAEnB,SAAS,CAAC8B;AAbC,CAAxB;;AAgBA,MAAMgD,YAAY,GAAG,CAAC;EAACC,KAAD;EAAQvC;AAAR,CAAD,KAAoB;EACvC,oBACE;IAAI,SAAS,EAAEhC,KAAK,CAACwE;EAArB,GACGD,KAAK,CAACE,GAAN,CAAU,CAACN,IAAD,EAAOzD,KAAP,kBACT,oBAAC,WAAD;IAAa,IAAI,EAAEyD,IAAnB;IAAyB,GAAG,EAAEzD,KAA9B;IAAqC,KAAK,EAAEA,KAA5C;IAAmD,KAAK,EAAEsB;EAA1D,EADD,CADH,CADF;AAOD,CARD;;AAUAsC,YAAY,CAACpD,SAAb,2CAAyB;EACvBc,KAAK,EAAExC,SAAS,CAAC4B,MADM;EAEvBmD,KAAK,EAAE/E,SAAS,CAACkC,OAAV,CAAkBlC,SAAS,CAACmC,KAAV,CAAgBuC,WAAW,CAAChD,SAA5B,CAAlB;AAFgB,CAAzB;;AAKA,MAAMwD,OAAO,GAAG,CAAC;EAACH;AAAD,CAAD,EAAUI,OAAV,KAAsB;EACpC,MAAMC,QAAQ,GAAGC,KAAK,CAACC,OAAN,CAAcP,KAAK,CAAC,CAAD,CAAnB,IAA0BA,KAA1B,GAAkC,CAACA,KAAD,CAAnD;EACA,MAAM;IAACQ;EAAD,IAASJ,OAAf;;EACA,MAAMK,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EACA,oBACE;IAAK,aAAU,SAAf;IAAyB,SAAS,EAAE/E,KAAK,CAACiF;EAA1C,GACGL,QAAQ,CAACH,GAAT,CAAa,CAACS,cAAD,EAAiBC,GAAjB,kBACZ;IAAK,aAAY,eAAcA,GAAG,GAAG,CAAE,EAAvC;IAA0C,SAAS,EAAEnF,KAAK,CAACoF,WAA3D;IAAwE,GAAG,EAAED;EAA7E,gBACE,oBAAC,YAAD;IAAc,KAAK,EAAED,cAArB;IAAqC,KAAK,EAAEF;EAA5C,EADF,CADD,CADH,CADF;AASD,CAbD;;AAeAN,OAAO,CAACxD,SAAR,2CAAoB;EAClBqD,KAAK,EAAE/E,SAAS,CAACkC,OAAV,CACLlC,SAAS,CAACoE,SAAV,CAAoB,CAClBM,WAAW,CAAChD,SAAZ,CAAsBiD,IADJ,EAElB3E,SAAS,CAACkC,OAAV,CAAkBwC,WAAW,CAAChD,SAAZ,CAAsBiD,IAAxC,EAA8C9C,UAF5B,CAApB,CADK,EAKLA;AANgB,CAApB;AASAqD,OAAO,CAACW,YAAR,GAAuB;EACrBN,IAAI,EAAEnF,QAAQ,CAAC0F,iBAAT,CAA2BP;AADZ,CAAvB;AAIA,eAAeL,OAAf"}

package/es/organism/sidebar/style.css

@@ -12,7 +12,6 @@
 @value cm_grey_500 from colors;
 @value medium from colors;
 @value transparent from colors;
-@value cm_green_200 from colors;
 
 .sidebar {
   color: dark;
@@ -116,16 +115,3 @@
 .innerHTML {
   composes: innerHTML from '../../atom/label/style.css'
 }
-
-.linkItemIcon {
-  width: 16px;
-  height: 16px;
-  min-width: 16px;
-  min-height: 16px;
-  padding-right: 12px;
-  color: cm_green_200;
-}
-
-.itemWithoutIcon {
-  padding-left: 43px;
-}