@coorpacademy/components 10.3.8 → 10.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,10 +19,12 @@ const Banner = props => {
19
19
  firstCTALabel,
20
20
  secondCTALabel,
21
21
  secondCTA,
22
- temporary
22
+ temporary,
23
+ bannerKey
23
24
  } = props;
24
25
  const Icon = ICONS[type];
25
26
  return /*#__PURE__*/React.createElement("div", {
27
+ key: bannerKey,
26
28
  className: classnames(style.banner, type === 'error' && style.errorBanner, type === 'success' && style.successBanner, temporary && style.temporaryBanner),
27
29
  title: message
28
30
  }, /*#__PURE__*/React.createElement("div", {
@@ -52,6 +54,7 @@ const Banner = props => {
52
54
  };
53
55
 
54
56
  Banner.propTypes = process.env.NODE_ENV !== "production" ? {
57
+ bannerKey: PropTypes.string,
55
58
  type: PropTypes.oneOf(_keys(ICONS)),
56
59
  message: PropTypes.string.isRequired,
57
60
  firstCTA: PropTypes.func,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["React","PropTypes","classnames","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","QuestionIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","Link","style","ICONS","success","error","warning","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","Icon","banner","errorBanner","successBanner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","oneOf","string","isRequired","func","bool"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,+CAA+C,IAAIC,YADrD,EAEEC,mCAAmC,IAAIC,YAFzC,QAGO,0BAHP;AAIA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;AACZC,EAAAA,OAAO,EAAEJ,YADG;AAEZK,EAAAA,KAAK,EAAEP,YAFK;AAGZQ,EAAAA,OAAO,EAAER;AAHG,CAAd;;AAMA,MAAMS,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,QAAhB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,cAAzC;AAAyDC,IAAAA,SAAzD;AAAoEC,IAAAA;AAApE,MAAiFP,KAAvF;AACA,QAAMQ,IAAI,GAAGb,KAAK,CAACM,IAAD,CAAlB;AACA,sBACE;AACE,IAAA,SAAS,EAAEb,UAAU,CACnBM,KAAK,CAACe,MADa,EAEnBR,IAAI,KAAK,OAAT,IAAoBP,KAAK,CAACgB,WAFP,EAGnBT,IAAI,KAAK,SAAT,IAAsBP,KAAK,CAACiB,aAHT,EAInBJ,SAAS,IAAIb,KAAK,CAACkB,eAJA,CADvB;AAOE,IAAA,KAAK,EAAEV;AAPT,kBASE;AAAK,iBAAY,GAAED,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAA3D,kBACE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEd,UAAU,CAACM,KAAK,CAACmB,IAAP,EAAaN,SAAS,IAAIb,KAAK,CAACoB,aAAhC;AAA3B,IADF,EAEGZ,OAFH,CATF,EAaGE,aAAa,gBACZ;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACqB;AAAtB,kBACE,oBAAC,IAAD;AACE,iBAAU,kBADZ;AAEE,kBAAYX,aAFd;AAGE,IAAA,KAAK,EAAEA,aAHT;AAIE,IAAA,OAAO,EAAED,QAJX;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADY,GAUV,IAvBN,EAwBGC,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACsB;AAAtB,IAAlC,GAAyE,IAxB5E,EAyBGX,cAAc,gBACb;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACqB;AAAtB,kBACE,oBAAC,IAAD;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAET,SAFX;AAGE,kBAAYD,cAHd;AAIE,IAAA,KAAK,EAAEA,cAJT;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADa,GAUX,IAnCN,CADF;AAuCD,CA1CD;;AA4CAN,MAAM,CAACkB,SAAP,2CAAmB;AACjBhB,EAAAA,IAAI,EAAEd,SAAS,CAAC+B,KAAV,CAAgB,MAAKvB,KAAL,CAAhB,CADW;AAEjBO,EAAAA,OAAO,EAAEf,SAAS,CAACgC,MAAV,CAAiBC,UAFT;AAGjBjB,EAAAA,QAAQ,EAAEhB,SAAS,CAACkC,IAHH;AAIjBjB,EAAAA,aAAa,EAAEjB,SAAS,CAACgC,MAJR;AAKjBd,EAAAA,cAAc,EAAElB,SAAS,CAACgC,MALT;AAMjBb,EAAAA,SAAS,EAAEnB,SAAS,CAACkC,IANJ;AAOjBd,EAAAA,SAAS,EAAEpB,SAAS,CAACmC;AAPJ,CAAnB;AAUA,eAAevB,MAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n success: ValidateIcon,\n error: QuestionIcon,\n warning: QuestionIcon\n};\n\nconst Banner = props => {\n const {type, message, firstCTA, firstCTALabel, secondCTALabel, secondCTA, temporary} = props;\n const Icon = ICONS[type];\n return (\n <div\n className={classnames(\n style.banner,\n type === 'error' && style.errorBanner,\n type === 'success' && style.successBanner,\n temporary && style.temporaryBanner\n )}\n title={message}\n >\n <div data-name={`${type}-banner-message`} className={style.message}>\n <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n {message}\n </div>\n {firstCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"first-banner-cta\"\n aria-label={firstCTALabel}\n label={firstCTALabel}\n onClick={firstCTA}\n type=\"text\"\n />\n </div>\n ) : null}\n {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n {secondCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"second-banner-cta\"\n onClick={secondCTA}\n aria-label={secondCTALabel}\n label={secondCTALabel}\n type=\"text\"\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nBanner.propTypes = {\n type: PropTypes.oneOf(keys(ICONS)),\n message: PropTypes.string.isRequired,\n firstCTA: PropTypes.func,\n firstCTALabel: PropTypes.string,\n secondCTALabel: PropTypes.string,\n secondCTA: PropTypes.func,\n temporary: PropTypes.bool\n};\n\nexport default Banner;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["React","PropTypes","classnames","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","QuestionIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","Link","style","ICONS","success","error","warning","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","Icon","banner","errorBanner","successBanner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","string","oneOf","isRequired","func","bool"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,+CAA+C,IAAIC,YADrD,EAEEC,mCAAmC,IAAIC,YAFzC,QAGO,0BAHP;AAIA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;AACZC,EAAAA,OAAO,EAAEJ,YADG;AAEZK,EAAAA,KAAK,EAAEP,YAFK;AAGZQ,EAAAA,OAAO,EAAER;AAHG,CAAd;;AAMA,MAAMS,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AACJC,IAAAA,IADI;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,aAJI;AAKJC,IAAAA,cALI;AAMJC,IAAAA,SANI;AAOJC,IAAAA,SAPI;AAQJC,IAAAA;AARI,MASFR,KATJ;AAUA,QAAMS,IAAI,GAAGd,KAAK,CAACM,IAAD,CAAlB;AACA,sBACE;AACE,IAAA,GAAG,EAAEO,SADP;AAEE,IAAA,SAAS,EAAEpB,UAAU,CACnBM,KAAK,CAACgB,MADa,EAEnBT,IAAI,KAAK,OAAT,IAAoBP,KAAK,CAACiB,WAFP,EAGnBV,IAAI,KAAK,SAAT,IAAsBP,KAAK,CAACkB,aAHT,EAInBL,SAAS,IAAIb,KAAK,CAACmB,eAJA,CAFvB;AAQE,IAAA,KAAK,EAAEX;AART,kBAUE;AAAK,iBAAY,GAAED,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAA3D,kBACE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEd,UAAU,CAACM,KAAK,CAACoB,IAAP,EAAaP,SAAS,IAAIb,KAAK,CAACqB,aAAhC;AAA3B,IADF,EAEGb,OAFH,CAVF,EAcGE,aAAa,gBACZ;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACsB;AAAtB,kBACE,oBAAC,IAAD;AACE,iBAAU,kBADZ;AAEE,kBAAYZ,aAFd;AAGE,IAAA,KAAK,EAAEA,aAHT;AAIE,IAAA,OAAO,EAAED,QAJX;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADY,GAUV,IAxBN,EAyBGC,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACuB;AAAtB,IAAlC,GAAyE,IAzB5E,EA0BGZ,cAAc,gBACb;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACsB;AAAtB,kBACE,oBAAC,IAAD;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEV,SAFX;AAGE,kBAAYD,cAHd;AAIE,IAAA,KAAK,EAAEA,cAJT;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADa,GAUX,IApCN,CADF;AAwCD,CApDD;;AAsDAN,MAAM,CAACmB,SAAP,2CAAmB;AACjBV,EAAAA,SAAS,EAAErB,SAAS,CAACgC,MADJ;AAEjBlB,EAAAA,IAAI,EAAEd,SAAS,CAACiC,KAAV,CAAgB,MAAKzB,KAAL,CAAhB,CAFW;AAGjBO,EAAAA,OAAO,EAAEf,SAAS,CAACgC,MAAV,CAAiBE,UAHT;AAIjBlB,EAAAA,QAAQ,EAAEhB,SAAS,CAACmC,IAJH;AAKjBlB,EAAAA,aAAa,EAAEjB,SAAS,CAACgC,MALR;AAMjBd,EAAAA,cAAc,EAAElB,SAAS,CAACgC,MANT;AAOjBb,EAAAA,SAAS,EAAEnB,SAAS,CAACmC,IAPJ;AAQjBf,EAAAA,SAAS,EAAEpB,SAAS,CAACoC;AARJ,CAAnB;AAWA,eAAexB,MAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n success: ValidateIcon,\n error: QuestionIcon,\n warning: QuestionIcon\n};\n\nconst Banner = props => {\n const {\n type,\n message,\n firstCTA,\n firstCTALabel,\n secondCTALabel,\n secondCTA,\n temporary,\n bannerKey\n } = props;\n const Icon = ICONS[type];\n return (\n <div\n key={bannerKey}\n className={classnames(\n style.banner,\n type === 'error' && style.errorBanner,\n type === 'success' && style.successBanner,\n temporary && style.temporaryBanner\n )}\n title={message}\n >\n <div data-name={`${type}-banner-message`} className={style.message}>\n <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n {message}\n </div>\n {firstCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"first-banner-cta\"\n aria-label={firstCTALabel}\n label={firstCTALabel}\n onClick={firstCTA}\n type=\"text\"\n />\n </div>\n ) : null}\n {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n {secondCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"second-banner-cta\"\n onClick={secondCTA}\n aria-label={secondCTALabel}\n label={secondCTALabel}\n type=\"text\"\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nBanner.propTypes = {\n bannerKey: PropTypes.string,\n type: PropTypes.oneOf(keys(ICONS)),\n message: PropTypes.string.isRequired,\n firstCTA: PropTypes.func,\n firstCTALabel: PropTypes.string,\n secondCTALabel: PropTypes.string,\n secondCTA: PropTypes.func,\n temporary: PropTypes.bool\n};\n\nexport default Banner;\n"],"file":"index.js"}
@@ -1,5 +1,6 @@
1
1
  export default {
2
2
  props: {
3
+ bannerKey: 'key_1',
3
4
  type: 'error',
4
5
  message: 'There was an error while publishing the custom playlist. Please Try again. ',
5
6
  temporary: true
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/error-temporary-banner.js"],"names":["props","type","message","temporary"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,OADD;AAELC,IAAAA,OAAO,EAAE,6EAFJ;AAGLC,IAAAA,SAAS,EAAE;AAHN;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'error',\n message: 'There was an error while publishing the custom playlist. Please Try again. ',\n temporary: true\n }\n};\n"],"file":"error-temporary-banner.js"}
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/error-temporary-banner.js"],"names":["props","bannerKey","type","message","temporary"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,OADN;AAELC,IAAAA,IAAI,EAAE,OAFD;AAGLC,IAAAA,OAAO,EAAE,6EAHJ;AAILC,IAAAA,SAAS,EAAE;AAJN;AADM,CAAf","sourcesContent":["export default {\n props: {\n bannerKey: 'key_1',\n type: 'error',\n message: 'There was an error while publishing the custom playlist. Please Try again. ',\n temporary: true\n }\n};\n"],"file":"error-temporary-banner.js"}
@@ -1,5 +1,6 @@
1
1
  export default {
2
2
  props: {
3
+ bannerKey: 'key_1',
3
4
  type: 'success',
4
5
  message: 'Custom playlist successfully published ',
5
6
  temporary: true
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/success-temporary-banner.js"],"names":["props","type","message","temporary"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,OAAO,EAAE,yCAFJ;AAGLC,IAAAA,SAAS,EAAE;AAHN;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'success',\n message: 'Custom playlist successfully published ',\n temporary: true\n }\n};\n"],"file":"success-temporary-banner.js"}
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/success-temporary-banner.js"],"names":["props","bannerKey","type","message","temporary"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,OADN;AAELC,IAAAA,IAAI,EAAE,SAFD;AAGLC,IAAAA,OAAO,EAAE,yCAHJ;AAILC,IAAAA,SAAS,EAAE;AAJN;AADM,CAAf","sourcesContent":["export default {\n props: {\n bannerKey: 'key_1',\n type: 'success',\n message: 'Custom playlist successfully published ',\n temporary: true\n }\n};\n"],"file":"success-temporary-banner.js"}
@@ -1,5 +1,6 @@
1
1
  export default {
2
2
  props: {
3
+ bannerKey: 'key_1',
3
4
  type: 'warning',
4
5
  message: 'Custom playlist successfully published ',
5
6
  temporary: true
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/warning-temporary-banner.js"],"names":["props","type","message","temporary"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,OAAO,EAAE,yCAFJ;AAGLC,IAAAA,SAAS,EAAE;AAHN;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'warning',\n message: 'Custom playlist successfully published ',\n temporary: true\n }\n};\n"],"file":"warning-temporary-banner.js"}
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/warning-temporary-banner.js"],"names":["props","bannerKey","type","message","temporary"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,OADN;AAELC,IAAAA,IAAI,EAAE,SAFD;AAGLC,IAAAA,OAAO,EAAE,yCAHJ;AAILC,IAAAA,SAAS,EAAE;AAJN;AADM,CAAf","sourcesContent":["export default {\n props: {\n bannerKey: 'key_1',\n type: 'warning',\n message: 'Custom playlist successfully published ',\n temporary: true\n }\n};\n"],"file":"warning-temporary-banner.js"}
@@ -33,10 +33,12 @@ const Banner = props => {
33
33
  firstCTALabel,
34
34
  secondCTALabel,
35
35
  secondCTA,
36
- temporary
36
+ temporary,
37
+ bannerKey
37
38
  } = props;
38
39
  const Icon = ICONS[type];
39
40
  return /*#__PURE__*/_react.default.createElement("div", {
41
+ key: bannerKey,
40
42
  className: (0, _classnames.default)(_style.default.banner, type === 'error' && _style.default.errorBanner, type === 'success' && _style.default.successBanner, temporary && _style.default.temporaryBanner),
41
43
  title: message
42
44
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -66,6 +68,7 @@ const Banner = props => {
66
68
  };
67
69
 
68
70
  Banner.propTypes = process.env.NODE_ENV !== "production" ? {
71
+ bannerKey: _propTypes.default.string,
69
72
  type: _propTypes.default.oneOf((0, _keys2.default)(ICONS)),
70
73
  message: _propTypes.default.string.isRequired,
71
74
  firstCTA: _propTypes.default.func,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","Icon","style","banner","errorBanner","successBanner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","oneOf","string","isRequired","func","bool"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;AACZC,EAAAA,OAAO,EAAEC,8CADG;AAEZC,EAAAA,KAAK,EAAEC,0DAFK;AAGZC,EAAAA,OAAO,EAAED;AAHG,CAAd;;AAMA,MAAME,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,QAAhB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,cAAzC;AAAyDC,IAAAA,SAAzD;AAAoEC,IAAAA;AAApE,MAAiFP,KAAvF;AACA,QAAMQ,IAAI,GAAGf,KAAK,CAACQ,IAAD,CAAlB;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTQ,eAAMC,MADG,EAETT,IAAI,KAAK,OAAT,IAAoBQ,eAAME,WAFjB,EAGTV,IAAI,KAAK,SAAT,IAAsBQ,eAAMG,aAHnB,EAITL,SAAS,IAAIE,eAAMI,eAJV,CADb;AAOE,IAAA,KAAK,EAAEX;AAPT,kBASE;AAAK,iBAAY,GAAED,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEQ,eAAMP;AAA3D,kBACE,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAE,yBAAWO,eAAMK,IAAjB,EAAuBP,SAAS,IAAIE,eAAMM,aAA1C;AAAjB,IADF,EAEGb,OAFH,CATF,EAaGE,aAAa,gBACZ;AAAK,IAAA,SAAS,EAAEK,eAAMO;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,kBADZ;AAEE,kBAAYZ,aAFd;AAGE,IAAA,KAAK,EAAEA,aAHT;AAIE,IAAA,OAAO,EAAED,QAJX;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADY,GAUV,IAvBN,EAwBGC,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEI,eAAMQ;AAAtB,IAAlC,GAAyE,IAxB5E,EAyBGZ,cAAc,gBACb;AAAK,IAAA,SAAS,EAAEI,eAAMO;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEV,SAFX;AAGE,kBAAYD,cAHd;AAIE,IAAA,KAAK,EAAEA,cAJT;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADa,GAUX,IAnCN,CADF;AAuCD,CA1CD;;AA4CAN,MAAM,CAACmB,SAAP,2CAAmB;AACjBjB,EAAAA,IAAI,EAAEkB,mBAAUC,KAAV,CAAgB,oBAAK3B,KAAL,CAAhB,CADW;AAEjBS,EAAAA,OAAO,EAAEiB,mBAAUE,MAAV,CAAiBC,UAFT;AAGjBnB,EAAAA,QAAQ,EAAEgB,mBAAUI,IAHH;AAIjBnB,EAAAA,aAAa,EAAEe,mBAAUE,MAJR;AAKjBhB,EAAAA,cAAc,EAAEc,mBAAUE,MALT;AAMjBf,EAAAA,SAAS,EAAEa,mBAAUI,IANJ;AAOjBhB,EAAAA,SAAS,EAAEY,mBAAUK;AAPJ,CAAnB;eAUezB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n success: ValidateIcon,\n error: QuestionIcon,\n warning: QuestionIcon\n};\n\nconst Banner = props => {\n const {type, message, firstCTA, firstCTALabel, secondCTALabel, secondCTA, temporary} = props;\n const Icon = ICONS[type];\n return (\n <div\n className={classnames(\n style.banner,\n type === 'error' && style.errorBanner,\n type === 'success' && style.successBanner,\n temporary && style.temporaryBanner\n )}\n title={message}\n >\n <div data-name={`${type}-banner-message`} className={style.message}>\n <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n {message}\n </div>\n {firstCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"first-banner-cta\"\n aria-label={firstCTALabel}\n label={firstCTALabel}\n onClick={firstCTA}\n type=\"text\"\n />\n </div>\n ) : null}\n {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n {secondCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"second-banner-cta\"\n onClick={secondCTA}\n aria-label={secondCTALabel}\n label={secondCTALabel}\n type=\"text\"\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nBanner.propTypes = {\n type: PropTypes.oneOf(keys(ICONS)),\n message: PropTypes.string.isRequired,\n firstCTA: PropTypes.func,\n firstCTALabel: PropTypes.string,\n secondCTALabel: PropTypes.string,\n secondCTA: PropTypes.func,\n temporary: PropTypes.bool\n};\n\nexport default Banner;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","Icon","style","banner","errorBanner","successBanner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","string","oneOf","isRequired","func","bool"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;AACZC,EAAAA,OAAO,EAAEC,8CADG;AAEZC,EAAAA,KAAK,EAAEC,0DAFK;AAGZC,EAAAA,OAAO,EAAED;AAHG,CAAd;;AAMA,MAAME,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AACJC,IAAAA,IADI;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,aAJI;AAKJC,IAAAA,cALI;AAMJC,IAAAA,SANI;AAOJC,IAAAA,SAPI;AAQJC,IAAAA;AARI,MASFR,KATJ;AAUA,QAAMS,IAAI,GAAGhB,KAAK,CAACQ,IAAD,CAAlB;AACA,sBACE;AACE,IAAA,GAAG,EAAEO,SADP;AAEE,IAAA,SAAS,EAAE,yBACTE,eAAMC,MADG,EAETV,IAAI,KAAK,OAAT,IAAoBS,eAAME,WAFjB,EAGTX,IAAI,KAAK,SAAT,IAAsBS,eAAMG,aAHnB,EAITN,SAAS,IAAIG,eAAMI,eAJV,CAFb;AAQE,IAAA,KAAK,EAAEZ;AART,kBAUE;AAAK,iBAAY,GAAED,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAES,eAAMR;AAA3D,kBACE,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAE,yBAAWQ,eAAMK,IAAjB,EAAuBR,SAAS,IAAIG,eAAMM,aAA1C;AAAjB,IADF,EAEGd,OAFH,CAVF,EAcGE,aAAa,gBACZ;AAAK,IAAA,SAAS,EAAEM,eAAMO;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,kBADZ;AAEE,kBAAYb,aAFd;AAGE,IAAA,KAAK,EAAEA,aAHT;AAIE,IAAA,OAAO,EAAED,QAJX;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADY,GAUV,IAxBN,EAyBGC,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEK,eAAMQ;AAAtB,IAAlC,GAAyE,IAzB5E,EA0BGb,cAAc,gBACb;AAAK,IAAA,SAAS,EAAEK,eAAMO;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEX,SAFX;AAGE,kBAAYD,cAHd;AAIE,IAAA,KAAK,EAAEA,cAJT;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADa,GAUX,IApCN,CADF;AAwCD,CApDD;;AAsDAN,MAAM,CAACoB,SAAP,2CAAmB;AACjBX,EAAAA,SAAS,EAAEY,mBAAUC,MADJ;AAEjBpB,EAAAA,IAAI,EAAEmB,mBAAUE,KAAV,CAAgB,oBAAK7B,KAAL,CAAhB,CAFW;AAGjBS,EAAAA,OAAO,EAAEkB,mBAAUC,MAAV,CAAiBE,UAHT;AAIjBpB,EAAAA,QAAQ,EAAEiB,mBAAUI,IAJH;AAKjBpB,EAAAA,aAAa,EAAEgB,mBAAUC,MALR;AAMjBhB,EAAAA,cAAc,EAAEe,mBAAUC,MANT;AAOjBf,EAAAA,SAAS,EAAEc,mBAAUI,IAPJ;AAQjBjB,EAAAA,SAAS,EAAEa,mBAAUK;AARJ,CAAnB;eAWe1B,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n success: ValidateIcon,\n error: QuestionIcon,\n warning: QuestionIcon\n};\n\nconst Banner = props => {\n const {\n type,\n message,\n firstCTA,\n firstCTALabel,\n secondCTALabel,\n secondCTA,\n temporary,\n bannerKey\n } = props;\n const Icon = ICONS[type];\n return (\n <div\n key={bannerKey}\n className={classnames(\n style.banner,\n type === 'error' && style.errorBanner,\n type === 'success' && style.successBanner,\n temporary && style.temporaryBanner\n )}\n title={message}\n >\n <div data-name={`${type}-banner-message`} className={style.message}>\n <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n {message}\n </div>\n {firstCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"first-banner-cta\"\n aria-label={firstCTALabel}\n label={firstCTALabel}\n onClick={firstCTA}\n type=\"text\"\n />\n </div>\n ) : null}\n {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n {secondCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"second-banner-cta\"\n onClick={secondCTA}\n aria-label={secondCTALabel}\n label={secondCTALabel}\n type=\"text\"\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nBanner.propTypes = {\n bannerKey: PropTypes.string,\n type: PropTypes.oneOf(keys(ICONS)),\n message: PropTypes.string.isRequired,\n firstCTA: PropTypes.func,\n firstCTALabel: PropTypes.string,\n secondCTALabel: PropTypes.string,\n secondCTA: PropTypes.func,\n temporary: PropTypes.bool\n};\n\nexport default Banner;\n"],"file":"index.js"}
@@ -4,6 +4,7 @@ exports.__esModule = true;
4
4
  exports.default = void 0;
5
5
  var _default = {
6
6
  props: {
7
+ bannerKey: 'key_1',
7
8
  type: 'error',
8
9
  message: 'There was an error while publishing the custom playlist. Please Try again. ',
9
10
  temporary: true
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/error-temporary-banner.js"],"names":["props","type","message","temporary"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,OADD;AAELC,IAAAA,OAAO,EAAE,6EAFJ;AAGLC,IAAAA,SAAS,EAAE;AAHN;AADM,C","sourcesContent":["export default {\n props: {\n type: 'error',\n message: 'There was an error while publishing the custom playlist. Please Try again. ',\n temporary: true\n }\n};\n"],"file":"error-temporary-banner.js"}
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/error-temporary-banner.js"],"names":["props","bannerKey","type","message","temporary"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,OADN;AAELC,IAAAA,IAAI,EAAE,OAFD;AAGLC,IAAAA,OAAO,EAAE,6EAHJ;AAILC,IAAAA,SAAS,EAAE;AAJN;AADM,C","sourcesContent":["export default {\n props: {\n bannerKey: 'key_1',\n type: 'error',\n message: 'There was an error while publishing the custom playlist. Please Try again. ',\n temporary: true\n }\n};\n"],"file":"error-temporary-banner.js"}
@@ -4,6 +4,7 @@ exports.__esModule = true;
4
4
  exports.default = void 0;
5
5
  var _default = {
6
6
  props: {
7
+ bannerKey: 'key_1',
7
8
  type: 'success',
8
9
  message: 'Custom playlist successfully published ',
9
10
  temporary: true
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/success-temporary-banner.js"],"names":["props","type","message","temporary"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,OAAO,EAAE,yCAFJ;AAGLC,IAAAA,SAAS,EAAE;AAHN;AADM,C","sourcesContent":["export default {\n props: {\n type: 'success',\n message: 'Custom playlist successfully published ',\n temporary: true\n }\n};\n"],"file":"success-temporary-banner.js"}
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/success-temporary-banner.js"],"names":["props","bannerKey","type","message","temporary"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,OADN;AAELC,IAAAA,IAAI,EAAE,SAFD;AAGLC,IAAAA,OAAO,EAAE,yCAHJ;AAILC,IAAAA,SAAS,EAAE;AAJN;AADM,C","sourcesContent":["export default {\n props: {\n bannerKey: 'key_1',\n type: 'success',\n message: 'Custom playlist successfully published ',\n temporary: true\n }\n};\n"],"file":"success-temporary-banner.js"}
@@ -4,6 +4,7 @@ exports.__esModule = true;
4
4
  exports.default = void 0;
5
5
  var _default = {
6
6
  props: {
7
+ bannerKey: 'key_1',
7
8
  type: 'warning',
8
9
  message: 'Custom playlist successfully published ',
9
10
  temporary: true
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/warning-temporary-banner.js"],"names":["props","type","message","temporary"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,OAAO,EAAE,yCAFJ;AAGLC,IAAAA,SAAS,EAAE;AAHN;AADM,C","sourcesContent":["export default {\n props: {\n type: 'warning',\n message: 'Custom playlist successfully published ',\n temporary: true\n }\n};\n"],"file":"warning-temporary-banner.js"}
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/warning-temporary-banner.js"],"names":["props","bannerKey","type","message","temporary"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,OADN;AAELC,IAAAA,IAAI,EAAE,SAFD;AAGLC,IAAAA,OAAO,EAAE,yCAHJ;AAILC,IAAAA,SAAS,EAAE;AAJN;AADM,C","sourcesContent":["export default {\n props: {\n bannerKey: 'key_1',\n type: 'warning',\n message: 'Custom playlist successfully published ',\n temporary: true\n }\n};\n"],"file":"warning-temporary-banner.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.3.8",
3
+ "version": "10.3.9",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -119,5 +119,5 @@
119
119
  "webpack-hot-middleware": "^2.25.0"
120
120
  },
121
121
  "author": "CoorpAcademy",
122
- "gitHead": "7976e1d6d839dc1a100fbf2796249a50284569dc"
122
+ "gitHead": "703cebb9ad7241681ffd52775bc435d19f145224"
123
123
  }