@coorpacademy/components 11.40.22 → 11.40.23

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 (187) hide show
  1. package/es/atom/chip/index.d.ts.map +1 -1
  2. package/es/atom/chip/index.js +10 -0
  3. package/es/atom/chip/index.js.map +1 -1
  4. package/es/atom/chips/index.d.ts.map +1 -1
  5. package/es/atom/chips/index.js +9 -0
  6. package/es/atom/chips/index.js.map +1 -1
  7. package/es/atom/circular-progress-bar/index.d.ts.map +1 -1
  8. package/es/atom/circular-progress-bar/index.js +4 -0
  9. package/es/atom/circular-progress-bar/index.js.map +1 -1
  10. package/es/atom/input-select/index.d.ts.map +1 -1
  11. package/es/atom/input-select/index.js +2 -2
  12. package/es/atom/input-select/index.js.map +1 -1
  13. package/es/atom/input-text-with-title/index.js +1 -0
  14. package/es/atom/input-text-with-title/index.js.map +1 -1
  15. package/es/atom/review-presentation/index.js +1 -0
  16. package/es/atom/review-presentation/index.js.map +1 -1
  17. package/es/atom/title/index.js +1 -0
  18. package/es/atom/title/index.js.map +1 -1
  19. package/es/atom/tooltip/index.d.ts.map +1 -1
  20. package/es/atom/tooltip/index.js +1 -0
  21. package/es/atom/tooltip/index.js.map +1 -1
  22. package/es/molecule/base-modal/index.js +1 -0
  23. package/es/molecule/base-modal/index.js.map +1 -1
  24. package/es/molecule/bullet-point-menu-button/index.d.ts.map +1 -1
  25. package/es/molecule/bullet-point-menu-button/index.js +1 -0
  26. package/es/molecule/bullet-point-menu-button/index.js.map +1 -1
  27. package/es/molecule/button-menu-action/index.d.ts.map +1 -1
  28. package/es/molecule/button-menu-action/index.js +1 -0
  29. package/es/molecule/button-menu-action/index.js.map +1 -1
  30. package/es/molecule/card/customer.js +1 -0
  31. package/es/molecule/card/customer.js.map +1 -1
  32. package/es/molecule/card/index.d.ts.map +1 -1
  33. package/es/molecule/card/index.js +7 -0
  34. package/es/molecule/card/index.js.map +1 -1
  35. package/es/molecule/card-content/index.d.ts.map +1 -1
  36. package/es/molecule/card-content/index.js +1 -0
  37. package/es/molecule/card-content/index.js.map +1 -1
  38. package/es/molecule/course-section/index.d.ts.map +1 -1
  39. package/es/molecule/course-section/index.js +3 -0
  40. package/es/molecule/course-section/index.js.map +1 -1
  41. package/es/molecule/dashboard/learning-profile-banner/index.d.ts.map +1 -1
  42. package/es/molecule/dashboard/learning-profile-banner/index.js +2 -4
  43. package/es/molecule/dashboard/learning-profile-banner/index.js.map +1 -1
  44. package/es/molecule/dashboard/review-banner/index.d.ts.map +1 -1
  45. package/es/molecule/dashboard/review-banner/index.js +2 -4
  46. package/es/molecule/dashboard/review-banner/index.js.map +1 -1
  47. package/es/molecule/learner-skill-card/index.d.ts.map +1 -1
  48. package/es/molecule/learner-skill-card/index.js +11 -0
  49. package/es/molecule/learner-skill-card/index.js.map +1 -1
  50. package/es/molecule/learning-priority-card/index.d.ts.map +1 -1
  51. package/es/molecule/learning-priority-card/index.js +1 -0
  52. package/es/molecule/learning-priority-card/index.js.map +1 -1
  53. package/es/molecule/learning-priority-setup-item/index.d.ts.map +1 -1
  54. package/es/molecule/learning-priority-setup-item/index.js +1 -0
  55. package/es/molecule/learning-priority-setup-item/index.js.map +1 -1
  56. package/es/molecule/progress-wrapper/index.d.ts.map +1 -1
  57. package/es/molecule/progress-wrapper/index.js +3 -0
  58. package/es/molecule/progress-wrapper/index.js.map +1 -1
  59. package/es/molecule/questions/qcm/index.d.ts.map +1 -1
  60. package/es/molecule/questions/qcm/index.js +10 -0
  61. package/es/molecule/questions/qcm/index.js.map +1 -1
  62. package/es/molecule/questions/qcm-graphic/index.d.ts.map +1 -1
  63. package/es/molecule/questions/qcm-graphic/index.js +1 -0
  64. package/es/molecule/questions/qcm-graphic/index.js.map +1 -1
  65. package/es/molecule/quick-filters/index.d.ts.map +1 -1
  66. package/es/molecule/quick-filters/index.js +1 -0
  67. package/es/molecule/quick-filters/index.js.map +1 -1
  68. package/es/molecule/review-correction-popin/index.d.ts.map +1 -1
  69. package/es/molecule/review-correction-popin/index.js +3 -0
  70. package/es/molecule/review-correction-popin/index.js.map +1 -1
  71. package/es/molecule/search-form/index.d.ts.map +1 -1
  72. package/es/molecule/search-form/index.js +7 -0
  73. package/es/molecule/search-form/index.js.map +1 -1
  74. package/es/molecule/skill-card/index.d.ts.map +1 -1
  75. package/es/molecule/skill-card/index.js +3 -0
  76. package/es/molecule/skill-card/index.js.map +1 -1
  77. package/es/organism/header-with-actions/index.js +0 -1
  78. package/es/organism/header-with-actions/index.js.map +1 -1
  79. package/es/organism/list-item/index.js +1 -0
  80. package/es/organism/list-item/index.js.map +1 -1
  81. package/es/organism/mooc-header/index.d.ts.map +1 -1
  82. package/es/organism/mooc-header/index.js +3 -0
  83. package/es/organism/mooc-header/index.js.map +1 -1
  84. package/es/organism/review-congrats/index.d.ts.map +1 -1
  85. package/es/organism/review-congrats/index.js +1 -0
  86. package/es/organism/review-congrats/index.js.map +1 -1
  87. package/es/organism/review-header/index.d.ts.map +1 -1
  88. package/es/organism/review-header/index.js +3 -0
  89. package/es/organism/review-header/index.js.map +1 -1
  90. package/es/template/app-review/skills/index.js +1 -0
  91. package/es/template/app-review/skills/index.js.map +1 -1
  92. package/es/template/review-dashboard-skills/index.js +1 -0
  93. package/es/template/review-dashboard-skills/index.js.map +1 -1
  94. package/lib/atom/chip/index.d.ts.map +1 -1
  95. package/lib/atom/chip/index.js +10 -0
  96. package/lib/atom/chip/index.js.map +1 -1
  97. package/lib/atom/chips/index.d.ts.map +1 -1
  98. package/lib/atom/chips/index.js +9 -0
  99. package/lib/atom/chips/index.js.map +1 -1
  100. package/lib/atom/circular-progress-bar/index.d.ts.map +1 -1
  101. package/lib/atom/circular-progress-bar/index.js +4 -0
  102. package/lib/atom/circular-progress-bar/index.js.map +1 -1
  103. package/lib/atom/input-select/index.d.ts.map +1 -1
  104. package/lib/atom/input-select/index.js +2 -2
  105. package/lib/atom/input-select/index.js.map +1 -1
  106. package/lib/atom/input-text-with-title/index.js +1 -0
  107. package/lib/atom/input-text-with-title/index.js.map +1 -1
  108. package/lib/atom/review-presentation/index.js +1 -0
  109. package/lib/atom/review-presentation/index.js.map +1 -1
  110. package/lib/atom/title/index.js +1 -0
  111. package/lib/atom/title/index.js.map +1 -1
  112. package/lib/atom/tooltip/index.d.ts.map +1 -1
  113. package/lib/atom/tooltip/index.js +1 -0
  114. package/lib/atom/tooltip/index.js.map +1 -1
  115. package/lib/molecule/base-modal/index.js +1 -0
  116. package/lib/molecule/base-modal/index.js.map +1 -1
  117. package/lib/molecule/bullet-point-menu-button/index.d.ts.map +1 -1
  118. package/lib/molecule/bullet-point-menu-button/index.js +1 -0
  119. package/lib/molecule/bullet-point-menu-button/index.js.map +1 -1
  120. package/lib/molecule/button-menu-action/index.d.ts.map +1 -1
  121. package/lib/molecule/button-menu-action/index.js +1 -0
  122. package/lib/molecule/button-menu-action/index.js.map +1 -1
  123. package/lib/molecule/card/customer.js +1 -0
  124. package/lib/molecule/card/customer.js.map +1 -1
  125. package/lib/molecule/card/index.d.ts.map +1 -1
  126. package/lib/molecule/card/index.js +7 -0
  127. package/lib/molecule/card/index.js.map +1 -1
  128. package/lib/molecule/card-content/index.d.ts.map +1 -1
  129. package/lib/molecule/card-content/index.js +1 -0
  130. package/lib/molecule/card-content/index.js.map +1 -1
  131. package/lib/molecule/course-section/index.d.ts.map +1 -1
  132. package/lib/molecule/course-section/index.js +3 -0
  133. package/lib/molecule/course-section/index.js.map +1 -1
  134. package/lib/molecule/dashboard/learning-profile-banner/index.d.ts.map +1 -1
  135. package/lib/molecule/dashboard/learning-profile-banner/index.js +2 -4
  136. package/lib/molecule/dashboard/learning-profile-banner/index.js.map +1 -1
  137. package/lib/molecule/dashboard/review-banner/index.d.ts.map +1 -1
  138. package/lib/molecule/dashboard/review-banner/index.js +2 -4
  139. package/lib/molecule/dashboard/review-banner/index.js.map +1 -1
  140. package/lib/molecule/learner-skill-card/index.d.ts.map +1 -1
  141. package/lib/molecule/learner-skill-card/index.js +11 -0
  142. package/lib/molecule/learner-skill-card/index.js.map +1 -1
  143. package/lib/molecule/learning-priority-card/index.d.ts.map +1 -1
  144. package/lib/molecule/learning-priority-card/index.js +1 -0
  145. package/lib/molecule/learning-priority-card/index.js.map +1 -1
  146. package/lib/molecule/learning-priority-setup-item/index.d.ts.map +1 -1
  147. package/lib/molecule/learning-priority-setup-item/index.js +1 -0
  148. package/lib/molecule/learning-priority-setup-item/index.js.map +1 -1
  149. package/lib/molecule/progress-wrapper/index.d.ts.map +1 -1
  150. package/lib/molecule/progress-wrapper/index.js +3 -0
  151. package/lib/molecule/progress-wrapper/index.js.map +1 -1
  152. package/lib/molecule/questions/qcm/index.d.ts.map +1 -1
  153. package/lib/molecule/questions/qcm/index.js +10 -0
  154. package/lib/molecule/questions/qcm/index.js.map +1 -1
  155. package/lib/molecule/questions/qcm-graphic/index.d.ts.map +1 -1
  156. package/lib/molecule/questions/qcm-graphic/index.js +1 -0
  157. package/lib/molecule/questions/qcm-graphic/index.js.map +1 -1
  158. package/lib/molecule/quick-filters/index.d.ts.map +1 -1
  159. package/lib/molecule/quick-filters/index.js +1 -0
  160. package/lib/molecule/quick-filters/index.js.map +1 -1
  161. package/lib/molecule/review-correction-popin/index.d.ts.map +1 -1
  162. package/lib/molecule/review-correction-popin/index.js +3 -0
  163. package/lib/molecule/review-correction-popin/index.js.map +1 -1
  164. package/lib/molecule/search-form/index.d.ts.map +1 -1
  165. package/lib/molecule/search-form/index.js +7 -0
  166. package/lib/molecule/search-form/index.js.map +1 -1
  167. package/lib/molecule/skill-card/index.d.ts.map +1 -1
  168. package/lib/molecule/skill-card/index.js +3 -0
  169. package/lib/molecule/skill-card/index.js.map +1 -1
  170. package/lib/organism/header-with-actions/index.js +0 -1
  171. package/lib/organism/header-with-actions/index.js.map +1 -1
  172. package/lib/organism/list-item/index.js +1 -0
  173. package/lib/organism/list-item/index.js.map +1 -1
  174. package/lib/organism/mooc-header/index.d.ts.map +1 -1
  175. package/lib/organism/mooc-header/index.js +3 -0
  176. package/lib/organism/mooc-header/index.js.map +1 -1
  177. package/lib/organism/review-congrats/index.d.ts.map +1 -1
  178. package/lib/organism/review-congrats/index.js +1 -0
  179. package/lib/organism/review-congrats/index.js.map +1 -1
  180. package/lib/organism/review-header/index.d.ts.map +1 -1
  181. package/lib/organism/review-header/index.js +3 -0
  182. package/lib/organism/review-header/index.js.map +1 -1
  183. package/lib/template/app-review/skills/index.js +1 -0
  184. package/lib/template/app-review/skills/index.js.map +1 -1
  185. package/lib/template/review-dashboard-skills/index.js +1 -0
  186. package/lib/template/review-dashboard-skills/index.js.map +1 -1
  187. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Chips","props","text","information","selected","onClick","handleClick","useMemo","createElement","className","classnames","style","container","unselected","textZone","title","NovaSolidStatusCheckCircle2","selectedIconWrapper","NovaSolidRemoveAddAddCircle1","unselectedIconWrapper","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","_default","exports"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["// This component is a simpler version of the generic Chip component, in use in CoorpManager.\n\nimport React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n const {text, information, selected = false, onClick} = props;\n\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n return (\n <div\n className={classnames(style.container, selected ? style.selected : style.unselected)}\n onClick={handleClick}\n aria-label={`${text} ${information}`}\n data-name={text}\n >\n <div className={style.textZone} title={text}>\n <span className={style.text}>{text}</span>\n <span className={style.information}>{information}</span>\n </div>\n {selected ? (\n <SelectedIcon className={style.selectedIconWrapper} />\n ) : (\n <AddIcon className={style.unselectedIconWrapper} />\n )}\n </div>\n );\n};\n\nChips.propTypes = {\n text: PropTypes.string,\n information: PropTypes.string,\n selected: PropTypes.bool,\n onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","handleChipKeyDown","onClick","event","key","preventDefault","Chips","props","text","information","selected","handleClick","useMemo","createElement","className","classnames","style","container","unselected","role","tabIndex","onKeyDown","textZone","title","NovaSolidStatusCheckCircle2","selectedIconWrapper","NovaSolidRemoveAddAddCircle1","unselectedIconWrapper","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","_default","exports"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["// This component is a simpler version of the generic Chip component, in use in CoorpManager.\n\nimport React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst handleChipKeyDown = onClick => event => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n onClick();\n }\n};\n\nconst Chips = props => {\n const {text, information, selected = false, onClick} = props;\n\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n return (\n <div\n className={classnames(style.container, selected ? style.selected : style.unselected)}\n onClick={handleClick}\n role=\"button\"\n tabIndex={0}\n onKeyDown={handleChipKeyDown(onClick)}\n aria-label={`${text} ${information}`}\n data-name={text}\n >\n <div className={style.textZone} title={text}>\n <span className={style.text}>{text}</span>\n <span className={style.information}>{information}</span>\n </div>\n {selected ? (\n <SelectedIcon className={style.selectedIconWrapper} />\n ) : (\n <AddIcon className={style.unselectedIconWrapper} />\n )}\n </div>\n );\n};\n\nChips.propTypes = {\n text: PropTypes.string,\n information: PropTypes.string,\n selected: PropTypes.bool,\n onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/circular-progress-bar/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,6BAA6B,EAA+B,MAAM,SAAS,CAAC;AAmBpF,QAAA,MAAM,mBAAmB;gGAOtB,6BAA6B;;;;;;;;;CAgD/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/circular-progress-bar/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,6BAA6B,EAA+B,MAAM,SAAS,CAAC;AAmBpF,QAAA,MAAM,mBAAmB;gGAOtB,6BAA6B;;;;;;;;;CAwD/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
@@ -48,7 +48,11 @@ const CircularProgressBar = ({
48
48
  (0, _react.useEffect)(() => setOffset(Math.ceil(length * ((100 - progression) / 100))), [length, progression]);
49
49
  return /*#__PURE__*/_react.default.createElement("div", {
50
50
  className: _style.default.container,
51
+ role: "progressbar",
51
52
  "aria-label": ariaLabel,
53
+ "aria-valuemin": 0,
54
+ "aria-valuemax": 100,
55
+ "aria-valuenow": progression,
52
56
  "data-name": dataName
53
57
  }, /*#__PURE__*/_react.default.createElement("svg", {
54
58
  className: _style.default.svg,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_types","_style","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ProgressionGradient","createElement","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","CircularProgressBar","label","progression","size","strokeWidth","ariaLabel","dataName","setOffset","useState","center","radius","length","useMemo","center_","radius_","length_","Math","ceil","PI","useEffect","className","style","container","svg","width","height","mainCircle","cx","cy","fill","progressionCircle","stroke","strokeDasharray","strokeDashoffset","_isNull2","strokeLinecap","infos","propTypes","process","env","NODE_ENV","CircularProgressBarPropTypes","_default","exports"],"sources":["../../../src/atom/circular-progress-bar/index.tsx"],"sourcesContent":["import React, {useMemo, useState, useEffect} from 'react';\nimport {isNull} from 'lodash/fp';\nimport {LearningPriorityCardPropTypes, CircularProgressBarPropTypes} from './types';\nimport style from './style.css';\n\nconst ProgressionGradient = () => (\n <defs>\n <linearGradient\n id=\"gradient-stroke-progression\"\n x1=\"81\"\n y1=\"0\"\n x2=\"81\"\n y2=\"162\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#35CC7F\" />\n <stop offset=\"1\" stopColor=\"#55F2A7\" />\n </linearGradient>\n </defs>\n);\n\nconst CircularProgressBar = ({\n label,\n progression,\n size,\n strokeWidth,\n 'aria-label': ariaLabel,\n 'data-name': dataName\n}: LearningPriorityCardPropTypes) => {\n const [offset, setOffset] = useState<null | number>(null);\n\n const {center, radius, length} = useMemo(() => {\n const center_ = size / 2;\n const radius_ = center_ - strokeWidth;\n const length_ = Math.ceil(2 * Math.PI * radius_);\n\n return {center: center_, radius: radius_, length: length_};\n }, [size, strokeWidth]);\n\n useEffect(\n () => setOffset(Math.ceil(length * ((100 - progression) / 100))),\n [length, progression]\n );\n\n return (\n <div className={style.container} aria-label={ariaLabel} data-name={dataName}>\n <svg className={style.svg} width={size} height={size}>\n <ProgressionGradient />\n <circle\n className={style.mainCircle}\n cx={center}\n cy={center}\n r={radius}\n strokeWidth={3}\n fill=\"transparent\"\n />\n <circle cx={center} cy={center} r={radius - (10 / radius) * 100} fill=\"#fafafa\" />\n <circle\n className={style.progressionCircle}\n cx={center}\n cy={center}\n r={radius}\n stroke={`url(#gradient-stroke-progression)`}\n strokeWidth={strokeWidth}\n strokeDasharray={length}\n strokeDashoffset={isNull(offset) ? length : offset}\n fill=\"transparent\"\n strokeLinecap=\"round\"\n />\n </svg>\n <div className={style.infos}>\n <span className={style.progression}>{progression}%</span>\n <span className={style.label}>{label}</span>\n </div>\n </div>\n );\n};\n\nCircularProgressBar.propTypes = CircularProgressBarPropTypes;\n\nexport default CircularProgressBar;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAgC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAV,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEhC,MAAMmB,mBAAmB,GAAGA,CAAA,kBAC1B1B,MAAA,CAAAY,OAAA,CAAAe,aAAA,4BACE3B,MAAA,CAAAY,OAAA,CAAAe,aAAA;EACEC,EAAE,EAAC,6BAA6B;EAChCC,EAAE,EAAC,IAAI;EACPC,EAAE,EAAC,GAAG;EACNC,EAAE,EAAC,IAAI;EACPC,EAAE,EAAC,KAAK;EACRC,aAAa,EAAC;AAAgB,gBAE9BjC,MAAA,CAAAY,OAAA,CAAAe,aAAA;EAAMO,SAAS,EAAC;AAAS,CAAE,CAAC,eAC5BlC,MAAA,CAAAY,OAAA,CAAAe,aAAA;EAAMQ,MAAM,EAAC,GAAG;EAACD,SAAS,EAAC;AAAS,CAAE,CACxB,CACZ,CACP;AAED,MAAME,mBAAmB,GAAGA,CAAC;EAC3BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,WAAW;EACX,YAAY,EAAEC,SAAS;EACvB,WAAW,EAAEC;AACgB,CAAC,KAAK;EACnC,MAAM,CAACP,MAAM,EAAEQ,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAgB,IAAI,CAAC;EAEzD,MAAM;IAACC,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC7C,MAAMC,OAAO,GAAGV,IAAI,GAAG,CAAC;IACxB,MAAMW,OAAO,GAAGD,OAAO,GAAGT,WAAW;IACrC,MAAMW,OAAO,GAAGC,IAAI,CAACC,IAAI,CAAC,CAAC,GAAGD,IAAI,CAACE,EAAE,GAAGJ,OAAO,CAAC;IAEhD,OAAO;MAACL,MAAM,EAAEI,OAAO;MAAEH,MAAM,EAAEI,OAAO;MAAEH,MAAM,EAAEI;IAAO,CAAC;EAC5D,CAAC,EAAE,CAACZ,IAAI,EAAEC,WAAW,CAAC,CAAC;EAEvB,IAAAe,gBAAS,EACP,MAAMZ,SAAS,CAACS,IAAI,CAACC,IAAI,CAACN,MAAM,IAAI,CAAC,GAAG,GAAGT,WAAW,IAAI,GAAG,CAAC,CAAC,CAAC,EAChE,CAACS,MAAM,EAAET,WAAW,CACtB,CAAC;EAED,oBACEtC,MAAA,CAAAY,OAAA,CAAAe,aAAA;IAAK6B,SAAS,EAAEC,cAAK,CAACC,SAAU;IAAC,cAAYjB,SAAU;IAAC,aAAWC;EAAS,gBAC1E1C,MAAA,CAAAY,OAAA,CAAAe,aAAA;IAAK6B,SAAS,EAAEC,cAAK,CAACE,GAAI;IAACC,KAAK,EAAErB,IAAK;IAACsB,MAAM,EAAEtB;EAAK,gBACnDvC,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACD,mBAAmB,MAAE,CAAC,eACvB1B,MAAA,CAAAY,OAAA,CAAAe,aAAA;IACE6B,SAAS,EAAEC,cAAK,CAACK,UAAW;IAC5BC,EAAE,EAAElB,MAAO;IACXmB,EAAE,EAAEnB,MAAO;IACXpC,CAAC,EAAEqC,MAAO;IACVN,WAAW,EAAE,CAAE;IACfyB,IAAI,EAAC;EAAa,CACnB,CAAC,eACFjE,MAAA,CAAAY,OAAA,CAAAe,aAAA;IAAQoC,EAAE,EAAElB,MAAO;IAACmB,EAAE,EAAEnB,MAAO;IAACpC,CAAC,EAAEqC,MAAM,GAAI,EAAE,GAAGA,MAAM,GAAI,GAAI;IAACmB,IAAI,EAAC;EAAS,CAAE,CAAC,eAClFjE,MAAA,CAAAY,OAAA,CAAAe,aAAA;IACE6B,SAAS,EAAEC,cAAK,CAACS,iBAAkB;IACnCH,EAAE,EAAElB,MAAO;IACXmB,EAAE,EAAEnB,MAAO;IACXpC,CAAC,EAAEqC,MAAO;IACVqB,MAAM,EAAE,mCAAoC;IAC5C3B,WAAW,EAAEA,WAAY;IACzB4B,eAAe,EAAErB,MAAO;IACxBsB,gBAAgB,EAAE,IAAAC,QAAA,CAAA1D,OAAA,EAAOuB,MAAM,CAAC,GAAGY,MAAM,GAAGZ,MAAO;IACnD8B,IAAI,EAAC,aAAa;IAClBM,aAAa,EAAC;EAAO,CACtB,CACE,CAAC,eACNvE,MAAA,CAAAY,OAAA,CAAAe,aAAA;IAAK6B,SAAS,EAAEC,cAAK,CAACe;EAAM,gBAC1BxE,MAAA,CAAAY,OAAA,CAAAe,aAAA;IAAM6B,SAAS,EAAEC,cAAK,CAACnB;EAAY,GAAEA,WAAW,EAAC,GAAO,CAAC,eACzDtC,MAAA,CAAAY,OAAA,CAAAe,aAAA;IAAM6B,SAAS,EAAEC,cAAK,CAACpB;EAAM,GAAEA,KAAY,CACxC,CACF,CAAC;AAEV,CAAC;AAEDD,mBAAmB,CAACqC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGC,mCAA4B;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnE,OAAA,GAE9CwB,mBAAmB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_types","_style","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ProgressionGradient","createElement","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","CircularProgressBar","label","progression","size","strokeWidth","ariaLabel","dataName","setOffset","useState","center","radius","length","useMemo","center_","radius_","length_","Math","ceil","PI","useEffect","className","style","container","role","svg","width","height","mainCircle","cx","cy","fill","progressionCircle","stroke","strokeDasharray","strokeDashoffset","_isNull2","strokeLinecap","infos","propTypes","process","env","NODE_ENV","CircularProgressBarPropTypes","_default","exports"],"sources":["../../../src/atom/circular-progress-bar/index.tsx"],"sourcesContent":["import React, {useMemo, useState, useEffect} from 'react';\nimport {isNull} from 'lodash/fp';\nimport {LearningPriorityCardPropTypes, CircularProgressBarPropTypes} from './types';\nimport style from './style.css';\n\nconst ProgressionGradient = () => (\n <defs>\n <linearGradient\n id=\"gradient-stroke-progression\"\n x1=\"81\"\n y1=\"0\"\n x2=\"81\"\n y2=\"162\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#35CC7F\" />\n <stop offset=\"1\" stopColor=\"#55F2A7\" />\n </linearGradient>\n </defs>\n);\n\nconst CircularProgressBar = ({\n label,\n progression,\n size,\n strokeWidth,\n 'aria-label': ariaLabel,\n 'data-name': dataName\n}: LearningPriorityCardPropTypes) => {\n const [offset, setOffset] = useState<null | number>(null);\n\n const {center, radius, length} = useMemo(() => {\n const center_ = size / 2;\n const radius_ = center_ - strokeWidth;\n const length_ = Math.ceil(2 * Math.PI * radius_);\n\n return {center: center_, radius: radius_, length: length_};\n }, [size, strokeWidth]);\n\n useEffect(\n () => setOffset(Math.ceil(length * ((100 - progression) / 100))),\n [length, progression]\n );\n\n return (\n <div\n className={style.container}\n role=\"progressbar\"\n aria-label={ariaLabel}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-valuenow={progression}\n data-name={dataName}\n >\n <svg className={style.svg} width={size} height={size}>\n <ProgressionGradient />\n <circle\n className={style.mainCircle}\n cx={center}\n cy={center}\n r={radius}\n strokeWidth={3}\n fill=\"transparent\"\n />\n <circle cx={center} cy={center} r={radius - (10 / radius) * 100} fill=\"#fafafa\" />\n <circle\n className={style.progressionCircle}\n cx={center}\n cy={center}\n r={radius}\n stroke={`url(#gradient-stroke-progression)`}\n strokeWidth={strokeWidth}\n strokeDasharray={length}\n strokeDashoffset={isNull(offset) ? length : offset}\n fill=\"transparent\"\n strokeLinecap=\"round\"\n />\n </svg>\n <div className={style.infos}>\n <span className={style.progression}>{progression}%</span>\n <span className={style.label}>{label}</span>\n </div>\n </div>\n );\n};\n\nCircularProgressBar.propTypes = CircularProgressBarPropTypes;\n\nexport default CircularProgressBar;\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAGzD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHtE,CAAC;AAMF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAGzD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HtE,CAAC;AAMF,eAAe,WAAW,CAAC"}
@@ -89,12 +89,12 @@ const InputSelect = (props, context) => {
89
89
  [_style.default.open]: open
90
90
  })
91
91
  }), /*#__PURE__*/_react.default.createElement("div", {
92
- className: (0, _classnames.default)(_style.default.wrapper, className),
93
- "aria-label": ariaLabel
92
+ className: (0, _classnames.default)(_style.default.wrapper, className)
94
93
  }, /*#__PURE__*/_react.default.createElement("button", {
95
94
  type: "button",
96
95
  className: _style.default.display,
97
96
  onClick: handleToggle,
97
+ "aria-label": ariaLabel,
98
98
  "aria-haspopup": "listbox",
99
99
  "aria-expanded": open,
100
100
  "aria-controls": open ? `${componentId}-listbox` : undefined,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactFontawesome","_provider","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","COMPONENT_ID","InputSelect","props","context","options","value","onChange","placeholder","className","ariaLabel","iconClosed","selectedIcon","buttonDataTestId","skin","GetSkinFromContext","primaryColor","_get2","open","setOpen","useState","wrapperRef","useRef","componentId","toLowerCase","replace","handleToggle","useCallback","o","handleOnOptionClick","optionValue","React","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","selectedOption","find","opt","renderOption","option","handleClick","isSelected","createElement","key","classnames","style","selected","role","onClick","backgroundOption","backgroundColor","optionIcon","icon","optionLabel","label","checkIcon","FontAwesomeIcon","color","shouldBeScrollable","length","container","ref","boxShadow","outerWrapper","wrapper","type","display","undefined","id","content","iconWrapper","rotated","menuWrapper","showFade","menu","map","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/input-select/index.tsx"],"sourcesContent":["import React, {useState, useRef, useCallback} from 'react';\nimport classnames from 'classnames';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {IconName} from '@fortawesome/fontawesome-svg-core';\nimport {get} from 'lodash/fp';\nimport {WebContextValues} from '../provider/web-context';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport style from './style.css';\nimport type {InputSelectProps} from './types';\nimport propTypes from './types';\n\nconst COMPONENT_ID = 'input-select';\n\nconst InputSelect = (props: InputSelectProps, context: WebContextValues) => {\n const {\n options = [],\n value,\n onChange,\n placeholder,\n className,\n 'aria-label': ariaLabel,\n iconClosed = 'chevron-down',\n selectedIcon = 'circle-check',\n 'button-data-testid': buttonDataTestId = 'select-input'\n } = props;\n const skin = GetSkinFromContext(context);\n const primaryColor = get('common.primary', skin);\n const [open, setOpen] = useState(false);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const componentId = `${COMPONENT_ID}-${\n placeholder?.toLowerCase().replace(/\\s+/g, '-') || 'default'\n }`;\n\n const handleToggle = useCallback(() => {\n setOpen(o => !o);\n }, []);\n\n const handleOnOptionClick = useCallback(\n (optionValue: string) => {\n onChange(optionValue);\n setOpen(false);\n },\n [onChange]\n );\n\n React.useEffect(() => {\n if (!open) return;\n const handleClickOutside = (event: MouseEvent) => {\n if (!wrapperRef.current?.contains(event.target as Node)) {\n setOpen(false);\n }\n };\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [open]);\n\n const selectedOption = options.find(opt => opt.value === value);\n\n const renderOption = (option: InputSelectProps['options'][0]) => {\n function handleClick() {\n handleOnOptionClick(option.value);\n }\n\n const isSelected = option.value === value;\n\n return (\n <li\n key={option.value}\n className={classnames(style.option, isSelected && style.selected)}\n role=\"option\"\n aria-selected={isSelected}\n onClick={handleClick}\n data-testid={`option-${option.value}`}\n data-name={option['data-name']}\n >\n <div className={style.backgroundOption} style={{backgroundColor: primaryColor}} />\n <span className={style.optionIcon}>{option.icon}</span>\n <span className={style.optionLabel}>{option.label}</span>\n {isSelected ? (\n <span className={style.checkIcon}>\n <FontAwesomeIcon icon={selectedIcon as IconName} color={primaryColor} />\n </span>\n ) : null}\n </li>\n );\n };\n\n const shouldBeScrollable = options.length > 6;\n\n return (\n <div className={style.container} ref={wrapperRef}>\n <div\n style={{\n boxShadow: open\n ? `0 0 0 2px white, 0 0 0 4px${primaryColor}`\n : `0 0 0 2px ${primaryColor}`\n }}\n className={classnames(style.outerWrapper, {\n [style.open]: open\n })}\n />\n <div className={classnames(style.wrapper, className)} aria-label={ariaLabel}>\n <button\n type=\"button\"\n className={style.display}\n onClick={handleToggle}\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n aria-controls={open ? `${componentId}-listbox` : undefined}\n id={componentId}\n data-testid={buttonDataTestId}\n >\n <div className={style.content}>\n <span className={style.label}>{placeholder}</span>\n {selectedOption ? <span className={style.value}>{selectedOption.label}</span> : null}\n </div>\n <span className={classnames(style.iconWrapper, {[style.open]: open})}>\n <FontAwesomeIcon\n className={classnames(style.icon, {[style.rotated]: open})}\n icon={iconClosed as IconName}\n />\n </span>\n </button>\n </div>\n {open ? (\n <div className={classnames(style.menuWrapper, {[style.showFade]: shouldBeScrollable})}>\n <ul id={`${componentId}-listbox`} className={style.menu} role=\"listbox\">\n {options.map(renderOption)}\n </ul>\n </div>\n ) : null}\n </div>\n );\n};\n\nInputSelect.propTypes = propTypes;\nInputSelect.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\nexport default InputSelect;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactFontawesome","_provider","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","COMPONENT_ID","InputSelect","props","context","options","value","onChange","placeholder","className","ariaLabel","iconClosed","selectedIcon","buttonDataTestId","skin","GetSkinFromContext","primaryColor","_get2","open","setOpen","useState","wrapperRef","useRef","componentId","toLowerCase","replace","handleToggle","useCallback","o","handleOnOptionClick","optionValue","React","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","selectedOption","find","opt","renderOption","option","handleClick","isSelected","createElement","key","classnames","style","selected","role","onClick","backgroundOption","backgroundColor","optionIcon","icon","optionLabel","label","checkIcon","FontAwesomeIcon","color","shouldBeScrollable","length","container","ref","boxShadow","outerWrapper","wrapper","type","display","undefined","id","content","iconWrapper","rotated","menuWrapper","showFade","menu","map","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/input-select/index.tsx"],"sourcesContent":["import React, {useState, useRef, useCallback} from 'react';\nimport classnames from 'classnames';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {IconName} from '@fortawesome/fontawesome-svg-core';\nimport {get} from 'lodash/fp';\nimport {WebContextValues} from '../provider/web-context';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport style from './style.css';\nimport type {InputSelectProps} from './types';\nimport propTypes from './types';\n\nconst COMPONENT_ID = 'input-select';\n\nconst InputSelect = (props: InputSelectProps, context: WebContextValues) => {\n const {\n options = [],\n value,\n onChange,\n placeholder,\n className,\n 'aria-label': ariaLabel,\n iconClosed = 'chevron-down',\n selectedIcon = 'circle-check',\n 'button-data-testid': buttonDataTestId = 'select-input'\n } = props;\n const skin = GetSkinFromContext(context);\n const primaryColor = get('common.primary', skin);\n const [open, setOpen] = useState(false);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const componentId = `${COMPONENT_ID}-${\n placeholder?.toLowerCase().replace(/\\s+/g, '-') || 'default'\n }`;\n\n const handleToggle = useCallback(() => {\n setOpen(o => !o);\n }, []);\n\n const handleOnOptionClick = useCallback(\n (optionValue: string) => {\n onChange(optionValue);\n setOpen(false);\n },\n [onChange]\n );\n\n React.useEffect(() => {\n if (!open) return;\n const handleClickOutside = (event: MouseEvent) => {\n if (!wrapperRef.current?.contains(event.target as Node)) {\n setOpen(false);\n }\n };\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [open]);\n\n const selectedOption = options.find(opt => opt.value === value);\n\n const renderOption = (option: InputSelectProps['options'][0]) => {\n function handleClick() {\n handleOnOptionClick(option.value);\n }\n\n const isSelected = option.value === value;\n\n return (\n <li\n key={option.value}\n className={classnames(style.option, isSelected && style.selected)}\n role=\"option\"\n aria-selected={isSelected}\n onClick={handleClick}\n data-testid={`option-${option.value}`}\n data-name={option['data-name']}\n >\n <div className={style.backgroundOption} style={{backgroundColor: primaryColor}} />\n <span className={style.optionIcon}>{option.icon}</span>\n <span className={style.optionLabel}>{option.label}</span>\n {isSelected ? (\n <span className={style.checkIcon}>\n <FontAwesomeIcon icon={selectedIcon as IconName} color={primaryColor} />\n </span>\n ) : null}\n </li>\n );\n };\n\n const shouldBeScrollable = options.length > 6;\n\n return (\n <div className={style.container} ref={wrapperRef}>\n <div\n style={{\n boxShadow: open\n ? `0 0 0 2px white, 0 0 0 4px${primaryColor}`\n : `0 0 0 2px ${primaryColor}`\n }}\n className={classnames(style.outerWrapper, {\n [style.open]: open\n })}\n />\n <div className={classnames(style.wrapper, className)}>\n <button\n type=\"button\"\n className={style.display}\n onClick={handleToggle}\n aria-label={ariaLabel}\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n aria-controls={open ? `${componentId}-listbox` : undefined}\n id={componentId}\n data-testid={buttonDataTestId}\n >\n <div className={style.content}>\n <span className={style.label}>{placeholder}</span>\n {selectedOption ? <span className={style.value}>{selectedOption.label}</span> : null}\n </div>\n <span className={classnames(style.iconWrapper, {[style.open]: open})}>\n <FontAwesomeIcon\n className={classnames(style.icon, {[style.rotated]: open})}\n icon={iconClosed as IconName}\n />\n </span>\n </button>\n </div>\n {open ? (\n <div className={classnames(style.menuWrapper, {[style.showFade]: shouldBeScrollable})}>\n <ul id={`${componentId}-listbox`} className={style.menu} role=\"listbox\">\n {options.map(renderOption)}\n </ul>\n </div>\n ) : null}\n </div>\n );\n};\n\nInputSelect.propTypes = propTypes;\nInputSelect.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\nexport default InputSelect;\n"],"mappings":"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","ignoreList":[]}
@@ -18,6 +18,7 @@ const InputTextWithTitle = props => {
18
18
  return /*#__PURE__*/_react.default.createElement("div", {
19
19
  className: _style.default.container,
20
20
  "data-name": dataName,
21
+ role: "group",
21
22
  "aria-label": ariaLabel
22
23
  }, title ? /*#__PURE__*/_react.default.createElement("span", {
23
24
  className: _style.default.title
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_inputText","_style","e","__esModule","default","InputTextWithTitle","props","inputText","title","dataName","ariaLabel","inputTextClass","size","style","smallInputText","defaultInputText","createElement","className","container","propTypes","process","env","NODE_ENV","PropTypes","shape","InputText","theme","string","_default","exports"],"sources":["../../../src/atom/input-text-with-title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../input-text';\nimport style from './style.css';\n\nconst InputTextWithTitle = props => {\n const {inputText, title, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n const inputTextClass = inputText.size === 'small' ? style.smallInputText : style.defaultInputText;\n\n return (\n <div className={style.container} data-name={dataName} aria-label={ariaLabel}>\n {title ? <span className={style.title}>{title}</span> : null}\n <div className={inputTextClass}>\n <InputText {...inputText} />\n </div>\n </div>\n );\n};\n\nInputTextWithTitle.propTypes = {\n inputText: PropTypes.shape({\n ...InputText.propTypes,\n theme: PropTypes.string,\n size: PropTypes.string\n }),\n title: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string\n};\nexport default InputTextWithTitle;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,SAAS;IAAEC,KAAK;IAAE,WAAW,EAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGJ,KAAK;EAChF,MAAMK,cAAc,GAAGJ,SAAS,CAACK,IAAI,KAAK,OAAO,GAAGC,cAAK,CAACC,cAAc,GAAGD,cAAK,CAACE,gBAAgB;EAEjG,oBACEnB,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEJ,cAAK,CAACK,SAAU;IAAC,aAAWT,QAAS;IAAC,cAAYC;EAAU,GACzEF,KAAK,gBAAGZ,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAMC,SAAS,EAAEJ,cAAK,CAACL;EAAM,GAAEA,KAAY,CAAC,GAAG,IAAI,eAC5DZ,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEN;EAAe,gBAC7Bf,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAChB,UAAA,CAAAI,OAAS,EAAKG,SAAY,CACxB,CACF,CAAC;AAEV,CAAC;AAEDF,kBAAkB,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC7Bf,SAAS,EAAEgB,kBAAS,CAACC,KAAK,CAAC;IACzB,GAAGC,kBAAS,CAACN,SAAS;IACtBO,KAAK,EAAEH,kBAAS,CAACI,MAAM;IACvBf,IAAI,EAAEW,kBAAS,CAACI;EAClB,CAAC,CAAC;EACFnB,KAAK,EAAEe,kBAAS,CAACI,MAAM;EACvB,YAAY,EAAEJ,kBAAS,CAACI,MAAM;EAC9B,WAAW,EAAEJ,kBAAS,CAACI;AACzB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GACaC,kBAAkB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_inputText","_style","e","__esModule","default","InputTextWithTitle","props","inputText","title","dataName","ariaLabel","inputTextClass","size","style","smallInputText","defaultInputText","createElement","className","container","role","propTypes","process","env","NODE_ENV","PropTypes","shape","InputText","theme","string","_default","exports"],"sources":["../../../src/atom/input-text-with-title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../input-text';\nimport style from './style.css';\n\nconst InputTextWithTitle = props => {\n const {inputText, title, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n const inputTextClass = inputText.size === 'small' ? style.smallInputText : style.defaultInputText;\n\n return (\n <div className={style.container} data-name={dataName} role=\"group\" aria-label={ariaLabel}>\n {title ? <span className={style.title}>{title}</span> : null}\n <div className={inputTextClass}>\n <InputText {...inputText} />\n </div>\n </div>\n );\n};\n\nInputTextWithTitle.propTypes = {\n inputText: PropTypes.shape({\n ...InputText.propTypes,\n theme: PropTypes.string,\n size: PropTypes.string\n }),\n title: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string\n};\nexport default InputTextWithTitle;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,SAAS;IAAEC,KAAK;IAAE,WAAW,EAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGJ,KAAK;EAChF,MAAMK,cAAc,GAAGJ,SAAS,CAACK,IAAI,KAAK,OAAO,GAAGC,cAAK,CAACC,cAAc,GAAGD,cAAK,CAACE,gBAAgB;EAEjG,oBACEnB,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEJ,cAAK,CAACK,SAAU;IAAC,aAAWT,QAAS;IAACU,IAAI,EAAC,OAAO;IAAC,cAAYT;EAAU,GACtFF,KAAK,gBAAGZ,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAMC,SAAS,EAAEJ,cAAK,CAACL;EAAM,GAAEA,KAAY,CAAC,GAAG,IAAI,eAC5DZ,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEN;EAAe,gBAC7Bf,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAChB,UAAA,CAAAI,OAAS,EAAKG,SAAY,CACxB,CACF,CAAC;AAEV,CAAC;AAEDF,kBAAkB,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC7BhB,SAAS,EAAEiB,kBAAS,CAACC,KAAK,CAAC;IACzB,GAAGC,kBAAS,CAACN,SAAS;IACtBO,KAAK,EAAEH,kBAAS,CAACI,MAAM;IACvBhB,IAAI,EAAEY,kBAAS,CAACI;EAClB,CAAC,CAAC;EACFpB,KAAK,EAAEgB,kBAAS,CAACI,MAAM;EACvB,YAAY,EAAEJ,kBAAS,CAACI,MAAM;EAC9B,WAAW,EAAEJ,kBAAS,CAACI;AACzB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GACaC,kBAAkB","ignoreList":[]}
@@ -61,6 +61,7 @@ const ReviewPresentation = props => {
61
61
  } = props;
62
62
  return /*#__PURE__*/_react.default.createElement("div", {
63
63
  className: _style.default.reviewWrapper,
64
+ role: "group",
64
65
  "aria-label": ariaLabel
65
66
  }, /*#__PURE__*/_react.default.createElement("div", {
66
67
  className: _style.default.reviewTitle
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_getOr","_map","_novaIcons","_tooltip","_style","_propTypes2","e","__esModule","default","ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","ReviewIcon","icon","Icon","getOr","createElement","className","style","labelIcon","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","tabIndex","reviewListText","text","TooltipContent","tooltipText","closeToolTipInformationTextAriaLabel","moreDetailsAriaLabel","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","dangerouslySetInnerHTML","__html","reviewListWrapper","map","convert","cap","key","reviewList","propTypes","process","env","NODE_ENV","PropTypes","string","shape","ToolTip","_default","exports"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip from '../tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n const Icon = getOr(null, icon, ICONS);\n\n /* istanbul ignore next */\n if (!Icon) {\n return <div className={style.labelIcon} />;\n }\n return <Icon className={style.labelIcon} />;\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n return (\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n <div className={style.reviewListText}>\n <ReviewIcon icon={iconKey} /> {label.text}\n </div>\n <ToolTip\n TooltipContent={label.tooltipText}\n closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n data-testid={`review-list-item-tooltip-button-${iconKey}`}\n aria-label={label.moreDetailsAriaLabel}\n />\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul className={style.reviewListWrapper}>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <ReviewListItemWrapper\n iconKey={key}\n label={label}\n tooltipText={label.tooltipText}\n aria-label={label.moreDetailsAriaLabel}\n />\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nReviewIcon.propTypes = {\n icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n iconKey: PropTypes.string,\n label: PropTypes.shape({\n tooltipText: ToolTip.propTypes.tooltipText,\n moreDetailsAriaLabel: ToolTip.propTypes['aria-label'],\n closeToolTipInformationTextAriaLabel: ToolTip.propTypes.closeToolTipInformationTextAriaLabel,\n text: PropTypes.string\n })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_getOr","_map","_novaIcons","_tooltip","_style","_propTypes2","e","__esModule","default","ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","ReviewIcon","icon","Icon","getOr","createElement","className","style","labelIcon","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","tabIndex","reviewListText","text","TooltipContent","tooltipText","closeToolTipInformationTextAriaLabel","moreDetailsAriaLabel","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","role","dangerouslySetInnerHTML","__html","reviewListWrapper","map","convert","cap","key","reviewList","propTypes","process","env","NODE_ENV","PropTypes","string","shape","ToolTip","_default","exports"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip from '../tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n const Icon = getOr(null, icon, ICONS);\n\n /* istanbul ignore next */\n if (!Icon) {\n return <div className={style.labelIcon} />;\n }\n return <Icon className={style.labelIcon} />;\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n return (\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n <div className={style.reviewListText}>\n <ReviewIcon icon={iconKey} /> {label.text}\n </div>\n <ToolTip\n TooltipContent={label.tooltipText}\n closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n data-testid={`review-list-item-tooltip-button-${iconKey}`}\n aria-label={label.moreDetailsAriaLabel}\n />\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} role=\"group\" aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul className={style.reviewListWrapper}>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <ReviewListItemWrapper\n iconKey={key}\n label={label}\n tooltipText={label.tooltipText}\n aria-label={label.moreDetailsAriaLabel}\n />\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nReviewIcon.propTypes = {\n icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n iconKey: PropTypes.string,\n label: PropTypes.shape({\n tooltipText: ToolTip.propTypes.tooltipText,\n moreDetailsAriaLabel: ToolTip.propTypes['aria-label'],\n closeToolTipInformationTextAriaLabel: ToolTip.propTypes.closeToolTipInformationTextAriaLabel,\n text: PropTypes.string\n })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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","ignoreList":[]}
@@ -90,6 +90,7 @@ const Title = props => {
90
90
  }, /*#__PURE__*/_react.default.createElement("div", {
91
91
  className: titleStyle,
92
92
  "data-name": dataName,
93
+ role: "group",
93
94
  "aria-label": ariaLabel
94
95
  }, title, required ? /*#__PURE__*/_react.default.createElement("span", {
95
96
  className: _style.default.required
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_icon","_tag","_buttonLink","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getTitleStyle","type","size","style","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","ariaLabel","titleStyle","subtitleStyle","subtitleSection","createElement","className","dangerouslySetInnerHTML","__html","container","titleContainer","titleContent","_isEmpty2","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","shape","Icon","Tag","ButtonLink","bool","_default","exports"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n switch (type) {\n case 'page':\n return style.titlePage;\n case 'form-group':\n switch (size) {\n case 'standard':\n return style.titleFormGroup;\n case 'standard-light-weight':\n return style.titleFormGroupLightWeight;\n case 'xl-strong':\n return style.xlStrongTitle;\n case 'medium':\n return style.mediumTitleFormGroup;\n case 'medium-light-color':\n return style.mediumAndLightColorTitleFormGroup;\n case 'small':\n return style.smallTitleFormGroup;\n case 'small-and-light':\n return style.smallAndLightTitleFormGroup;\n }\n }\n};\n\nconst getSubtitleStyle = (type, size) => {\n switch (type) {\n case 'page':\n return style.subtitlePage;\n case 'form-group':\n switch (size) {\n case 'standard':\n return style.subtitleFormGroup;\n case 'standard-without-margin':\n return style.subtitleFormGroupWithoutMargin;\n case 'medium':\n return style.mediumSubtitleFormGroup;\n case 'small':\n return style.smallSubtitleFormGroup;\n case 'small-without-margin':\n return style.smallSubtitleFormGroupWithoutMargin;\n case 'extra-small':\n return style.extraSmallSubtitleFormGroup;\n }\n }\n};\n\nconst Title = props => {\n const {\n title,\n subtitle,\n type,\n 'data-name': dataName,\n titleSize = 'standard',\n subtitleSize = 'standard',\n icon,\n tag,\n button,\n required,\n ariaLabel\n } = props;\n const titleStyle = getTitleStyle(type, titleSize);\n const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n const subtitleSection = subtitle ? (\n <div\n className={subtitleStyle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: subtitle}}\n />\n ) : null;\n\n return (\n <div className={style.container}>\n {icon ? <Icon {...icon} className={style.icon} /> : null}\n <div className={style.titleContainer}>\n <div className={style.titleContent}>\n <div className={titleStyle} data-name={dataName} aria-label={ariaLabel}>\n {title}\n {required ? <span className={style.required}>*</span> : null}\n {tag ? <Tag {...tag} /> : null}\n </div>\n {subtitleSection}\n </div>\n {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n </div>\n </div>\n );\n};\n\nTitle.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n ariaLabel: PropTypes.string,\n type: PropTypes.oneOf(['page', 'form-group']),\n 'data-name': PropTypes.string,\n titleSize: PropTypes.oneOf([\n 'xl-strong',\n 'standard',\n 'standard-light-weight',\n 'medium',\n 'medium-light-color',\n 'small',\n 'small-and-light'\n ]),\n subtitleSize: PropTypes.oneOf([\n 'standard',\n 'standard-without-margin',\n 'medium',\n 'small',\n 'small-without-margin',\n 'extra-small'\n ]),\n icon: PropTypes.shape(Icon.propTypes),\n tag: PropTypes.shape(Tag.propTypes),\n button: PropTypes.shape(ButtonLink.propTypes),\n required: PropTypes.bool\n};\nexport default Title;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_icon","_tag","_buttonLink","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getTitleStyle","type","size","style","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","ariaLabel","titleStyle","subtitleStyle","subtitleSection","createElement","className","dangerouslySetInnerHTML","__html","container","titleContainer","titleContent","role","_isEmpty2","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","shape","Icon","Tag","ButtonLink","bool","_default","exports"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n switch (type) {\n case 'page':\n return style.titlePage;\n case 'form-group':\n switch (size) {\n case 'standard':\n return style.titleFormGroup;\n case 'standard-light-weight':\n return style.titleFormGroupLightWeight;\n case 'xl-strong':\n return style.xlStrongTitle;\n case 'medium':\n return style.mediumTitleFormGroup;\n case 'medium-light-color':\n return style.mediumAndLightColorTitleFormGroup;\n case 'small':\n return style.smallTitleFormGroup;\n case 'small-and-light':\n return style.smallAndLightTitleFormGroup;\n }\n }\n};\n\nconst getSubtitleStyle = (type, size) => {\n switch (type) {\n case 'page':\n return style.subtitlePage;\n case 'form-group':\n switch (size) {\n case 'standard':\n return style.subtitleFormGroup;\n case 'standard-without-margin':\n return style.subtitleFormGroupWithoutMargin;\n case 'medium':\n return style.mediumSubtitleFormGroup;\n case 'small':\n return style.smallSubtitleFormGroup;\n case 'small-without-margin':\n return style.smallSubtitleFormGroupWithoutMargin;\n case 'extra-small':\n return style.extraSmallSubtitleFormGroup;\n }\n }\n};\n\nconst Title = props => {\n const {\n title,\n subtitle,\n type,\n 'data-name': dataName,\n titleSize = 'standard',\n subtitleSize = 'standard',\n icon,\n tag,\n button,\n required,\n ariaLabel\n } = props;\n const titleStyle = getTitleStyle(type, titleSize);\n const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n const subtitleSection = subtitle ? (\n <div\n className={subtitleStyle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: subtitle}}\n />\n ) : null;\n\n return (\n <div className={style.container}>\n {icon ? <Icon {...icon} className={style.icon} /> : null}\n <div className={style.titleContainer}>\n <div className={style.titleContent}>\n <div className={titleStyle} data-name={dataName} role=\"group\" aria-label={ariaLabel}>\n {title}\n {required ? <span className={style.required}>*</span> : null}\n {tag ? <Tag {...tag} /> : null}\n </div>\n {subtitleSection}\n </div>\n {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n </div>\n </div>\n );\n};\n\nTitle.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n ariaLabel: PropTypes.string,\n type: PropTypes.oneOf(['page', 'form-group']),\n 'data-name': PropTypes.string,\n titleSize: PropTypes.oneOf([\n 'xl-strong',\n 'standard',\n 'standard-light-weight',\n 'medium',\n 'medium-light-color',\n 'small',\n 'small-and-light'\n ]),\n subtitleSize: PropTypes.oneOf([\n 'standard',\n 'standard-without-margin',\n 'medium',\n 'small',\n 'small-without-margin',\n 'extra-small'\n ]),\n icon: PropTypes.shape(Icon.propTypes),\n tag: PropTypes.shape(Tag.propTypes),\n button: PropTypes.shape(ButtonLink.propTypes),\n required: PropTypes.bool\n};\nexport default Title;\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AA6EO,iGAUN;;AAED;;;;;;;;;;;;;;gBAgHC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AA8EO,iGAUN;;AAED;;;;;;;;;;;;;;gBAgHC"}
@@ -51,6 +51,7 @@ const ToolTipWrapper = ({
51
51
  return /*#__PURE__*/_react.default.createElement("div", {
52
52
  className: coorpToolTipClasses,
53
53
  "data-testid": "tooltip",
54
+ role: "group",
54
55
  "aria-label": closeToolTipInformationTextAriaLabel,
55
56
  onMouseOver: handleContentMouseOver
56
57
  }, content);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_propTypes","_reactTooltip","_isString","_has","_isNil","_keys","_novaIcons","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FontSizes","style","tooltipContentFontSize12","tooltipContentFontSize14","IconSizes","small","big","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","iconSize","tooltipClassName","usesAnchorElement","placement","coorpToolTipClasses","classnames","toolTip","bigIconToolTip","smallIconToolTip","createElement","id","className","toolTipReact","place","effect","onMouseOver","propTypes","process","env","NODE_ENV","PropTypes","bool","string","isRequired","node","func","oneOf","keys","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","exports","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","iconContainerClassName","delayHide","fontSize","AnchorElement","isComponent","useMemo","isString","isValidElement","setToolTipIsVisible","useState","mouseLeaveTimer","setMouseLeaveTimer","undefined","handleKeyPress","useCallback","clearTimeout","handleMouseOver","handleMouseLeave","setTimeout","tooltipContent","anchorElement","onKeyDown","type","tooltipIconContainer","tabIndex","NovaCompositionCoorpacademyInformationIcon","informationIcon","width","height","onMouseLeave","tooltipContainer","isNil","oneOfType","number","_default"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport has from 'lodash/fp/has';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst FontSizes = {\n 12: style.tooltipContentFontSize12,\n 14: style.tooltipContentFontSize14\n};\n\nconst IconSizes = {\n small: 12,\n big: 20\n};\n\nconst ToolTipWrapper = ({\n toolTipIsVisible,\n anchorId,\n closeToolTipInformationTextAriaLabel,\n content,\n handleContentMouseOver,\n iconSize,\n tooltipClassName,\n usesAnchorElement,\n placement\n}) => {\n const coorpToolTipClasses = classnames(\n style.toolTip,\n tooltipClassName,\n // eslint-disable-next-line no-nested-ternary\n usesAnchorElement ? null : iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip\n );\n if (!toolTipIsVisible) return null;\n if (anchorId) {\n return (\n <ReactTooltip\n id={anchorId}\n className={style.toolTipReact}\n data-event-off=\"click\"\n place={placement}\n effect=\"solid\"\n aria-label={closeToolTipInformationTextAriaLabel}\n >\n {content}\n </ReactTooltip>\n );\n } else {\n return (\n <div\n className={coorpToolTipClasses}\n data-testid=\"tooltip\"\n aria-label={closeToolTipInformationTextAriaLabel}\n onMouseOver={handleContentMouseOver}\n >\n {content}\n </div>\n );\n }\n};\n\nToolTipWrapper.propTypes = {\n toolTipIsVisible: PropTypes.bool,\n anchorId: PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n content: PropTypes.node,\n handleContentMouseOver: PropTypes.func,\n iconSize: PropTypes.oneOf(keys(IconSizes)),\n tooltipClassName: PropTypes.string,\n usesAnchorElement: PropTypes.bool\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n if (!has('key', event)) return;\n else if (event.key === 'Enter') {\n if (ref) ref.current.focus();\n event.stopPropagation();\n event.preventDefault();\n setState(!state);\n } else if (event.key === 'Tab' || event.key === 'Escape') {\n setState(false);\n }\n};\n\nconst ToolTip = ({\n anchorId,\n TooltipContent,\n 'aria-label': ariaLabel,\n 'data-testid': dataTestId,\n closeToolTipInformationTextAriaLabel,\n toolTipIsVisible: _toolTipIsVisible,\n iconContainerClassName,\n delayHide = 250,\n fontSize = 14,\n iconSize = 'small',\n AnchorElement,\n tooltipClassName,\n placement = 'left'\n}) => {\n const isComponent = useMemo(\n () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n [TooltipContent]\n );\n\n const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n const handleKeyPress = useCallback(\n event => {\n toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n },\n [toolTipIsVisible]\n );\n\n const handleContentMouseOver = useCallback(() => {\n mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n }, [mouseLeaveTimer]);\n\n const handleMouseOver = useCallback(() => {\n mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n setToolTipIsVisible(true);\n }, [mouseLeaveTimer]);\n\n const handleMouseLeave = useCallback(() => {\n setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), delayHide));\n }, [delayHide]);\n\n const content = useMemo(() => {\n if (isComponent) {\n return <TooltipContent />;\n }\n // For ReactTooltip (when anchorId is provided), don't wrap in <p> to avoid double padding\n if (anchorId) {\n return TooltipContent;\n }\n // For regular tooltip, keep the <p> wrapper with padding\n return (\n <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n );\n }, [TooltipContent, fontSize, isComponent, anchorId]);\n\n const anchorElement = useMemo(\n () =>\n AnchorElement ? (\n <AnchorElement onKeyDown={handleKeyPress} />\n ) : (\n <button\n type=\"button\"\n className={classnames([style.tooltipIconContainer, iconContainerClassName])}\n data-testid={dataTestId}\n onKeyDown={handleKeyPress}\n tabIndex={0}\n >\n <InformationIcon\n className={style.informationIcon}\n width={IconSizes[iconSize]}\n height={IconSizes[iconSize]}\n aria-label={ariaLabel}\n />\n </button>\n ),\n [AnchorElement, ariaLabel, dataTestId, handleKeyPress, iconContainerClassName, iconSize]\n );\n\n return anchorId ? (\n <ToolTipWrapper\n toolTipIsVisible={_toolTipIsVisible}\n anchorId={anchorId}\n closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n content={content}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n fontSize={fontSize}\n placement={placement}\n />\n ) : (\n <div\n className={style.tooltipContainer}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n >\n {anchorElement}\n <ToolTipWrapper\n toolTipIsVisible={toolTipIsVisible}\n anchorId={anchorId}\n closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n content={content}\n handleContentMouseOver={handleContentMouseOver}\n fontSize={fontSize}\n iconSize={iconSize}\n tooltipClassName={tooltipClassName}\n usesAnchorElement={!isNil(AnchorElement)}\n />\n </div>\n );\n};\n\nToolTip.propTypes = {\n TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n 'data-testid': PropTypes.string,\n 'aria-label': PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n // ---------- Regular Tooltip exclusive --------------\n // If using an Anchor element w/ the regular Tooltip\n AnchorElement: PropTypes.func,\n tooltipClassName: PropTypes.string,\n //\n iconContainerClassName: PropTypes.string,\n delayHide: PropTypes.number,\n fontSize: PropTypes.oneOf([12, 14]),\n iconSize: PropTypes.oneOf(keys(IconSizes)),\n // ---------- React Tooltip exclusive --------------\n // externalHandling: if passed down, React Tooltip is used instead, due to limitations on\n // parents overflow hidden controls\n // data-for={anchorId} && data-tooltip-place=\"left\" are needed on the anchored component\n anchorId: PropTypes.string,\n toolTipIsVisible: PropTypes.bool,\n placement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ToolTip;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,IAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,KAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAR,sBAAA,CAAAF,OAAA;AAAgC,SAAAE,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAEhC,MAAMW,SAAS,GAAG;EAChB,EAAE,EAAEC,cAAK,CAACC,wBAAwB;EAClC,EAAE,EAAED,cAAK,CAACE;AACZ,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE;AACP,CAAC;AAED,MAAMC,cAAc,GAAGA,CAAC;EACtBC,gBAAgB;EAChBC,QAAQ;EACRC,oCAAoC;EACpCC,OAAO;EACPC,sBAAsB;EACtBC,QAAQ;EACRC,gBAAgB;EAChBC,iBAAiB;EACjBC;AACF,CAAC,KAAK;EACJ,MAAMC,mBAAmB,GAAG,IAAAC,mBAAU,EACpCjB,cAAK,CAACkB,OAAO,EACbL,gBAAgB;EAChB;EACAC,iBAAiB,GAAG,IAAI,GAAGF,QAAQ,KAAK,KAAK,GAAGZ,cAAK,CAACmB,cAAc,GAAGnB,cAAK,CAACoB,gBAC/E,CAAC;EACD,IAAI,CAACb,gBAAgB,EAAE,OAAO,IAAI;EAClC,IAAIC,QAAQ,EAAE;IACZ,oBACE1C,MAAA,CAAAe,OAAA,CAAAwC,aAAA,CAACjD,aAAA,CAAAS,OAAY;MACXyC,EAAE,EAAEd,QAAS;MACbe,SAAS,EAAEvB,cAAK,CAACwB,YAAa;MAC9B,kBAAe,OAAO;MACtBC,KAAK,EAAEV,SAAU;MACjBW,MAAM,EAAC,OAAO;MACd,cAAYjB;IAAqC,GAEhDC,OACW,CAAC;EAEnB,CAAC,MAAM;IACL,oBACE5C,MAAA,CAAAe,OAAA,CAAAwC,aAAA;MACEE,SAAS,EAAEP,mBAAoB;MAC/B,eAAY,SAAS;MACrB,cAAYP,oCAAqC;MACjDkB,WAAW,EAAEhB;IAAuB,GAEnCD,OACE,CAAC;EAEV;AACF,CAAC;AAEDJ,cAAc,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBxB,gBAAgB,EAAEyB,kBAAS,CAACC,IAAI;EAChCzB,QAAQ,EAAEwB,kBAAS,CAACE,MAAM;EAC1BzB,oCAAoC,EAAEuB,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjEzB,OAAO,EAAEsB,kBAAS,CAACI,IAAI;EACvBzB,sBAAsB,EAAEqB,kBAAS,CAACK,IAAI;EACtCzB,QAAQ,EAAEoB,kBAAS,CAACM,KAAK,CAAC,IAAAC,aAAI,EAACpC,SAAS,CAAC,CAAC;EAC1CU,gBAAgB,EAAEmB,kBAAS,CAACE,MAAM;EAClCpB,iBAAiB,EAAEkB,kBAAS,CAACC;AAC/B,CAAC;AAEM,MAAMO,qBAAqB,GAAGA,CAACC,KAAK,EAAEC,QAAQ,EAAEC,GAAG,KAAKC,KAAK,IAAI;EACtE,IAAI,CAAC,IAAA1D,YAAG,EAAC,KAAK,EAAE0D,KAAK,CAAC,EAAE,OAAO,KAC1B,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;IAC9B,IAAIF,GAAG,EAAEA,GAAG,CAACG,OAAO,CAACC,KAAK,CAAC,CAAC;IAC5BH,KAAK,CAACI,eAAe,CAAC,CAAC;IACvBJ,KAAK,CAACK,cAAc,CAAC,CAAC;IACtBP,QAAQ,CAAC,CAACD,KAAK,CAAC;EAClB,CAAC,MAAM,IAAIG,KAAK,CAACC,GAAG,KAAK,KAAK,IAAID,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;IACxDH,QAAQ,CAAC,KAAK,CAAC;EACjB;AACF,CAAC;AAACQ,OAAA,CAAAV,qBAAA,GAAAA,qBAAA;AAEF,MAAMW,OAAO,GAAGA,CAAC;EACf3C,QAAQ;EACR4C,cAAc;EACd,YAAY,EAAEC,SAAS;EACvB,aAAa,EAAEC,UAAU;EACzB7C,oCAAoC;EACpCF,gBAAgB,EAAEgD,iBAAiB;EACnCC,sBAAsB;EACtBC,SAAS,GAAG,GAAG;EACfC,QAAQ,GAAG,EAAE;EACb9C,QAAQ,GAAG,OAAO;EAClB+C,aAAa;EACb9C,gBAAgB;EAChBE,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,MAAM6C,WAAW,GAAG,IAAAC,cAAO,EACzB,MAAM,CAAC,IAAAC,iBAAQ,EAACV,cAAc,CAAC,iBAAI,IAAAW,qBAAc,EAACX,cAAc,CAAC,CAAC,CAAC,EACnE,CAACA,cAAc,CACjB,CAAC;EAED,MAAM,CAAC7C,gBAAgB,EAAEyD,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE/D,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAF,eAAQ,EAACG,SAAS,CAAC;EAEjE,MAAMC,cAAc,GAAG,IAAAC,kBAAW,EAChC1B,KAAK,IAAI;IACPJ,qBAAqB,CAACjC,gBAAgB,EAAEyD,mBAAmB,CAAC,CAACpB,KAAK,CAAC;EACrE,CAAC,EACD,CAACrC,gBAAgB,CACnB,CAAC;EAED,MAAMI,sBAAsB,GAAG,IAAA2D,kBAAW,EAAC,MAAM;IAC/CJ,eAAe,IAAI,0BAA2BK,YAAY,CAACL,eAAe,CAAC;EAC7E,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,MAAMM,eAAe,GAAG,IAAAF,kBAAW,EAAC,MAAM;IACxCJ,eAAe,IAAIK,YAAY,CAACL,eAAe,CAAC;IAChDF,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,CAACE,eAAe,CAAC,CAAC;EAErB,MAAMO,gBAAgB,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACzCH,kBAAkB,CAACO,UAAU,CAAC,MAAMV,mBAAmB,CAAC,KAAK,CAAC,EAAEP,SAAS,CAAC,CAAC;EAC7E,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAM/C,OAAO,GAAG,IAAAmD,cAAO,EAAC,MAAM;IAC5B,IAAID,WAAW,EAAE;MACf,oBAAO9F,MAAA,CAAAe,OAAA,CAAAwC,aAAA,CAAC+B,cAAc,MAAE,CAAC;IAC3B;IACA;IACA,IAAI5C,QAAQ,EAAE;MACZ,OAAO4C,cAAc;IACvB;IACA;IACA,oBACEtF,MAAA,CAAAe,OAAA,CAAAwC,aAAA;MAAGE,SAAS,EAAE,IAAAN,mBAAU,EAAC,CAACjB,cAAK,CAAC2E,cAAc,EAAE5E,SAAS,CAAC2D,QAAQ,CAAC,CAAC;IAAE,GAAEN,cAAkB,CAAC;EAE/F,CAAC,EAAE,CAACA,cAAc,EAAEM,QAAQ,EAAEE,WAAW,EAAEpD,QAAQ,CAAC,CAAC;EAErD,MAAMoE,aAAa,GAAG,IAAAf,cAAO,EAC3B,MACEF,aAAa,gBACX7F,MAAA,CAAAe,OAAA,CAAAwC,aAAA,CAACsC,aAAa;IAACkB,SAAS,EAAER;EAAe,CAAE,CAAC,gBAE5CvG,MAAA,CAAAe,OAAA,CAAAwC,aAAA;IACEyD,IAAI,EAAC,QAAQ;IACbvD,SAAS,EAAE,IAAAN,mBAAU,EAAC,CAACjB,cAAK,CAAC+E,oBAAoB,EAAEvB,sBAAsB,CAAC,CAAE;IAC5E,eAAaF,UAAW;IACxBuB,SAAS,EAAER,cAAe;IAC1BW,QAAQ,EAAE;EAAE,gBAEZlH,MAAA,CAAAe,OAAA,CAAAwC,aAAA,CAAC5C,UAAA,CAAAwG,0CAAe;IACd1D,SAAS,EAAEvB,cAAK,CAACkF,eAAgB;IACjCC,KAAK,EAAEhF,SAAS,CAACS,QAAQ,CAAE;IAC3BwE,MAAM,EAAEjF,SAAS,CAACS,QAAQ,CAAE;IAC5B,cAAYyC;EAAU,CACvB,CACK,CACT,EACH,CAACM,aAAa,EAAEN,SAAS,EAAEC,UAAU,EAAEe,cAAc,EAAEb,sBAAsB,EAAE5C,QAAQ,CACzF,CAAC;EAED,OAAOJ,QAAQ,gBACb1C,MAAA,CAAAe,OAAA,CAAAwC,aAAA,CAACf,cAAc;IACbC,gBAAgB,EAAEgD,iBAAkB;IACpC/C,QAAQ,EAAEA,QAAS;IACnBC,oCAAoC,EAAEA,oCAAqC;IAC3EC,OAAO,EAAEA,OAAQ;IACjB2E,YAAY,EAAEZ,gBAAiB;IAC/B9C,WAAW,EAAE6C,eAAgB;IAC7Bd,QAAQ,EAAEA,QAAS;IACnB3C,SAAS,EAAEA;EAAU,CACtB,CAAC,gBAEFjD,MAAA,CAAAe,OAAA,CAAAwC,aAAA;IACEE,SAAS,EAAEvB,cAAK,CAACsF,gBAAiB;IAClCD,YAAY,EAAEZ,gBAAiB;IAC/B9C,WAAW,EAAE6C;EAAgB,GAE5BI,aAAa,eACd9G,MAAA,CAAAe,OAAA,CAAAwC,aAAA,CAACf,cAAc;IACbC,gBAAgB,EAAEA,gBAAiB;IACnCC,QAAQ,EAAEA,QAAS;IACnBC,oCAAoC,EAAEA,oCAAqC;IAC3EC,OAAO,EAAEA,OAAQ;IACjBC,sBAAsB,EAAEA,sBAAuB;IAC/C+C,QAAQ,EAAEA,QAAS;IACnB9C,QAAQ,EAAEA,QAAS;IACnBC,gBAAgB,EAAEA,gBAAiB;IACnCC,iBAAiB,EAAE,CAAC,IAAAyE,cAAK,EAAC5B,aAAa;EAAE,CAC1C,CACE,CACN;AACH,CAAC;AAEDR,OAAO,CAACvB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAClBqB,cAAc,EAAEpB,kBAAS,CAACwD,SAAS,CAAC,CAACxD,kBAAS,CAACK,IAAI,EAAEL,kBAAS,CAACI,IAAI,EAAEJ,kBAAS,CAACE,MAAM,CAAC,CAAC;EACvF,aAAa,EAAEF,kBAAS,CAACE,MAAM;EAC/B,YAAY,EAAEF,kBAAS,CAACE,MAAM;EAC9BzB,oCAAoC,EAAEuB,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjE;EACA;EACAwB,aAAa,EAAE3B,kBAAS,CAACK,IAAI;EAC7BxB,gBAAgB,EAAEmB,kBAAS,CAACE,MAAM;EAClC;EACAsB,sBAAsB,EAAExB,kBAAS,CAACE,MAAM;EACxCuB,SAAS,EAAEzB,kBAAS,CAACyD,MAAM;EAC3B/B,QAAQ,EAAE1B,kBAAS,CAACM,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;EACnC1B,QAAQ,EAAEoB,kBAAS,CAACM,KAAK,CAAC,IAAAC,aAAI,EAACpC,SAAS,CAAC,CAAC;EAC1C;EACA;EACA;EACA;EACAK,QAAQ,EAAEwB,kBAAS,CAACE,MAAM;EAC1B3B,gBAAgB,EAAEyB,kBAAS,CAACC,IAAI;EAChClB,SAAS,EAAEiB,kBAAS,CAACM,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;AAC/D,CAAC;AAAC,IAAAoD,QAAA,GAAAxC,OAAA,CAAArE,OAAA,GAEasE,OAAO","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_propTypes","_reactTooltip","_isString","_has","_isNil","_keys","_novaIcons","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FontSizes","style","tooltipContentFontSize12","tooltipContentFontSize14","IconSizes","small","big","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","iconSize","tooltipClassName","usesAnchorElement","placement","coorpToolTipClasses","classnames","toolTip","bigIconToolTip","smallIconToolTip","createElement","id","className","toolTipReact","place","effect","role","onMouseOver","propTypes","process","env","NODE_ENV","PropTypes","bool","string","isRequired","node","func","oneOf","keys","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","exports","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","iconContainerClassName","delayHide","fontSize","AnchorElement","isComponent","useMemo","isString","isValidElement","setToolTipIsVisible","useState","mouseLeaveTimer","setMouseLeaveTimer","undefined","handleKeyPress","useCallback","clearTimeout","handleMouseOver","handleMouseLeave","setTimeout","tooltipContent","anchorElement","onKeyDown","type","tooltipIconContainer","tabIndex","NovaCompositionCoorpacademyInformationIcon","informationIcon","width","height","onMouseLeave","tooltipContainer","isNil","oneOfType","number","_default"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport has from 'lodash/fp/has';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst FontSizes = {\n 12: style.tooltipContentFontSize12,\n 14: style.tooltipContentFontSize14\n};\n\nconst IconSizes = {\n small: 12,\n big: 20\n};\n\nconst ToolTipWrapper = ({\n toolTipIsVisible,\n anchorId,\n closeToolTipInformationTextAriaLabel,\n content,\n handleContentMouseOver,\n iconSize,\n tooltipClassName,\n usesAnchorElement,\n placement\n}) => {\n const coorpToolTipClasses = classnames(\n style.toolTip,\n tooltipClassName,\n // eslint-disable-next-line no-nested-ternary\n usesAnchorElement ? null : iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip\n );\n if (!toolTipIsVisible) return null;\n if (anchorId) {\n return (\n <ReactTooltip\n id={anchorId}\n className={style.toolTipReact}\n data-event-off=\"click\"\n place={placement}\n effect=\"solid\"\n aria-label={closeToolTipInformationTextAriaLabel}\n >\n {content}\n </ReactTooltip>\n );\n } else {\n return (\n <div\n className={coorpToolTipClasses}\n data-testid=\"tooltip\"\n role=\"group\"\n aria-label={closeToolTipInformationTextAriaLabel}\n onMouseOver={handleContentMouseOver}\n >\n {content}\n </div>\n );\n }\n};\n\nToolTipWrapper.propTypes = {\n toolTipIsVisible: PropTypes.bool,\n anchorId: PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n content: PropTypes.node,\n handleContentMouseOver: PropTypes.func,\n iconSize: PropTypes.oneOf(keys(IconSizes)),\n tooltipClassName: PropTypes.string,\n usesAnchorElement: PropTypes.bool\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n if (!has('key', event)) return;\n else if (event.key === 'Enter') {\n if (ref) ref.current.focus();\n event.stopPropagation();\n event.preventDefault();\n setState(!state);\n } else if (event.key === 'Tab' || event.key === 'Escape') {\n setState(false);\n }\n};\n\nconst ToolTip = ({\n anchorId,\n TooltipContent,\n 'aria-label': ariaLabel,\n 'data-testid': dataTestId,\n closeToolTipInformationTextAriaLabel,\n toolTipIsVisible: _toolTipIsVisible,\n iconContainerClassName,\n delayHide = 250,\n fontSize = 14,\n iconSize = 'small',\n AnchorElement,\n tooltipClassName,\n placement = 'left'\n}) => {\n const isComponent = useMemo(\n () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n [TooltipContent]\n );\n\n const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n const handleKeyPress = useCallback(\n event => {\n toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n },\n [toolTipIsVisible]\n );\n\n const handleContentMouseOver = useCallback(() => {\n mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n }, [mouseLeaveTimer]);\n\n const handleMouseOver = useCallback(() => {\n mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n setToolTipIsVisible(true);\n }, [mouseLeaveTimer]);\n\n const handleMouseLeave = useCallback(() => {\n setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), delayHide));\n }, [delayHide]);\n\n const content = useMemo(() => {\n if (isComponent) {\n return <TooltipContent />;\n }\n // For ReactTooltip (when anchorId is provided), don't wrap in <p> to avoid double padding\n if (anchorId) {\n return TooltipContent;\n }\n // For regular tooltip, keep the <p> wrapper with padding\n return (\n <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n );\n }, [TooltipContent, fontSize, isComponent, anchorId]);\n\n const anchorElement = useMemo(\n () =>\n AnchorElement ? (\n <AnchorElement onKeyDown={handleKeyPress} />\n ) : (\n <button\n type=\"button\"\n className={classnames([style.tooltipIconContainer, iconContainerClassName])}\n data-testid={dataTestId}\n onKeyDown={handleKeyPress}\n tabIndex={0}\n >\n <InformationIcon\n className={style.informationIcon}\n width={IconSizes[iconSize]}\n height={IconSizes[iconSize]}\n aria-label={ariaLabel}\n />\n </button>\n ),\n [AnchorElement, ariaLabel, dataTestId, handleKeyPress, iconContainerClassName, iconSize]\n );\n\n return anchorId ? (\n <ToolTipWrapper\n toolTipIsVisible={_toolTipIsVisible}\n anchorId={anchorId}\n closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n content={content}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n fontSize={fontSize}\n placement={placement}\n />\n ) : (\n <div\n className={style.tooltipContainer}\n onMouseLeave={handleMouseLeave}\n onMouseOver={handleMouseOver}\n >\n {anchorElement}\n <ToolTipWrapper\n toolTipIsVisible={toolTipIsVisible}\n anchorId={anchorId}\n closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n content={content}\n handleContentMouseOver={handleContentMouseOver}\n fontSize={fontSize}\n iconSize={iconSize}\n tooltipClassName={tooltipClassName}\n usesAnchorElement={!isNil(AnchorElement)}\n />\n </div>\n );\n};\n\nToolTip.propTypes = {\n TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n 'data-testid': PropTypes.string,\n 'aria-label': PropTypes.string,\n closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n // ---------- Regular Tooltip exclusive --------------\n // If using an Anchor element w/ the regular Tooltip\n AnchorElement: PropTypes.func,\n tooltipClassName: PropTypes.string,\n //\n iconContainerClassName: PropTypes.string,\n delayHide: PropTypes.number,\n fontSize: PropTypes.oneOf([12, 14]),\n iconSize: PropTypes.oneOf(keys(IconSizes)),\n // ---------- React Tooltip exclusive --------------\n // externalHandling: if passed down, React Tooltip is used instead, due to limitations on\n // parents overflow hidden controls\n // data-for={anchorId} && data-tooltip-place=\"left\" are needed on the anchored component\n anchorId: PropTypes.string,\n toolTipIsVisible: PropTypes.bool,\n placement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ToolTip;\n"],"mappings":"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","ignoreList":[]}
@@ -184,6 +184,7 @@ const BaseModal = (props, context) => {
184
184
  className: _style.default.headerContent
185
185
  }, /*#__PURE__*/_react.default.createElement("div", {
186
186
  className: _style.default.headerTitle,
187
+ role: "group",
187
188
  "aria-label": titleAriaLabel
188
189
  }, title), description ? /*#__PURE__*/_react.default.createElement("div", {
189
190
  className: _style.default.headerDescription
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_classnames","_provider","_icon","_buttonLink","_colors","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BaseModal","props","context","title","titleAriaLabel","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","customStyle","skin","bodyRef","useRef","isScrollbarVisible","setIsScrollbarVisible","useState","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","useEffect","debouncedCheckScrollbar","_debounce2","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","handleEscape","event","key","document","addEventListener","removeEventListener","Footer","useCallback","_isEmpty2","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","_get2","createElement","className","style","footerCTAWrapper","button","type","onClick","backgroundColor","paddingLeft","hoverBackgroundColor","convert","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","footerDescription","footerDescriptionError","handleOnClose","stopPropagation","handleModalOnClick","modalWrapper","modal","classnames","header","headerCentered","iconColor","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","ref","body","bodyWithoutScrollbar","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","shape","node","bool","oneOfType","func","boolean","objectOf","number","_default","exports"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n const {\n title,\n titleAriaLabel,\n description,\n headerIcon,\n children,\n isOpen,\n footer,\n onClose,\n onScroll,\n detectScrollbar = false,\n customStyle\n } = props;\n const {skin} = context;\n const bodyRef = useRef(null);\n const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n const checkScrollbar = () => {\n const bodyElement = bodyRef.current;\n if (bodyElement) {\n setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n }\n };\n\n useEffect(() => {\n if (!detectScrollbar) return;\n const bodyElement = bodyRef.current;\n\n if (!bodyElement) return;\n\n const debouncedCheckScrollbar = debounce(100, () => {\n checkScrollbar();\n });\n\n // Observer of the body content\n const mutationObserver = new MutationObserver(() => {\n debouncedCheckScrollbar();\n });\n\n mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n // Observer of the body size\n const resizeObserver = new ResizeObserver(() => {\n debouncedCheckScrollbar();\n });\n\n if (bodyRef.current) {\n resizeObserver.observe(bodyRef.current);\n }\n\n checkScrollbar();\n\n return () => {\n mutationObserver.disconnect();\n resizeObserver.disconnect();\n debouncedCheckScrollbar.cancel();\n };\n }, [children, detectScrollbar]);\n\n // Handle escape key press\n useEffect(() => {\n if (!isOpen || !onClose) return;\n\n const handleEscape = event => {\n if (event.key === 'Escape') {\n onClose();\n }\n };\n\n document.addEventListener('keydown', handleEscape);\n return () => {\n document.removeEventListener('keydown', handleEscape);\n };\n }, [isOpen, onClose]);\n\n const Footer = useCallback(() => {\n if (isEmpty(footer)) return null;\n if (typeof footer === 'function') return footer();\n\n const {cancelButton, confirmButton, text, isError} = footer;\n const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n const {\n label: confirmLabel,\n onConfirm,\n disabled: confirmDisabled,\n iconName,\n color\n } = confirmButton || {};\n const buttonConfirmColor = color || get('common.primary', skin);\n\n return (\n <div className={style.footer} data-name=\"modal-footer\">\n <div className={style.footerCTAWrapper}>\n {onCancel && cancelLabel ? (\n <ButtonLink\n {...{\n className: style.button,\n type: 'secondary',\n onClick: onCancel,\n label: cancelLabel,\n disabled: cancelDisabled,\n 'data-testid': `button-link-cancel`\n }}\n />\n ) : null}\n {onConfirm && confirmLabel ? (\n <div>\n <ButtonLink\n {...{\n customStyle: {backgroundColor: buttonConfirmColor, paddingLeft: '16px'},\n hoverBackgroundColor: convert(\n `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n ),\n hoverColor: COLORS.white,\n className: style.button,\n type: 'primary',\n onClick: onConfirm,\n label: confirmLabel,\n disabled: confirmDisabled,\n ...(iconName\n ? {\n icon: {\n position: 'left',\n faIcon: {\n name: iconName,\n color: COLORS.white,\n size: 14,\n customStyle: {padding: 0}\n }\n }\n }\n : {}),\n 'data-testid': `button-link-confirm`\n }}\n />\n </div>\n ) : null}\n </div>\n {text ? (\n <div\n className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n >\n {text}\n </div>\n ) : null}\n </div>\n );\n }, [footer, skin]);\n\n if (!isOpen || !title || !children) return null;\n\n function handleOnClose(e) {\n e?.stopPropagation();\n onClose();\n }\n function handleModalOnClick(e) {\n e?.stopPropagation();\n }\n\n return (\n <div className={style.modalWrapper} data-testid=\"modal\" onClick={handleOnClose}>\n <div className={style.modal} style={customStyle} onClick={handleModalOnClick}>\n <header className={classnames(style.header, !description && style.headerCentered)}>\n {headerIcon?.name ? (\n <div className={style.headerIcon}>\n <Icon\n iconName={headerIcon.name}\n iconColor={headerIcon.color}\n backgroundColor={headerIcon.backgroundColor}\n size={{faSize: 20, wrapperSize: 48}}\n />\n </div>\n ) : null}\n <div className={style.headerContent}>\n <div className={style.headerTitle} aria-label={titleAriaLabel}>\n {title}\n </div>\n {description ? <div className={style.headerDescription}>{description}</div> : null}\n </div>\n <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n </div>\n </header>\n <div\n ref={bodyRef}\n className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n onScroll={onScroll}\n data-testid=\"modal-body\"\n >\n {children}\n </div>\n <Footer />\n </div>\n </div>\n );\n};\n\nBaseModal.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n title: PropTypes.string,\n titleAriaLabel: PropTypes.string,\n headerIcon: PropTypes.shape({\n name: PropTypes.string,\n color: PropTypes.string,\n backgroundColor: PropTypes.string\n }),\n description: PropTypes.string,\n children: PropTypes.node,\n isOpen: PropTypes.bool,\n footer: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({\n text: PropTypes.string,\n isError: PropTypes.boolean,\n cancelButton: PropTypes.shape({\n label: PropTypes.string,\n onCancel: PropTypes.func,\n disabled: PropTypes.bool\n }),\n confirmButton: PropTypes.shape({\n label: PropTypes.string,\n onConfirm: PropTypes.func,\n iconName: PropTypes.string,\n disabled: PropTypes.bool,\n color: PropTypes.string\n })\n })\n ]),\n onClose: PropTypes.func,\n onScroll: PropTypes.func,\n detectScrollbar: PropTypes.bool,\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default BaseModal;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_classnames","_provider","_icon","_buttonLink","_colors","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BaseModal","props","context","title","titleAriaLabel","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","customStyle","skin","bodyRef","useRef","isScrollbarVisible","setIsScrollbarVisible","useState","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","useEffect","debouncedCheckScrollbar","_debounce2","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","handleEscape","event","key","document","addEventListener","removeEventListener","Footer","useCallback","_isEmpty2","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","_get2","createElement","className","style","footerCTAWrapper","button","type","onClick","backgroundColor","paddingLeft","hoverBackgroundColor","convert","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","footerDescription","footerDescriptionError","handleOnClose","stopPropagation","handleModalOnClick","modalWrapper","modal","classnames","header","headerCentered","iconColor","faSize","wrapperSize","headerContent","headerTitle","role","headerDescription","headerCloseIcon","ref","body","bodyWithoutScrollbar","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","shape","node","bool","oneOfType","func","boolean","objectOf","number","_default","exports"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n const {\n title,\n titleAriaLabel,\n description,\n headerIcon,\n children,\n isOpen,\n footer,\n onClose,\n onScroll,\n detectScrollbar = false,\n customStyle\n } = props;\n const {skin} = context;\n const bodyRef = useRef(null);\n const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n const checkScrollbar = () => {\n const bodyElement = bodyRef.current;\n if (bodyElement) {\n setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n }\n };\n\n useEffect(() => {\n if (!detectScrollbar) return;\n const bodyElement = bodyRef.current;\n\n if (!bodyElement) return;\n\n const debouncedCheckScrollbar = debounce(100, () => {\n checkScrollbar();\n });\n\n // Observer of the body content\n const mutationObserver = new MutationObserver(() => {\n debouncedCheckScrollbar();\n });\n\n mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n // Observer of the body size\n const resizeObserver = new ResizeObserver(() => {\n debouncedCheckScrollbar();\n });\n\n if (bodyRef.current) {\n resizeObserver.observe(bodyRef.current);\n }\n\n checkScrollbar();\n\n return () => {\n mutationObserver.disconnect();\n resizeObserver.disconnect();\n debouncedCheckScrollbar.cancel();\n };\n }, [children, detectScrollbar]);\n\n // Handle escape key press\n useEffect(() => {\n if (!isOpen || !onClose) return;\n\n const handleEscape = event => {\n if (event.key === 'Escape') {\n onClose();\n }\n };\n\n document.addEventListener('keydown', handleEscape);\n return () => {\n document.removeEventListener('keydown', handleEscape);\n };\n }, [isOpen, onClose]);\n\n const Footer = useCallback(() => {\n if (isEmpty(footer)) return null;\n if (typeof footer === 'function') return footer();\n\n const {cancelButton, confirmButton, text, isError} = footer;\n const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n const {\n label: confirmLabel,\n onConfirm,\n disabled: confirmDisabled,\n iconName,\n color\n } = confirmButton || {};\n const buttonConfirmColor = color || get('common.primary', skin);\n\n return (\n <div className={style.footer} data-name=\"modal-footer\">\n <div className={style.footerCTAWrapper}>\n {onCancel && cancelLabel ? (\n <ButtonLink\n {...{\n className: style.button,\n type: 'secondary',\n onClick: onCancel,\n label: cancelLabel,\n disabled: cancelDisabled,\n 'data-testid': `button-link-cancel`\n }}\n />\n ) : null}\n {onConfirm && confirmLabel ? (\n <div>\n <ButtonLink\n {...{\n customStyle: {backgroundColor: buttonConfirmColor, paddingLeft: '16px'},\n hoverBackgroundColor: convert(\n `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n ),\n hoverColor: COLORS.white,\n className: style.button,\n type: 'primary',\n onClick: onConfirm,\n label: confirmLabel,\n disabled: confirmDisabled,\n ...(iconName\n ? {\n icon: {\n position: 'left',\n faIcon: {\n name: iconName,\n color: COLORS.white,\n size: 14,\n customStyle: {padding: 0}\n }\n }\n }\n : {}),\n 'data-testid': `button-link-confirm`\n }}\n />\n </div>\n ) : null}\n </div>\n {text ? (\n <div\n className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n >\n {text}\n </div>\n ) : null}\n </div>\n );\n }, [footer, skin]);\n\n if (!isOpen || !title || !children) return null;\n\n function handleOnClose(e) {\n e?.stopPropagation();\n onClose();\n }\n function handleModalOnClick(e) {\n e?.stopPropagation();\n }\n\n return (\n <div className={style.modalWrapper} data-testid=\"modal\" onClick={handleOnClose}>\n <div className={style.modal} style={customStyle} onClick={handleModalOnClick}>\n <header className={classnames(style.header, !description && style.headerCentered)}>\n {headerIcon?.name ? (\n <div className={style.headerIcon}>\n <Icon\n iconName={headerIcon.name}\n iconColor={headerIcon.color}\n backgroundColor={headerIcon.backgroundColor}\n size={{faSize: 20, wrapperSize: 48}}\n />\n </div>\n ) : null}\n <div className={style.headerContent}>\n <div className={style.headerTitle} role=\"group\" aria-label={titleAriaLabel}>\n {title}\n </div>\n {description ? <div className={style.headerDescription}>{description}</div> : null}\n </div>\n <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n </div>\n </header>\n <div\n ref={bodyRef}\n className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n onScroll={onScroll}\n data-testid=\"modal-body\"\n >\n {children}\n </div>\n <Footer />\n </div>\n </div>\n );\n};\n\nBaseModal.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n title: PropTypes.string,\n titleAriaLabel: PropTypes.string,\n headerIcon: PropTypes.shape({\n name: PropTypes.string,\n color: PropTypes.string,\n backgroundColor: PropTypes.string\n }),\n description: PropTypes.string,\n children: PropTypes.node,\n isOpen: PropTypes.bool,\n footer: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({\n text: PropTypes.string,\n isError: PropTypes.boolean,\n cancelButton: PropTypes.shape({\n label: PropTypes.string,\n onCancel: PropTypes.func,\n disabled: PropTypes.bool\n }),\n confirmButton: PropTypes.shape({\n label: PropTypes.string,\n onConfirm: PropTypes.func,\n iconName: PropTypes.string,\n disabled: PropTypes.bool,\n color: PropTypes.string\n })\n })\n ]),\n onClose: PropTypes.func,\n onScroll: PropTypes.func,\n detectScrollbar: PropTypes.bool,\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default BaseModal;\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAM9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsH/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAM9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4H/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
@@ -83,6 +83,7 @@ const BulletPointMenuButton = props => {
83
83
  const menu = visible ? /*#__PURE__*/_react.default.createElement("div", {
84
84
  className: menuStyle,
85
85
  "data-name": "menu-wrapper",
86
+ role: "group",
86
87
  "aria-label": menuAriaLabel,
87
88
  ref: wrapperRef
88
89
  }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, menuProps)) : null;