@cuemath/leap 2.8.61-as9 → 2.8.61-hg1

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 (239) hide show
  1. package/dist/assets/illustrations/illustrations.js +0 -9
  2. package/dist/assets/illustrations/illustrations.js.map +1 -1
  3. package/dist/assets/line-icons/icons/bin2.js +8 -7
  4. package/dist/assets/line-icons/icons/bin2.js.map +1 -1
  5. package/dist/assets/line-icons/icons/chevron-left.js.map +1 -1
  6. package/dist/assets/line-icons/icons/chevron-right.js.map +1 -1
  7. package/dist/assets/line-icons/icons/closed-eye.js +23 -0
  8. package/dist/assets/line-icons/icons/closed-eye.js.map +1 -0
  9. package/dist/constants/api.js +2 -3
  10. package/dist/constants/api.js.map +1 -1
  11. package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js +33 -99
  12. package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js.map +1 -1
  13. package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js +49 -92
  14. package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js.map +1 -1
  15. package/dist/features/chapters/chapters-list/chapters-list-styled.js +5 -5
  16. package/dist/features/chapters/chapters-list/chapters-list-styled.js.map +1 -1
  17. package/dist/features/chapters/chapters-list/chapters-list.js +70 -64
  18. package/dist/features/chapters/chapters-list/chapters-list.js.map +1 -1
  19. package/dist/features/circle-games/games/web-view/web-view-types.js.map +1 -1
  20. package/dist/features/circle-games/games/web-view/web-view.js +47 -53
  21. package/dist/features/circle-games/games/web-view/web-view.js.map +1 -1
  22. package/dist/features/communication/pub-sub/constants.js +2 -5
  23. package/dist/features/communication/pub-sub/constants.js.map +1 -1
  24. package/dist/features/milestone/create/api/goal-submit.js +1 -1
  25. package/dist/features/milestone/create/api/goal-submit.js.map +1 -1
  26. package/dist/features/milestone/create/comps/chapter-item/chapter-item.js +49 -42
  27. package/dist/features/milestone/create/comps/chapter-item/chapter-item.js.map +1 -1
  28. package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js +4 -12
  29. package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js.map +1 -1
  30. package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.js +105 -128
  31. package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.js.map +1 -1
  32. package/dist/features/milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js +92 -0
  33. package/dist/features/milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js.map +1 -0
  34. package/dist/features/milestone/create/comps/milestone-progress-v2/styled.js +25 -0
  35. package/dist/features/milestone/create/comps/milestone-progress-v2/styled.js.map +1 -0
  36. package/dist/features/milestone/create/comps/sheets-list/sheets-list-styled.js +20 -14
  37. package/dist/features/milestone/create/comps/sheets-list/sheets-list-styled.js.map +1 -1
  38. package/dist/features/milestone/create/comps/sheets-list/sheets-list.js +50 -26
  39. package/dist/features/milestone/create/comps/sheets-list/sheets-list.js.map +1 -1
  40. package/dist/features/milestone/create/milestone-create.js +43 -49
  41. package/dist/features/milestone/create/milestone-create.js.map +1 -1
  42. package/dist/features/milestone/create/utils/index.js +38 -33
  43. package/dist/features/milestone/create/utils/index.js.map +1 -1
  44. package/dist/features/milestone/edit/comps/edit-milestone-modal/api/get-milestone.js +1 -1
  45. package/dist/features/milestone/edit/comps/edit-milestone-modal/api/get-milestone.js.map +1 -1
  46. package/dist/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.js +1 -1
  47. package/dist/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.js.map +1 -1
  48. package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js +53 -51
  49. package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js.map +1 -1
  50. package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-container.js +40 -42
  51. package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-container.js.map +1 -1
  52. package/dist/features/milestone/edit/goal-edit-container.js +62 -64
  53. package/dist/features/milestone/edit/goal-edit-container.js.map +1 -1
  54. package/dist/features/milestone/edit/goal-edit-helpers.js +53 -50
  55. package/dist/features/milestone/edit/goal-edit-helpers.js.map +1 -1
  56. package/dist/features/milestone/edit/milestone-edit-container.js +52 -54
  57. package/dist/features/milestone/edit/milestone-edit-container.js.map +1 -1
  58. package/dist/features/milestone/milestone-list-container/api/get-milestone-resources.js +1 -1
  59. package/dist/features/milestone/milestone-list-container/api/get-milestone-resources.js.map +1 -1
  60. package/dist/features/milestone/milestone-list-container/api/get-milestones.js +17 -9
  61. package/dist/features/milestone/milestone-list-container/api/get-milestones.js.map +1 -1
  62. package/dist/features/milestone/milestone-list-container/api/get-tests-list.js +1 -1
  63. package/dist/features/milestone/milestone-list-container/api/get-tests-list.js.map +1 -1
  64. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +104 -136
  65. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
  66. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element-styled.js +13 -0
  67. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element-styled.js.map +1 -0
  68. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.js +38 -0
  69. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.js.map +1 -0
  70. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js +123 -107
  71. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js.map +1 -1
  72. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js +176 -157
  73. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js.map +1 -1
  74. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.js +10 -24
  75. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.js.map +1 -1
  76. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js +83 -76
  77. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js.map +1 -1
  78. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-utils.js +22 -10
  79. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-utils.js.map +1 -1
  80. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-status.js +53 -0
  81. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-status.js.map +1 -0
  82. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.js +37 -70
  83. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.js.map +1 -1
  84. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js +176 -114
  85. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js.map +1 -1
  86. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-info.js +25 -0
  87. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-info.js.map +1 -0
  88. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-rank.js +16 -29
  89. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-rank.js.map +1 -1
  90. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-styled.js +23 -19
  91. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-styled.js.map +1 -1
  92. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome.js +35 -23
  93. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome.js.map +1 -1
  94. package/dist/features/milestone/milestone-list-container/milestone-list-container.js +100 -96
  95. package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
  96. package/dist/features/milestone/milestone-resources/resources-list/resources-list-styled.js +1 -1
  97. package/dist/features/milestone/milestone-resources/resources-list/resources-list-styled.js.map +1 -1
  98. package/dist/features/milestone/milestone-resources/resources-list/resources-list.js +112 -114
  99. package/dist/features/milestone/milestone-resources/resources-list/resources-list.js.map +1 -1
  100. package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js +18 -16
  101. package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js.map +1 -1
  102. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.js +71 -0
  103. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.js.map +1 -0
  104. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-styled.js +31 -0
  105. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-styled.js.map +1 -0
  106. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js +34 -6
  107. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js.map +1 -1
  108. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js +79 -0
  109. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js.map +1 -0
  110. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js +18 -0
  111. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js.map +1 -0
  112. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list.js +51 -0
  113. package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list.js.map +1 -0
  114. package/dist/features/milestone/milestone-tests/tests-list/tests-list-styled.js +11 -0
  115. package/dist/features/milestone/milestone-tests/tests-list/tests-list-styled.js.map +1 -0
  116. package/dist/features/milestone/milestone-tests/tests-list/tests-list.js +135 -0
  117. package/dist/features/milestone/milestone-tests/tests-list/tests-list.js.map +1 -0
  118. package/dist/features/sheets/resources-list/resource-item/styled.js +1 -1
  119. package/dist/features/sheets/resources-list/resource-item/styled.js.map +1 -1
  120. package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js +3 -4
  121. package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js.map +1 -1
  122. package/dist/features/sheets/utils/is-v3-worksheet.js.map +1 -1
  123. package/dist/features/ui/arrow-tooltip/arrow-tooltip.js +29 -30
  124. package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map +1 -1
  125. package/dist/features/ui/constants/z-index.js +1 -1
  126. package/dist/features/ui/constants/z-index.js.map +1 -1
  127. package/dist/features/ui/context-menu/context-menu-styled.js +14 -28
  128. package/dist/features/ui/context-menu/context-menu-styled.js.map +1 -1
  129. package/dist/features/ui/context-menu/context-menu.js +15 -30
  130. package/dist/features/ui/context-menu/context-menu.js.map +1 -1
  131. package/dist/features/ui/theme/button.js +107 -22
  132. package/dist/features/ui/theme/button.js.map +1 -1
  133. package/dist/index.d.ts +31 -258
  134. package/dist/index.js +471 -495
  135. package/dist/index.js.map +1 -1
  136. package/package.json +1 -1
  137. package/dist/assets/line-icons/icons/alarm.js +0 -41
  138. package/dist/assets/line-icons/icons/alarm.js.map +0 -1
  139. package/dist/assets/line-icons/icons/dart.js +0 -23
  140. package/dist/assets/line-icons/icons/dart.js.map +0 -1
  141. package/dist/assets/line-icons/icons/exclamation.js +0 -26
  142. package/dist/assets/line-icons/icons/exclamation.js.map +0 -1
  143. package/dist/assets/line-icons/icons/home2.js +0 -25
  144. package/dist/assets/line-icons/icons/home2.js.map +0 -1
  145. package/dist/assets/line-icons/icons/important.js +0 -23
  146. package/dist/assets/line-icons/icons/important.js.map +0 -1
  147. package/dist/assets/line-icons/icons/puzzle.js +0 -25
  148. package/dist/assets/line-icons/icons/puzzle.js.map +0 -1
  149. package/dist/assets/line-icons/icons/recap.js +0 -32
  150. package/dist/assets/line-icons/icons/recap.js.map +0 -1
  151. package/dist/assets/line-icons/icons/skip-colored.js +0 -43
  152. package/dist/assets/line-icons/icons/skip-colored.js.map +0 -1
  153. package/dist/assets/line-icons/icons/status.js +0 -41
  154. package/dist/assets/line-icons/icons/status.js.map +0 -1
  155. package/dist/assets/line-icons/icons/testtube.js +0 -33
  156. package/dist/assets/line-icons/icons/testtube.js.map +0 -1
  157. package/dist/features/chapters-v2/api/chapter.js +0 -10
  158. package/dist/features/chapters-v2/api/chapter.js.map +0 -1
  159. package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js +0 -112
  160. package/dist/features/chapters-v2/chapter-details/block-sections/block-section-view.js.map +0 -1
  161. package/dist/features/chapters-v2/chapter-details/block-sections/block-sections-styled.js +0 -26
  162. package/dist/features/chapters-v2/chapter-details/block-sections/block-sections-styled.js.map +0 -1
  163. package/dist/features/chapters-v2/chapter-details/block-sections/block-sections.js +0 -73
  164. package/dist/features/chapters-v2/chapter-details/block-sections/block-sections.js.map +0 -1
  165. package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner-styled.js +0 -90
  166. package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner-styled.js.map +0 -1
  167. package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.js +0 -97
  168. package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.js.map +0 -1
  169. package/dist/features/chapters-v2/chapter-details/chapter-details-styled.js +0 -52
  170. package/dist/features/chapters-v2/chapter-details/chapter-details-styled.js.map +0 -1
  171. package/dist/features/chapters-v2/chapter-details/chapter-details.js +0 -103
  172. package/dist/features/chapters-v2/chapter-details/chapter-details.js.map +0 -1
  173. package/dist/features/chapters-v2/comps/node-card/border-path-animation.js +0 -13
  174. package/dist/features/chapters-v2/comps/node-card/border-path-animation.js.map +0 -1
  175. package/dist/features/chapters-v2/comps/node-card/node-card-styled.js +0 -153
  176. package/dist/features/chapters-v2/comps/node-card/node-card-styled.js.map +0 -1
  177. package/dist/features/chapters-v2/comps/node-card/node-card-tags.js +0 -16
  178. package/dist/features/chapters-v2/comps/node-card/node-card-tags.js.map +0 -1
  179. package/dist/features/chapters-v2/comps/node-card/node-card.js +0 -12
  180. package/dist/features/chapters-v2/comps/node-card/node-card.js.map +0 -1
  181. package/dist/features/chapters-v2/comps/node-card/node-menu-options/node-menu-options-styled.js +0 -32
  182. package/dist/features/chapters-v2/comps/node-card/node-menu-options/node-menu-options-styled.js.map +0 -1
  183. package/dist/features/chapters-v2/comps/node-card/node-menu-options/node-menu-options.js +0 -31
  184. package/dist/features/chapters-v2/comps/node-card/node-menu-options/node-menu-options.js.map +0 -1
  185. package/dist/features/chapters-v2/comps/node-card/student-actions/student-actions.js +0 -164
  186. package/dist/features/chapters-v2/comps/node-card/student-actions/student-actions.js.map +0 -1
  187. package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js +0 -183
  188. package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js.map +0 -1
  189. package/dist/features/chapters-v2/comps/tag/tag-styled.js +0 -13
  190. package/dist/features/chapters-v2/comps/tag/tag-styled.js.map +0 -1
  191. package/dist/features/chapters-v2/comps/tag/tag.js +0 -28
  192. package/dist/features/chapters-v2/comps/tag/tag.js.map +0 -1
  193. package/dist/features/chapters-v2/constants/block-constants.js +0 -20
  194. package/dist/features/chapters-v2/constants/block-constants.js.map +0 -1
  195. package/dist/features/chapters-v2/constants/node-constants.js +0 -14
  196. package/dist/features/chapters-v2/constants/node-constants.js.map +0 -1
  197. package/dist/features/chapters-v2/utils/index.js +0 -41
  198. package/dist/features/chapters-v2/utils/index.js.map +0 -1
  199. package/dist/features/chapters-v2/utils/node-card-utils.js +0 -122
  200. package/dist/features/chapters-v2/utils/node-card-utils.js.map +0 -1
  201. package/dist/features/homework/card-menu-options.js +0 -38
  202. package/dist/features/homework/card-menu-options.js.map +0 -1
  203. package/dist/features/homework/homework-card.js +0 -288
  204. package/dist/features/homework/homework-card.js.map +0 -1
  205. package/dist/features/homework/hw-card-list/api/get-homeworks.js +0 -10
  206. package/dist/features/homework/hw-card-list/api/get-homeworks.js.map +0 -1
  207. package/dist/features/homework/hw-card-list/hw-card-list-styled.js +0 -34
  208. package/dist/features/homework/hw-card-list/hw-card-list-styled.js.map +0 -1
  209. package/dist/features/homework/hw-card-list/hw-card-list.js +0 -159
  210. package/dist/features/homework/hw-card-list/hw-card-list.js.map +0 -1
  211. package/dist/features/homework/node-progress.js +0 -29
  212. package/dist/features/homework/node-progress.js.map +0 -1
  213. package/dist/features/homework/styles.js +0 -117
  214. package/dist/features/homework/styles.js.map +0 -1
  215. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js +0 -165
  216. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js.map +0 -1
  217. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.js +0 -25
  218. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.js.map +0 -1
  219. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js +0 -84
  220. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js.map +0 -1
  221. package/dist/features/recent-chapters/api/get-recent-chapters.js +0 -9
  222. package/dist/features/recent-chapters/api/get-recent-chapters.js.map +0 -1
  223. package/dist/features/recent-chapters/recent-chapters-styled.js +0 -16
  224. package/dist/features/recent-chapters/recent-chapters-styled.js.map +0 -1
  225. package/dist/features/recent-chapters/recent-chapters.js +0 -34
  226. package/dist/features/recent-chapters/recent-chapters.js.map +0 -1
  227. package/dist/features/sheet-v2/resource-list/resource-list.js +0 -51
  228. package/dist/features/sheet-v2/resource-list/resource-list.js.map +0 -1
  229. package/dist/node_modules/date-fns/differenceInDays.js +0 -17
  230. package/dist/node_modules/date-fns/differenceInDays.js.map +0 -1
  231. package/dist/static/chapter-header-bg-2.c8d96894.svg +0 -1
  232. package/dist/static/node-custom-test-bg.d3b757be.svg +0 -1
  233. package/dist/static/node-learn-bg.b61f815c.svg +0 -1
  234. package/dist/static/node-practice-bg.16cbaf2a.svg +0 -1
  235. package/dist/static/node-project-bg.e6a33e28.svg +0 -1
  236. package/dist/static/node-puzzle-bg.3422135c.svg +0 -1
  237. package/dist/static/node-recap-bg.546154e4.svg +0 -1
  238. package/dist/static/node-test-prep-bg.42c0b9c4.svg +0 -1
  239. package/dist/static/node-video-bg.3df3f73a.svg +0 -1
@@ -1,159 +0,0 @@
1
- import { jsxs as s, jsx as t } from "react/jsx-runtime";
2
- import { h as J } from "../../../node_modules/humanize-plus/dist/humanize.js";
3
- import { useRef as ee, useState as a, useCallback as n, useEffect as u } from "react";
4
- import te from "../../../assets/line-icons/icons/chevron-left.js";
5
- import oe from "../../../assets/line-icons/icons/chevron-right.js";
6
- import { getTopicsFromItems as re } from "../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js";
7
- import h from "../../ui/layout/flex-view.js";
8
- import p from "../../ui/text/text.js";
9
- import ne from "../homework-card.js";
10
- import { useGetHomeworks as ie } from "./api/get-homeworks.js";
11
- import { HoverZone as _, ScrollButton as b, ScrollContainer as se } from "./hw-card-list-styled.js";
12
- const le = ({
13
- userType: k = "STUDENT",
14
- studentId: d,
15
- stream: $,
16
- onTestStart: w,
17
- onNodeAttempt: x,
18
- onTestPreview: R,
19
- onNodeView: S,
20
- onTestReview: T,
21
- onNodeReview: A,
22
- onNodeUnassign: E
23
- }) => {
24
- const r = ee(null), [y, g] = a(!1), [B, v] = a(!1), [I, M] = a(!1), [N, j] = a(!0), { get: L, data: e, isProcessingFailed: K } = ie(d), z = n(() => {
25
- r.current && r.current.scrollBy({ left: -200, behavior: "smooth" });
26
- }, []), G = n(() => {
27
- r.current && r.current.scrollBy({ left: 200, behavior: "smooth" });
28
- }, []), W = n(() => {
29
- g(!0);
30
- }, []), F = n(() => {
31
- g(!1);
32
- }, []), X = n(() => {
33
- v(!0);
34
- }, []), O = n(() => {
35
- v(!1);
36
- }, []), i = n(() => {
37
- if (r.current) {
38
- const { scrollLeft: o, scrollWidth: l, clientWidth: f } = r.current;
39
- M(o > 10), j(o < l - f - 10);
40
- }
41
- }, []);
42
- u(() => {
43
- const o = r.current;
44
- if (o)
45
- return o.addEventListener("scroll", i), i(), () => {
46
- o.removeEventListener("scroll", i);
47
- };
48
- }, [i]), u(() => {
49
- i();
50
- }, [e, i]);
51
- const C = n(() => {
52
- L(d, void 0, { stream: $ });
53
- }, [L, $, d]);
54
- return u(() => {
55
- C();
56
- }, [C]), e && e.length === 0 ? /* @__PURE__ */ s(h, { $flexRowGapX: 1, children: [
57
- /* @__PURE__ */ s(p, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
58
- "Homework (",
59
- e == null ? void 0 : e.length,
60
- ")"
61
- ] }),
62
- /* @__PURE__ */ t(p, { $renderAs: "ab2", $color: "BLACK_T_60", children: "No Homework assigned yet" })
63
- ] }) : K ? null : /* @__PURE__ */ s(h, { $flexRowGapX: 1, children: [
64
- /* @__PURE__ */ s(p, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
65
- "Homework (",
66
- e == null ? void 0 : e.length,
67
- ")"
68
- ] }),
69
- /* @__PURE__ */ s(h, { $position: "relative", onMouseEnter: i, children: [
70
- I && /* @__PURE__ */ t(
71
- _,
72
- {
73
- $position: "absolute",
74
- $width: "60px",
75
- left: "0",
76
- right: "auto",
77
- onMouseEnter: W,
78
- onMouseLeave: F,
79
- children: /* @__PURE__ */ t(
80
- b,
81
- {
82
- $position: "absolute",
83
- $background: "BLACK_T_60",
84
- $justifyContent: "center",
85
- $alignItems: "center",
86
- $height: "100%",
87
- onClick: z,
88
- $visible: y,
89
- left: "0px",
90
- right: "auto",
91
- children: /* @__PURE__ */ t(te, { width: 24, height: 24 })
92
- }
93
- )
94
- },
95
- "left-hover-zone"
96
- ),
97
- /* @__PURE__ */ t(se, { ref: r, children: /* @__PURE__ */ t(h, { $flexDirection: "row", $flexGapX: 1, children: e == null ? void 0 : e.map((o, l) => {
98
- const {
99
- items: f,
100
- node_id: P,
101
- sheet_time: H,
102
- total_questions: m,
103
- worksheet_id: Q,
104
- node_type: V,
105
- title: q,
106
- chapter_name: D
107
- } = o, U = H && Math.ceil(H / 60) || 0, Y = re(f).join(", "), Z = `${typeof m == "number" ? `${m} ${J.pluralize(m, "Question")}, ` : ""}${U} Mins`, c = V === "DYNAMIC";
108
- return /* @__PURE__ */ t(
109
- ne,
110
- {
111
- userType: k,
112
- header: c ? Y : q,
113
- subHeader: D ?? Z,
114
- nodeData: o,
115
- renderAs: "homework",
116
- onNodeAttempt: c ? w : x,
117
- shouldOpenOnRight: e.length > 3 && l === e.length - 1,
118
- onNodeView: c ? R : S,
119
- onNodeReview: c ? T : A,
120
- onNodeUnassign: E
121
- },
122
- `${Q}_${P}_${l}`
123
- );
124
- }) }) }),
125
- N && /* @__PURE__ */ t(
126
- _,
127
- {
128
- $position: "absolute",
129
- $width: "60px",
130
- right: "0",
131
- left: "auto",
132
- onMouseEnter: X,
133
- onMouseLeave: O,
134
- children: /* @__PURE__ */ t(
135
- b,
136
- {
137
- $position: "absolute",
138
- $width: "60px",
139
- $height: "100%",
140
- $background: "BLACK_T_60",
141
- $justifyContent: "center",
142
- $alignItems: "center",
143
- onClick: G,
144
- $visible: B,
145
- left: "auto",
146
- right: "0px",
147
- children: /* @__PURE__ */ t(oe, { width: 24, height: 24 })
148
- }
149
- )
150
- },
151
- "right-hover-zone"
152
- )
153
- ] })
154
- ] });
155
- }, Ce = le;
156
- export {
157
- Ce as default
158
- };
159
- //# sourceMappingURL=hw-card-list.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n INodeCardCallbacks,\n INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport { pluralize } from 'humanize-plus';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\nimport { getTopicsFromItems } from '../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport HomeworkCard from '../homework-card';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport * as Styled from './hw-card-list-styled';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n userType: TUserTypes;\n studentId: string;\n stream: string;\n onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n onTestStart?: (sheetData: INodeDataProps) => void;\n onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n userType = 'STUDENT',\n studentId,\n stream,\n onTestStart,\n onNodeAttempt,\n onTestPreview,\n onNodeView,\n onTestReview,\n onNodeReview,\n onNodeUnassign,\n}) => {\n const scrollRef = useRef<HTMLDivElement>(null);\n const [isLeftHovered, setIsLeftHovered] = useState(false);\n const [isRightHovered, setIsRightHovered] = useState(false);\n const [canScrollLeft, setCanScrollLeft] = useState(false);\n const [canScrollRight, setCanScrollRight] = useState(true);\n const { get: getHomeworks, data: hwDetails, isProcessingFailed } = useGetHomeworks(studentId);\n\n const handleScrollLeft = useCallback(() => {\n if (scrollRef.current) {\n scrollRef.current.scrollBy({ left: -200, behavior: 'smooth' });\n }\n }, []);\n\n const handleScrollRight = useCallback(() => {\n if (scrollRef.current) {\n scrollRef.current.scrollBy({ left: 200, behavior: 'smooth' });\n }\n }, []);\n\n const handleLeftHoverEnter = useCallback(() => {\n setIsLeftHovered(true);\n }, []);\n\n const handleLeftHoverLeave = useCallback(() => {\n setIsLeftHovered(false);\n }, []);\n\n const handleRightHoverEnter = useCallback(() => {\n setIsRightHovered(true);\n }, []);\n\n const handleRightHoverLeave = useCallback(() => {\n setIsRightHovered(false);\n }, []);\n\n // Function to check scroll position and update button availability\n const checkScrollPosition = useCallback(() => {\n if (scrollRef.current) {\n const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;\n\n // Can scroll left if scrolled to the right\n setCanScrollLeft(scrollLeft > 10);\n\n // Can scroll right if not at the end\n setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 10);\n }\n }, []);\n\n // Add scroll event listener to check scroll position\n useEffect(() => {\n const scrollElement = scrollRef.current;\n\n if (scrollElement) {\n scrollElement.addEventListener('scroll', checkScrollPosition);\n // Run once on mount to set initial button states\n checkScrollPosition();\n\n return () => {\n scrollElement.removeEventListener('scroll', checkScrollPosition);\n };\n }\n }, [checkScrollPosition]);\n\n // Also check when content changes\n useEffect(() => {\n checkScrollPosition();\n }, [hwDetails, checkScrollPosition]);\n\n const fetchChapterDetails = useCallback(() => {\n getHomeworks(studentId, undefined, { stream });\n }, [getHomeworks, stream, studentId]);\n\n useEffect(() => {\n fetchChapterDetails();\n }, [fetchChapterDetails]);\n\n if (hwDetails && hwDetails.length === 0) {\n return (\n <FlexView $flexRowGapX={1}>\n <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n Homework ({hwDetails?.length})\n </Text>\n <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n No Homework assigned yet\n </Text>\n </FlexView>\n );\n }\n\n if (isProcessingFailed) {\n return null;\n }\n\n return (\n <FlexView $flexRowGapX={1}>\n <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n Homework ({hwDetails?.length})\n </Text>\n <FlexView $position=\"relative\" onMouseEnter={checkScrollPosition}>\n {/* Left hover zone */}\n {canScrollLeft && (\n <Styled.HoverZone\n key=\"left-hover-zone\"\n $position=\"absolute\"\n $width=\"60px\"\n left=\"0\"\n right=\"auto\"\n onMouseEnter={handleLeftHoverEnter}\n onMouseLeave={handleLeftHoverLeave}\n >\n {/* Left scroll button - only visible when hovered */}\n <Styled.ScrollButton\n $position=\"absolute\"\n $background=\"BLACK_T_60\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n $height=\"100%\"\n onClick={handleScrollLeft}\n $visible={isLeftHovered}\n left=\"0px\"\n right=\"auto\"\n >\n <ChevronLeftIcon width={24} height={24} />\n </Styled.ScrollButton>\n </Styled.HoverZone>\n )}\n\n <Styled.ScrollContainer ref={scrollRef}>\n <FlexView $flexDirection=\"row\" $flexGapX={1}>\n {hwDetails?.map((sheet, idx) => {\n const {\n items,\n node_id: nodeId,\n sheet_time: sheetTime,\n total_questions: totalQuestions,\n worksheet_id: worksheetId,\n node_type: nodeType,\n title,\n chapter_name: chapterName,\n } = sheet;\n const totalSheetTime = (sheetTime && Math.ceil(sheetTime / 60)) || 0;\n const topics = getTopicsFromItems(items);\n const testChapterName = topics.join(', ');\n const subHeader = `${\n typeof totalQuestions === 'number'\n ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}, `\n : ''\n }${totalSheetTime} Mins`;\n const isDynamicSheet = nodeType === 'DYNAMIC';\n\n return (\n <HomeworkCard\n key={`${worksheetId}_${nodeId}_${idx}`}\n userType={userType}\n header={isDynamicSheet ? testChapterName : title}\n subHeader={chapterName ?? subHeader}\n nodeData={sheet}\n renderAs=\"homework\"\n onNodeAttempt={isDynamicSheet ? onTestStart : onNodeAttempt}\n shouldOpenOnRight={hwDetails.length > 3 && idx === hwDetails.length - 1}\n onNodeView={isDynamicSheet ? onTestPreview : onNodeView}\n onNodeReview={isDynamicSheet ? onTestReview : onNodeReview}\n onNodeUnassign={onNodeUnassign}\n />\n );\n })}\n </FlexView>\n </Styled.ScrollContainer>\n\n {/* Right hover zone */}\n {canScrollRight && (\n <Styled.HoverZone\n key=\"right-hover-zone\"\n $position=\"absolute\"\n $width=\"60px\"\n right=\"0\"\n left=\"auto\"\n onMouseEnter={handleRightHoverEnter}\n onMouseLeave={handleRightHoverLeave}\n >\n {/* Right scroll button - only visible when hovered */}\n <Styled.ScrollButton\n $position=\"absolute\"\n $width=\"60px\"\n $height=\"100%\"\n $background=\"BLACK_T_60\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n onClick={handleScrollRight}\n $visible={isRightHovered}\n left=\"auto\"\n right=\"0px\"\n >\n <ChevronRightIcon width={24} height={24} />\n </Styled.ScrollButton>\n </Styled.HoverZone>\n )}\n </FlexView>\n </FlexView>\n );\n};\n\nexport default HWCardList;\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","scrollRef","useRef","isLeftHovered","setIsLeftHovered","useState","isRightHovered","setIsRightHovered","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","getHomeworks","hwDetails","isProcessingFailed","useGetHomeworks","handleScrollLeft","useCallback","handleScrollRight","handleLeftHoverEnter","handleLeftHoverLeave","handleRightHoverEnter","handleRightHoverLeave","checkScrollPosition","scrollLeft","scrollWidth","clientWidth","useEffect","scrollElement","fetchChapterDetails","jsxs","FlexView","Text","jsx","Styled.HoverZone","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","sheet","idx","items","nodeId","sheetTime","totalQuestions","worksheetId","nodeType","title","chapterName","totalSheetTime","testChapterName","getTopicsFromItems","subHeader","pluralize","isDynamicSheet","HomeworkCard","ChevronRightIcon","HWCardList$1"],"mappings":"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"}
@@ -1,29 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import { memo as m } from "react";
3
- import a from "styled-components";
4
- import n from "../ui/layout/flex-view.js";
5
- import { differenceInDays as e } from "../../node_modules/date-fns/differenceInDays.js";
6
- const g = a(n)`
7
- height: 100%;
8
- border-radius: 4px;
9
- transition: all 300ms;
10
- width: ${(r) => r.progress}%;
11
- `, d = a(n)`
12
- position: absolute;
13
- top: -1px;
14
- right: 0px;
15
- width: 100%;
16
- height: 2px;
17
- background-color: ${(r) => r.theme.colors.BLACK};
18
- z-index: 2;
19
- `, l = ({ unlockedOn: r, dueDate: i, progressBg: c }) => {
20
- const p = (() => {
21
- const o = e(i, r), s = e(/* @__PURE__ */ new Date(), r);
22
- return s > o ? 100 : Math.min(Math.max(s / o * 100, 0), 100);
23
- })();
24
- return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(g, { progress: p, $background: c }) });
25
- }, y = m(l);
26
- export {
27
- y as default
28
- };
29
- //# sourceMappingURL=node-progress.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"node-progress.js","sources":["../../../src/features/homework/node-progress.tsx"],"sourcesContent":["import type { TColorNames } from '../ui/types';\n\nimport { differenceInDays } from 'date-fns';\nimport React, { memo } from 'react';\nimport styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\n\ninterface NodeProgressProps {\n unlockedOn: number | string | Date;\n dueDate: number | string | Date;\n progressBg: TColorNames;\n}\n\nconst ProgressBar = styled(FlexView)<{ progress: number }>`\n height: 100%;\n border-radius: 4px;\n transition: all 300ms;\n width: ${props => props.progress}%;\n`;\n\nconst ProgressContainer = styled(FlexView)`\n position: absolute;\n top: -1px;\n right: 0px;\n width: 100%;\n height: 2px;\n background-color: ${props => props.theme.colors.BLACK};\n z-index: 2;\n`;\n\nconst NodeProgress: React.FC<NodeProgressProps> = ({ unlockedOn, dueDate, progressBg }) => {\n const calculateProgress = () => {\n const totalDays = differenceInDays(dueDate, unlockedOn);\n const daysElapsed = differenceInDays(new Date(), unlockedOn);\n\n if (daysElapsed > totalDays) return 100;\n\n const progress = Math.min(Math.max((daysElapsed / totalDays) * 100, 0), 100);\n\n return progress;\n };\n\n const progress = calculateProgress();\n\n return (\n <ProgressContainer>\n <ProgressBar progress={progress} $background={progressBg} />\n </ProgressContainer>\n );\n};\n\nexport default memo(NodeProgress);\n"],"names":["ProgressBar","styled","FlexView","props","ProgressContainer","NodeProgress","unlockedOn","dueDate","progressBg","progress","totalDays","differenceInDays","daysElapsed","jsx","NodeProgress$1","memo"],"mappings":";;;;;AAcA,MAAMA,IAAcC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,WAIxB,CAAAC,MAASA,EAAM,QAAQ;AAAA,GAG5BC,IAAoBH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnB,CAASC,MAAAA,EAAM,MAAM,OAAO,KAAK;AAAA;AAAA,GAIjDE,IAA4C,CAAC,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,QAAiB;AAYzF,QAAMC,KAXoB,MAAM;AACxB,UAAAC,IAAYC,EAAiBJ,GAASD,CAAU,GAChDM,IAAcD,EAAqB,oBAAA,QAAQL,CAAU;AAEvD,WAAAM,IAAcF,IAAkB,MAEnB,KAAK,IAAI,KAAK,IAAKE,IAAcF,IAAa,KAAK,CAAC,GAAG,GAAG;AAAA,EAEpE;AAKT,2BACGN,GACC,EAAA,UAAA,gBAAAS,EAACb,KAAY,UAAAS,GAAoB,aAAaD,EAAY,CAAA,EAC5D,CAAA;AAEJ,GAEeM,IAAAC,EAAKV,CAAY;"}
@@ -1,117 +0,0 @@
1
- import r from "styled-components";
2
- import i from "../../assets/line-icons/icons/minus2.js";
3
- import e from "../ui/layout/flex-view.js";
4
- import n from "../ui/text/text.js";
5
- const l = r(e)(({ theme: o }) => `
6
- cursor: pointer;
7
- width: 24px;
8
- height: 24px;
9
-
10
-
11
- &:hover {
12
- border-radius: 50%;
13
- background: ${o.colors.WHITE_5};
14
- }
15
- `), d = r(n)`
16
- display: -webkit-box;
17
- -webkit-line-clamp: 1;
18
- -webkit-box-orient: vertical;
19
- overflow: hidden;
20
- text-overflow: ellipsis;
21
- `, x = r(e)(({
22
- $shouldopenonright: o,
23
- $visible: t
24
- }) => `
25
- cursor: pointer;
26
- position: absolute;
27
- z-index: 6;
28
- top: calc(100% + 4px);
29
- right: ${o ? 0 : "auto"};
30
- transform-origin: top;
31
- transform: scaleY(${t ? 1 : 0});
32
- opacity: ${t ? 1 : 0};
33
- transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
34
- box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
35
- z-index: 10;
36
- `), u = r(e)`
37
- border: 1px solid ${({ theme: o }) => o.colors.BLACK_T_15};
38
-
39
- &:hover {
40
- border: 1px solid ${({ theme: o }) => o.colors.BLACK};
41
- }
42
- `, b = r(e)(({ $bgImage: o }) => o ? `
43
- background-image: url(${o});
44
- background-repeat: no-repeat;
45
- background-size: cover;
46
- background-position: center;
47
- overflow: hidden;
48
- ` : "overflow: hidden;"), w = r(e)`
49
- display: flex;
50
- align-items: center;
51
- justify-content: center;
52
- `, f = r(e)`
53
- position: absolute;
54
- right: -18px;
55
- top: -4px;
56
- `, h = r.img(({ theme: o }) => {
57
- const { gutter: t } = o.layout;
58
- return `
59
- border: 1px solid ${o.colors.BLACK_T_15};
60
- width: ${t * 4}px;
61
- height: ${t * 4}px;
62
- border-radius: 50%;
63
- `;
64
- }), g = r(i)`
65
- path {
66
- stroke: ${({ theme: o }) => o.colors.WHITE};
67
- }
68
- `, m = r(n)`
69
- display: -webkit-box;
70
- -webkit-line-clamp: 2;
71
- -webkit-box-orient: vertical;
72
- overflow: hidden;
73
- text-overflow: ellipsis;
74
- white-space: break-spaces;
75
- `;
76
- r(e)``;
77
- const k = r(e)(({
78
- theme: o,
79
- $disabled: t
80
- }) => `
81
- cursor: ${t ? "not-allowed" : "pointer"};
82
-
83
- &:hover {
84
- background: ${t ? "transparent" : o.colors.BLACK};
85
- };
86
-
87
- path {
88
- fill: ${o.colors.WHITE_1};
89
- }
90
- `), v = r(n)`
91
- white-space: nowrap;
92
- overflow: hidden;
93
- text-overflow: ellipsis;
94
- `, $ = r(e)`
95
- position: absolute;
96
- z-index: 6;
97
- top: calc(100% - 36px);
98
- right: 12px;
99
- transform-origin: top;
100
- transform: scaleY(1);
101
- `;
102
- export {
103
- h as BannerImage,
104
- f as BannerImageWrapper,
105
- u as CardContainer,
106
- l as CardKebabMenuWrapper,
107
- x as CardMenuOptionsWrapper,
108
- k as CardOptionWrapper,
109
- b as CardWrapper,
110
- m as HeaderText,
111
- w as IconWrapper,
112
- $ as MenuWrapper,
113
- v as OptionText,
114
- g as StyledMinus2Icon,
115
- d as SubHeaderText
116
- };
117
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n $visible: boolean;\n $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n return `\n cursor: pointer;\n width: 24px;\n height: 24px;\n \n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\nexport const SubHeaderText = styled(Text)`\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n $shouldopenonright,\n $visible,\n}) => {\n return `\n cursor: pointer;\n position: absolute;\n z-index: 6;\n top: calc(100% + 4px);\n right: ${$shouldopenonright ? 0 : 'auto'};\n transform-origin: top;\n transform: scaleY(${$visible ? 1 : 0});\n opacity: ${$visible ? 1 : 0};\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n z-index: 10;\n `;\n});\n\nexport const CardContainer = styled(FlexView)`\n border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n\n &:hover {\n border: 1px solid ${({ theme }) => theme.colors.BLACK};\n }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n if ($bgImage) {\n return `\n background-image: url(${$bgImage});\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n overflow: hidden;\n `;\n }\n\n return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n position: absolute;\n right: -18px;\n top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n const { gutter } = theme.layout;\n\n return `\n border: 1px solid ${theme.colors.BLACK_T_15};\n width: ${gutter * 4}px;\n height: ${gutter * 4}px;\n border-radius: 50%;\n `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n path {\n stroke: ${({ theme }) => theme.colors.WHITE};\n }\n`;\n\nexport const HeaderText = styled(Text)`\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n $disabled?: boolean;\n}\ninterface ICardOptionsProps {\n $top: number;\n $left: number;\n}\n\nexport const CardOptions = styled(FlexView)<ICardOptionsProps>``;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n theme,\n $disabled,\n}) => {\n return `\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n \n &:hover {\n background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n };\n \n path {\n fill: ${theme.colors.WHITE_1};\n }\n `;\n});\n\nexport const OptionText = styled(Text)`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n position: absolute;\n z-index: 6;\n top: calc(100% - 36px);\n right: 12px;\n transform-origin: top;\n transform: scaleY(1);\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","CardOptionWrapper","$disabled","OptionText","MenuWrapper"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,oBAAAK;AAAA,EACA,UAAAC;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKID,IAAqB,IAAI,MAAM;AAAA;AAAA,wBAEpBC,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAK9B,GAEYC,IAAgBR,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,wBAGpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAI5CO,IAAcT,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAS,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BW,IAAqBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCY,IAAcb,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAY,EAAO,IAAIZ,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCY,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBf,EAAOgB,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAd,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCe,IAAajB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBVJ,EAAOC,CAAQ;AAEnC,MAAMiB,IAAoBlB,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAiB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBjB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC,GAEYkB,IAAapB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA,GAMxBiB,IAAcrB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -1,165 +0,0 @@
1
- import { jsxs as u, jsx as e, Fragment as x } from "react/jsx-runtime";
2
- import { memo as H, useCallback as l, useEffect as L } from "react";
3
- import { IMAGES as X } from "../../../../assets/images/images.js";
4
- import D from "../../../ui/arrow-tooltip/arrow-tooltip.js";
5
- import S from "../../../ui/buttons/button/button.js";
6
- import T from "../../../ui/layout/flex-view.js";
7
- import j from "../../../ui/loader/app-loader/app-loader.js";
8
- import _ from "../../../ui/separator/separator.js";
9
- import N from "../../../ui/text/text.js";
10
- import { MILESTONE_WIDGET_MIN_HEIGHT as v } from "../../constants.js";
11
- import { useGetTestHelpData as G } from "../../milestone-list-container/api/get-tests-list.js";
12
- import { TESTS_CREATION_ANALYTICS_EVENTS as R } from "../tests-creation/tests-creation-analytics-events.js";
13
- import W from "./test-list-view.js";
14
- const re = H((c) => {
15
- const {
16
- isChaptersAvailable: g,
17
- isDraftMilestone: E,
18
- isMilestoneActive: d,
19
- userType: b,
20
- studentId: m,
21
- userMilestoneId: t,
22
- canUpdatePlan: I
23
- } = c, { onCreateMilestoneTest: i, onTestPreview: o, onTestStart: n, onTestReview: s } = c, {
24
- get: A,
25
- data: r,
26
- isProcessingFailed: p,
27
- isProcessed: f,
28
- isStale: C,
29
- isProcessing: w
30
- } = G(), y = !I || !g || !d || d && E, k = d && !g ? "Chapters need to be assigned" : E ? "Allowed after plan is published" : "Plan is completed", h = l(() => {
31
- A(t, void 0, {
32
- studentId: m
33
- });
34
- }, [A, m, t]);
35
- L(() => {
36
- !w && (!f && !p || C) && h();
37
- }, [h, f, w, p, C]);
38
- const $ = l(() => {
39
- if (typeof i == "function") {
40
- i == null || i(t, ((r == null ? void 0 : r.length) || 0) + 1);
41
- return;
42
- }
43
- throw new Error("No callback provided. If provided it must be a function");
44
- }, [i, t, r]), M = l(
45
- (a) => {
46
- if (typeof o == "function") {
47
- o == null || o(a, t);
48
- return;
49
- }
50
- throw new Error("No callback provided. If provided it must be a function");
51
- },
52
- [o, t]
53
- ), O = l(
54
- (a) => {
55
- if (typeof n == "function") {
56
- n == null || n(a);
57
- return;
58
- }
59
- throw new Error("No callback provided. If provided it must be a function");
60
- },
61
- [n]
62
- ), P = l(
63
- (a) => {
64
- if (typeof s == "function") {
65
- s == null || s(a, t);
66
- return;
67
- }
68
- throw new Error("No callback provided. If provided it must be a function");
69
- },
70
- [s, t]
71
- );
72
- return p ? /* @__PURE__ */ u(
73
- T,
74
- {
75
- $flexGapX: 1.5,
76
- $alignItems: "center",
77
- $justifyContent: "center",
78
- $height: "100%",
79
- $background: "WHITE",
80
- children: [
81
- /* @__PURE__ */ e(N, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
82
- /* @__PURE__ */ e(
83
- S,
84
- {
85
- widthX: 14,
86
- size: "small",
87
- shape: "square",
88
- renderAs: "primary",
89
- label: "Try again",
90
- onClick: h
91
- }
92
- )
93
- ]
94
- }
95
- ) : f ? r != null && r.length ? /* @__PURE__ */ e(
96
- W,
97
- {
98
- ...c,
99
- onNodeAttempt: O,
100
- onNodeView: M,
101
- onNodeReview: P,
102
- milestoneId: t,
103
- sheets: r,
104
- userType: b,
105
- studentId: m,
106
- onCreateNewTest: $,
107
- canUpdatedPlan: I,
108
- isMilestoneActive: d
109
- }
110
- ) : /* @__PURE__ */ u(
111
- T,
112
- {
113
- $gapX: 6.75,
114
- $alignItems: "center",
115
- $justifyContent: "center",
116
- $background: "WHITE",
117
- $height: v,
118
- children: [
119
- /* @__PURE__ */ e("img", { src: X.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
120
- /* @__PURE__ */ e(_, { heightX: 2 }),
121
- b === "TEACHER" ? /* @__PURE__ */ u(x, { children: [
122
- /* @__PURE__ */ e(
123
- D,
124
- {
125
- renderAs: "primary",
126
- position: "bottom",
127
- hidden: !y,
128
- tooltipItem: k,
129
- children: /* @__PURE__ */ e(
130
- S,
131
- {
132
- widthX: 10,
133
- renderAs: "primary",
134
- shape: "square",
135
- size: "small",
136
- label: "Create a Test",
137
- onClick: $,
138
- disabled: y,
139
- analyticsLabel: R.CUSTOM_TEST_CREATION_STARTED,
140
- analyticsProps: {
141
- milestone_id: t
142
- }
143
- }
144
- )
145
- }
146
- ),
147
- /* @__PURE__ */ e(_, { heightX: 2 })
148
- ] }) : /* @__PURE__ */ e(N, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to create a test" })
149
- ]
150
- }
151
- ) : /* @__PURE__ */ e(
152
- T,
153
- {
154
- $height: v,
155
- $alignItems: "center",
156
- $justifyContent: "center",
157
- $background: "WHITE",
158
- children: /* @__PURE__ */ e(j, { height: "100%" })
159
- }
160
- );
161
- });
162
- export {
163
- re as default
164
- };
165
- //# sourceMappingURL=test-list-container.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"test-list-container.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-container.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestsListProps } from './types';\n\nimport { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { useGetTestHelpData } from '../../milestone-list-container/api/get-tests-list';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport TestSheetsList from './test-list-view';\n\nconst MilestoneTestsList: FC<ITestsListProps> = memo(props => {\n const {\n isChaptersAvailable,\n isDraftMilestone,\n isMilestoneActive,\n userType,\n studentId,\n userMilestoneId,\n canUpdatePlan,\n } = props;\n const { onCreateMilestoneTest, onTestPreview, onTestStart, onTestReview } = props;\n\n const {\n get: getTestHelpData,\n data,\n isProcessingFailed,\n isProcessed,\n isStale,\n isProcessing,\n } = useGetTestHelpData();\n\n const isTestSheetCreationDisabled =\n !canUpdatePlan ||\n !isChaptersAvailable ||\n !isMilestoneActive ||\n (isMilestoneActive && isDraftMilestone);\n const testCreationCtaTooltipText =\n isMilestoneActive && !isChaptersAvailable\n ? 'Chapters need to be assigned'\n : isDraftMilestone\n ? 'Allowed after plan is published'\n : 'Plan is completed';\n\n const handleOnTryAgain = useCallback(() => {\n getTestHelpData(userMilestoneId, undefined, {\n studentId,\n });\n }, [getTestHelpData, studentId, userMilestoneId]);\n\n useEffect(() => {\n if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n handleOnTryAgain();\n }\n }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n const handleOnCreateMilestoneTest = useCallback(() => {\n if (typeof onCreateMilestoneTest === 'function') {\n onCreateMilestoneTest?.(userMilestoneId, (data?.length || 0) + 1);\n\n return;\n }\n\n throw new Error('No callback provided. If provided it must be a function');\n }, [onCreateMilestoneTest, userMilestoneId, data]);\n\n const handleOnTestPreview = useCallback(\n (sheetData: INodeDataProps) => {\n if (typeof onTestPreview === 'function') {\n onTestPreview?.(sheetData, userMilestoneId);\n\n return;\n }\n\n throw new Error('No callback provided. If provided it must be a function');\n },\n [onTestPreview, userMilestoneId],\n );\n\n const handleOnTestStart = useCallback(\n (sheetData: INodeDataProps) => {\n if (typeof onTestStart === 'function') {\n onTestStart?.(sheetData);\n\n return;\n }\n\n throw new Error('No callback provided. If provided it must be a function');\n },\n [onTestStart],\n );\n\n const handleOnTestReview = useCallback(\n (sheetData: INodeDataProps) => {\n if (typeof onTestReview === 'function') {\n onTestReview?.(sheetData, userMilestoneId);\n\n return;\n }\n\n throw new Error('No callback provided. If provided it must be a function');\n },\n [onTestReview, userMilestoneId],\n );\n\n if (isProcessingFailed) {\n return (\n <FlexView\n $flexGapX={1.5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $height=\"100%\"\n $background=\"WHITE\"\n >\n <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n <Button\n widthX={14}\n size=\"small\"\n shape=\"square\"\n renderAs=\"primary\"\n label=\"Try again\"\n onClick={handleOnTryAgain}\n />\n </FlexView>\n );\n }\n\n if (isProcessed) {\n if (data?.length) {\n return (\n <TestSheetsList\n {...props}\n onNodeAttempt={handleOnTestStart}\n onNodeView={handleOnTestPreview}\n onNodeReview={handleOnTestReview}\n milestoneId={userMilestoneId}\n sheets={data}\n userType={userType}\n studentId={studentId}\n onCreateNewTest={handleOnCreateMilestoneTest}\n canUpdatedPlan={canUpdatePlan}\n isMilestoneActive={isMilestoneActive}\n />\n );\n }\n\n return (\n <FlexView\n $gapX={6.75}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $background=\"WHITE\"\n $height={MILESTONE_WIDGET_MIN_HEIGHT}\n >\n <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n <Separator heightX={2} />\n {userType === 'TEACHER' ? (\n <>\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n hidden={!isTestSheetCreationDisabled}\n tooltipItem={testCreationCtaTooltipText}\n >\n <Button\n widthX={10}\n renderAs=\"primary\"\n shape=\"square\"\n size=\"small\"\n label=\"Create a Test\"\n onClick={handleOnCreateMilestoneTest}\n disabled={isTestSheetCreationDisabled}\n analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n analyticsProps={{\n milestone_id: userMilestoneId,\n }}\n />\n </ArrowTooltip>\n <Separator heightX={2} />\n </>\n ) : (\n <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n Wait for the teacher to create a test\n </Text>\n )}\n </FlexView>\n );\n }\n\n return (\n <FlexView\n $height={MILESTONE_WIDGET_MIN_HEIGHT}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $background=\"WHITE\"\n >\n <AppLoader height=\"100%\" />\n </FlexView>\n );\n});\n\nexport default MilestoneTestsList;\n"],"names":["MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","onTestPreview","onTestStart","onTestReview","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","handleOnTestReview","jsxs","FlexView","jsx","Text","Button","TestSheetsList","MILESTONE_WIDGET_MIN_HEIGHT","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}
@@ -1,25 +0,0 @@
1
- import { styled as t } from "styled-components";
2
- import o from "../../../ui/layout/flex-view.js";
3
- const i = t(o)`
4
- position: sticky;
5
- bottom: 0;
6
- margin-left: auto;
7
- `, s = t(o)(({ theme: e }) => {
8
- const { colors: r } = e;
9
- return `
10
- border-radius: 50%;
11
- box-shadow: 0px 10px 20px 0px ${r.BLACK_T_15};
12
- `;
13
- }), a = t.div`
14
- display: grid;
15
- grid-template-columns: repeat(3, 200px);
16
- grid-gap: 32px;
17
- justify-content: center;
18
- padding: 32px 0;
19
- `;
20
- export {
21
- s as IconButtonCover,
22
- i as IconContainer,
23
- a as TestSheetItemWrapper
24
- };
25
- //# sourceMappingURL=test-list-view-styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"test-list-view-styled.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.ts"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst IconContainer = styled(FlexView)`\n position: sticky;\n bottom: 0;\n margin-left: auto;\n`;\n\nconst IconButtonCover = styled(FlexView)(({ theme }) => {\n const { colors } = theme;\n\n return `\n border-radius: 50%;\n box-shadow: 0px 10px 20px 0px ${colors.BLACK_T_15};\n `;\n});\n\nconst TestSheetItemWrapper = styled.div`\n display: grid;\n grid-template-columns: repeat(3, 200px);\n grid-gap: 32px;\n justify-content: center;\n padding: 32px 0;\n`;\n\nexport { IconContainer, IconButtonCover, TestSheetItemWrapper };\n"],"names":["IconContainer","styled","FlexView","IconButtonCover","theme","colors","TestSheetItemWrapper"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM/BC,IAAkBF,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AAChD,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA;AAAA,sCAE6BC,EAAO,UAAU;AAAA;AAEvD,CAAC,GAEKC,IAAuBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -1,84 +0,0 @@
1
- import { jsxs as E, jsx as t } from "react/jsx-runtime";
2
- import { h as $ } from "../../../../node_modules/humanize-plus/dist/humanize.js";
3
- import { memo as C } from "react";
4
- import S from "../../../../assets/line-icons/icons/plus2.js";
5
- import A from "../../../homework/homework-card.js";
6
- import N from "../../../ui/buttons/icon-button/icon-button.js";
7
- import w from "../../../ui/layout/flex-view.js";
8
- import { MILESTONE_WIDGET_MIN_HEIGHT as x } from "../../constants.js";
9
- import { TESTS_CREATION_ANALYTICS_EVENTS as y } from "../tests-creation/tests-creation-analytics-events.js";
10
- import { TestSheetItemWrapper as O, IconContainer as b, IconButtonCover as g } from "./test-list-view-styled.js";
11
- const j = (e) => {
12
- const o = /* @__PURE__ */ new Set();
13
- return e == null || e.forEach((r) => {
14
- o.add(r.chapter_name);
15
- }), Array.from(o).join(", ");
16
- }, G = C(
17
- ({
18
- milestoneId: e,
19
- studentId: o,
20
- sheets: r,
21
- userType: i,
22
- onCreateNewTest: m,
23
- isMilestoneActive: c,
24
- canUpdatedPlan: d,
25
- ...p
26
- }) => /* @__PURE__ */ E(
27
- w,
28
- {
29
- $height: x,
30
- $position: "relative",
31
- $justifyContent: "space-between",
32
- children: [
33
- /* @__PURE__ */ t(O, { children: r.map((s, a) => {
34
- const {
35
- items: l,
36
- node_id: h,
37
- sheet_time: T,
38
- total_questions: n,
39
- worksheet_id: f
40
- } = s, u = Math.ceil((T || 0) / 60), I = j(l), _ = `${typeof n == "number" ? `${n} ${$.pluralize(n, "Question")}, ` : ""}${u} Mins`;
41
- return /* @__PURE__ */ t(
42
- A,
43
- {
44
- userType: i,
45
- header: I,
46
- subHeader: _,
47
- nodeData: s,
48
- renderAs: "milestone",
49
- shouldOpenOnRight: (a + 1) % 3 === 0,
50
- ...p
51
- },
52
- `${f}_${h}_${a}`
53
- );
54
- }) }),
55
- i === "TEACHER" && d && /* @__PURE__ */ t(
56
- b,
57
- {
58
- $flexDirection: "row",
59
- $justifyContent: "flex-end",
60
- $gapX: 1,
61
- $gutterX: 1,
62
- children: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
63
- N,
64
- {
65
- Icon: S,
66
- renderAs: "secondary",
67
- analyticsLabel: y.CUSTOM_TEST_CREATION_STARTED,
68
- onClick: m,
69
- disabled: !c,
70
- analyticsProps: {
71
- milestone_id: e
72
- }
73
- }
74
- ) })
75
- }
76
- )
77
- ]
78
- }
79
- )
80
- );
81
- export {
82
- G as default
83
- };
84
- //# sourceMappingURL=test-list-view.js.map