@coorpacademy/components 10.0.45-alpha.0 → 10.0.47

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.
Files changed (113) hide show
  1. package/es/atom/difficulty-level/index.js +2 -1
  2. package/es/atom/difficulty-level/index.js.map +1 -1
  3. package/es/atom/input-checkbox/test/fixtures.js +0 -2
  4. package/es/atom/input-checkbox/test/fixtures.js.map +1 -1
  5. package/es/atom/title/test/fixtures.js +2 -6
  6. package/es/atom/title/test/fixtures.js.map +1 -1
  7. package/es/molecule/brand-card/index.js +1 -1
  8. package/es/molecule/brand-card/index.js.map +1 -1
  9. package/es/molecule/card/index.js +1 -1
  10. package/es/molecule/card/index.js.map +1 -1
  11. package/es/molecule/card/notification.js +1 -1
  12. package/es/molecule/card/notification.js.map +1 -1
  13. package/es/molecule/drag-and-drop/index.js +1 -1
  14. package/es/molecule/drag-and-drop/index.js.map +1 -1
  15. package/es/molecule/drag-and-drop/upload-report.js +2 -1
  16. package/es/molecule/drag-and-drop/upload-report.js.map +1 -1
  17. package/es/molecule/external-content-viewer/index.js +4 -3
  18. package/es/molecule/external-content-viewer/index.js.map +1 -1
  19. package/es/molecule/quick-access-card/index.js +14 -11
  20. package/es/molecule/quick-access-card/index.js.map +1 -1
  21. package/es/molecule/quick-access-card/style.css +4 -0
  22. package/es/molecule/quick-access-card/test/fixtures/analytics.js +1 -1
  23. package/es/molecule/quick-access-card/test/fixtures/analytics.js.map +1 -1
  24. package/es/molecule/quick-access-card/test/fixtures/default.js +2 -2
  25. package/es/molecule/quick-access-card/test/fixtures/default.js.map +1 -1
  26. package/es/molecule/quick-access-card/test/fixtures/look-and-feel.js +1 -1
  27. package/es/molecule/quick-access-card/test/fixtures/look-and-feel.js.map +1 -1
  28. package/es/molecule/quick-access-card/test/fixtures/massive-battle.js +1 -1
  29. package/es/molecule/quick-access-card/test/fixtures/massive-battle.js.map +1 -1
  30. package/es/molecule/quick-access-card/test/fixtures/upload-users.js +1 -1
  31. package/es/molecule/quick-access-card/test/fixtures/upload-users.js.map +1 -1
  32. package/es/organism/brand-dashboard/test/fixtures.js +10 -2
  33. package/es/organism/brand-dashboard/test/fixtures.js.map +1 -1
  34. package/es/organism/mooc-footer/style.css +1 -2
  35. package/es/organism/mooc-header/test/fixtures.js +0 -6
  36. package/es/organism/mooc-header/test/fixtures.js.map +1 -1
  37. package/es/template/back-office/brand-update/test/fixtures.js +0 -2
  38. package/es/template/back-office/brand-update/test/fixtures.js.map +1 -1
  39. package/es/template/common/discipline/test/fixtures.js +0 -6
  40. package/es/template/common/discipline/test/fixtures.js.map +1 -1
  41. package/es/template/teams-dashboard/test/fixtures.js +0 -2
  42. package/es/template/teams-dashboard/test/fixtures.js.map +1 -1
  43. package/lib/atom/difficulty-level/index.js +3 -1
  44. package/lib/atom/difficulty-level/index.js.map +1 -1
  45. package/lib/atom/input-checkbox/test/fixtures.js +0 -3
  46. package/lib/atom/input-checkbox/test/fixtures.js.map +1 -1
  47. package/lib/atom/title/test/fixtures.js +2 -8
  48. package/lib/atom/title/test/fixtures.js.map +1 -1
  49. package/lib/molecule/brand-card/index.js +1 -1
  50. package/lib/molecule/brand-card/index.js.map +1 -1
  51. package/lib/molecule/card/index.js +1 -1
  52. package/lib/molecule/card/index.js.map +1 -1
  53. package/lib/molecule/card/notification.js +1 -1
  54. package/lib/molecule/card/notification.js.map +1 -1
  55. package/lib/molecule/drag-and-drop/index.js +1 -1
  56. package/lib/molecule/drag-and-drop/index.js.map +1 -1
  57. package/lib/molecule/drag-and-drop/upload-report.js +3 -1
  58. package/lib/molecule/drag-and-drop/upload-report.js.map +1 -1
  59. package/lib/molecule/external-content-viewer/index.js +6 -4
  60. package/lib/molecule/external-content-viewer/index.js.map +1 -1
  61. package/lib/molecule/quick-access-card/index.js +15 -15
  62. package/lib/molecule/quick-access-card/index.js.map +1 -1
  63. package/lib/molecule/quick-access-card/style.css +4 -0
  64. package/lib/molecule/quick-access-card/test/fixtures/analytics.js +1 -1
  65. package/lib/molecule/quick-access-card/test/fixtures/analytics.js.map +1 -1
  66. package/lib/molecule/quick-access-card/test/fixtures/default.js +2 -2
  67. package/lib/molecule/quick-access-card/test/fixtures/default.js.map +1 -1
  68. package/lib/molecule/quick-access-card/test/fixtures/look-and-feel.js +1 -1
  69. package/lib/molecule/quick-access-card/test/fixtures/look-and-feel.js.map +1 -1
  70. package/lib/molecule/quick-access-card/test/fixtures/massive-battle.js +1 -1
  71. package/lib/molecule/quick-access-card/test/fixtures/massive-battle.js.map +1 -1
  72. package/lib/molecule/quick-access-card/test/fixtures/upload-users.js +1 -1
  73. package/lib/molecule/quick-access-card/test/fixtures/upload-users.js.map +1 -1
  74. package/lib/organism/brand-dashboard/test/fixtures.js +14 -2
  75. package/lib/organism/brand-dashboard/test/fixtures.js.map +1 -1
  76. package/lib/organism/mooc-footer/style.css +1 -2
  77. package/lib/organism/mooc-header/test/fixtures.js +0 -9
  78. package/lib/organism/mooc-header/test/fixtures.js.map +1 -1
  79. package/lib/template/back-office/brand-update/test/fixtures.js +0 -3
  80. package/lib/template/back-office/brand-update/test/fixtures.js.map +1 -1
  81. package/lib/template/common/discipline/test/fixtures.js +0 -9
  82. package/lib/template/common/discipline/test/fixtures.js.map +1 -1
  83. package/lib/template/teams-dashboard/test/fixtures.js +0 -3
  84. package/lib/template/teams-dashboard/test/fixtures.js.map +1 -1
  85. package/package.json +3 -3
  86. package/es/molecule/coorp-manager-roles/test/fixtures.js +0 -13
  87. package/es/molecule/coorp-manager-roles/test/fixtures.js.map +0 -1
  88. package/es/molecule/popin/test/fixtures.js +0 -21
  89. package/es/molecule/popin/test/fixtures.js.map +0 -1
  90. package/es/molecule/quick-access-card/test/fixtures.js +0 -21
  91. package/es/molecule/quick-access-card/test/fixtures.js.map +0 -1
  92. package/es/molecule/quick-access-cards-group/test/fixtures.js +0 -21
  93. package/es/molecule/quick-access-cards-group/test/fixtures.js.map +0 -1
  94. package/es/organism/accordion/coorp-manager/part/test/fixtures.js +0 -17
  95. package/es/organism/accordion/coorp-manager/part/test/fixtures.js.map +0 -1
  96. package/es/organism/accordion/coorp-manager/test/fixtures.js +0 -13
  97. package/es/organism/accordion/coorp-manager/test/fixtures.js.map +0 -1
  98. package/es/organism/brand-analytics/test/fixtures.js +0 -23
  99. package/es/organism/brand-analytics/test/fixtures.js.map +0 -1
  100. package/lib/molecule/coorp-manager-roles/test/fixtures.js +0 -22
  101. package/lib/molecule/coorp-manager-roles/test/fixtures.js.map +0 -1
  102. package/lib/molecule/popin/test/fixtures.js +0 -34
  103. package/lib/molecule/popin/test/fixtures.js.map +0 -1
  104. package/lib/molecule/quick-access-card/test/fixtures.js +0 -34
  105. package/lib/molecule/quick-access-card/test/fixtures.js.map +0 -1
  106. package/lib/molecule/quick-access-cards-group/test/fixtures.js +0 -34
  107. package/lib/molecule/quick-access-cards-group/test/fixtures.js.map +0 -1
  108. package/lib/organism/accordion/coorp-manager/part/test/fixtures.js +0 -28
  109. package/lib/organism/accordion/coorp-manager/part/test/fixtures.js.map +0 -1
  110. package/lib/organism/accordion/coorp-manager/test/fixtures.js +0 -22
  111. package/lib/organism/accordion/coorp-manager/test/fixtures.js.map +0 -1
  112. package/lib/organism/brand-analytics/test/fixtures.js +0 -37
  113. package/lib/organism/brand-analytics/test/fixtures.js.map +0 -1
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classnames from 'classnames';
4
+ import includes from 'lodash/fp/includes';
4
5
  import { NovaCompositionCoorpacademyLevel0, NovaCompositionCoorpacademyLevel1, NovaCompositionCoorpacademyLevel2, NovaCompositionCoorpacademyLevel3 } from '@coorpacademy/nova-icons';
5
6
  import style from './style.css';
6
7
 
@@ -45,7 +46,7 @@ const DifficultyLevel = ({
45
46
  className: style.inlineContainer
46
47
  }, /*#__PURE__*/React.createElement("div", {
47
48
  className: classnames({
48
- [style.unknownContainer]: ![1, 2, 3].includes(level),
49
+ [style.unknownContainer]: !includes(level, [1, 2, 3]),
49
50
  [style.easyContainer]: level === 1,
50
51
  [style.normalContainer]: level === 2,
51
52
  [style.hardContainer]: level === 3
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/difficulty-level/index.js"],"names":["React","PropTypes","classnames","NovaCompositionCoorpacademyLevel0","NovaCompositionCoorpacademyLevel1","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","style","Icon","level","icon","propTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,iCADF,EAEEC,iCAFF,EAGEC,iCAHF,EAIEC,iCAJF,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAAC;AAACC,EAAAA,KAAK,GAAG;AAAT,CAAD,KAAiB;AAC5B,UAAQA,KAAR;AACE,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEF,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;AARJ;AAUD,CAXD;;AAaAF,IAAI,CAACG,SAAL,2CAAiB;AACfF,EAAAA,KAAK,EAAER,SAAS,CAACW,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;AAACJ,EAAAA,KAAD;AAAQK,EAAAA;AAAR,CAAD,kBACtB;AAAK,EAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;AACE,EAAA,SAAS,EAAEb,UAAU,CAAC;AACpB,KAACK,KAAK,CAACS,gBAAP,GAA0B,CAAC,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAUC,QAAV,CAAmBR,KAAnB,CADP;AAEpB,KAACF,KAAK,CAACW,aAAP,GAAuBT,KAAK,KAAK,CAFb;AAGpB,KAACF,KAAK,CAACY,eAAP,GAAyBV,KAAK,KAAK,CAHf;AAIpB,KAACF,KAAK,CAACa,aAAP,GAAuBX,KAAK,KAAK;AAJb,GAAD;AADvB,gBAQE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEA;AAAb,EARF,eASE;AAAM,EAAA,SAAS,EAAEF,KAAK,CAACc;AAAvB,GAA8BP,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACF,SAAhB,2CAA4B;AAC1BF,EAAAA,KAAK,EAAED,IAAI,CAACG,SAAL,CAAeF,KADI;AAE1BK,EAAAA,QAAQ,EAAEb,SAAS,CAACqB;AAFM,CAA5B;AAKA,eAAeT,eAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaCompositionCoorpacademyLevel0,\n NovaCompositionCoorpacademyLevel1,\n NovaCompositionCoorpacademyLevel2,\n NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n switch (level) {\n case 1:\n return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n case 2:\n return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n case 3:\n return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n default:\n return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n }\n};\n\nIcon.propTypes = {\n level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n <div className={style.inlineContainer}>\n <div\n className={classnames({\n [style.unknownContainer]: ![1, 2, 3].includes(level),\n [style.easyContainer]: level === 1,\n [style.normalContainer]: level === 2,\n [style.hardContainer]: level === 3\n })}\n >\n <Icon level={level} />\n <span className={style.text}>{children}</span>\n </div>\n </div>\n);\n\nDifficultyLevel.propTypes = {\n level: Icon.propTypes.level,\n children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/difficulty-level/index.js"],"names":["React","PropTypes","classnames","includes","NovaCompositionCoorpacademyLevel0","NovaCompositionCoorpacademyLevel1","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","style","Icon","level","icon","propTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","easyContainer","normalContainer","hardContainer","text","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,SACEC,iCADF,EAEEC,iCAFF,EAGEC,iCAHF,EAIEC,iCAJF,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAAC;AAACC,EAAAA,KAAK,GAAG;AAAT,CAAD,KAAiB;AAC5B,UAAQA,KAAR;AACE,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEF,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;AARJ;AAUD,CAXD;;AAaAF,IAAI,CAACG,SAAL,2CAAiB;AACfF,EAAAA,KAAK,EAAET,SAAS,CAACY,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;AAACJ,EAAAA,KAAD;AAAQK,EAAAA;AAAR,CAAD,kBACtB;AAAK,EAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;AACE,EAAA,SAAS,EAAEd,UAAU,CAAC;AACpB,KAACM,KAAK,CAACS,gBAAP,GAA0B,CAACd,QAAQ,CAACO,KAAD,EAAQ,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAR,CADf;AAEpB,KAACF,KAAK,CAACU,aAAP,GAAuBR,KAAK,KAAK,CAFb;AAGpB,KAACF,KAAK,CAACW,eAAP,GAAyBT,KAAK,KAAK,CAHf;AAIpB,KAACF,KAAK,CAACY,aAAP,GAAuBV,KAAK,KAAK;AAJb,GAAD;AADvB,gBAQE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEA;AAAb,EARF,eASE;AAAM,EAAA,SAAS,EAAEF,KAAK,CAACa;AAAvB,GAA8BN,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACF,SAAhB,2CAA4B;AAC1BF,EAAAA,KAAK,EAAED,IAAI,CAACG,SAAL,CAAeF,KADI;AAE1BK,EAAAA,QAAQ,EAAEd,SAAS,CAACqB;AAFM,CAA5B;AAKA,eAAeR,eAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n NovaCompositionCoorpacademyLevel0,\n NovaCompositionCoorpacademyLevel1,\n NovaCompositionCoorpacademyLevel2,\n NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n switch (level) {\n case 1:\n return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n case 2:\n return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n case 3:\n return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n default:\n return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n }\n};\n\nIcon.propTypes = {\n level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n <div className={style.inlineContainer}>\n <div\n className={classnames({\n [style.unknownContainer]: !includes(level, [1, 2, 3]),\n [style.easyContainer]: level === 1,\n [style.normalContainer]: level === 2,\n [style.hardContainer]: level === 3\n })}\n >\n <Icon level={level} />\n <span className={style.text}>{children}</span>\n </div>\n </div>\n);\n\nDifficultyLevel.propTypes = {\n level: Icon.propTypes.level,\n children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"file":"index.js"}
@@ -2,7 +2,6 @@ import test from 'ava';
2
2
  import forEach from 'lodash/forEach';
3
3
  import renderComponentMacro from '../../../test/helpers/render-component';
4
4
  import AtomInputCheckbox from '..';
5
- import fixtureCheckedDisabled from './fixtures/checked-disabled';
6
5
  import fixtureChecked from './fixtures/checked';
7
6
  import fixtureDefault from './fixtures/default';
8
7
  import fixtureDisabled from './fixtures/disabled';
@@ -15,7 +14,6 @@ test('Atom › AtomInputCheckbox > should have valid propTypes', t => {
15
14
  t.not(value, undefined, `PropType for "Atom.AtomInputCheckbox.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
16
15
  });
17
16
  });
18
- test('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureCheckedDisabled);
19
17
  test('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);
20
18
  test('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);
21
19
  test('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputCheckbox","fixtureCheckedDisabled","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAV,IAAI,CAAC,wDAAD,EAA2DW,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAX,EAAAA,OAAO,CAACE,iBAAiB,CAACU,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAf,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GC,sBAA7G,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGG,cAArG,CAAJ;AACAN,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGI,eAAtG,CAAJ;AACAP,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGK,YAAnG,CAAJ;AACAR,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGM,eAAtG,CAAJ;AACAT,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGO,eAAtG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureCheckedDisabled from './fixtures/checked-disabled';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputCheckbox.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureCheckedDisabled);\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputCheckbox","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAT,IAAI,CAAC,wDAAD,EAA2DU,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,iBAAiB,CAACS,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGC,cAArG,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGG,eAAtG,CAAJ;AACAN,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGI,YAAnG,CAAJ;AACAP,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGK,eAAtG,CAAJ;AACAR,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGM,eAAtG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputCheckbox.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}
@@ -2,16 +2,12 @@ import test from 'ava';
2
2
  import forEach from 'lodash/forEach';
3
3
  import renderComponentMacro from '../../../test/helpers/render-component';
4
4
  import AtomTitle from '..';
5
- import fixtureFormGroupTitleWithoutSubtitle from './fixtures/form-group-title-without-subtitle';
6
- import fixtureFormGroupTitle from './fixtures/form-group-title';
7
- import fixturePageTitle from './fixtures/page-title';
5
+ import fixtureFixture from './fixtures/fixture';
8
6
  test('Atom › AtomTitle > should have valid propTypes', t => {
9
7
  t.pass();
10
8
  forEach(AtomTitle.propTypes, (value, key) => {
11
9
  t.not(value, undefined, `PropType for "Atom.AtomTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
12
10
  });
13
11
  });
14
- test('Atom › AtomTitle › FormGroupTitleWithoutSubtitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitleWithoutSubtitle);
15
- test('Atom › AtomTitle › FormGroupTitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitle);
16
- test('Atom › AtomTitle › PageTitle › should be rendered', renderComponentMacro, AtomTitle, fixturePageTitle);
12
+ test('Atom › AtomTitle › Fixture › should be rendered', renderComponentMacro, AtomTitle, fixtureFixture);
17
13
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomTitle","fixtureFormGroupTitleWithoutSubtitle","fixtureFormGroupTitle","fixturePageTitle","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,oCAAP,MAAiD,8CAAjD;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAN,IAAI,CAAC,gDAAD,EAAmDO,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,SAAS,CAACM,SAAX,EAAsB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,SAAhG,EAA2GC,oCAA3G,CAAJ;AACAJ,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,SAAjF,EAA4FE,qBAA5F,CAAJ;AACAL,IAAI,CAAC,mDAAD,EAAsDE,oBAAtD,EAA4EC,SAA5E,EAAuFG,gBAAvF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTitle from '..';\nimport fixtureFormGroupTitleWithoutSubtitle from './fixtures/form-group-title-without-subtitle';\nimport fixtureFormGroupTitle from './fixtures/form-group-title';\nimport fixturePageTitle from './fixtures/page-title';\n\ntest('Atom › AtomTitle > should have valid propTypes', t => {\n t.pass();\n forEach(AtomTitle.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomTitle › FormGroupTitleWithoutSubtitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitleWithoutSubtitle);\ntest('Atom › AtomTitle › FormGroupTitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitle);\ntest('Atom › AtomTitle › PageTitle › should be rendered', renderComponentMacro, AtomTitle, fixturePageTitle);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomTitle","fixtureFixture","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,gDAAD,EAAmDK,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,SAAS,CAACI,SAAX,EAAsB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,iDAAD,EAAoDE,oBAApD,EAA0EC,SAA1E,EAAqFC,cAArF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTitle from '..';\nimport fixtureFixture from './fixtures/fixture';\n\ntest('Atom › AtomTitle > should have valid propTypes', t => {\n t.pass();\n forEach(AtomTitle.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomTitle › Fixture › should be rendered', renderComponentMacro, AtomTitle, fixtureFixture);\n"],"file":"fixtures.js"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
- import { NovaSolidLocksLock11 as LockIcon } from '@coorpacademy/nova-icons';
3
+ import { NovaSolidLoginLocked as LockIcon } from '@coorpacademy/nova-icons';
4
4
  import Link from '../../atom/link';
5
5
  import Picture from '../../atom/picture';
6
6
  import Description from './description';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/brand-card/index.js"],"names":["React","PropTypes","NovaSolidLocksLock11","LockIcon","Link","Picture","Description","style","BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","lockWrapper","lockIcon","wrapper","picture","descriptionWrapper","information","propTypes","string","isRequired","func","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,oBAAoB,IAAIC,QAAhC,QAA+C,0BAA/C;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,GALI;AAMJC,IAAAA,OANI;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,WARI;AASJC,IAAAA,WAAW,GAAG;AATV,MAUFT,KAVJ;AAWA,QAAMU,eAAe,GAAGD,WAAW,gBACjC;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACa;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEb,KAAK,CAACc,QAA3B;AAAqC,IAAA,MAAM,EAAE;AAA7C,IADF,CADiC,GAI/B,IAJJ;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEd,KAAK,CAACe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACS;AAAtB,kBACE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAET,KAAK,CAACgB,OAA1B;AAAmC,IAAA,GAAG,EAAEP;AAAxC,IADF,EAEGG,eAFH,eAGE,oBAAC,WAAD;AAAa,IAAA,WAAW,EAAEF,WAA1B;AAAuC,IAAA,SAAS,EAAEV,KAAK,CAACiB;AAAxD,IAHF,CADF,eAME;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACkB,WAAtB;AAAmC,iBAAY,QAAOf,KAAM;AAA5D,kBACE,gCAAKA,KAAL,CADF,eAEE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAtB,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEC,QAAZ;AAAsB,IAAA,OAAO,EAAEC,WAA/B;AAA4C,iBAAY,QAAOH,KAAM;AAArE,KACGC,IADH,CADF,CAFF,eAOE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACO,GAAtB;AAA2B,iBAAY,OAAMJ,KAAM;AAAnD,kBACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC,QAAb;AAAsB,IAAA,IAAI,EAAEK;AAA5B,KACGD,GADH,CADF,CAPF,CANF,CADF;AAsBD,CAvCD;;AAyCAN,SAAS,CAACkB,SAAV,2CAAsB;AACpBhB,EAAAA,KAAK,EAAET,SAAS,CAAC0B,MAAV,CAAiBC,UADJ;AAEpBX,EAAAA,WAAW,EAAEhB,SAAS,CAAC0B,MAFH;AAGpBhB,EAAAA,IAAI,EAAEV,SAAS,CAAC0B,MAAV,CAAiBC,UAHH;AAIpBhB,EAAAA,QAAQ,EAAEX,SAAS,CAAC0B,MAJA;AAKpBd,EAAAA,WAAW,EAAEZ,SAAS,CAAC4B,IALH;AAMpBf,EAAAA,GAAG,EAAEb,SAAS,CAAC0B,MAAV,CAAiBC,UANF;AAOpBb,EAAAA,OAAO,EAAEd,SAAS,CAAC0B,MAPC;AAQpBX,EAAAA,KAAK,EAAEf,SAAS,CAAC0B,MAAV,CAAiBC,UARJ;AASpBV,EAAAA,WAAW,EAAEjB,SAAS,CAAC6B;AATH,CAAtB;AAWA,eAAetB,SAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidLocksLock11 as LockIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Picture from '../../atom/picture';\nimport Description from './description';\nimport style from './style.css';\n\nconst BrandCard = props => {\n const {\n title,\n edit,\n editHref,\n onEditClick,\n see,\n seeHref,\n image,\n description,\n maintenance = false\n } = props;\n const maintenanceView = maintenance ? (\n <div className={style.lockWrapper}>\n <LockIcon className={style.lockIcon} height={80} />\n </div>\n ) : null;\n return (\n <div className={style.wrapper}>\n <div className={style.image}>\n <Picture className={style.picture} src={image} />\n {maintenanceView}\n <Description description={description} className={style.descriptionWrapper} />\n </div>\n <div className={style.information} data-name={`info-${title}`}>\n <h3>{title}</h3>\n <div className={style.edit}>\n <Link href={editHref} onClick={onEditClick} data-name={`edit-${title}`}>\n {edit}\n </Link>\n </div>\n <div className={style.see} data-name={`see-${title}`}>\n <Link target=\"_blank\" href={seeHref}>\n {see}\n </Link>\n </div>\n </div>\n </div>\n );\n};\n\nBrandCard.propTypes = {\n title: PropTypes.string.isRequired,\n description: PropTypes.string,\n edit: PropTypes.string.isRequired,\n editHref: PropTypes.string,\n onEditClick: PropTypes.func,\n see: PropTypes.string.isRequired,\n seeHref: PropTypes.string,\n image: PropTypes.string.isRequired,\n maintenance: PropTypes.bool\n};\nexport default BrandCard;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/brand-card/index.js"],"names":["React","PropTypes","NovaSolidLoginLocked","LockIcon","Link","Picture","Description","style","BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","lockWrapper","lockIcon","wrapper","picture","descriptionWrapper","information","propTypes","string","isRequired","func","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,oBAAoB,IAAIC,QAAhC,QAA+C,0BAA/C;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,GALI;AAMJC,IAAAA,OANI;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,WARI;AASJC,IAAAA,WAAW,GAAG;AATV,MAUFT,KAVJ;AAWA,QAAMU,eAAe,GAAGD,WAAW,gBACjC;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACa;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEb,KAAK,CAACc,QAA3B;AAAqC,IAAA,MAAM,EAAE;AAA7C,IADF,CADiC,GAI/B,IAJJ;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEd,KAAK,CAACe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACS;AAAtB,kBACE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAET,KAAK,CAACgB,OAA1B;AAAmC,IAAA,GAAG,EAAEP;AAAxC,IADF,EAEGG,eAFH,eAGE,oBAAC,WAAD;AAAa,IAAA,WAAW,EAAEF,WAA1B;AAAuC,IAAA,SAAS,EAAEV,KAAK,CAACiB;AAAxD,IAHF,CADF,eAME;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACkB,WAAtB;AAAmC,iBAAY,QAAOf,KAAM;AAA5D,kBACE,gCAAKA,KAAL,CADF,eAEE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAtB,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEC,QAAZ;AAAsB,IAAA,OAAO,EAAEC,WAA/B;AAA4C,iBAAY,QAAOH,KAAM;AAArE,KACGC,IADH,CADF,CAFF,eAOE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACO,GAAtB;AAA2B,iBAAY,OAAMJ,KAAM;AAAnD,kBACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC,QAAb;AAAsB,IAAA,IAAI,EAAEK;AAA5B,KACGD,GADH,CADF,CAPF,CANF,CADF;AAsBD,CAvCD;;AAyCAN,SAAS,CAACkB,SAAV,2CAAsB;AACpBhB,EAAAA,KAAK,EAAET,SAAS,CAAC0B,MAAV,CAAiBC,UADJ;AAEpBX,EAAAA,WAAW,EAAEhB,SAAS,CAAC0B,MAFH;AAGpBhB,EAAAA,IAAI,EAAEV,SAAS,CAAC0B,MAAV,CAAiBC,UAHH;AAIpBhB,EAAAA,QAAQ,EAAEX,SAAS,CAAC0B,MAJA;AAKpBd,EAAAA,WAAW,EAAEZ,SAAS,CAAC4B,IALH;AAMpBf,EAAAA,GAAG,EAAEb,SAAS,CAAC0B,MAAV,CAAiBC,UANF;AAOpBb,EAAAA,OAAO,EAAEd,SAAS,CAAC0B,MAPC;AAQpBX,EAAAA,KAAK,EAAEf,SAAS,CAAC0B,MAAV,CAAiBC,UARJ;AASpBV,EAAAA,WAAW,EAAEjB,SAAS,CAAC6B;AATH,CAAtB;AAWA,eAAetB,SAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidLoginLocked as LockIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Picture from '../../atom/picture';\nimport Description from './description';\nimport style from './style.css';\n\nconst BrandCard = props => {\n const {\n title,\n edit,\n editHref,\n onEditClick,\n see,\n seeHref,\n image,\n description,\n maintenance = false\n } = props;\n const maintenanceView = maintenance ? (\n <div className={style.lockWrapper}>\n <LockIcon className={style.lockIcon} height={80} />\n </div>\n ) : null;\n return (\n <div className={style.wrapper}>\n <div className={style.image}>\n <Picture className={style.picture} src={image} />\n {maintenanceView}\n <Description description={description} className={style.descriptionWrapper} />\n </div>\n <div className={style.information} data-name={`info-${title}`}>\n <h3>{title}</h3>\n <div className={style.edit}>\n <Link href={editHref} onClick={onEditClick} data-name={`edit-${title}`}>\n {edit}\n </Link>\n </div>\n <div className={style.see} data-name={`see-${title}`}>\n <Link target=\"_blank\" href={seeHref}>\n {see}\n </Link>\n </div>\n </div>\n </div>\n );\n};\n\nBrandCard.propTypes = {\n title: PropTypes.string.isRequired,\n description: PropTypes.string,\n edit: PropTypes.string.isRequired,\n editHref: PropTypes.string,\n onEditClick: PropTypes.func,\n see: PropTypes.string.isRequired,\n seeHref: PropTypes.string,\n image: PropTypes.string.isRequired,\n maintenance: PropTypes.bool\n};\nexport default BrandCard;\n"],"file":"index.js"}
@@ -8,7 +8,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
8
8
  import React, { useMemo, memo } from 'react';
9
9
  import PropTypes from 'prop-types';
10
10
  import classnames from 'classnames';
11
- import { NovaSolidLocksLock11 as LockIcon, NovaCompositionCoorpacademyPictures as PicturesIcon } from '@coorpacademy/nova-icons';
11
+ import { NovaSolidLoginLocked as LockIcon, NovaCompositionCoorpacademyPictures as PicturesIcon } from '@coorpacademy/nova-icons';
12
12
  import { isExternalContent, EXTERNAL_CONTENT_ICONS } from '../../util/external-content';
13
13
  import Provider from '../../atom/provider';
14
14
  import CardContentInfo, { MODES } from '../card-content';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/card/index.js"],"names":["React","useMemo","memo","PropTypes","classnames","NovaSolidLocksLock11","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","Customer","Favorite","Notification","style","CardBackground","type","image","empty","skin","externalContent","primaryColor","whiteColor","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","childContextTypes","propTypes","string","bool","Card","props","context","badge","adaptiv","disabled","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","notification","cardStyle","chapter","course","lazy","grid","handleClick","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","chapterCustomer","CARD","lockWrapper","shape","number","func"],"mappings":"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","sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick} from 'lodash/fp';\nimport {\n NovaSolidLocksLock11 as LockIcon,\n NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Notification from './notification';\nimport style from './style.css';\n\nconst CardBackground = ({type, image, empty}, {skin}) => {\n const externalContent = isExternalContent(type);\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n const backgroundIcon = (\n <div className={style.externalIconCircleWrapper}>\n <IconType className={style.externalIcon} />\n </div>\n );\n\n if (image) {\n const _backgroundIcon = (\n <div\n className={classnames(\n style.externalIconCircleWrapper,\n style.externalIconCircleWithImageWrapper\n )}\n style={{\n backgroundColor: iconColor\n }}\n >\n <IconType className={style.externalIconWithImage} />\n </div>\n );\n\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor,\n backgroundImage: `url('${image}')`\n }}\n className={classnames(style.externalContentHeader, style.externalBackground)}\n >\n {_backgroundIcon}\n </div>\n </div>\n );\n }\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor\n }}\n className={style.externalContentHeader}\n >\n {backgroundIcon}\n </div>\n </div>\n );\n }\n\n const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n return (\n <div\n className={classnames(\n style.imageWrapper,\n type === 'chapter' ? style.chapterImageWrapper : null\n )}\n >\n <div\n data-name=\"cover\"\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n >\n {emptyIcon}\n </div>\n </div>\n );\n};\n\nCardBackground.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n type: PropTypes.string,\n image: PropTypes.string,\n empty: PropTypes.bool\n};\n\nconst Card = memo(function Card(props, context) {\n const {skin} = context;\n const {\n image,\n badge,\n adaptiv,\n disabled = false,\n type = 'course',\n title,\n author,\n customer,\n certifiedAuthor,\n progress,\n favorite,\n addFavoriteToolTip,\n removeFavoriteToolTip,\n onClick,\n onFavoriteClick,\n notification\n } = props;\n const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n const cardStyle = classnames(\n type === 'chapter' ? style.chapter : style.course,\n title ? null : style.lazy,\n style.grid,\n empty ? style.empty : null\n );\n const handleClick = useMemo(() => e => !disabled && onClick(e), [onClick]);\n\n const lock = disabled ? (\n <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n ) : null;\n const inlineBadgeStyle = {color: primaryColor};\n const getType = contentType => {\n switch (contentType) {\n case 'chapter':\n return 'microlearning';\n case 'course':\n return 'learner';\n default:\n return contentType;\n }\n };\n return (\n <div\n className={cardStyle}\n data-name=\"card\"\n data-lock={disabled}\n data-type={getType(type)}\n disabled={disabled}\n onClick={handleClick}\n >\n <CardBackground type={type} image={image} empty={empty} />\n {!isUndefined(favorite) ? (\n <Favorite\n className={style.favorite}\n favorite={favorite}\n disabled={disabled}\n onFavoriteClick={onFavoriteClick}\n addFavoriteToolTip={addFavoriteToolTip}\n removeFavoriteToolTip={removeFavoriteToolTip}\n />\n ) : null}\n {notification ? <Notification {...notification} /> : null}\n {customer ? (\n <Customer\n {...customer}\n className={classnames(style.customer, type === 'chapter' ? style.chapterCustomer : null)}\n />\n ) : null}\n <CardContentInfo\n mode={MODES.CARD}\n adaptiv={adaptiv}\n author={author}\n certifiedAuthor={certifiedAuthor}\n disabled={disabled}\n empty={empty}\n progress={progress}\n title={title}\n type={type}\n />\n {badge ? (\n <div className={style.badge} style={inlineBadgeStyle}>\n {badge}\n </div>\n ) : null}\n {disabled ? <div className={style.lockWrapper}>{lock}</div> : null}\n </div>\n );\n});\n\nCard.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n badge: PropTypes.string,\n image: PropTypes.string,\n disabled: PropTypes.bool,\n adaptiv: PropTypes.bool,\n type: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n customer: PropTypes.shape(Customer.propTypes),\n progress: PropTypes.number,\n favorite: PropTypes.bool,\n addFavoriteToolTip: PropTypes.string,\n removeFavoriteToolTip: PropTypes.string,\n onClick: PropTypes.func,\n onFavoriteClick: PropTypes.func,\n notification: PropTypes.shape(Notification.propTypes)\n};\nexport default Card;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/card/index.js"],"names":["React","useMemo","memo","PropTypes","classnames","NovaSolidLoginLocked","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","Customer","Favorite","Notification","style","CardBackground","type","image","empty","skin","externalContent","primaryColor","whiteColor","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","childContextTypes","propTypes","string","bool","Card","props","context","badge","adaptiv","disabled","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","notification","cardStyle","chapter","course","lazy","grid","handleClick","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","chapterCustomer","CARD","lockWrapper","shape","number","func"],"mappings":"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","sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick} from 'lodash/fp';\nimport {\n NovaSolidLoginLocked as LockIcon,\n NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Notification from './notification';\nimport style from './style.css';\n\nconst CardBackground = ({type, image, empty}, {skin}) => {\n const externalContent = isExternalContent(type);\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n const backgroundIcon = (\n <div className={style.externalIconCircleWrapper}>\n <IconType className={style.externalIcon} />\n </div>\n );\n\n if (image) {\n const _backgroundIcon = (\n <div\n className={classnames(\n style.externalIconCircleWrapper,\n style.externalIconCircleWithImageWrapper\n )}\n style={{\n backgroundColor: iconColor\n }}\n >\n <IconType className={style.externalIconWithImage} />\n </div>\n );\n\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor,\n backgroundImage: `url('${image}')`\n }}\n className={classnames(style.externalContentHeader, style.externalBackground)}\n >\n {_backgroundIcon}\n </div>\n </div>\n );\n }\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n style={{\n backgroundColor: iconColor\n }}\n className={style.externalContentHeader}\n >\n {backgroundIcon}\n </div>\n </div>\n );\n }\n\n const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n return (\n <div\n className={classnames(\n style.imageWrapper,\n type === 'chapter' ? style.chapterImageWrapper : null\n )}\n >\n <div\n data-name=\"cover\"\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n >\n {emptyIcon}\n </div>\n </div>\n );\n};\n\nCardBackground.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n type: PropTypes.string,\n image: PropTypes.string,\n empty: PropTypes.bool\n};\n\nconst Card = memo(function Card(props, context) {\n const {skin} = context;\n const {\n image,\n badge,\n adaptiv,\n disabled = false,\n type = 'course',\n title,\n author,\n customer,\n certifiedAuthor,\n progress,\n favorite,\n addFavoriteToolTip,\n removeFavoriteToolTip,\n onClick,\n onFavoriteClick,\n notification\n } = props;\n const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n const cardStyle = classnames(\n type === 'chapter' ? style.chapter : style.course,\n title ? null : style.lazy,\n style.grid,\n empty ? style.empty : null\n );\n const handleClick = useMemo(() => e => !disabled && onClick(e), [onClick]);\n\n const lock = disabled ? (\n <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n ) : null;\n const inlineBadgeStyle = {color: primaryColor};\n const getType = contentType => {\n switch (contentType) {\n case 'chapter':\n return 'microlearning';\n case 'course':\n return 'learner';\n default:\n return contentType;\n }\n };\n return (\n <div\n className={cardStyle}\n data-name=\"card\"\n data-lock={disabled}\n data-type={getType(type)}\n disabled={disabled}\n onClick={handleClick}\n >\n <CardBackground type={type} image={image} empty={empty} />\n {!isUndefined(favorite) ? (\n <Favorite\n className={style.favorite}\n favorite={favorite}\n disabled={disabled}\n onFavoriteClick={onFavoriteClick}\n addFavoriteToolTip={addFavoriteToolTip}\n removeFavoriteToolTip={removeFavoriteToolTip}\n />\n ) : null}\n {notification ? <Notification {...notification} /> : null}\n {customer ? (\n <Customer\n {...customer}\n className={classnames(style.customer, type === 'chapter' ? style.chapterCustomer : null)}\n />\n ) : null}\n <CardContentInfo\n mode={MODES.CARD}\n adaptiv={adaptiv}\n author={author}\n certifiedAuthor={certifiedAuthor}\n disabled={disabled}\n empty={empty}\n progress={progress}\n title={title}\n type={type}\n />\n {badge ? (\n <div className={style.badge} style={inlineBadgeStyle}>\n {badge}\n </div>\n ) : null}\n {disabled ? <div className={style.lockWrapper}>{lock}</div> : null}\n </div>\n );\n});\n\nCard.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n badge: PropTypes.string,\n image: PropTypes.string,\n disabled: PropTypes.bool,\n adaptiv: PropTypes.bool,\n type: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n customer: PropTypes.shape(Customer.propTypes),\n progress: PropTypes.number,\n favorite: PropTypes.bool,\n addFavoriteToolTip: PropTypes.string,\n removeFavoriteToolTip: PropTypes.string,\n onClick: PropTypes.func,\n onFavoriteClick: PropTypes.func,\n notification: PropTypes.shape(Notification.propTypes)\n};\nexport default Card;\n"],"file":"index.js"}
@@ -3,7 +3,7 @@ import _get from "lodash/fp/get";
3
3
  import React from 'react';
4
4
  import PropTypes from 'prop-types';
5
5
  import classnames from 'classnames';
6
- import { NovaCompositionNavigationMore as MoreIcon, NovaSolidLocksLock11 as LockIcon, NovaSolidLocksLockUnlock1 as UnlockIcon, NovaCompositionCoorpacademyCheck as CheckIcon } from '@coorpacademy/nova-icons';
6
+ import { NovaCompositionNavigationMore as MoreIcon, NovaSolidLoginLocked as LockIcon, NovaSolidLocksLockUnlock1 as UnlockIcon, NovaCompositionCoorpacademyCheck as CheckIcon } from '@coorpacademy/nova-icons';
7
7
  import style from './notification.css';
8
8
  const NOTIFICATION_ICON = {
9
9
  addFavorite: CheckIcon,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/card/notification.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationMore","MoreIcon","NovaSolidLocksLock11","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","showOverlay","notificationWrapper","notification","propTypes","string","isRequired","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,oBAAoB,IAAIC,QAF1B,EAGEC,yBAAyB,IAAIC,UAH/B,EAIEC,gCAAgC,IAAIC,SAJtC,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,MAAMC,iBAAiB,GAAG;AACxBC,EAAAA,WAAW,EAAEH,SADW;AAExBI,EAAAA,cAAc,EAAEV,QAFQ;AAGxBW,EAAAA,IAAI,EAAET,QAHkB;AAIxBU,EAAAA,MAAM,EAAER;AAJgB,CAA1B;;AAOA,MAAMS,kBAAkB,GAAGC,CAAC,IAAI;AAC9BA,EAAAA,CAAC,CAACC,eAAF;AACAD,EAAAA,CAAC,CAACE,cAAF;AACA,SAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA;AAAV,MAAkBF,KAAxB;;AAEA,QAAMG,QAAQ,GAAG,KAAID,IAAJ,EAAUZ,iBAAV,CAAjB;;AACA,sBACE;AACE,iBAAU,cADZ;AAEE,iBAAWY,IAFb;AAGE,IAAA,OAAO,EAAEP,kBAHX;AAIE,IAAA,SAAS,EAAEf,UAAU,CAACS,KAAK,CAACe,WAAP,EAAoBf,KAAK,CAACgB,mBAA1B;AAJvB,kBAME;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAACiB;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEjB,KAAK,CAACa,IAA3B;AAAiC,IAAA,KAAK,EAAE,IAAxC;AAA8C,IAAA,MAAM,EAAE;AAAtD,IADF,eAEE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACY;AAAtB,kBACE,kCAAOA,OAAP,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACQ,SAAb,2CAAyB;AACvBN,EAAAA,OAAO,EAAEtB,SAAS,CAAC6B,MAAV,CAAiBC,UADH;AAEvBP,EAAAA,IAAI,EAAEvB,SAAS,CAAC+B,KAAV,CAAgB,MAAKpB,iBAAL,CAAhB,EAAyCmB;AAFxB,CAAzB;AAKA,eAAeV,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n NovaCompositionNavigationMore as MoreIcon,\n NovaSolidLocksLock11 as LockIcon,\n NovaSolidLocksLockUnlock1 as UnlockIcon,\n NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n addFavorite: CheckIcon,\n removeFavorite: MoreIcon,\n lock: LockIcon,\n unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n e.stopPropagation();\n e.preventDefault();\n return false;\n};\n\nconst Notification = props => {\n const {message, icon} = props;\n\n const IconType = get(icon, NOTIFICATION_ICON);\n return (\n <div\n data-name=\"notification\"\n data-type={icon}\n onClick={handleOverlayClick}\n className={classnames(style.showOverlay, style.notificationWrapper)}\n >\n <div className={style.notification}>\n <IconType className={style.icon} color={null} stroke={null} />\n <div className={style.message}>\n <span>{message}</span>\n </div>\n </div>\n </div>\n );\n};\nNotification.propTypes = {\n message: PropTypes.string.isRequired,\n icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"file":"notification.js"}
1
+ {"version":3,"sources":["../../../src/molecule/card/notification.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationMore","MoreIcon","NovaSolidLoginLocked","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","showOverlay","notificationWrapper","notification","propTypes","string","isRequired","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,oBAAoB,IAAIC,QAF1B,EAGEC,yBAAyB,IAAIC,UAH/B,EAIEC,gCAAgC,IAAIC,SAJtC,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,MAAMC,iBAAiB,GAAG;AACxBC,EAAAA,WAAW,EAAEH,SADW;AAExBI,EAAAA,cAAc,EAAEV,QAFQ;AAGxBW,EAAAA,IAAI,EAAET,QAHkB;AAIxBU,EAAAA,MAAM,EAAER;AAJgB,CAA1B;;AAOA,MAAMS,kBAAkB,GAAGC,CAAC,IAAI;AAC9BA,EAAAA,CAAC,CAACC,eAAF;AACAD,EAAAA,CAAC,CAACE,cAAF;AACA,SAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA;AAAV,MAAkBF,KAAxB;;AAEA,QAAMG,QAAQ,GAAG,KAAID,IAAJ,EAAUZ,iBAAV,CAAjB;;AACA,sBACE;AACE,iBAAU,cADZ;AAEE,iBAAWY,IAFb;AAGE,IAAA,OAAO,EAAEP,kBAHX;AAIE,IAAA,SAAS,EAAEf,UAAU,CAACS,KAAK,CAACe,WAAP,EAAoBf,KAAK,CAACgB,mBAA1B;AAJvB,kBAME;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAACiB;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEjB,KAAK,CAACa,IAA3B;AAAiC,IAAA,KAAK,EAAE,IAAxC;AAA8C,IAAA,MAAM,EAAE;AAAtD,IADF,eAEE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACY;AAAtB,kBACE,kCAAOA,OAAP,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACQ,SAAb,2CAAyB;AACvBN,EAAAA,OAAO,EAAEtB,SAAS,CAAC6B,MAAV,CAAiBC,UADH;AAEvBP,EAAAA,IAAI,EAAEvB,SAAS,CAAC+B,KAAV,CAAgB,MAAKpB,iBAAL,CAAhB,EAAyCmB;AAFxB,CAAzB;AAKA,eAAeV,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n NovaCompositionNavigationMore as MoreIcon,\n NovaSolidLoginLocked as LockIcon,\n NovaSolidLocksLockUnlock1 as UnlockIcon,\n NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n addFavorite: CheckIcon,\n removeFavorite: MoreIcon,\n lock: LockIcon,\n unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n e.stopPropagation();\n e.preventDefault();\n return false;\n};\n\nconst Notification = props => {\n const {message, icon} = props;\n\n const IconType = get(icon, NOTIFICATION_ICON);\n return (\n <div\n data-name=\"notification\"\n data-type={icon}\n onClick={handleOverlayClick}\n className={classnames(style.showOverlay, style.notificationWrapper)}\n >\n <div className={style.notification}>\n <IconType className={style.icon} color={null} stroke={null} />\n <div className={style.message}>\n <span>{message}</span>\n </div>\n </div>\n </div>\n );\n};\nNotification.propTypes = {\n message: PropTypes.string.isRequired,\n icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"file":"notification.js"}
@@ -82,7 +82,7 @@ export const DragAndDrop = (props, context) => {
82
82
  });
83
83
  };
84
84
 
85
- const disableFileInput = ['success'].includes(state);
85
+ const disableFileInput = state === 'success';
86
86
  return /*#__PURE__*/React.createElement("div", _extends({}, getRootProps(), {
87
87
  className: style.wrapper
88
88
  }), /*#__PURE__*/React.createElement("input", _extends({}, getInputProps(), {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/drag-and-drop/index.js"],"names":["React","useCallback","PropTypes","getOr","includes","Dropzone","NovaCompositionNavigationArrowLeft","ArrowLeft","Provider","InputText","Overlay","UploadReport","PlaceHolder","style","DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","childContextTypes","propTypes","oneOf","isRequired","string","func","arrayOf","shape","actions","label","onClick"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n const {skin} = context;\n const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n const {\n state,\n title,\n message,\n warningMessage,\n mode,\n dragAndDropMessage,\n buttonTitle,\n backLabel,\n orLabel,\n accept,\n type: contentType = 'scorm',\n fields,\n onDrop,\n onDelete,\n onBack\n } = props;\n\n const handleBack = useCallback(\n e => {\n e.stopPropagation();\n e.preventDefault();\n onBack && onBack(e);\n },\n [onBack]\n );\n\n const loading = state === 'loading';\n return (\n <div>\n <span onClick={handleBack} className={style.back}>\n <ArrowLeft width={12} height={12} className={style.arrow} />\n {backLabel}\n </span>\n <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n {({getRootProps, getInputProps, isDragActive}) => {\n const getView = () => {\n if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n return (\n <UploadReport\n state={state}\n message={message}\n warningMessage={warningMessage}\n fields={fields}\n type={contentType}\n onDelete={onDelete}\n mode={mode}\n orLabel={orLabel}\n onClick={onDrop}\n buttonTitle={buttonTitle}\n primaryColor={primaryColor}\n />\n );\n }\n return (\n <PlaceHolder\n title={title}\n buttonTitle={buttonTitle}\n uploadLabel={message}\n primaryColor={primaryColor}\n onClick={onDrop}\n />\n );\n };\n\n const disableFileInput = ['success'].includes(state);\n\n return (\n <div {...getRootProps()} className={style.wrapper}>\n <input {...getInputProps()} disabled={disableFileInput} />\n {getView()}\n {isDragActive || loading ? (\n <Overlay\n iconColor={primaryColor}\n description={dragAndDropMessage}\n isLoading={loading}\n />\n ) : null}\n </div>\n );\n }}\n </Dropzone>\n </div>\n );\n};\n\nDragAndDrop.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n mode: PropTypes.oneOf(['edit', 'upload']),\n title: PropTypes.string,\n type: PropTypes.string,\n message: PropTypes.string,\n warningMessage: PropTypes.string,\n dragAndDropMessage: PropTypes.string,\n buttonTitle: PropTypes.string,\n backLabel: PropTypes.string,\n orLabel: PropTypes.string,\n onBack: PropTypes.func,\n accept: PropTypes.string,\n fields: PropTypes.arrayOf(\n PropTypes.shape({\n ...InputText.propTypes,\n type: PropTypes.oneOf(['text'])\n })\n ),\n onDrop: PropTypes.func,\n onDelete: PropTypes.func,\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n label: PropTypes.string,\n onClick: PropTypes.func\n })\n )\n};\n\nexport default DragAndDrop;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/drag-and-drop/index.js"],"names":["React","useCallback","PropTypes","getOr","includes","Dropzone","NovaCompositionNavigationArrowLeft","ArrowLeft","Provider","InputText","Overlay","UploadReport","PlaceHolder","style","DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","childContextTypes","propTypes","oneOf","isRequired","string","func","arrayOf","shape","actions","label","onClick"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n const {skin} = context;\n const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n const {\n state,\n title,\n message,\n warningMessage,\n mode,\n dragAndDropMessage,\n buttonTitle,\n backLabel,\n orLabel,\n accept,\n type: contentType = 'scorm',\n fields,\n onDrop,\n onDelete,\n onBack\n } = props;\n\n const handleBack = useCallback(\n e => {\n e.stopPropagation();\n e.preventDefault();\n onBack && onBack(e);\n },\n [onBack]\n );\n\n const loading = state === 'loading';\n return (\n <div>\n <span onClick={handleBack} className={style.back}>\n <ArrowLeft width={12} height={12} className={style.arrow} />\n {backLabel}\n </span>\n <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n {({getRootProps, getInputProps, isDragActive}) => {\n const getView = () => {\n if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n return (\n <UploadReport\n state={state}\n message={message}\n warningMessage={warningMessage}\n fields={fields}\n type={contentType}\n onDelete={onDelete}\n mode={mode}\n orLabel={orLabel}\n onClick={onDrop}\n buttonTitle={buttonTitle}\n primaryColor={primaryColor}\n />\n );\n }\n return (\n <PlaceHolder\n title={title}\n buttonTitle={buttonTitle}\n uploadLabel={message}\n primaryColor={primaryColor}\n onClick={onDrop}\n />\n );\n };\n\n const disableFileInput = state === 'success';\n\n return (\n <div {...getRootProps()} className={style.wrapper}>\n <input {...getInputProps()} disabled={disableFileInput} />\n {getView()}\n {isDragActive || loading ? (\n <Overlay\n iconColor={primaryColor}\n description={dragAndDropMessage}\n isLoading={loading}\n />\n ) : null}\n </div>\n );\n }}\n </Dropzone>\n </div>\n );\n};\n\nDragAndDrop.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n mode: PropTypes.oneOf(['edit', 'upload']),\n title: PropTypes.string,\n type: PropTypes.string,\n message: PropTypes.string,\n warningMessage: PropTypes.string,\n dragAndDropMessage: PropTypes.string,\n buttonTitle: PropTypes.string,\n backLabel: PropTypes.string,\n orLabel: PropTypes.string,\n onBack: PropTypes.func,\n accept: PropTypes.string,\n fields: PropTypes.arrayOf(\n PropTypes.shape({\n ...InputText.propTypes,\n type: PropTypes.oneOf(['text'])\n })\n ),\n onDrop: PropTypes.func,\n onDelete: PropTypes.func,\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n label: PropTypes.string,\n onClick: PropTypes.func\n })\n )\n};\n\nexport default DragAndDrop;\n"],"file":"index.js"}
@@ -1,3 +1,4 @@
1
+ import _includes from "lodash/fp/includes";
1
2
  import _isEmpty from "lodash/fp/isEmpty";
2
3
  import _getOr from "lodash/fp/getOr";
3
4
  import _head from "lodash/fp/head";
@@ -58,7 +59,7 @@ export const UploadReport = ({
58
59
  }
59
60
  })));
60
61
 
61
- const showMessage = ['success', 'error'].includes(state);
62
+ const showMessage = _includes(state, ['success', 'error']);
62
63
 
63
64
  const fileName = _pipe(_head, _getOr('', 'value'), _split('/'), _last)(fields);
64
65
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"names":["React","useCallback","PropTypes","NovaCompositionCoorpacademyValidate","Validated","NovaLineContentEditionBin","TrashIcon","NovaCompositionCoorpacademyWarn","WarnIcon","classnames","EXTERNAL_CONTENT_ICONS","InputText","Button","style","UploadReport","state","message","warningMessage","type","contentType","fields","mode","orLabel","buttonTitle","primaryColor","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","SuccessMessage","emoticon","ErrorMessage","selectButton","backgroundColor","showMessage","includes","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","propTypes","string","isRequired","arrayOf","shape","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyValidate as Validated,\n NovaLineContentEditionBin as TrashIcon,\n NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nexport const UploadReport = ({\n state,\n message,\n warningMessage,\n type: contentType,\n fields,\n mode = 'upload',\n orLabel,\n buttonTitle,\n primaryColor,\n onDelete\n}) => {\n const handleDelete = useCallback(\n e => {\n e.stopPropagation();\n e.preventDefault();\n onDelete && onDelete(e);\n },\n [onDelete]\n );\n\n const stopPropagationHandler = useCallback(e => {\n e.stopPropagation();\n e.preventDefault();\n }, []);\n\n const SuccessMessage = () => (\n <div>\n <span className={style.emoticon}>🎉</span>\n <p className={style.message}>{message}</p>\n </div>\n );\n const ErrorMessage = () => (\n <div>\n <div>\n <span className={style.emoticon}>🥺</span>\n <p className={style.message}>{message}</p>\n </div>\n <div>\n <Button\n data-name=\"cta\"\n type=\"link\"\n submitValue={buttonTitle}\n className={style.selectButton}\n style={{backgroundColor: primaryColor}}\n />\n </div>\n </div>\n );\n const showMessage = ['success', 'error'].includes(state);\n\n const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n const fileView = fileName ? (\n <div className={style.fileWrapper}>\n <div className={style.fileName} title={fileName}>\n {fileName}\n </div>\n {isEmpty(warningMessage) ? (\n <Validated className={style.validateIcon} />\n ) : (\n <div className={style.warning}>\n <div className={style.showToolTip}>\n <span>{warningMessage}</span>\n </div>\n <div className={style.warningIcon}>\n <WarnIcon width={11} height={11} />\n </div>\n </div>\n )}\n </div>\n ) : (\n <div className={style.emptyFileWrapper} />\n );\n const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n const deleteView = onDelete ? (\n <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n <TrashIcon width={20} height={20} />\n </div>\n ) : null;\n const fieldsList = map.convert({cap: false})(buildField, fields);\n return (\n <div className={style.reportingContainer}>\n <div className={style.reportHeader} onClick={stopPropagationHandler}>\n <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n <div className={style.oval}>\n <IconType className={style.iconHeader} color={iconColor} />\n </div>\n </div>\n {fileView}\n {deleteView}\n </div>\n <div className={style.reportContainer} onClick={stopPropagationHandler}>\n {state === 'success' ? <SuccessMessage /> : null}\n {state === 'error' ? <ErrorMessage /> : null}\n {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n </div>\n {!showMessage ? (\n <div className={style.drop}>\n <p className={style.message}>{message}</p>\n <Button\n data-name=\"cta\"\n type=\"link\"\n submitValue={buttonTitle}\n className={style.selectButton}\n style={{backgroundColor: primaryColor}}\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n state: PropTypes.string.isRequired,\n message: PropTypes.string.isRequired,\n warningMessage: PropTypes.string,\n orLabel: PropTypes.string,\n type: PropTypes.string,\n fields: PropTypes.arrayOf(\n PropTypes.shape({\n ...InputText.propTypes,\n type: PropTypes.oneOf(['text'])\n })\n ),\n mode: PropTypes.oneOf(['edit', 'upload']),\n buttonTitle: PropTypes.string,\n primaryColor: PropTypes.string,\n onDelete: PropTypes.func\n};\n"],"file":"upload-report.js"}
1
+ {"version":3,"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"names":["React","useCallback","PropTypes","NovaCompositionCoorpacademyValidate","Validated","NovaLineContentEditionBin","TrashIcon","NovaCompositionCoorpacademyWarn","WarnIcon","classnames","EXTERNAL_CONTENT_ICONS","InputText","Button","style","UploadReport","state","message","warningMessage","type","contentType","fields","mode","orLabel","buttonTitle","primaryColor","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","SuccessMessage","emoticon","ErrorMessage","selectButton","backgroundColor","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","propTypes","string","isRequired","arrayOf","shape","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyValidate as Validated,\n NovaLineContentEditionBin as TrashIcon,\n NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nexport const UploadReport = ({\n state,\n message,\n warningMessage,\n type: contentType,\n fields,\n mode = 'upload',\n orLabel,\n buttonTitle,\n primaryColor,\n onDelete\n}) => {\n const handleDelete = useCallback(\n e => {\n e.stopPropagation();\n e.preventDefault();\n onDelete && onDelete(e);\n },\n [onDelete]\n );\n\n const stopPropagationHandler = useCallback(e => {\n e.stopPropagation();\n e.preventDefault();\n }, []);\n\n const SuccessMessage = () => (\n <div>\n <span className={style.emoticon}>🎉</span>\n <p className={style.message}>{message}</p>\n </div>\n );\n const ErrorMessage = () => (\n <div>\n <div>\n <span className={style.emoticon}>🥺</span>\n <p className={style.message}>{message}</p>\n </div>\n <div>\n <Button\n data-name=\"cta\"\n type=\"link\"\n submitValue={buttonTitle}\n className={style.selectButton}\n style={{backgroundColor: primaryColor}}\n />\n </div>\n </div>\n );\n const showMessage = includes(state, ['success', 'error']);\n\n const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n const fileView = fileName ? (\n <div className={style.fileWrapper}>\n <div className={style.fileName} title={fileName}>\n {fileName}\n </div>\n {isEmpty(warningMessage) ? (\n <Validated className={style.validateIcon} />\n ) : (\n <div className={style.warning}>\n <div className={style.showToolTip}>\n <span>{warningMessage}</span>\n </div>\n <div className={style.warningIcon}>\n <WarnIcon width={11} height={11} />\n </div>\n </div>\n )}\n </div>\n ) : (\n <div className={style.emptyFileWrapper} />\n );\n const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n const deleteView = onDelete ? (\n <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n <TrashIcon width={20} height={20} />\n </div>\n ) : null;\n const fieldsList = map.convert({cap: false})(buildField, fields);\n return (\n <div className={style.reportingContainer}>\n <div className={style.reportHeader} onClick={stopPropagationHandler}>\n <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n <div className={style.oval}>\n <IconType className={style.iconHeader} color={iconColor} />\n </div>\n </div>\n {fileView}\n {deleteView}\n </div>\n <div className={style.reportContainer} onClick={stopPropagationHandler}>\n {state === 'success' ? <SuccessMessage /> : null}\n {state === 'error' ? <ErrorMessage /> : null}\n {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n </div>\n {!showMessage ? (\n <div className={style.drop}>\n <p className={style.message}>{message}</p>\n <Button\n data-name=\"cta\"\n type=\"link\"\n submitValue={buttonTitle}\n className={style.selectButton}\n style={{backgroundColor: primaryColor}}\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n state: PropTypes.string.isRequired,\n message: PropTypes.string.isRequired,\n warningMessage: PropTypes.string,\n orLabel: PropTypes.string,\n type: PropTypes.string,\n fields: PropTypes.arrayOf(\n PropTypes.shape({\n ...InputText.propTypes,\n type: PropTypes.oneOf(['text'])\n })\n ),\n mode: PropTypes.oneOf(['edit', 'upload']),\n buttonTitle: PropTypes.string,\n primaryColor: PropTypes.string,\n onDelete: PropTypes.func\n};\n"],"file":"upload-report.js"}
@@ -1,5 +1,6 @@
1
- import _startsWith from "lodash/fp/startsWith";
2
1
  import React from 'react';
2
+ import startsWith from 'lodash/fp/startsWith';
3
+ import includes from 'lodash/fp/includes';
3
4
  import PropTypes from 'prop-types';
4
5
  import style from './style.css';
5
6
  const podcastWrapperStyle = {
@@ -18,9 +19,9 @@ function ExternalContentViewer(props) {
18
19
  contentType,
19
20
  mode = 'default'
20
21
  } = props;
21
- const isPdf = url.includes('.pdf');
22
+ const isPdf = includes('.pdf', url);
22
23
  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;
23
- return _startsWith('audio', contentType) ? /*#__PURE__*/React.createElement("div", {
24
+ return startsWith('audio', contentType) ? /*#__PURE__*/React.createElement("div", {
24
25
  className: podcastWrapperStyle[mode]
25
26
  }, /*#__PURE__*/React.createElement("div", {
26
27
  className: style.bgPodcast,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["React","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","includes","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEF,KAAK,CAACG,cADW;AAE1BC,EAAAA,OAAO,EAAEJ,KAAK,CAACK;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBJ,EAAAA,OAAO,EAAEF,KAAK,CAACO,MADG;AAElBH,EAAAA,OAAO,EAAEJ,KAAK,CAACQ;AAFG,CAApB;;AAKA,SAASC,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAGJ,GAAG,CAACK,QAAJ,CAAa,MAAb,CAAd;AACA,QAAMC,YAAY,GAAI,6DAA4DN,GAAI,EAAtF;AAEA,SAAO,YAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEZ,mBAAmB,CAACa,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACkB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEP,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEZ,KAAK,CAACoB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAET,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGE,YAAH,GAAkBN,GAD9B;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACY,SAAtB,2CAAkC;AAChCV,EAAAA,GAAG,EAAEZ,SAAS,CAACuB,MAAV,CAAiBC,UADU;AAEhCX,EAAAA,kBAAkB,EAAEb,SAAS,CAACuB,MAFE;AAGhCT,EAAAA,WAAW,EAAEd,SAAS,CAACuB,MAHS;AAIhCR,EAAAA,IAAI,EAAEf,SAAS,CAACuB;AAJgB,CAAlC;AAOA,eAAeb,qBAAf","sourcesContent":["import React from 'react';\nimport {startsWith} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n default: style.podcastWrapper,\n cockpit: style.podcastWrapperCockpit\n};\n\nconst iframeStyle = {\n default: style.iframe,\n cockpit: style.iframeCockpit\n};\n\nfunction ExternalContentViewer(props) {\n const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n const isPdf = url.includes('.pdf');\n const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n return startsWith('audio', contentType) ? (\n <div className={podcastWrapperStyle[mode]}>\n <div\n className={style.bgPodcast}\n style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n />\n <audio\n className={style.podcast}\n controls\n controlsList=\"nodownload\"\n autoPlay=\"\"\n name=\"media\"\n data-name=\"external-content-podcast\"\n preload=\"auto\"\n >\n <source src={url} type={contentType} />\n </audio>\n </div>\n ) : (\n <iframe\n src={isPdf ? googleViewer : url}\n frameBorder={0}\n className={iframeStyle[mode]}\n allowFullScreen\n data-name=\"external-content-iframe\"\n />\n );\n}\n\nExternalContentViewer.propTypes = {\n url: PropTypes.string.isRequired,\n backgroundImageUrl: PropTypes.string,\n contentType: PropTypes.string,\n mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["React","startsWith","includes","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEF,KAAK,CAACG,cADW;AAE1BC,EAAAA,OAAO,EAAEJ,KAAK,CAACK;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBJ,EAAAA,OAAO,EAAEF,KAAK,CAACO,MADG;AAElBH,EAAAA,OAAO,EAAEJ,KAAK,CAACQ;AAFG,CAApB;;AAKA,SAASC,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAGjB,QAAQ,CAAC,MAAD,EAASa,GAAT,CAAtB;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAOd,UAAU,CAAC,OAAD,EAAUgB,WAAV,CAAV,gBACL;AAAK,IAAA,SAAS,EAAEZ,mBAAmB,CAACa,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACiB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEZ,KAAK,CAACmB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAER,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGC,YAAH,GAAkBL,GAD9B;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;AAChCT,EAAAA,GAAG,EAAEZ,SAAS,CAACsB,MAAV,CAAiBC,UADU;AAEhCV,EAAAA,kBAAkB,EAAEb,SAAS,CAACsB,MAFE;AAGhCR,EAAAA,WAAW,EAAEd,SAAS,CAACsB,MAHS;AAIhCP,EAAAA,IAAI,EAAEf,SAAS,CAACsB;AAJgB,CAAlC;AAOA,eAAeZ,qBAAf","sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n default: style.podcastWrapper,\n cockpit: style.podcastWrapperCockpit\n};\n\nconst iframeStyle = {\n default: style.iframe,\n cockpit: style.iframeCockpit\n};\n\nfunction ExternalContentViewer(props) {\n const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n const isPdf = includes('.pdf', url);\n const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n return startsWith('audio', contentType) ? (\n <div className={podcastWrapperStyle[mode]}>\n <div\n className={style.bgPodcast}\n style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n />\n <audio\n className={style.podcast}\n controls\n controlsList=\"nodownload\"\n autoPlay=\"\"\n name=\"media\"\n data-name=\"external-content-podcast\"\n preload=\"auto\"\n >\n <source src={url} type={contentType} />\n </audio>\n </div>\n ) : (\n <iframe\n src={isPdf ? googleViewer : url}\n frameBorder={0}\n className={iframeStyle[mode]}\n allowFullScreen\n data-name=\"external-content-iframe\"\n />\n );\n}\n\nExternalContentViewer.propTypes = {\n url: PropTypes.string.isRequired,\n backgroundImageUrl: PropTypes.string,\n contentType: PropTypes.string,\n mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}
@@ -1,6 +1,7 @@
1
- import React, { useMemo } from 'react';
1
+ import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { NovaSolidContentContentBookAdd as CockpitIcon, NovaSolidUsersActionsUser as ManageUserIcon, NovaSolidFilesBasicFileUpload2 as UploadUserIcon, NovaSolidEmailAtSign as ManageEmailIcon, NovaSolidDesignPaintBrush2 as LookAndFeelIcon, NovaSolidContentContentViewList as DashboardIcon, NovaSolidContentEditionFlash as MassiveBattleIcon, NovaSolidApplicationsWindowApplication5 as CmsIcon, NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon, NovaCompositionNavigationArrowRight as ActionIcon, NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon } from '@coorpacademy/nova-icons';
4
+ import Link from '../../atom/link';
4
5
  import style from './style.css';
5
6
 
6
7
  const getIcon = feature => {
@@ -83,23 +84,25 @@ const QuickAccessCard = (props, context) => {
83
84
  title,
84
85
  description,
85
86
  feature,
86
- onClick,
87
- _blank
87
+ href,
88
+ openInNewTab = false
88
89
  } = props;
89
90
  const {
90
91
  iconColor,
91
92
  degrees
92
93
  } = getBackgroudRadialColors(feature);
93
94
  const Icon = getIcon(feature);
94
- const handleClick = useMemo(() => e => onClick(e), [onClick]);
95
- const newTabOnClick = _blank ? /*#__PURE__*/React.createElement(NewTabIcon, {
95
+ const newTabOnClick = openInNewTab ? /*#__PURE__*/React.createElement(NewTabIcon, {
96
96
  className: style.newTabIcon
97
97
  }) : null;
98
98
  return /*#__PURE__*/React.createElement("div", {
99
- "data-name": "card",
99
+ "data-name": "quick-access-card",
100
100
  "data-type": feature,
101
- className: style.quickAccess,
102
- onClick: handleClick
101
+ className: style.quickAccess
102
+ }, /*#__PURE__*/React.createElement(Link, {
103
+ href: href,
104
+ target: openInNewTab ? '_blank' : '_self',
105
+ className: style.link
103
106
  }, /*#__PURE__*/React.createElement("div", {
104
107
  style: {
105
108
  background: `radial-gradient(62.12% 56.45% at 0% 77.29%,
@@ -137,14 +140,14 @@ const QuickAccessCard = (props, context) => {
137
140
  }
138
141
  }, /*#__PURE__*/React.createElement(ActionIcon, {
139
142
  className: style.iconGoto
140
- })))));
143
+ }))))));
141
144
  };
142
145
 
143
146
  QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
144
147
  title: PropTypes.string,
145
148
  description: PropTypes.string,
146
- onClick: PropTypes.func,
147
- _blank: PropTypes.bool,
149
+ href: PropTypes.string,
150
+ openInNewTab: PropTypes.bool,
148
151
  feature: PropTypes.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'manage_users', 'upload_users'])
149
152
  } : {};
150
153
  export default QuickAccessCard;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["React","useMemo","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","style","getIcon","feature","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","onClick","_blank","Icon","handleClick","e","newTabOnClick","newTabIcon","quickAccess","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","string","func","bool","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaSolidContentContentBookAdd as CockpitIcon,\n NovaSolidUsersActionsUser as ManageUserIcon,\n NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n NovaSolidEmailAtSign as ManageEmailIcon,\n NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n NovaSolidContentContentViewList as DashboardIcon,\n NovaSolidContentEditionFlash as MassiveBattleIcon,\n NovaSolidApplicationsWindowApplication5 as CmsIcon,\n NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n NovaCompositionNavigationArrowRight as ActionIcon,\n NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst getIcon = feature => {\n switch (feature) {\n case 'manage_users':\n return ManageUserIcon;\n case 'upload_users':\n return UploadUserIcon;\n case 'manage_email':\n return ManageEmailIcon;\n case 'massive_battle':\n return MassiveBattleIcon;\n case 'cms':\n return CmsIcon;\n case 'look_and_feel':\n return LookAndFeelIcon;\n case 'dashboard':\n return DashboardIcon;\n case 'cockpit':\n return CockpitIcon;\n case 'analytics':\n return AnalyticsIcon;\n default:\n return CockpitIcon;\n }\n};\n\nconst getBackgroudRadialColors = feature => {\n switch (feature) {\n case 'manage_users':\n case 'upload_users':\n return {\n iconColor: '#2EC1D6',\n degrees: '187'\n };\n case 'look_and_feel':\n case 'dashboard':\n return {\n iconColor: '#18BB98',\n degrees: '167'\n };\n case 'cockpit':\n return {\n iconColor: '#FF7043',\n degrees: '14'\n };\n case 'manage_email':\n case 'massive_battle':\n case 'cms':\n return {\n iconColor: '#7340FF',\n degrees: '256'\n };\n case 'analytics':\n return {\n iconColor: '#FF4040',\n degrees: '0'\n };\n default:\n return null;\n }\n};\n\nconst QuickAccessCard = (props, context) => {\n const {title, description, feature, onClick, _blank} = props;\n const {iconColor, degrees} = getBackgroudRadialColors(feature);\n const Icon = getIcon(feature);\n const handleClick = useMemo(() => e => onClick(e), [onClick]);\n const newTabOnClick = _blank ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n return (\n <div data-name=\"card\" data-type={feature} className={style.quickAccess} onClick={handleClick}>\n <div\n style={{\n background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n hsl(${degrees}deg 68% 40% / 20%) 0%, \n hsl(${degrees}deg 68% 40% / 0%) 100%), \n radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n hsl(${degrees}deg 67% 51% / 15%) 0%, \n hsl(${degrees}deg 67% 51% / 0%) 100%),\n radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n hsl(${degrees}deg 87% 91%) 0%, \n hsl(${degrees}deg 87% 91% / 0%) 100%), \n #FAFAFA`\n }}\n className={style.content}\n >\n <div\n className={style.iconFeatureWrapper}\n style={{\n backgroundColor: iconColor\n }}\n >\n <Icon className={style.iconFeature} />\n </div>\n <div className={style.title}>\n {title}\n {newTabOnClick}\n </div>\n <div className={style.description}>{description}</div>\n <div\n className={style.iconGotoWrapper}\n style={{\n backgroundColor: iconColor\n }}\n >\n <div\n className={style.hover}\n style={{\n color: iconColor\n }}\n >\n <ActionIcon className={style.iconGoto} />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nQuickAccessCard.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n onClick: PropTypes.func,\n _blank: PropTypes.bool,\n feature: PropTypes.oneOf([\n 'analytics',\n 'cms',\n 'cockpit',\n 'massive_battle',\n 'manage_email',\n 'dashboard',\n 'look_and_feel',\n 'manage_users',\n 'upload_users'\n ])\n};\n\nexport default QuickAccessCard;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["React","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","Link","style","getIcon","feature","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","openInNewTab","Icon","newTabOnClick","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","string","bool","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaSolidContentContentBookAdd as CockpitIcon,\n NovaSolidUsersActionsUser as ManageUserIcon,\n NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n NovaSolidEmailAtSign as ManageEmailIcon,\n NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n NovaSolidContentContentViewList as DashboardIcon,\n NovaSolidContentEditionFlash as MassiveBattleIcon,\n NovaSolidApplicationsWindowApplication5 as CmsIcon,\n NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n NovaCompositionNavigationArrowRight as ActionIcon,\n NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst getIcon = feature => {\n switch (feature) {\n case 'manage_users':\n return ManageUserIcon;\n case 'upload_users':\n return UploadUserIcon;\n case 'manage_email':\n return ManageEmailIcon;\n case 'massive_battle':\n return MassiveBattleIcon;\n case 'cms':\n return CmsIcon;\n case 'look_and_feel':\n return LookAndFeelIcon;\n case 'dashboard':\n return DashboardIcon;\n case 'cockpit':\n return CockpitIcon;\n case 'analytics':\n return AnalyticsIcon;\n default:\n return CockpitIcon;\n }\n};\n\nconst getBackgroudRadialColors = feature => {\n switch (feature) {\n case 'manage_users':\n case 'upload_users':\n return {\n iconColor: '#2EC1D6',\n degrees: '187'\n };\n case 'look_and_feel':\n case 'dashboard':\n return {\n iconColor: '#18BB98',\n degrees: '167'\n };\n case 'cockpit':\n return {\n iconColor: '#FF7043',\n degrees: '14'\n };\n case 'manage_email':\n case 'massive_battle':\n case 'cms':\n return {\n iconColor: '#7340FF',\n degrees: '256'\n };\n case 'analytics':\n return {\n iconColor: '#FF4040',\n degrees: '0'\n };\n default:\n return null;\n }\n};\n\nconst QuickAccessCard = (props, context) => {\n const {title, description, feature, href, openInNewTab = false} = props;\n const {iconColor, degrees} = getBackgroudRadialColors(feature);\n const Icon = getIcon(feature);\n const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n return (\n <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n <div\n style={{\n background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n hsl(${degrees}deg 68% 40% / 20%) 0%, \n hsl(${degrees}deg 68% 40% / 0%) 100%), \n radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n hsl(${degrees}deg 67% 51% / 15%) 0%, \n hsl(${degrees}deg 67% 51% / 0%) 100%),\n radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n hsl(${degrees}deg 87% 91%) 0%, \n hsl(${degrees}deg 87% 91% / 0%) 100%), \n #FAFAFA`\n }}\n className={style.content}\n >\n <div\n className={style.iconFeatureWrapper}\n style={{\n backgroundColor: iconColor\n }}\n >\n <Icon className={style.iconFeature} />\n </div>\n <div className={style.title}>\n {title}\n {newTabOnClick}\n </div>\n <div className={style.description}>{description}</div>\n <div\n className={style.iconGotoWrapper}\n style={{\n backgroundColor: iconColor\n }}\n >\n <div\n className={style.hover}\n style={{\n color: iconColor\n }}\n >\n <ActionIcon className={style.iconGoto} />\n </div>\n </div>\n </div>\n </Link>\n </div>\n );\n};\n\nQuickAccessCard.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n href: PropTypes.string,\n openInNewTab: PropTypes.bool,\n feature: PropTypes.oneOf([\n 'analytics',\n 'cms',\n 'cockpit',\n 'massive_battle',\n 'manage_email',\n 'dashboard',\n 'look_and_feel',\n 'manage_users',\n 'upload_users'\n ])\n};\n\nexport default QuickAccessCard;\n"],"file":"index.js"}
@@ -9,6 +9,10 @@
9
9
  position: relative;
10
10
  }
11
11
 
12
+ .link {
13
+ color: inherit;
14
+ }
15
+
12
16
  .content {
13
17
  height: 100%;
14
18
  border-radius: 8px;
@@ -4,7 +4,7 @@ export default {
4
4
  description: 'Access to the analytics page on your platform',
5
5
  _blank: true,
6
6
  feature: 'analytics',
7
- onClick: () => console.log('click everywhere')
7
+ href: 'https://onboarding.coorpacademy.com'
8
8
  }
9
9
  };
10
10
  //# sourceMappingURL=analytics.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/analytics.js"],"names":["props","title","description","_blank","feature","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,+CAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,WAJJ;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AALV;AADM,CAAf","sourcesContent":["export default {\n props: {\n title: 'See analytics',\n description: 'Access to the analytics page on your platform',\n _blank: true,\n feature: 'analytics',\n onClick: () => console.log('click everywhere')\n }\n};\n"],"file":"analytics.js"}
1
+ {"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/analytics.js"],"names":["props","title","description","_blank","feature","href"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,+CAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,WAJJ;AAKLC,IAAAA,IAAI,EAAE;AALD;AADM,CAAf","sourcesContent":["export default {\n props: {\n title: 'See analytics',\n description: 'Access to the analytics page on your platform',\n _blank: true,\n feature: 'analytics',\n href: 'https://onboarding.coorpacademy.com'\n }\n};\n"],"file":"analytics.js"}
@@ -2,9 +2,9 @@ export default {
2
2
  props: {
3
3
  title: 'Create course',
4
4
  description: 'Access to cockpit to create courses',
5
- _blank: true,
5
+ openInNewTab: true,
6
6
  feature: 'cockpit',
7
- onClick: () => console.log('click everywhere')
7
+ href: 'https://cockpit.coorpacademy.com'
8
8
  }
9
9
  };
10
10
  //# sourceMappingURL=default.js.map