@coorpacademy/components 11.10.1 → 11.10.3-alpha.0

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 (244) hide show
  1. package/es/atom/avatar/index.js +0 -1
  2. package/es/atom/avatar/index.js.map +1 -1
  3. package/es/atom/avatar/style.css +1 -0
  4. package/es/atom/card-image-preview/index.d.ts.map +1 -1
  5. package/es/atom/card-image-preview/index.js +3 -1
  6. package/es/atom/card-image-preview/index.js.map +1 -1
  7. package/es/atom/difficulty-level/index.js +4 -8
  8. package/es/atom/difficulty-level/index.js.map +1 -1
  9. package/es/atom/difficulty-level/style.css +1 -0
  10. package/es/atom/input-html/index.js +6 -2
  11. package/es/atom/input-html/index.js.map +1 -1
  12. package/es/atom/life/index.js +9 -3
  13. package/es/atom/life/index.js.map +1 -1
  14. package/es/atom/resource-miniature/index.js +3 -1
  15. package/es/atom/resource-miniature/index.js.map +1 -1
  16. package/es/molecule/audio/index.js +3 -1
  17. package/es/molecule/audio/index.js.map +1 -1
  18. package/es/molecule/battle-request/index.js +3 -1
  19. package/es/molecule/battle-request/index.js.map +1 -1
  20. package/es/molecule/brand-download-box/index.js +3 -1
  21. package/es/molecule/brand-download-box/index.js.map +1 -1
  22. package/es/molecule/brand-upload-box/index.js +3 -1
  23. package/es/molecule/brand-upload-box/index.js.map +1 -1
  24. package/es/molecule/card/favorite.js +6 -2
  25. package/es/molecule/card/favorite.js.map +1 -1
  26. package/es/molecule/card/index.d.ts.map +1 -1
  27. package/es/molecule/card/index.js +6 -2
  28. package/es/molecule/card/index.js.map +1 -1
  29. package/es/molecule/card/notification.js +3 -1
  30. package/es/molecule/card/notification.js.map +1 -1
  31. package/es/molecule/card-content/index.d.ts.map +1 -1
  32. package/es/molecule/card-content/index.js +1 -2
  33. package/es/molecule/card-content/index.js.map +1 -1
  34. package/es/molecule/card-content/style.css +1 -0
  35. package/es/molecule/dashboard/cards-list/index.js +9 -3
  36. package/es/molecule/dashboard/cards-list/index.js.map +1 -1
  37. package/es/molecule/discipline-partners/index.js +3 -1
  38. package/es/molecule/discipline-partners/index.js.map +1 -1
  39. package/es/molecule/drag-and-drop/overlay.js +3 -1
  40. package/es/molecule/drag-and-drop/overlay.js.map +1 -1
  41. package/es/molecule/drag-and-drop/upload-report.js +3 -1
  42. package/es/molecule/drag-and-drop/upload-report.js.map +1 -1
  43. package/es/molecule/filters/index.js +6 -2
  44. package/es/molecule/filters/index.js.map +1 -1
  45. package/es/molecule/pdf/index.js +3 -1
  46. package/es/molecule/pdf/index.js.map +1 -1
  47. package/es/molecule/questions/qcm-drag/index.d.ts.map +1 -1
  48. package/es/molecule/questions/qcm-drag/index.js +13 -7
  49. package/es/molecule/questions/qcm-drag/index.js.map +1 -1
  50. package/es/molecule/questions/qcm-drag/style.css +3 -0
  51. package/es/molecule/questions/qcm-graphic/index.d.ts.map +1 -1
  52. package/es/molecule/questions/qcm-graphic/index.js +12 -5
  53. package/es/molecule/questions/qcm-graphic/index.js.map +1 -1
  54. package/es/molecule/questions/qcm-graphic/style.css +3 -0
  55. package/es/molecule/resource-player/index.js +3 -1
  56. package/es/molecule/resource-player/index.js.map +1 -1
  57. package/es/molecule/search-form/index.js +3 -1
  58. package/es/molecule/search-form/index.js.map +1 -1
  59. package/es/molecule/select-multiple/index.js +6 -2
  60. package/es/molecule/select-multiple/index.js.map +1 -1
  61. package/es/molecule/setup-section/index.js +3 -1
  62. package/es/molecule/setup-section/index.js.map +1 -1
  63. package/es/molecule/table/index.js +6 -2
  64. package/es/molecule/table/index.js.map +1 -1
  65. package/es/molecule/titled-checkbox/index.js +1 -2
  66. package/es/molecule/titled-checkbox/index.js.map +1 -1
  67. package/es/molecule/titled-checkbox/style.css +1 -0
  68. package/es/molecule/uploading-file-progress/index.d.ts +35 -0
  69. package/es/molecule/uploading-file-progress/index.d.ts.map +1 -0
  70. package/es/molecule/uploading-file-progress/index.js +39 -0
  71. package/es/molecule/uploading-file-progress/index.js.map +1 -0
  72. package/es/molecule/uploading-file-progress/style.css +74 -0
  73. package/es/molecule/uploading-file-progress/types.d.ts +31 -0
  74. package/es/molecule/uploading-file-progress/types.d.ts.map +1 -0
  75. package/es/molecule/uploading-file-progress/types.js +31 -0
  76. package/es/molecule/uploading-file-progress/types.js.map +1 -0
  77. package/es/organism/accordion/coorp-manager/part/index.d.ts.map +1 -1
  78. package/es/organism/accordion/coorp-manager/part/index.js +13 -6
  79. package/es/organism/accordion/coorp-manager/part/index.js.map +1 -1
  80. package/es/organism/accordion/coorp-manager/part/style.css +1 -0
  81. package/es/organism/accordion/part/index.js +7 -4
  82. package/es/organism/accordion/part/index.js.map +1 -1
  83. package/es/organism/accordion/part/style.css +1 -0
  84. package/es/organism/brand-form/index.js +3 -1
  85. package/es/organism/brand-form/index.js.map +1 -1
  86. package/es/organism/get-the-app/index.js +3 -1
  87. package/es/organism/get-the-app/index.js.map +1 -1
  88. package/es/organism/mooc-header/index.d.ts +6 -0
  89. package/es/organism/mooc-header/index.d.ts.map +1 -1
  90. package/es/organism/mooc-header/index.js +91 -15
  91. package/es/organism/mooc-header/index.js.map +1 -1
  92. package/es/organism/mooc-header/style.css +45 -0
  93. package/es/organism/slider/index.js +6 -2
  94. package/es/organism/slider/index.js.map +1 -1
  95. package/es/template/activity/progression-item.js +12 -4
  96. package/es/template/activity/progression-item.js.map +1 -1
  97. package/es/template/activity/stars-summary.js +9 -3
  98. package/es/template/activity/stars-summary.js.map +1 -1
  99. package/es/template/app-player/player/slides/footer/index.d.ts.map +1 -1
  100. package/es/template/app-player/player/slides/footer/index.js +0 -1
  101. package/es/template/app-player/player/slides/footer/index.js.map +1 -1
  102. package/es/template/app-player/player/slides/header/learner.css +1 -0
  103. package/es/template/app-player/player/slides/header/learner.js +1 -2
  104. package/es/template/app-player/player/slides/header/learner.js.map +1 -1
  105. package/es/template/app-player/player/slides/header/microlearning.css +1 -0
  106. package/es/template/app-player/player/slides/header/microlearning.js +1 -2
  107. package/es/template/app-player/player/slides/header/microlearning.js.map +1 -1
  108. package/es/template/app-player/popin-correction/index.js +4 -3
  109. package/es/template/app-player/popin-correction/index.js.map +1 -1
  110. package/es/template/app-player/popin-correction/style.css +1 -0
  111. package/es/template/app-player/popin-end/summary.js +3 -1
  112. package/es/template/app-player/popin-end/summary.js.map +1 -1
  113. package/es/template/app-player/popin-header/index.js +6 -3
  114. package/es/template/app-player/popin-header/index.js.map +1 -1
  115. package/es/template/app-player/popin-header/style.css +1 -0
  116. package/es/template/back-office/brand-update/index.d.ts +29 -0
  117. package/es/template/back-office/brand-update/index.d.ts.map +1 -1
  118. package/es/template/back-office/brand-update/index.js +7 -0
  119. package/es/template/back-office/brand-update/index.js.map +1 -1
  120. package/es/template/teams-dashboard/index.d.ts +2 -0
  121. package/lib/atom/avatar/index.js +0 -1
  122. package/lib/atom/avatar/index.js.map +1 -1
  123. package/lib/atom/avatar/style.css +1 -0
  124. package/lib/atom/card-image-preview/index.d.ts.map +1 -1
  125. package/lib/atom/card-image-preview/index.js +3 -1
  126. package/lib/atom/card-image-preview/index.js.map +1 -1
  127. package/lib/atom/difficulty-level/index.js +4 -8
  128. package/lib/atom/difficulty-level/index.js.map +1 -1
  129. package/lib/atom/difficulty-level/style.css +1 -0
  130. package/lib/atom/input-html/index.js +6 -2
  131. package/lib/atom/input-html/index.js.map +1 -1
  132. package/lib/atom/life/index.js +9 -3
  133. package/lib/atom/life/index.js.map +1 -1
  134. package/lib/atom/resource-miniature/index.js +3 -1
  135. package/lib/atom/resource-miniature/index.js.map +1 -1
  136. package/lib/molecule/audio/index.js +3 -1
  137. package/lib/molecule/audio/index.js.map +1 -1
  138. package/lib/molecule/battle-request/index.js +3 -1
  139. package/lib/molecule/battle-request/index.js.map +1 -1
  140. package/lib/molecule/brand-download-box/index.js +3 -1
  141. package/lib/molecule/brand-download-box/index.js.map +1 -1
  142. package/lib/molecule/brand-upload-box/index.js +3 -1
  143. package/lib/molecule/brand-upload-box/index.js.map +1 -1
  144. package/lib/molecule/card/favorite.js +6 -2
  145. package/lib/molecule/card/favorite.js.map +1 -1
  146. package/lib/molecule/card/index.d.ts.map +1 -1
  147. package/lib/molecule/card/index.js +6 -2
  148. package/lib/molecule/card/index.js.map +1 -1
  149. package/lib/molecule/card/notification.js +3 -1
  150. package/lib/molecule/card/notification.js.map +1 -1
  151. package/lib/molecule/card-content/index.d.ts.map +1 -1
  152. package/lib/molecule/card-content/index.js +1 -2
  153. package/lib/molecule/card-content/index.js.map +1 -1
  154. package/lib/molecule/card-content/style.css +1 -0
  155. package/lib/molecule/dashboard/cards-list/index.js +9 -3
  156. package/lib/molecule/dashboard/cards-list/index.js.map +1 -1
  157. package/lib/molecule/discipline-partners/index.js +3 -1
  158. package/lib/molecule/discipline-partners/index.js.map +1 -1
  159. package/lib/molecule/drag-and-drop/overlay.js +3 -1
  160. package/lib/molecule/drag-and-drop/overlay.js.map +1 -1
  161. package/lib/molecule/drag-and-drop/upload-report.js +3 -1
  162. package/lib/molecule/drag-and-drop/upload-report.js.map +1 -1
  163. package/lib/molecule/filters/index.js +6 -2
  164. package/lib/molecule/filters/index.js.map +1 -1
  165. package/lib/molecule/pdf/index.js +3 -1
  166. package/lib/molecule/pdf/index.js.map +1 -1
  167. package/lib/molecule/questions/qcm-drag/index.d.ts.map +1 -1
  168. package/lib/molecule/questions/qcm-drag/index.js +13 -7
  169. package/lib/molecule/questions/qcm-drag/index.js.map +1 -1
  170. package/lib/molecule/questions/qcm-drag/style.css +3 -0
  171. package/lib/molecule/questions/qcm-graphic/index.d.ts.map +1 -1
  172. package/lib/molecule/questions/qcm-graphic/index.js +12 -5
  173. package/lib/molecule/questions/qcm-graphic/index.js.map +1 -1
  174. package/lib/molecule/questions/qcm-graphic/style.css +3 -0
  175. package/lib/molecule/resource-player/index.js +3 -1
  176. package/lib/molecule/resource-player/index.js.map +1 -1
  177. package/lib/molecule/search-form/index.js +3 -1
  178. package/lib/molecule/search-form/index.js.map +1 -1
  179. package/lib/molecule/select-multiple/index.js +6 -2
  180. package/lib/molecule/select-multiple/index.js.map +1 -1
  181. package/lib/molecule/setup-section/index.js +3 -1
  182. package/lib/molecule/setup-section/index.js.map +1 -1
  183. package/lib/molecule/table/index.js +6 -2
  184. package/lib/molecule/table/index.js.map +1 -1
  185. package/lib/molecule/titled-checkbox/index.js +1 -2
  186. package/lib/molecule/titled-checkbox/index.js.map +1 -1
  187. package/lib/molecule/titled-checkbox/style.css +1 -0
  188. package/lib/molecule/uploading-file-progress/index.d.ts +35 -0
  189. package/lib/molecule/uploading-file-progress/index.d.ts.map +1 -0
  190. package/lib/molecule/uploading-file-progress/index.js +51 -0
  191. package/lib/molecule/uploading-file-progress/index.js.map +1 -0
  192. package/lib/molecule/uploading-file-progress/style.css +74 -0
  193. package/lib/molecule/uploading-file-progress/types.d.ts +31 -0
  194. package/lib/molecule/uploading-file-progress/types.d.ts.map +1 -0
  195. package/lib/molecule/uploading-file-progress/types.js +41 -0
  196. package/lib/molecule/uploading-file-progress/types.js.map +1 -0
  197. package/lib/organism/accordion/coorp-manager/part/index.d.ts.map +1 -1
  198. package/lib/organism/accordion/coorp-manager/part/index.js +13 -6
  199. package/lib/organism/accordion/coorp-manager/part/index.js.map +1 -1
  200. package/lib/organism/accordion/coorp-manager/part/style.css +1 -0
  201. package/lib/organism/accordion/part/index.js +7 -4
  202. package/lib/organism/accordion/part/index.js.map +1 -1
  203. package/lib/organism/accordion/part/style.css +1 -0
  204. package/lib/organism/brand-form/index.js +3 -1
  205. package/lib/organism/brand-form/index.js.map +1 -1
  206. package/lib/organism/get-the-app/index.js +3 -1
  207. package/lib/organism/get-the-app/index.js.map +1 -1
  208. package/lib/organism/mooc-header/index.d.ts +6 -0
  209. package/lib/organism/mooc-header/index.d.ts.map +1 -1
  210. package/lib/organism/mooc-header/index.js +90 -14
  211. package/lib/organism/mooc-header/index.js.map +1 -1
  212. package/lib/organism/mooc-header/style.css +45 -0
  213. package/lib/organism/slider/index.js +6 -2
  214. package/lib/organism/slider/index.js.map +1 -1
  215. package/lib/template/activity/progression-item.js +12 -4
  216. package/lib/template/activity/progression-item.js.map +1 -1
  217. package/lib/template/activity/stars-summary.js +9 -3
  218. package/lib/template/activity/stars-summary.js.map +1 -1
  219. package/lib/template/app-player/player/slides/footer/index.d.ts.map +1 -1
  220. package/lib/template/app-player/player/slides/footer/index.js +0 -1
  221. package/lib/template/app-player/player/slides/footer/index.js.map +1 -1
  222. package/lib/template/app-player/player/slides/header/learner.css +1 -0
  223. package/lib/template/app-player/player/slides/header/learner.js +1 -2
  224. package/lib/template/app-player/player/slides/header/learner.js.map +1 -1
  225. package/lib/template/app-player/player/slides/header/microlearning.css +1 -0
  226. package/lib/template/app-player/player/slides/header/microlearning.js +1 -2
  227. package/lib/template/app-player/player/slides/header/microlearning.js.map +1 -1
  228. package/lib/template/app-player/popin-correction/index.js +4 -3
  229. package/lib/template/app-player/popin-correction/index.js.map +1 -1
  230. package/lib/template/app-player/popin-correction/style.css +1 -0
  231. package/lib/template/app-player/popin-end/summary.js +3 -1
  232. package/lib/template/app-player/popin-end/summary.js.map +1 -1
  233. package/lib/template/app-player/popin-header/index.js +6 -3
  234. package/lib/template/app-player/popin-header/index.js.map +1 -1
  235. package/lib/template/app-player/popin-header/style.css +1 -0
  236. package/lib/template/back-office/brand-update/index.d.ts +29 -0
  237. package/lib/template/back-office/brand-update/index.d.ts.map +1 -1
  238. package/lib/template/back-office/brand-update/index.js +8 -0
  239. package/lib/template/back-office/brand-update/index.js.map +1 -1
  240. package/lib/template/teams-dashboard/index.d.ts +2 -0
  241. package/locales/bs/global.json +1 -0
  242. package/locales/hy/global.json +1 -0
  243. package/package.json +3 -3
  244. package/locales/.mtslconfig.json +0 -1
@@ -0,0 +1,35 @@
1
+ /// <reference types="react" />
2
+ import { Props } from './types';
3
+ declare const UploadingFileProgress: {
4
+ ({ mainText, subText, progressionValue, leftButtonLink, rightButtonLink }: Props): JSX.Element;
5
+ propTypes: {
6
+ mainText: import("prop-types").Requireable<string>;
7
+ subText: import("prop-types").Requireable<string>;
8
+ imageUrl: import("prop-types").Requireable<any>;
9
+ progressionValue: import("prop-types").Requireable<number>;
10
+ leftButtonLink: import("prop-types").Requireable<import("prop-types").InferProps<{
11
+ type: import("prop-types").Requireable<string>;
12
+ label: import("prop-types").Requireable<string>;
13
+ ariaLabel: import("prop-types").Requireable<string>;
14
+ dataName: import("prop-types").Requireable<string>;
15
+ icon: import("prop-types").Requireable<import("prop-types").InferProps<{
16
+ position: import("prop-types").Requireable<string>;
17
+ type: import("prop-types").Requireable<string>;
18
+ }>>;
19
+ onClick: import("prop-types").Requireable<(...args: any[]) => any>;
20
+ }>>;
21
+ rightButtonLink: import("prop-types").Requireable<import("prop-types").InferProps<{
22
+ type: import("prop-types").Requireable<string>;
23
+ label: import("prop-types").Requireable<string>;
24
+ ariaLabel: import("prop-types").Requireable<string>;
25
+ dataName: import("prop-types").Requireable<string>;
26
+ icon: import("prop-types").Requireable<import("prop-types").InferProps<{
27
+ position: import("prop-types").Requireable<string>;
28
+ type: import("prop-types").Requireable<string>;
29
+ }>>;
30
+ onClick: import("prop-types").Requireable<(...args: any[]) => any>;
31
+ }>>;
32
+ };
33
+ };
34
+ export default UploadingFileProgress;
35
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/uploading-file-progress/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAY,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,qBAAqB;+EAMxB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBP,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
@@ -0,0 +1,39 @@
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
3
+ import React from 'react';
4
+ import ButtonLink from '../../atom/button-link';
5
+ import Loader from '../../atom/loader';
6
+ import style from './style.css';
7
+ import { propTypes } from './types';
8
+
9
+ const UploadingFileProgress = ({
10
+ mainText,
11
+ subText,
12
+ progressionValue,
13
+ leftButtonLink,
14
+ rightButtonLink
15
+ }) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
16
+ className: style.loaderWrapper
17
+ }, /*#__PURE__*/React.createElement("div", {
18
+ className: style.loader
19
+ }, /*#__PURE__*/React.createElement(Loader, {
20
+ theme: "coorpmanager"
21
+ }))), /*#__PURE__*/React.createElement("div", {
22
+ className: style.container
23
+ }, /*#__PURE__*/React.createElement("p", {
24
+ className: style.mainText
25
+ }, mainText, /*#__PURE__*/React.createElement("span", {
26
+ className: style.progressionValue
27
+ }, " ", progressionValue, "%")), /*#__PURE__*/React.createElement("p", {
28
+ className: style.subText
29
+ }, subText), /*#__PURE__*/React.createElement("div", {
30
+ className: style.buttonContainer
31
+ }, /*#__PURE__*/React.createElement(ButtonLink, _extends({}, leftButtonLink, {
32
+ className: style.leftButtonLink
33
+ })), /*#__PURE__*/React.createElement(ButtonLink, _extends({}, rightButtonLink, {
34
+ className: style.rightButtonLink
35
+ })))));
36
+
37
+ UploadingFileProgress.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
38
+ export default UploadingFileProgress;
39
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["React","ButtonLink","Loader","style","propTypes","UploadingFileProgress","mainText","subText","progressionValue","leftButtonLink","rightButtonLink","loaderWrapper","loader","container","buttonContainer"],"sources":["../../../src/molecule/uploading-file-progress/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst UploadingFileProgress = ({\n mainText,\n subText,\n progressionValue,\n leftButtonLink,\n rightButtonLink\n}: Props) => (\n <div>\n <div className={style.loaderWrapper}>\n <div className={style.loader}>\n <Loader theme=\"coorpmanager\" />\n </div>\n </div>\n <div className={style.container}>\n <p className={style.mainText}>\n {mainText}\n <span className={style.progressionValue}> {progressionValue}%</span>\n </p>\n <p className={style.subText}>{subText}</p>\n <div className={style.buttonContainer}>\n <ButtonLink {...leftButtonLink} className={style.leftButtonLink} />\n <ButtonLink {...rightButtonLink} className={style.rightButtonLink} />\n </div>\n </div>\n </div>\n);\n\nUploadingFileProgress.propTypes = propTypes;\n\nexport default UploadingFileProgress;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAeC,SAAf,QAA+B,SAA/B;;AAEA,MAAMC,qBAAqB,GAAG,CAAC;EAC7BC,QAD6B;EAE7BC,OAF6B;EAG7BC,gBAH6B;EAI7BC,cAJ6B;EAK7BC;AAL6B,CAAD,kBAO5B,8CACE;EAAK,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;EAAK,SAAS,EAAER,KAAK,CAACS;AAAtB,gBACE,oBAAC,MAAD;EAAQ,KAAK,EAAC;AAAd,EADF,CADF,CADF,eAME;EAAK,SAAS,EAAET,KAAK,CAACU;AAAtB,gBACE;EAAG,SAAS,EAAEV,KAAK,CAACG;AAApB,GACGA,QADH,eAEE;EAAM,SAAS,EAAEH,KAAK,CAACK;AAAvB,QAA2CA,gBAA3C,MAFF,CADF,eAKE;EAAG,SAAS,EAAEL,KAAK,CAACI;AAApB,GAA8BA,OAA9B,CALF,eAME;EAAK,SAAS,EAAEJ,KAAK,CAACW;AAAtB,gBACE,oBAAC,UAAD,eAAgBL,cAAhB;EAAgC,SAAS,EAAEN,KAAK,CAACM;AAAjD,GADF,eAEE,oBAAC,UAAD,eAAgBC,eAAhB;EAAiC,SAAS,EAAEP,KAAK,CAACO;AAAlD,GAFF,CANF,CANF,CAPF;;AA2BAL,qBAAqB,CAACD,SAAtB,2CAAkCA,SAAlC;AAEA,eAAeC,qBAAf"}
@@ -0,0 +1,74 @@
1
+ @value colors: "../../variables/colors.css";
2
+ @value cm_grey_800: from colors;
3
+ @value cm_grey_400: from colors;
4
+
5
+
6
+ .container {
7
+ display: flex;
8
+ flex-direction: column;
9
+ height: 100%;
10
+ justify-content: center;
11
+ overflow: hidden;
12
+ text-align: center;
13
+ width: 100%;
14
+ }
15
+
16
+ .loaderWrapper {
17
+ position: relative;
18
+ width: 100%;
19
+ display: flex;
20
+ flex-direction: column;
21
+ justify-content: center;
22
+ align-items: center;
23
+ border-radius: 7px;
24
+ }
25
+
26
+ .loader {
27
+ margin-bottom: 8px;
28
+ height: 32px;
29
+ width: 32px;
30
+ }
31
+
32
+ .text {
33
+ font-family: 'Gilroy';
34
+ margin: 0 auto 0 auto;
35
+ }
36
+ .mainText {
37
+ composes: text;
38
+ color: cm_grey_800;
39
+ font-weight: 600;
40
+ font-size: 24px;
41
+ line-height: 32px;
42
+ padding-top: 36px;
43
+ }
44
+
45
+ .subText {
46
+ composes: text;
47
+ color: cm_grey_400;
48
+ font-weight: 400;
49
+ font-size: 16px;
50
+ line-height: 24px;
51
+ padding-top: 4px;
52
+ }
53
+
54
+ .progressionValue {
55
+ color: cm_grey_400;
56
+ }
57
+
58
+ .buttonContainer {
59
+ display: flex;
60
+ justify-content: center;
61
+ padding-top: 32px;
62
+ width: 100%;
63
+ }
64
+
65
+ .leftButtonLink {
66
+ width: 152px;
67
+ height: 44px;
68
+ margin-left: 0;
69
+ }
70
+ .rightButtonLink {
71
+ width: 152px;
72
+ height: 44px;
73
+ margin-left: 20px;
74
+ }
@@ -0,0 +1,31 @@
1
+ import PropTypes from 'prop-types';
2
+ export declare const propTypes: {
3
+ mainText: PropTypes.Requireable<string>;
4
+ subText: PropTypes.Requireable<string>;
5
+ imageUrl: PropTypes.Requireable<any>;
6
+ progressionValue: PropTypes.Requireable<number>;
7
+ leftButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
8
+ type: PropTypes.Requireable<string>;
9
+ label: PropTypes.Requireable<string>;
10
+ ariaLabel: PropTypes.Requireable<string>;
11
+ dataName: PropTypes.Requireable<string>;
12
+ icon: PropTypes.Requireable<PropTypes.InferProps<{
13
+ position: PropTypes.Requireable<string>;
14
+ type: PropTypes.Requireable<string>;
15
+ }>>;
16
+ onClick: PropTypes.Requireable<(...args: any[]) => any>;
17
+ }>>;
18
+ rightButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
19
+ type: PropTypes.Requireable<string>;
20
+ label: PropTypes.Requireable<string>;
21
+ ariaLabel: PropTypes.Requireable<string>;
22
+ dataName: PropTypes.Requireable<string>;
23
+ icon: PropTypes.Requireable<PropTypes.InferProps<{
24
+ position: PropTypes.Requireable<string>;
25
+ type: PropTypes.Requireable<string>;
26
+ }>>;
27
+ onClick: PropTypes.Requireable<(...args: any[]) => any>;
28
+ }>>;
29
+ };
30
+ export declare type Props = PropTypes.InferProps<typeof propTypes>;
31
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/uploading-file-progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BrB,CAAC;AAEF,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
@@ -0,0 +1,31 @@
1
+ import PropTypes from 'prop-types';
2
+ import Picture from '../../atom/picture';
3
+ export const propTypes = {
4
+ mainText: PropTypes.string,
5
+ subText: PropTypes.string,
6
+ imageUrl: Picture.propTypes.src,
7
+ progressionValue: PropTypes.number,
8
+ leftButtonLink: PropTypes.shape({
9
+ type: PropTypes.string,
10
+ label: PropTypes.string,
11
+ ariaLabel: PropTypes.string,
12
+ dataName: PropTypes.string,
13
+ icon: PropTypes.shape({
14
+ position: PropTypes.string,
15
+ type: PropTypes.string
16
+ }),
17
+ onClick: PropTypes.func
18
+ }),
19
+ rightButtonLink: PropTypes.shape({
20
+ type: PropTypes.string,
21
+ label: PropTypes.string,
22
+ ariaLabel: PropTypes.string,
23
+ dataName: PropTypes.string,
24
+ icon: PropTypes.shape({
25
+ position: PropTypes.string,
26
+ type: PropTypes.string
27
+ }),
28
+ onClick: PropTypes.func
29
+ })
30
+ };
31
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","progressionValue","number","leftButtonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func","rightButtonLink"],"sources":["../../../src/molecule/uploading-file-progress/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n mainText: PropTypes.string,\n subText: PropTypes.string,\n imageUrl: Picture.propTypes.src,\n progressionValue: PropTypes.number,\n leftButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n rightButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MADG;EAEvBC,OAAO,EAAEL,SAAS,CAACI,MAFI;EAGvBE,QAAQ,EAAEL,OAAO,CAACC,SAAR,CAAkBK,GAHL;EAIvBC,gBAAgB,EAAER,SAAS,CAACS,MAJL;EAKvBC,cAAc,EAAEV,SAAS,CAACW,KAAV,CAAgB;IAC9BC,IAAI,EAAEZ,SAAS,CAACI,MADc;IAE9BS,KAAK,EAAEb,SAAS,CAACI,MAFa;IAG9BU,SAAS,EAAEd,SAAS,CAACI,MAHS;IAI9BW,QAAQ,EAAEf,SAAS,CAACI,MAJU;IAK9BY,IAAI,EAAEhB,SAAS,CAACW,KAAV,CAAgB;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MADA;MAEpBQ,IAAI,EAAEZ,SAAS,CAACI;IAFI,CAAhB,CALwB;IAS9Bc,OAAO,EAAElB,SAAS,CAACmB;EATW,CAAhB,CALO;EAgBvBC,eAAe,EAAEpB,SAAS,CAACW,KAAV,CAAgB;IAC/BC,IAAI,EAAEZ,SAAS,CAACI,MADe;IAE/BS,KAAK,EAAEb,SAAS,CAACI,MAFc;IAG/BU,SAAS,EAAEd,SAAS,CAACI,MAHU;IAI/BW,QAAQ,EAAEf,SAAS,CAACI,MAJW;IAK/BY,IAAI,EAAEhB,SAAS,CAACW,KAAV,CAAgB;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MADA;MAEpBQ,IAAI,EAAEZ,SAAS,CAACI;IAFI,CAAhB,CALyB;IAS/Bc,OAAO,EAAElB,SAAS,CAACmB;EATY,CAAhB;AAhBM,CAAlB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AA2HA,sEAkEC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AAwHA,sEAkEC"}
@@ -52,10 +52,14 @@ const MoreLessIcons = ({
52
52
  }) => {
53
53
  return type !== 'iconLink' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ArrowIcon, {
54
54
  className: moreClassName,
55
- color: darkColor
55
+ style: {
56
+ color: darkColor
57
+ }
56
58
  }), /*#__PURE__*/React.createElement(ArrowIcon, {
57
59
  className: lessClassName,
58
- color: mediumColor
60
+ style: {
61
+ color: mediumColor
62
+ }
59
63
  })) : /*#__PURE__*/React.createElement(OpenInNewTabIcon, {
60
64
  className: style.newTabIcon
61
65
  });
@@ -106,18 +110,21 @@ const Part = ({
106
110
  "data-name": "title",
107
111
  className: style.title
108
112
  }, Icon ? /*#__PURE__*/React.createElement(Icon, {
109
- className: classnames(style.titleIcon, iconColor, hoverIconColor),
110
- color: "inherit"
113
+ className: classnames(style.titleIcon, iconColor, hoverIconColor)
111
114
  }) : null, /*#__PURE__*/React.createElement("h3", {
112
115
  className: classnames(style.titleLabel, selectedBlackLabel)
113
116
  }, title, isLink ? /*#__PURE__*/React.createElement(OpenInNewTabIcon, {
114
117
  className: style.newTabIcon
115
118
  }) : null)), isCollapsible ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ArrowIcon, {
116
119
  className: moreClassName,
117
- color: darkColor
120
+ style: {
121
+ color: darkColor
122
+ }
118
123
  }), /*#__PURE__*/React.createElement(ArrowIcon, {
119
124
  className: lessClassName,
120
- color: mediumColor
125
+ style: {
126
+ color: mediumColor
127
+ }
121
128
  })) : null), isCollapsible ? children : null)));
122
129
  };
123
130
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationArrowDown as ArrowIcon,\n NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n NovaCompositionCoorpacademyDashboard as DashboardIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaCompositionCoorpacademyAnimation as AnimationIcon,\n NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n arrow: LightBulbIcon,\n dashboard: DashboardIcon,\n analytics: AnalyticsIcon,\n administration: AdministrationIcon,\n animation: AnimationIcon,\n contentCreation: ContentCreationIcon,\n editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n titleIcon: style.titleIcon,\n label: style.titleLabel,\n selectedLabel: style.titleLabel,\n title: style.setupTitle,\n container: style.container,\n openHeader: style.openHeader,\n closedHeader: style.closedHeader,\n default: null\n};\n\nconst setupThemeStyle = {\n titleIcon: style.titleIcon,\n titleActivatedIcon: style.setupTitleActivatedIcon,\n label: style.setupTitleLabel,\n selectedLabel: style.setupSelectedTitleLabel,\n setupSelectedTitle: style.setupSelectedTitle,\n selectedTitle: style.selectedTitle,\n title: style.setupTitle,\n container: style.setupContainer,\n openHeader: style.coorpManagerOpenHeader,\n closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n return type !== 'iconLink' ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : (\n <OpenInNewTabIcon className={style.newTabIcon} />\n );\n};\n\nconst Part = ({\n skin,\n selected,\n iconType,\n onParentClick,\n onClick,\n isOpen,\n title,\n type,\n children,\n theme\n}) => {\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n const iconColor = selected ? style.iconBlue : style.iconGrey;\n const hoverIconColor = selected && style.blueTitleIcon;\n const selectedBlackLabel = selected && style.labelBlack;\n const Icon = ICON_TYPES[iconType];\n const isLink = type === 'iconLink';\n const isCollapsible = type === 'collapsibleTab';\n\n return (\n <div className={style.wrapper}>\n {theme === 'setup' ? (\n <div\n className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n />\n ) : null}\n <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n <div data-name=\"accordionPart\" className={style.setupPart}>\n <div className={style.header} data-type={iconType} onClick={onClick}>\n <div data-name=\"title\" className={style.title}>\n {Icon ? (\n <Icon\n className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n color=\"inherit\"\n />\n ) : null}\n <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n {title}\n {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n </h3>\n </div>\n {isCollapsible ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : null}\n </div>\n {isCollapsible ? children : null}\n </div>\n </div>\n </div>\n );\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {\n title,\n content,\n iconType,\n theme,\n onClick = noop,\n selected = false,\n type,\n href,\n isOpen,\n onUpdateOpenedTab\n } = props;\n\n const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n function handleParentClick() {\n onUpdateOpenedTab();\n onClick();\n }\n\n const isCollapsibleTab = type === 'collapsibleTab';\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n {!isCollapsibleTab ? (\n <Link\n onClick={handleParentClick}\n skinHover\n href={href}\n data-name={`link-item`}\n target={'_blank'}\n style={{\n textDecoration: 'none'\n }}\n >\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n isOpen={isOpen}\n selected={selected}\n type={type}\n />\n </Link>\n ) : (\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n selected={selected}\n isOpen={isOpen}\n type={type}\n />\n )}\n {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n selected: PropTypes.bool,\n theme: PropTypes.string,\n href: PropTypes.string,\n isOpen: PropTypes.bool,\n onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n type: PropTypes.string,\n moreClassName: PropTypes.string,\n lessClassName: PropTypes.string,\n darkColor: PropTypes.string,\n mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","color","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationArrowDown as ArrowIcon,\n NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n NovaCompositionCoorpacademyDashboard as DashboardIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaCompositionCoorpacademyAnimation as AnimationIcon,\n NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n arrow: LightBulbIcon,\n dashboard: DashboardIcon,\n analytics: AnalyticsIcon,\n administration: AdministrationIcon,\n animation: AnimationIcon,\n contentCreation: ContentCreationIcon,\n editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n titleIcon: style.titleIcon,\n label: style.titleLabel,\n selectedLabel: style.titleLabel,\n title: style.setupTitle,\n container: style.container,\n openHeader: style.openHeader,\n closedHeader: style.closedHeader,\n default: null\n};\n\nconst setupThemeStyle = {\n titleIcon: style.titleIcon,\n titleActivatedIcon: style.setupTitleActivatedIcon,\n label: style.setupTitleLabel,\n selectedLabel: style.setupSelectedTitleLabel,\n setupSelectedTitle: style.setupSelectedTitle,\n selectedTitle: style.selectedTitle,\n title: style.setupTitle,\n container: style.setupContainer,\n openHeader: style.coorpManagerOpenHeader,\n closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n return type !== 'iconLink' ? (\n <div>\n <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n </div>\n ) : (\n <OpenInNewTabIcon className={style.newTabIcon} />\n );\n};\n\nconst Part = ({\n skin,\n selected,\n iconType,\n onParentClick,\n onClick,\n isOpen,\n title,\n type,\n children,\n theme\n}) => {\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n const iconColor = selected ? style.iconBlue : style.iconGrey;\n const hoverIconColor = selected && style.blueTitleIcon;\n const selectedBlackLabel = selected && style.labelBlack;\n const Icon = ICON_TYPES[iconType];\n const isLink = type === 'iconLink';\n const isCollapsible = type === 'collapsibleTab';\n\n return (\n <div className={style.wrapper}>\n {theme === 'setup' ? (\n <div\n className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n />\n ) : null}\n <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n <div data-name=\"accordionPart\" className={style.setupPart}>\n <div className={style.header} data-type={iconType} onClick={onClick}>\n <div data-name=\"title\" className={style.title}>\n {Icon ? (\n <Icon className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\n ) : null}\n <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n {title}\n {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n </h3>\n </div>\n {isCollapsible ? (\n <div>\n <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n </div>\n ) : null}\n </div>\n {isCollapsible ? children : null}\n </div>\n </div>\n </div>\n );\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {\n title,\n content,\n iconType,\n theme,\n onClick = noop,\n selected = false,\n type,\n href,\n isOpen,\n onUpdateOpenedTab\n } = props;\n\n const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n function handleParentClick() {\n onUpdateOpenedTab();\n onClick();\n }\n\n const isCollapsibleTab = type === 'collapsibleTab';\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n {!isCollapsibleTab ? (\n <Link\n onClick={handleParentClick}\n skinHover\n href={href}\n data-name={`link-item`}\n target={'_blank'}\n style={{\n textDecoration: 'none'\n }}\n >\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n isOpen={isOpen}\n selected={selected}\n type={type}\n />\n </Link>\n ) : (\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n selected={selected}\n isOpen={isOpen}\n type={type}\n />\n )}\n {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n selected: PropTypes.bool,\n theme: PropTypes.string,\n href: PropTypes.string,\n isOpen: PropTypes.bool,\n onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n type: PropTypes.string,\n moreClassName: PropTypes.string,\n lessClassName: PropTypes.string,\n darkColor: PropTypes.string,\n mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}
@@ -95,6 +95,7 @@
95
95
  width: 18px;
96
96
  height: 18px;
97
97
  margin-right: 15px;
98
+ color: inherit;
98
99
  }
99
100
 
100
101
  .setupTitleActivatedIcon {
@@ -47,16 +47,19 @@ const AccordionPart = (props, context) => {
47
47
  "data-name": "title",
48
48
  className: style.title
49
49
  }, TitleIcon ? /*#__PURE__*/React.createElement(TitleIcon, {
50
- className: style.titleIcon,
51
- color: "inherit"
50
+ className: style.titleIcon
52
51
  }) : null, /*#__PURE__*/React.createElement("h3", {
53
52
  className: style.titleLabel
54
53
  }, title)), /*#__PURE__*/React.createElement(MoreIcon, {
55
54
  className: closeIconClassName,
56
- color: darkColor
55
+ style: {
56
+ color: darkColor
57
+ }
57
58
  }), /*#__PURE__*/React.createElement(LessIcon, {
58
59
  className: openIconClassName,
59
- color: mediumColor
60
+ style: {
61
+ color: mediumColor
62
+ }
60
63
  })), isOpen ? /*#__PURE__*/React.createElement("div", {
61
64
  className: style.container
62
65
  }, content) : null);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationMore","MoreIcon","NovaLineLoginKey1","KeyIcon","NovaLineVideosVideoClip3","VideoIcon","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationLess","LessIcon","Provider","style","ICON_TYPES","resources","klf","tips","themeStyle","setup","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","container","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionNavigationMore as MoreIcon,\n NovaLineLoginKey1 as KeyIcon,\n NovaLineVideosVideoClip3 as VideoIcon,\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n resources: VideoIcon,\n klf: KeyIcon,\n tips: LightBulbIcon\n};\n\nconst themeStyle = {\n setup: style.setupPart,\n default: null\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n const TitleIcon = ICON_TYPES[iconType];\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n <div\n className={isOpen ? style.openHeader : style.closedHeader}\n data-type={iconType}\n onClick={onClick}\n >\n <div data-name=\"title\" className={style.title}>\n {TitleIcon ? <TitleIcon className={style.titleIcon} color=\"inherit\" /> : null}\n <h3 className={style.titleLabel}>{title}</h3>\n </div>\n <MoreIcon className={closeIconClassName} color={darkColor} />\n <LessIcon className={openIconClassName} color={mediumColor} />\n </div>\n {isOpen ? <div className={style.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n isOpen: PropTypes.bool,\n theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,iBAAiB,IAAIC,OAFvB,EAGEC,wBAAwB,IAAIC,SAH9B,EAIEC,yBAAyB,IAAIC,aAJ/B,EAKEC,6BAA6B,IAAIC,QALnC,QAMO,0BANP;AAOA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,SAAS,EAAER,SADM;EAEjBS,GAAG,EAAEX,OAFY;EAGjBY,IAAI,EAAER;AAHW,CAAnB;AAMA,MAAMS,UAAU,GAAG;EACjBC,KAAK,EAAEN,KAAK,CAACO,SADI;EAEjBC,OAAO,EAAE;AAFQ,CAAnB;;AAKA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,OAAR;IAAiBC,QAAjB;IAA2BC,KAA3B;IAAkCC,OAAO,QAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGlB,UAAU,CAACc,QAAD,CAA5B;;EACA,MAAMK,SAAS,GAAG,KAAI,aAAJ,EAAmBR,IAAnB,CAAlB;;EACA,MAAMS,WAAW,GAAG,KAAI,eAAJ,EAAqBT,IAArB,CAApB;;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGlB,KAAK,CAACuB,iBAAT,GAA6BvB,KAAK,CAACwB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUlB,KAAK,CAAC0B,kBAAhB,GAAqC1B,KAAK,CAAC2B,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEtB,UAAU,CAACW,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGlB,KAAK,CAAC4B,UAAT,GAAsB5B,KAAK,CAAC6B,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEjB,KAAK,CAACa;EAAxC,GACGM,SAAS,gBAAG,oBAAC,SAAD;IAAW,SAAS,EAAEnB,KAAK,CAAC8B,SAA5B;IAAuC,KAAK,EAAC;EAA7C,EAAH,GAA+D,IAD3E,eAEE;IAAI,SAAS,EAAE9B,KAAK,CAAC+B;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,oBAAC,QAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAEL;EAAhD,EATF,eAUE,oBAAC,QAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAED;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAElB,KAAK,CAACgC;EAAtB,GAAkClB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACwB,YAAd,GAA6B;EAC3BrB,IAAI,EAAEb,QAAQ,CAACmC,iBAAT,CAA2BtB;AADN,CAA7B;AAIAH,aAAa,CAAC0B,SAAd,2CAA0B;EACxBpB,QAAQ,EAAE3B,SAAS,CAACgD,KAAV,CAAgB,MAAKnC,UAAL,CAAhB,CADc;EAExBY,KAAK,EAAEzB,SAAS,CAACiD,MAFO;EAGxBvB,OAAO,EAAE1B,SAAS,CAACkD,IAHK;EAIxBrB,OAAO,EAAE7B,SAAS,CAACmD,IAJK;EAKxBrB,MAAM,EAAE9B,SAAS,CAACoD,IALM;EAMxBxB,KAAK,EAAE5B,SAAS,CAACiD;AANO,CAA1B;AASA,eAAe5B,aAAf"}
1
+ {"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationMore","MoreIcon","NovaLineLoginKey1","KeyIcon","NovaLineVideosVideoClip3","VideoIcon","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationLess","LessIcon","Provider","style","ICON_TYPES","resources","klf","tips","themeStyle","setup","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","color","container","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionNavigationMore as MoreIcon,\n NovaLineLoginKey1 as KeyIcon,\n NovaLineVideosVideoClip3 as VideoIcon,\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n resources: VideoIcon,\n klf: KeyIcon,\n tips: LightBulbIcon\n};\n\nconst themeStyle = {\n setup: style.setupPart,\n default: null\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n const TitleIcon = ICON_TYPES[iconType];\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n <div\n className={isOpen ? style.openHeader : style.closedHeader}\n data-type={iconType}\n onClick={onClick}\n >\n <div data-name=\"title\" className={style.title}>\n {TitleIcon ? <TitleIcon className={style.titleIcon} /> : null}\n <h3 className={style.titleLabel}>{title}</h3>\n </div>\n <MoreIcon className={closeIconClassName} style={{color: darkColor}} />\n <LessIcon className={openIconClassName} style={{color: mediumColor}} />\n </div>\n {isOpen ? <div className={style.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n isOpen: PropTypes.bool,\n theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,iBAAiB,IAAIC,OAFvB,EAGEC,wBAAwB,IAAIC,SAH9B,EAIEC,yBAAyB,IAAIC,aAJ/B,EAKEC,6BAA6B,IAAIC,QALnC,QAMO,0BANP;AAOA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,SAAS,EAAER,SADM;EAEjBS,GAAG,EAAEX,OAFY;EAGjBY,IAAI,EAAER;AAHW,CAAnB;AAMA,MAAMS,UAAU,GAAG;EACjBC,KAAK,EAAEN,KAAK,CAACO,SADI;EAEjBC,OAAO,EAAE;AAFQ,CAAnB;;AAKA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,OAAR;IAAiBC,QAAjB;IAA2BC,KAA3B;IAAkCC,OAAO,QAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGlB,UAAU,CAACc,QAAD,CAA5B;;EACA,MAAMK,SAAS,GAAG,KAAI,aAAJ,EAAmBR,IAAnB,CAAlB;;EACA,MAAMS,WAAW,GAAG,KAAI,eAAJ,EAAqBT,IAArB,CAApB;;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGlB,KAAK,CAACuB,iBAAT,GAA6BvB,KAAK,CAACwB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUlB,KAAK,CAAC0B,kBAAhB,GAAqC1B,KAAK,CAAC2B,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEtB,UAAU,CAACW,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGlB,KAAK,CAAC4B,UAAT,GAAsB5B,KAAK,CAAC6B,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEjB,KAAK,CAACa;EAAxC,GACGM,SAAS,gBAAG,oBAAC,SAAD;IAAW,SAAS,EAAEnB,KAAK,CAAC8B;EAA5B,EAAH,GAA+C,IAD3D,eAEE;IAAI,SAAS,EAAE9B,KAAK,CAAC+B;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,oBAAC,QAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAE;MAACO,KAAK,EAAEZ;IAAR;EAAhD,EATF,eAUE,oBAAC,QAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAE;MAACU,KAAK,EAAEX;IAAR;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAElB,KAAK,CAACiC;EAAtB,GAAkCnB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACyB,YAAd,GAA6B;EAC3BtB,IAAI,EAAEb,QAAQ,CAACoC,iBAAT,CAA2BvB;AADN,CAA7B;AAIAH,aAAa,CAAC2B,SAAd,2CAA0B;EACxBrB,QAAQ,EAAE3B,SAAS,CAACiD,KAAV,CAAgB,MAAKpC,UAAL,CAAhB,CADc;EAExBY,KAAK,EAAEzB,SAAS,CAACkD,MAFO;EAGxBxB,OAAO,EAAE1B,SAAS,CAACmD,IAHK;EAIxBtB,OAAO,EAAE7B,SAAS,CAACoD,IAJK;EAKxBtB,MAAM,EAAE9B,SAAS,CAACqD,IALM;EAMxBzB,KAAK,EAAE5B,SAAS,CAACkD;AANO,CAA1B;AASA,eAAe7B,aAAf"}
@@ -51,6 +51,7 @@
51
51
  width: 22px;
52
52
  height: 22px;
53
53
  margin-right: 15px;
54
+ color: inherit;
54
55
  }
55
56
 
56
57
  .icon {
@@ -69,7 +69,9 @@ function BrandForm(props, context) {
69
69
  const backView = back ? /*#__PURE__*/React.createElement("p", {
70
70
  className: style.back
71
71
  }, /*#__PURE__*/React.createElement(ArrowLeft, {
72
- color: darkColor,
72
+ style: {
73
+ color: darkColor
74
+ },
73
75
  className: style.arrowBack
74
76
  }), /*#__PURE__*/React.createElement(Link, {
75
77
  href: back.link,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n tooltip,\n disabled,\n isModified,\n isPending,\n darkColor\n) => {\n if (!onSubmit && !onReset) {\n return null;\n }\n\n const disabledSubmit = disabled || isPending || !isModified;\n const submitButton = onSubmit ? (\n <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n <ReactTooltip\n type=\"light\"\n effect=\"solid\"\n className={style.toolTipContent}\n place={tooltip.place}\n id=\"submitButton\"\n />\n <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n </div>\n ) : null;\n\n const cancelBackground = {backgroundColor: darkColor};\n\n const resetButton = onReset ? (\n <div className={style.resetButton}>\n <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n </div>\n ) : null;\n\n return (\n <div className={style.buttons}>\n {submitButton}\n {resetButton}\n </div>\n );\n};\n\nfunction BrandForm(props, context) {\n const {\n groups,\n disabled,\n isModified,\n isPending,\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n back,\n tooltip,\n isLoading\n } = props;\n const {skin} = context;\n const darkColor = get('common.dark', skin);\n\n const backView = back ? (\n <p className={style.back}>\n <ArrowLeft color={darkColor} className={style.arrowBack} />\n <Link href={back.link} className={style.backDesc}>\n {back.desc}\n </Link>\n </p>\n ) : null;\n\n const brandGroups = groups.map((group, index) => {\n return (\n <div className={style.group} key={index}>\n <BrandFormGroup {...group} />\n </div>\n );\n });\n\n const buttonSection = buildButtonSection(\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n tooltip,\n disabled,\n isModified,\n isPending,\n darkColor\n );\n\n const handleSubmit = useMemo(\n () => e => {\n e.preventDefault();\n return onSubmit(e);\n },\n [onSubmit]\n );\n\n const handleReset = useMemo(\n () => e => {\n e.preventDefault();\n return onReset(e);\n },\n [onReset]\n );\n\n return (\n <div>\n {backView}\n {isLoading ? (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n ) : (\n <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n {brandGroups}\n {buttonSection}\n </form>\n )}\n </div>\n );\n}\n\nBrandForm.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n tooltip: {\n title: '',\n place: 'top'\n }\n};\n\nBrandForm.propTypes = {\n groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n disabled: PropTypes.bool,\n isModified: PropTypes.bool,\n isPending: PropTypes.bool,\n onSubmit: PropTypes.func,\n submitValue: Button.propTypes.submitValue,\n onReset: PropTypes.func,\n resetValue: Button.propTypes.submitValue,\n back: PropTypes.shape({\n desc: Link.propTypes.children,\n link: Link.propTypes.href\n }),\n tooltip: PropTypes.shape({\n title: PropTypes.string,\n place: PropTypes.string\n }),\n isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n tooltip,\n disabled,\n isModified,\n isPending,\n darkColor\n) => {\n if (!onSubmit && !onReset) {\n return null;\n }\n\n const disabledSubmit = disabled || isPending || !isModified;\n const submitButton = onSubmit ? (\n <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n <ReactTooltip\n type=\"light\"\n effect=\"solid\"\n className={style.toolTipContent}\n place={tooltip.place}\n id=\"submitButton\"\n />\n <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n </div>\n ) : null;\n\n const cancelBackground = {backgroundColor: darkColor};\n\n const resetButton = onReset ? (\n <div className={style.resetButton}>\n <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n </div>\n ) : null;\n\n return (\n <div className={style.buttons}>\n {submitButton}\n {resetButton}\n </div>\n );\n};\n\nfunction BrandForm(props, context) {\n const {\n groups,\n disabled,\n isModified,\n isPending,\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n back,\n tooltip,\n isLoading\n } = props;\n const {skin} = context;\n const darkColor = get('common.dark', skin);\n\n const backView = back ? (\n <p className={style.back}>\n <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n <Link href={back.link} className={style.backDesc}>\n {back.desc}\n </Link>\n </p>\n ) : null;\n\n const brandGroups = groups.map((group, index) => {\n return (\n <div className={style.group} key={index}>\n <BrandFormGroup {...group} />\n </div>\n );\n });\n\n const buttonSection = buildButtonSection(\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n tooltip,\n disabled,\n isModified,\n isPending,\n darkColor\n );\n\n const handleSubmit = useMemo(\n () => e => {\n e.preventDefault();\n return onSubmit(e);\n },\n [onSubmit]\n );\n\n const handleReset = useMemo(\n () => e => {\n e.preventDefault();\n return onReset(e);\n },\n [onReset]\n );\n\n return (\n <div>\n {backView}\n {isLoading ? (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n ) : (\n <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n {brandGroups}\n {buttonSection}\n </form>\n )}\n </div>\n );\n}\n\nBrandForm.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n tooltip: {\n title: '',\n place: 'top'\n }\n};\n\nBrandForm.propTypes = {\n groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n disabled: PropTypes.bool,\n isModified: PropTypes.bool,\n isPending: PropTypes.bool,\n onSubmit: PropTypes.func,\n submitValue: Button.propTypes.submitValue,\n onReset: PropTypes.func,\n resetValue: Button.propTypes.submitValue,\n back: PropTypes.shape({\n desc: Link.propTypes.children,\n link: Link.propTypes.href\n }),\n tooltip: PropTypes.shape({\n title: PropTypes.string,\n place: PropTypes.string\n }),\n isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
@@ -203,7 +203,9 @@ const GetTheApp = (props, context) => {
203
203
  }), /*#__PURE__*/React.createElement("div", {
204
204
  className: style.wrapper
205
205
  }, /*#__PURE__*/React.createElement(Header, magicLinkStep), /*#__PURE__*/React.createElement(MagicLink, {
206
- color: primaryColor,
206
+ style: {
207
+ color: primaryColor
208
+ },
207
209
  submitValue: submitValue,
208
210
  disabled: disabled,
209
211
  magicLinkUrl: magicLinkUrl
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","propTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyMagicWand as MagicWand,\n NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n <div className={style.headerContainer}>\n {step ? (\n <div className={style.headerWrapper}>\n <h1 className={style.step}>{step}</h1>\n <h1 className={style.header}>{header}</h1>\n </div>\n ) : (\n <h1 className={style.header}>{header} </h1>\n )}\n {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n </div>\n);\n\nHeader.propTypes = {\n step: PropTypes.string,\n header: PropTypes.string,\n subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n showMobileAppAccess,\n qrCodeImageUrl,\n preMessage,\n linkMessage,\n endMessage,\n qrCodeImageAlt\n}) => {\n return (\n <div className={style.qrcodeWrapper}>\n <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n {showMobileAppAccess ? (\n <div className={style.qrcodeOverlay}>\n <div className={style.qrcodeModal}>\n <span>{preMessage} </span>\n <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n <span>{linkMessage} </span>\n </a>\n <span>{endMessage} </span>\n </div>\n </div>\n ) : null}\n </div>\n );\n};\nQrCodeImage.propTypes = {\n showMobileAppAccess: PropTypes.bool,\n qrCodeImageUrl: PropTypes.string,\n preMessage: PropTypes.string,\n linkMessage: PropTypes.string,\n endMessage: PropTypes.string,\n qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n return (\n <div className={style.buttonWrapper}>\n <Button\n color={color}\n disabled={disabled}\n isLinkDisabled={disabled}\n href={magicLinkUrl}\n type=\"link\"\n submitValue={null}\n >\n <div className={style.iconWrapper}>\n <MagicWand className={style.magicLinkIcon} />\n <p>{submitValue}</p>\n </div>\n </Button>\n </div>\n );\n};\n\nMagicLink.propTypes = {\n magicLinkUrl: PropTypes.string,\n disabled: PropTypes.bool,\n submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n onAppStoreButtonClick,\n appStoreButtonImageUrl,\n playStoreButtonImageUrl,\n onPlayStoreButtonClick,\n 'android-alt': androidAlt,\n 'ios-alt': iosAlt\n}) => (\n <div className={style.storeLinksContainer}>\n <Picture\n className={style.img}\n src={appStoreButtonImageUrl}\n onClick={onAppStoreButtonClick}\n alt={iosAlt}\n />\n <Picture\n className={style.img}\n src={playStoreButtonImageUrl}\n onClick={onPlayStoreButtonClick}\n alt={androidAlt}\n />\n </div>\n);\n\nStoresLinks.propTypes = {\n onAppStoreButtonClick: PropTypes.func,\n appStoreButtonImageUrl: PropTypes.string,\n playStoreButtonImageUrl: PropTypes.string,\n onPlayStoreButtonClick: PropTypes.func,\n 'android-alt': PropTypes.string,\n 'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n <div className={style.dividerWrapper}>\n <div className={style.divider} />\n <p>{word}</p>\n <div className={style.divider} />\n </div>\n);\n\nDivider.propTypes = {\n word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n const {\n onAppStoreButtonClick,\n appStoreButtonImageUrl,\n playStoreButtonImageUrl,\n onPlayStoreButtonClick,\n storeStep,\n connectionStep,\n qrCodeStep,\n magicLinkStep,\n diviserWord,\n qrCodeImageUrl,\n magicLinkUrl,\n disabled,\n showMobileAppAccess,\n submitValue,\n preMessage,\n linkMessage,\n endMessage,\n 'android-alt': androidAlt,\n 'ios-alt': iosAlt,\n qrCodeImageAlt,\n 'logo-aria-label': coorpAppLogoAriaLabel\n } = props;\n const {skin} = context;\n const primaryColor = get('common.primary', skin);\n return (\n <div className={style.container}>\n <div className={style.coorpAppLogoWrapper}>\n <CoorpAppLogo\n height={51}\n width={250}\n className={style.coorpAppLogo}\n aria-label={coorpAppLogoAriaLabel}\n />\n </div>\n <div className={style.store}>\n <Header {...storeStep} />\n <StoresLinks\n onAppStoreButtonClick={onAppStoreButtonClick}\n appStoreButtonImageUrl={appStoreButtonImageUrl}\n playStoreButtonImageUrl={playStoreButtonImageUrl}\n onPlayStoreButtonClick={onPlayStoreButtonClick}\n android-alt={androidAlt}\n ios-alt={iosAlt}\n />\n </div>\n <div className={style.secondStepWrapper}>\n <Header {...connectionStep} />\n <div className={style.connectionWrapper}>\n <div className={style.wrapper}>\n <Header {...qrCodeStep} />\n <QrCodeImage\n showMobileAppAccess={showMobileAppAccess}\n qrCodeImageUrl={qrCodeImageUrl}\n preMessage={preMessage}\n linkMessage={linkMessage}\n endMessage={endMessage}\n qrCodeImageAlt={qrCodeImageAlt}\n />\n </div>\n <Divider word={diviserWord} />\n <div className={style.wrapper}>\n <Header {...magicLinkStep} />\n <MagicLink\n color={primaryColor}\n submitValue={submitValue}\n disabled={disabled}\n magicLinkUrl={magicLinkUrl}\n />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nGetTheApp.propTypes = {\n ...StoresLinks.propTypes,\n storeStep: PropTypes.shape(Header.propTypes),\n connectionStep: PropTypes.shape(Header.propTypes),\n qrCodeStep: PropTypes.shape(Header.propTypes),\n magicLinkStep: PropTypes.shape(Header.propTypes),\n ...QrCodeImage.propTypes,\n diviserWord: Divider.propTypes.word,\n ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","propTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyMagicWand as MagicWand,\n NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n <div className={style.headerContainer}>\n {step ? (\n <div className={style.headerWrapper}>\n <h1 className={style.step}>{step}</h1>\n <h1 className={style.header}>{header}</h1>\n </div>\n ) : (\n <h1 className={style.header}>{header} </h1>\n )}\n {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n </div>\n);\n\nHeader.propTypes = {\n step: PropTypes.string,\n header: PropTypes.string,\n subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n showMobileAppAccess,\n qrCodeImageUrl,\n preMessage,\n linkMessage,\n endMessage,\n qrCodeImageAlt\n}) => {\n return (\n <div className={style.qrcodeWrapper}>\n <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n {showMobileAppAccess ? (\n <div className={style.qrcodeOverlay}>\n <div className={style.qrcodeModal}>\n <span>{preMessage} </span>\n <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n <span>{linkMessage} </span>\n </a>\n <span>{endMessage} </span>\n </div>\n </div>\n ) : null}\n </div>\n );\n};\nQrCodeImage.propTypes = {\n showMobileAppAccess: PropTypes.bool,\n qrCodeImageUrl: PropTypes.string,\n preMessage: PropTypes.string,\n linkMessage: PropTypes.string,\n endMessage: PropTypes.string,\n qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n return (\n <div className={style.buttonWrapper}>\n <Button\n color={color}\n disabled={disabled}\n isLinkDisabled={disabled}\n href={magicLinkUrl}\n type=\"link\"\n submitValue={null}\n >\n <div className={style.iconWrapper}>\n <MagicWand className={style.magicLinkIcon} />\n <p>{submitValue}</p>\n </div>\n </Button>\n </div>\n );\n};\n\nMagicLink.propTypes = {\n magicLinkUrl: PropTypes.string,\n disabled: PropTypes.bool,\n submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n onAppStoreButtonClick,\n appStoreButtonImageUrl,\n playStoreButtonImageUrl,\n onPlayStoreButtonClick,\n 'android-alt': androidAlt,\n 'ios-alt': iosAlt\n}) => (\n <div className={style.storeLinksContainer}>\n <Picture\n className={style.img}\n src={appStoreButtonImageUrl}\n onClick={onAppStoreButtonClick}\n alt={iosAlt}\n />\n <Picture\n className={style.img}\n src={playStoreButtonImageUrl}\n onClick={onPlayStoreButtonClick}\n alt={androidAlt}\n />\n </div>\n);\n\nStoresLinks.propTypes = {\n onAppStoreButtonClick: PropTypes.func,\n appStoreButtonImageUrl: PropTypes.string,\n playStoreButtonImageUrl: PropTypes.string,\n onPlayStoreButtonClick: PropTypes.func,\n 'android-alt': PropTypes.string,\n 'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n <div className={style.dividerWrapper}>\n <div className={style.divider} />\n <p>{word}</p>\n <div className={style.divider} />\n </div>\n);\n\nDivider.propTypes = {\n word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n const {\n onAppStoreButtonClick,\n appStoreButtonImageUrl,\n playStoreButtonImageUrl,\n onPlayStoreButtonClick,\n storeStep,\n connectionStep,\n qrCodeStep,\n magicLinkStep,\n diviserWord,\n qrCodeImageUrl,\n magicLinkUrl,\n disabled,\n showMobileAppAccess,\n submitValue,\n preMessage,\n linkMessage,\n endMessage,\n 'android-alt': androidAlt,\n 'ios-alt': iosAlt,\n qrCodeImageAlt,\n 'logo-aria-label': coorpAppLogoAriaLabel\n } = props;\n const {skin} = context;\n const primaryColor = get('common.primary', skin);\n return (\n <div className={style.container}>\n <div className={style.coorpAppLogoWrapper}>\n <CoorpAppLogo\n height={51}\n width={250}\n className={style.coorpAppLogo}\n aria-label={coorpAppLogoAriaLabel}\n />\n </div>\n <div className={style.store}>\n <Header {...storeStep} />\n <StoresLinks\n onAppStoreButtonClick={onAppStoreButtonClick}\n appStoreButtonImageUrl={appStoreButtonImageUrl}\n playStoreButtonImageUrl={playStoreButtonImageUrl}\n onPlayStoreButtonClick={onPlayStoreButtonClick}\n android-alt={androidAlt}\n ios-alt={iosAlt}\n />\n </div>\n <div className={style.secondStepWrapper}>\n <Header {...connectionStep} />\n <div className={style.connectionWrapper}>\n <div className={style.wrapper}>\n <Header {...qrCodeStep} />\n <QrCodeImage\n showMobileAppAccess={showMobileAppAccess}\n qrCodeImageUrl={qrCodeImageUrl}\n preMessage={preMessage}\n linkMessage={linkMessage}\n endMessage={endMessage}\n qrCodeImageAlt={qrCodeImageAlt}\n />\n </div>\n <Divider word={diviserWord} />\n <div className={style.wrapper}>\n <Header {...magicLinkStep} />\n <MagicLink\n style={{color: primaryColor}}\n submitValue={submitValue}\n disabled={disabled}\n magicLinkUrl={magicLinkUrl}\n />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nGetTheApp.propTypes = {\n ...StoresLinks.propTypes,\n storeStep: PropTypes.shape(Header.propTypes),\n connectionStep: PropTypes.shape(Header.propTypes),\n qrCodeStep: PropTypes.shape(Header.propTypes),\n magicLinkStep: PropTypes.shape(Header.propTypes),\n ...QrCodeImage.propTypes,\n diviserWord: Divider.propTypes.word,\n ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}
@@ -7,6 +7,8 @@ declare class MoocHeader extends React.Component<any, any, any> {
7
7
  href: PropTypes.Requireable<string>;
8
8
  'aria-label': PropTypes.Requireable<string>;
9
9
  'button-aria-label': PropTypes.Requireable<string>;
10
+ toolTipText: PropTypes.Requireable<string>;
11
+ closeToolTipInformationTextAriaLabel: PropTypes.Requireable<string>;
10
12
  }>>;
11
13
  search: PropTypes.Requireable<PropTypes.InferProps<{
12
14
  value: PropTypes.Requireable<string>;
@@ -136,6 +138,7 @@ declare class MoocHeader extends React.Component<any, any, any> {
136
138
  isSettingsOpen: boolean;
137
139
  isMenuOpen: boolean;
138
140
  isFocus: boolean;
141
+ isToolTipOpen: boolean;
139
142
  };
140
143
  handleSettingsToggle(): void;
141
144
  handleMenuToggle(): void;
@@ -148,6 +151,9 @@ declare class MoocHeader extends React.Component<any, any, any> {
148
151
  handleOnBlur(): void;
149
152
  handleOnMenuOpen(): void;
150
153
  handleOnMenuClose(): void;
154
+ handleOnMouseOver(): void;
155
+ handleOnMouseLeave(): void;
156
+ handleKeyPress(event: any): void;
151
157
  componentDidUpdate(prevProps: any, prevState: any, prevContext: any): void;
152
158
  menuSettings: any;
153
159
  render(): JSX.Element | null;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAmBC;IAjBC;;;;MAIC;IA6CH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IArFD,2EASC;IAGC,kBAAsB;IA2ExB,6BAmYC;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAuBC;IArBC;;;;;MAKC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BA0aC;CACF"}