@cuemath/leap 3.5.52-as1 → 3.5.53-j1
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.
- package/dist/features/homework/homework-card.js +122 -121
- package/dist/features/homework/homework-card.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/add-custom-chapter.js +66 -61
- package/dist/features/milestone/create/comps/add-custom-chapter/add-custom-chapter.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js +56 -55
- package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/search-chapter/search-chapters.js +32 -25
- package/dist/features/milestone/create/comps/add-custom-chapter/search-chapter/search-chapters.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapter-item.js +16 -15
- package/dist/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapter-item.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapters.js +17 -10
- package/dist/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapters.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/selected-chapters/tags-render.js +6 -6
- package/dist/features/milestone/create/comps/add-custom-chapter/selected-chapters/tags-render.js.map +1 -1
- package/dist/features/milestone/create/comps/body-layout/body-layout.js +30 -29
- package/dist/features/milestone/create/comps/body-layout/body-layout.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.js +77 -74
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.js.map +1 -1
- package/dist/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector.js +82 -79
- package/dist/features/milestone/create/comps/goal-completion-date-selector/goal-completion-date-selector.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-styled.js +8 -8
- package/dist/features/milestone/create/milestone-create-styled.js.map +1 -1
- package/dist/features/milestone/create/milestone-create.js +48 -46
- package/dist/features/milestone/create/milestone-create.js.map +1 -1
- package/dist/features/milestone/edit/goal-draft-edit-sync.js +26 -0
- package/dist/features/milestone/edit/goal-draft-edit-sync.js.map +1 -0
- package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-container.js +72 -66
- package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-container.js.map +1 -1
- package/dist/features/milestone/edit/hooks/use-milestone-edit-sync.js +82 -0
- package/dist/features/milestone/edit/hooks/use-milestone-edit-sync.js.map +1 -0
- package/dist/features/milestone/milestone-list-container/hooks/use-milestone-list-sync.js +49 -0
- package/dist/features/milestone/milestone-list-container/hooks/use-milestone-list-sync.js.map +1 -0
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +109 -105
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js +2 -2
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.js +21 -16
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js +106 -98
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js +136 -117
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js +96 -92
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list-sync.js +25 -0
- package/dist/features/milestone/milestone-list-container/milestone-list-sync.js.map +1 -0
- package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js +78 -81
- package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js +28 -25
- package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.js +39 -33
- package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/hooks/use-resource-assign-sync.js +50 -0
- package/dist/features/milestone/milestone-resources/resources-assign/hooks/use-resource-assign-sync.js.map +1 -0
- package/dist/features/milestone/milestone-resources/resources-assign/resource-assign-sync.js +25 -0
- package/dist/features/milestone/milestone-resources/resources-assign/resource-assign-sync.js.map +1 -0
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.js +43 -53
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js +218 -174
- package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/store/resource-assign-store.js +198 -0
- package/dist/features/milestone/milestone-resources/resources-assign/store/resource-assign-store.js.map +1 -0
- package/dist/features/milestone/milestone-resources/resources-list/resources-list.js +69 -67
- package/dist/features/milestone/milestone-resources/resources-list/resources-list.js.map +1 -1
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js +46 -45
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js.map +1 -1
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js +34 -32
- package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-creation/hooks/use-tests-creation-sync.js +52 -0
- package/dist/features/milestone/milestone-tests/tests-creation/hooks/use-tests-creation-sync.js.map +1 -0
- package/dist/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-selection.js +51 -41
- package/dist/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-selection.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.js +85 -71
- package/dist/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview-styled.js +5 -5
- package/dist/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview-styled.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.js +36 -26
- package/dist/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.js.map +1 -1
- package/dist/features/milestone/milestone-tests/tests-creation/tests-creation-sync.js +25 -0
- package/dist/features/milestone/milestone-tests/tests-creation/tests-creation-sync.js.map +1 -0
- package/dist/features/milestone/milestone-tests/tests-creation/tests-creation-types.js +5 -0
- package/dist/features/milestone/milestone-tests/tests-creation/tests-creation-types.js.map +1 -0
- package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js +150 -89
- package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js.map +1 -1
- package/dist/features/sheet-v2/resource-list/resource-list.js +26 -24
- package/dist/features/sheet-v2/resource-list/resource-list.js.map +1 -1
- package/dist/features/trial-session/comps/learning-plan/index.js +218 -91
- package/dist/features/trial-session/comps/learning-plan/index.js.map +1 -1
- package/dist/features/trial-session/comps/learning-plan/learning-plan-styled.js +7 -6
- package/dist/features/trial-session/comps/learning-plan/learning-plan-styled.js.map +1 -1
- package/dist/features/trial-session/hooks/use-learning-plan-scroll-sync.js +75 -0
- package/dist/features/trial-session/hooks/use-learning-plan-scroll-sync.js.map +1 -0
- package/dist/features/trial-session/hooks/use-trial-session-navigation.js +125 -115
- package/dist/features/trial-session/hooks/use-trial-session-navigation.js.map +1 -1
- package/dist/features/trial-session/trial-session-types.js +3 -2
- package/dist/features/trial-session/trial-session-types.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-behavior-helper.js +69 -54
- package/dist/features/worksheet/worksheet/worksheet-behavior-helper.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-types.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet.js +44 -33
- package/dist/features/worksheet/worksheet/worksheet.js.map +1 -1
- package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js +25 -22
- package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js.map +1 -1
- package/dist/features/worksheet/worksheet-preview/worksheet-preview-view.js +48 -44
- package/dist/features/worksheet/worksheet-preview/worksheet-preview-view.js.map +1 -1
- package/dist/features/worksheet/worksheet-preview/worksheet-preview.js +2 -2
- package/dist/features/worksheet/worksheet-preview/worksheet-preview.js.map +1 -1
- package/dist/index.d.ts +138 -2
- package/dist/node_modules/decode-uri-component/index.js.map +1 -0
- package/dist/node_modules/query-string/base.js +1 -1
- package/dist/node_modules/uuid/dist/esm-browser/native.js +7 -0
- package/dist/node_modules/uuid/dist/esm-browser/native.js.map +1 -0
- package/dist/node_modules/uuid/dist/esm-browser/rng.js +3 -2
- package/dist/node_modules/uuid/dist/esm-browser/rng.js.map +1 -1
- package/dist/node_modules/uuid/dist/esm-browser/stringify.js +6 -10
- package/dist/node_modules/uuid/dist/esm-browser/stringify.js.map +1 -1
- package/dist/node_modules/uuid/dist/esm-browser/v4.js +12 -9
- package/dist/node_modules/uuid/dist/esm-browser/v4.js.map +1 -1
- package/package.json +1 -1
- package/dist/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.js +0 -37
- package/dist/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.js.map +0 -1
- package/dist/node_modules/query-string/node_modules/decode-uri-component/index.js.map +0 -1
- package/dist/node_modules/uuid/dist/esm-browser/regex.js +0 -5
- package/dist/node_modules/uuid/dist/esm-browser/regex.js.map +0 -1
- package/dist/node_modules/uuid/dist/esm-browser/validate.js +0 -8
- package/dist/node_modules/uuid/dist/esm-browser/validate.js.map +0 -1
- /package/dist/node_modules/{query-string/node_modules/decode-uri-component → decode-uri-component}/index.js +0 -0
|
@@ -1,151 +1,155 @@
|
|
|
1
|
-
import { jsxs as r, Fragment as
|
|
2
|
-
import { memo as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
const
|
|
1
|
+
import { jsxs as r, Fragment as ee, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { memo as te, useCallback as A, Fragment as oe } from "react";
|
|
3
|
+
import ne from "../../../hooks/use-lazy-ref.js";
|
|
4
|
+
import ie from "../../../ui/arrow-tooltip/arrow-tooltip.js";
|
|
5
|
+
import u from "../../../ui/buttons/text-button/text-button.js";
|
|
6
|
+
import c from "../../../ui/layout/flex-view.js";
|
|
7
|
+
import re from "../../../ui/separator/separator.js";
|
|
8
|
+
import se from "../../../ui/text/text.js";
|
|
9
|
+
import ae from "./milestone-widget/milestone-widget.js";
|
|
10
|
+
import le from "./no-active-milestone/no-active-milestone.js";
|
|
11
|
+
import de from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
|
|
12
|
+
const we = te(function({
|
|
13
13
|
milestones: t,
|
|
14
|
-
studentId:
|
|
14
|
+
studentId: C,
|
|
15
15
|
milestoneType: s,
|
|
16
|
-
|
|
16
|
+
state: a,
|
|
17
|
+
onStateChange: g,
|
|
18
|
+
...M
|
|
17
19
|
}) {
|
|
18
20
|
const {
|
|
19
|
-
canCreatePlan:
|
|
20
|
-
isClassOngoing:
|
|
21
|
-
isFiltersAdded:
|
|
22
|
-
isStudentPresent:
|
|
23
|
-
onAddChapter:
|
|
21
|
+
canCreatePlan: l,
|
|
22
|
+
isClassOngoing: T,
|
|
23
|
+
isFiltersAdded: v,
|
|
24
|
+
isStudentPresent: w,
|
|
25
|
+
onAddChapter: N,
|
|
24
26
|
onAddOutcome: n,
|
|
25
|
-
onChapterClick:
|
|
27
|
+
onChapterClick: b,
|
|
26
28
|
onCreatePlan: i,
|
|
27
|
-
onDelete:
|
|
28
|
-
onDraftPublish:
|
|
29
|
-
onEdit:
|
|
30
|
-
onCreateMilestoneTest:
|
|
31
|
-
onNodeAttempt:
|
|
32
|
-
onNodeView:
|
|
33
|
-
onNodeReview:
|
|
34
|
-
onNodeReattempt:
|
|
35
|
-
onNodeReset:
|
|
36
|
-
onNodeUnassign:
|
|
37
|
-
onAssignResources:
|
|
38
|
-
onTestPreview:
|
|
39
|
-
onTestReview:
|
|
40
|
-
onTestStart:
|
|
41
|
-
activeMilestoneId:
|
|
42
|
-
activeTabId:
|
|
43
|
-
onWidgetTabSelection:
|
|
44
|
-
studentName:
|
|
45
|
-
teacherName:
|
|
46
|
-
parentName:
|
|
47
|
-
userType:
|
|
48
|
-
courseStream:
|
|
49
|
-
isTrialSession:
|
|
50
|
-
onNodeAssignAsHomework:
|
|
51
|
-
onCardClick:
|
|
52
|
-
} =
|
|
53
|
-
i == null || i(
|
|
54
|
-
}, [i,
|
|
29
|
+
onDelete: x,
|
|
30
|
+
onDraftPublish: R,
|
|
31
|
+
onEdit: $,
|
|
32
|
+
onCreateMilestoneTest: D,
|
|
33
|
+
onNodeAttempt: F,
|
|
34
|
+
onNodeView: I,
|
|
35
|
+
onNodeReview: P,
|
|
36
|
+
onNodeReattempt: k,
|
|
37
|
+
onNodeReset: S,
|
|
38
|
+
onNodeUnassign: E,
|
|
39
|
+
onAssignResources: j,
|
|
40
|
+
onTestPreview: y,
|
|
41
|
+
onTestReview: G,
|
|
42
|
+
onTestStart: V,
|
|
43
|
+
activeMilestoneId: z,
|
|
44
|
+
activeTabId: B,
|
|
45
|
+
onWidgetTabSelection: L,
|
|
46
|
+
studentName: p,
|
|
47
|
+
teacherName: H,
|
|
48
|
+
parentName: O,
|
|
49
|
+
userType: d,
|
|
50
|
+
courseStream: W,
|
|
51
|
+
isTrialSession: X,
|
|
52
|
+
onNodeAssignAsHomework: _,
|
|
53
|
+
onCardClick: U
|
|
54
|
+
} = M, m = s === "ACTIVE", q = s === "DRAFT", f = ne(de), J = A(() => {
|
|
55
|
+
i == null || i(f);
|
|
56
|
+
}, [i, f]), K = A(() => {
|
|
55
57
|
n == null || n();
|
|
56
58
|
}, [n]);
|
|
57
59
|
if (!t) return null;
|
|
58
|
-
const
|
|
60
|
+
const Q = t.some(
|
|
59
61
|
(o) => o.milestone_state === "ACTIVE"
|
|
60
|
-
),
|
|
61
|
-
return /* @__PURE__ */ r(
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
), Y = t.some((o) => o.milestone_state === "DRAFT");
|
|
63
|
+
return /* @__PURE__ */ r(ee, { children: [
|
|
64
|
+
m && !Q && /* @__PURE__ */ e(c, { $marginBottom: 40, children: /* @__PURE__ */ e(
|
|
65
|
+
le,
|
|
64
66
|
{
|
|
65
|
-
canCreatePlan:
|
|
66
|
-
isDraftMilestonePresent:
|
|
67
|
-
isFiltersAdded:
|
|
67
|
+
canCreatePlan: l,
|
|
68
|
+
isDraftMilestonePresent: Y,
|
|
69
|
+
isFiltersAdded: v,
|
|
68
70
|
onCreatePlan: i,
|
|
69
|
-
studentName:
|
|
70
|
-
userType:
|
|
71
|
+
studentName: p,
|
|
72
|
+
userType: d
|
|
71
73
|
}
|
|
72
74
|
) }),
|
|
73
|
-
|
|
74
|
-
/* @__PURE__ */ r(
|
|
75
|
+
m && /* @__PURE__ */ r(c, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
|
|
76
|
+
/* @__PURE__ */ r(se, { $renderAs: "ac4", children: [
|
|
75
77
|
"Goals (",
|
|
76
78
|
t.length,
|
|
77
79
|
")"
|
|
78
80
|
] }),
|
|
79
|
-
|
|
81
|
+
d === "TEACHER" && /* @__PURE__ */ r(c, { $flexDirection: "row", $flexGapX: 1, children: [
|
|
80
82
|
/* @__PURE__ */ e(
|
|
81
|
-
|
|
83
|
+
ie,
|
|
82
84
|
{
|
|
83
85
|
renderAs: "primary",
|
|
84
86
|
tooltipItem: "Goals can only be added for students who have joined the class",
|
|
85
|
-
hidden:
|
|
87
|
+
hidden: l,
|
|
86
88
|
position: "bottom",
|
|
87
89
|
children: /* @__PURE__ */ e(
|
|
88
|
-
|
|
90
|
+
u,
|
|
89
91
|
{
|
|
90
92
|
label: "Create Goal",
|
|
91
93
|
size: "small",
|
|
92
|
-
onClick:
|
|
93
|
-
disabled: !
|
|
94
|
+
onClick: J,
|
|
95
|
+
disabled: !l
|
|
94
96
|
}
|
|
95
97
|
)
|
|
96
98
|
}
|
|
97
99
|
),
|
|
98
|
-
/* @__PURE__ */ e(
|
|
100
|
+
/* @__PURE__ */ e(u, { label: "Add Milestone", size: "small", onClick: K })
|
|
99
101
|
] })
|
|
100
102
|
] }),
|
|
101
|
-
t.map((o,
|
|
102
|
-
const { id:
|
|
103
|
-
return /* @__PURE__ */ r(
|
|
103
|
+
t.map((o, Z) => {
|
|
104
|
+
const { id: h } = o;
|
|
105
|
+
return /* @__PURE__ */ r(oe, { children: [
|
|
104
106
|
/* @__PURE__ */ e(
|
|
105
|
-
|
|
107
|
+
ae,
|
|
106
108
|
{
|
|
107
109
|
milestone: o,
|
|
108
|
-
studentId:
|
|
109
|
-
studentName:
|
|
110
|
-
parentName:
|
|
111
|
-
teacherName:
|
|
112
|
-
userType:
|
|
110
|
+
studentId: C,
|
|
111
|
+
studentName: p,
|
|
112
|
+
parentName: O,
|
|
113
|
+
teacherName: H,
|
|
114
|
+
userType: d,
|
|
113
115
|
onAddOutcome: n,
|
|
114
|
-
onChapterClick:
|
|
115
|
-
isMilestoneActive:
|
|
116
|
+
onChapterClick: b,
|
|
117
|
+
isMilestoneActive: m || q,
|
|
116
118
|
milestoneType: s,
|
|
117
|
-
onEdit:
|
|
118
|
-
onCreateMilestoneTest:
|
|
119
|
-
onAddChapter:
|
|
120
|
-
onDelete:
|
|
121
|
-
onDraftPublish:
|
|
122
|
-
isClassOngoing:
|
|
123
|
-
isStudentPresent:
|
|
124
|
-
onAssignResources:
|
|
125
|
-
onNodeAttempt:
|
|
126
|
-
onNodeView:
|
|
127
|
-
onNodeReview:
|
|
128
|
-
onNodeReattempt:
|
|
129
|
-
onNodeReset:
|
|
130
|
-
onNodeUnassign:
|
|
131
|
-
onNodeAssignAsHomework:
|
|
132
|
-
onTestPreview:
|
|
133
|
-
onTestReview:
|
|
134
|
-
onTestStart:
|
|
135
|
-
courseStream:
|
|
136
|
-
activeMilestoneId:
|
|
137
|
-
activeTabId:
|
|
138
|
-
onWidgetTabSelection:
|
|
139
|
-
isTrialSession:
|
|
140
|
-
|
|
119
|
+
onEdit: $,
|
|
120
|
+
onCreateMilestoneTest: D,
|
|
121
|
+
onAddChapter: N,
|
|
122
|
+
onDelete: x,
|
|
123
|
+
onDraftPublish: R,
|
|
124
|
+
isClassOngoing: T,
|
|
125
|
+
isStudentPresent: w,
|
|
126
|
+
onAssignResources: j,
|
|
127
|
+
onNodeAttempt: F,
|
|
128
|
+
onNodeView: I,
|
|
129
|
+
onNodeReview: P,
|
|
130
|
+
onNodeReattempt: k,
|
|
131
|
+
onNodeReset: S,
|
|
132
|
+
onNodeUnassign: E,
|
|
133
|
+
onNodeAssignAsHomework: _,
|
|
134
|
+
onTestPreview: y,
|
|
135
|
+
onTestReview: G,
|
|
136
|
+
onTestStart: V,
|
|
137
|
+
courseStream: W,
|
|
138
|
+
activeMilestoneId: z,
|
|
139
|
+
activeTabId: B,
|
|
140
|
+
onWidgetTabSelection: L,
|
|
141
|
+
isTrialSession: X,
|
|
142
|
+
state: a == null ? void 0 : a[h],
|
|
143
|
+
onStateChange: g,
|
|
144
|
+
onCardClick: U
|
|
141
145
|
}
|
|
142
146
|
),
|
|
143
|
-
|
|
144
|
-
] }, `milestone=${
|
|
147
|
+
Z !== t.length - 1 && /* @__PURE__ */ e(re, { heightX: 2 })
|
|
148
|
+
] }, `milestone=${h}`);
|
|
145
149
|
})
|
|
146
150
|
] });
|
|
147
151
|
});
|
|
148
152
|
export {
|
|
149
|
-
|
|
153
|
+
we as default
|
|
150
154
|
};
|
|
151
155
|
//# sourceMappingURL=milestone-list.js.map
|
package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import { memo, useCallback, Fragment, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { IMilestoneListProps } from './milestone-list-types';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: FC<IMilestoneListProps> = memo(function MilestoneList({\n milestones,\n studentId,\n milestoneType,\n ...restMilestoneListProps\n}) {\n const {\n canCreatePlan,\n isClassOngoing,\n isFiltersAdded,\n isStudentPresent,\n onAddChapter,\n onAddOutcome,\n onChapterClick,\n onCreatePlan,\n onDelete,\n onDraftPublish,\n onEdit,\n onCreateMilestoneTest,\n onNodeAttempt,\n onNodeView,\n onNodeReview,\n onNodeReattempt,\n onNodeReset,\n onNodeUnassign,\n onAssignResources,\n onTestPreview,\n onTestReview,\n onTestStart,\n activeMilestoneId,\n activeTabId,\n onWidgetTabSelection,\n studentName,\n teacherName,\n parentName,\n userType,\n courseStream,\n isTrialSession,\n onNodeAssignAsHomework,\n onCardClick,\n } = restMilestoneListProps;\n\n const isMilestoneActive = milestoneType === 'ACTIVE';\n const isDraftMilestone = milestoneType === 'DRAFT';\n const temporaryMilestoneId = useLazyRef(uuidv4);\n\n const handleCreatePlan = useCallback(() => {\n onCreatePlan?.(temporaryMilestoneId);\n }, [onCreatePlan, temporaryMilestoneId]);\n\n const handleOnAddOutcome = useCallback(() => {\n onAddOutcome?.();\n }, [onAddOutcome]);\n\n if (!milestones) return null;\n\n const activeMilestonePresent = milestones.some(\n milestone => milestone.milestone_state === 'ACTIVE',\n );\n const draftMilestonePresent = milestones.some(milestone => milestone.milestone_state === 'DRAFT');\n\n return (\n <>\n {isMilestoneActive && !activeMilestonePresent && (\n <FlexView $marginBottom={40}>\n <NoActiveMilestone\n canCreatePlan={canCreatePlan}\n isDraftMilestonePresent={draftMilestonePresent}\n isFiltersAdded={isFiltersAdded}\n onCreatePlan={onCreatePlan}\n studentName={studentName}\n userType={userType}\n />\n </FlexView>\n )}\n\n {isMilestoneActive && (\n <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n {userType === 'TEACHER' && (\n <FlexView $flexDirection=\"row\" $flexGapX={1}>\n <ArrowTooltip\n renderAs=\"primary\"\n tooltipItem=\"Goals can only be added for students who have joined the class\"\n hidden={canCreatePlan}\n position=\"bottom\"\n >\n <TextButton\n label=\"Create Goal\"\n size=\"small\"\n onClick={handleCreatePlan}\n disabled={!canCreatePlan}\n />\n </ArrowTooltip>\n <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n </FlexView>\n )}\n </FlexView>\n )}\n\n {milestones.map((milestone, idx) => {\n const { id: milestoneId } = milestone;\n\n return (\n <Fragment key={`milestone=${milestoneId}`}>\n <MilestoneWidget\n milestone={milestone}\n studentId={studentId}\n studentName={studentName}\n parentName={parentName}\n teacherName={teacherName}\n userType={userType}\n onAddOutcome={onAddOutcome}\n onChapterClick={onChapterClick}\n isMilestoneActive={isMilestoneActive || isDraftMilestone}\n milestoneType={milestoneType}\n onEdit={onEdit}\n onCreateMilestoneTest={onCreateMilestoneTest}\n onAddChapter={onAddChapter}\n onDelete={onDelete}\n onDraftPublish={onDraftPublish}\n isClassOngoing={isClassOngoing}\n isStudentPresent={isStudentPresent}\n onAssignResources={onAssignResources}\n onNodeAttempt={onNodeAttempt}\n onNodeView={onNodeView}\n onNodeReview={onNodeReview}\n onNodeReattempt={onNodeReattempt}\n onNodeReset={onNodeReset}\n onNodeUnassign={onNodeUnassign}\n onNodeAssignAsHomework={onNodeAssignAsHomework}\n onTestPreview={onTestPreview}\n onTestReview={onTestReview}\n onTestStart={onTestStart}\n courseStream={courseStream}\n activeMilestoneId={activeMilestoneId}\n activeTabId={activeTabId}\n onWidgetTabSelection={onWidgetTabSelection}\n isTrialSession={isTrialSession}\n onCardClick={onCardClick}\n />\n {idx !== milestones.length - 1 && <Separator heightX={2} />}\n </Fragment>\n );\n })}\n </>\n );\n});\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isTrialSession","onNodeAssignAsHomework","onCardClick","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","MilestoneWidget","Separator"],"mappings":";;;;;;;;;;;AAaM,MAAAA,KAAyCC,
|
|
1
|
+
{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import { memo, useCallback, Fragment, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { IMilestoneListProps } from './milestone-list-types';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: FC<IMilestoneListProps> = memo(function MilestoneList({\n milestones,\n studentId,\n milestoneType,\n state,\n onStateChange,\n ...restMilestoneListProps\n}) {\n const {\n canCreatePlan,\n isClassOngoing,\n isFiltersAdded,\n isStudentPresent,\n onAddChapter,\n onAddOutcome,\n onChapterClick,\n onCreatePlan,\n onDelete,\n onDraftPublish,\n onEdit,\n onCreateMilestoneTest,\n onNodeAttempt,\n onNodeView,\n onNodeReview,\n onNodeReattempt,\n onNodeReset,\n onNodeUnassign,\n onAssignResources,\n onTestPreview,\n onTestReview,\n onTestStart,\n activeMilestoneId,\n activeTabId,\n onWidgetTabSelection,\n studentName,\n teacherName,\n parentName,\n userType,\n courseStream,\n isTrialSession,\n onNodeAssignAsHomework,\n onCardClick,\n } = restMilestoneListProps;\n\n const isMilestoneActive = milestoneType === 'ACTIVE';\n const isDraftMilestone = milestoneType === 'DRAFT';\n const temporaryMilestoneId = useLazyRef(uuidv4);\n\n const handleCreatePlan = useCallback(() => {\n onCreatePlan?.(temporaryMilestoneId);\n }, [onCreatePlan, temporaryMilestoneId]);\n\n const handleOnAddOutcome = useCallback(() => {\n onAddOutcome?.();\n }, [onAddOutcome]);\n\n if (!milestones) return null;\n\n const activeMilestonePresent = milestones.some(\n milestone => milestone.milestone_state === 'ACTIVE',\n );\n const draftMilestonePresent = milestones.some(milestone => milestone.milestone_state === 'DRAFT');\n\n return (\n <>\n {isMilestoneActive && !activeMilestonePresent && (\n <FlexView $marginBottom={40}>\n <NoActiveMilestone\n canCreatePlan={canCreatePlan}\n isDraftMilestonePresent={draftMilestonePresent}\n isFiltersAdded={isFiltersAdded}\n onCreatePlan={onCreatePlan}\n studentName={studentName}\n userType={userType}\n />\n </FlexView>\n )}\n\n {isMilestoneActive && (\n <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n {userType === 'TEACHER' && (\n <FlexView $flexDirection=\"row\" $flexGapX={1}>\n <ArrowTooltip\n renderAs=\"primary\"\n tooltipItem=\"Goals can only be added for students who have joined the class\"\n hidden={canCreatePlan}\n position=\"bottom\"\n >\n <TextButton\n label=\"Create Goal\"\n size=\"small\"\n onClick={handleCreatePlan}\n disabled={!canCreatePlan}\n />\n </ArrowTooltip>\n <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n </FlexView>\n )}\n </FlexView>\n )}\n\n {milestones.map((milestone, idx) => {\n const { id: milestoneId } = milestone;\n\n return (\n <Fragment key={`milestone=${milestoneId}`}>\n <MilestoneWidget\n milestone={milestone}\n studentId={studentId}\n studentName={studentName}\n parentName={parentName}\n teacherName={teacherName}\n userType={userType}\n onAddOutcome={onAddOutcome}\n onChapterClick={onChapterClick}\n isMilestoneActive={isMilestoneActive || isDraftMilestone}\n milestoneType={milestoneType}\n onEdit={onEdit}\n onCreateMilestoneTest={onCreateMilestoneTest}\n onAddChapter={onAddChapter}\n onDelete={onDelete}\n onDraftPublish={onDraftPublish}\n isClassOngoing={isClassOngoing}\n isStudentPresent={isStudentPresent}\n onAssignResources={onAssignResources}\n onNodeAttempt={onNodeAttempt}\n onNodeView={onNodeView}\n onNodeReview={onNodeReview}\n onNodeReattempt={onNodeReattempt}\n onNodeReset={onNodeReset}\n onNodeUnassign={onNodeUnassign}\n onNodeAssignAsHomework={onNodeAssignAsHomework}\n onTestPreview={onTestPreview}\n onTestReview={onTestReview}\n onTestStart={onTestStart}\n courseStream={courseStream}\n activeMilestoneId={activeMilestoneId}\n activeTabId={activeTabId}\n onWidgetTabSelection={onWidgetTabSelection}\n isTrialSession={isTrialSession}\n state={state?.[milestoneId]}\n onStateChange={onStateChange}\n onCardClick={onCardClick}\n />\n {idx !== milestones.length - 1 && <Separator heightX={2} />}\n </Fragment>\n );\n })}\n </>\n );\n});\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","state","onStateChange","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isTrialSession","onNodeAssignAsHomework","onCardClick","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","MilestoneWidget","Separator"],"mappings":"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"}
|
|
@@ -36,7 +36,7 @@ const ce = R(function(w) {
|
|
|
36
36
|
can_delete: _,
|
|
37
37
|
can_update_date: E,
|
|
38
38
|
can_update_plan: d
|
|
39
|
-
} = O, { onEvent: C } = H(), [A, D] = V(""), S = a === "OUTCOME_PENDING", X = r && a === "DRAFT", o =
|
|
39
|
+
} = O, { onEvent: C } = H(), [A, D] = V(""), S = a === "OUTCOME_PENDING", X = r && a === "DRAFT", o = !x || P, M = m(
|
|
40
40
|
(l, F) => {
|
|
41
41
|
const { id: L } = F || {};
|
|
42
42
|
l ? D(l) : (e && Q({
|
|
@@ -102,7 +102,7 @@ const ce = R(function(w) {
|
|
|
102
102
|
onClick: z
|
|
103
103
|
}
|
|
104
104
|
),
|
|
105
|
-
X && /* @__PURE__ */ t(
|
|
105
|
+
X && !k && /* @__PURE__ */ t(
|
|
106
106
|
y,
|
|
107
107
|
{
|
|
108
108
|
position: "bottom",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/button';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport type { IGoalActionCtas } from './goal-action-ctas-types';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(function GoalActionCtas(props) {\n const {\n milestone,\n studentId,\n isClassOngoing,\n isStudentPresent,\n studentName,\n teacherName,\n parentName,\n onAddOutcome,\n onDraftPublish,\n onEdit,\n courseStream,\n isTrialSession,\n } = props;\n const {\n id: milestoneId,\n milestone_name: milestoneName,\n milestone_date_ts: dueDate,\n milestone_state: milestoneState,\n permissions: milestonePermissions,\n goal_category: goalCategory,\n goal_code: goalCode,\n } = milestone;\n\n const {\n can_delete: canDelete,\n can_update_date: canUpdateDate,\n can_update_plan: canUpdatePlan,\n } = milestonePermissions;\n\n const { onEvent: trackEvent } = useUIContext();\n const [error, setError] = useState('');\n\n const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n const canPublishOrEditGoal =
|
|
1
|
+
{"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/button';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport type { IGoalActionCtas } from './goal-action-ctas-types';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(function GoalActionCtas(props) {\n const {\n milestone,\n studentId,\n isClassOngoing,\n isStudentPresent,\n studentName,\n teacherName,\n parentName,\n onAddOutcome,\n onDraftPublish,\n onEdit,\n courseStream,\n isTrialSession,\n } = props;\n const {\n id: milestoneId,\n milestone_name: milestoneName,\n milestone_date_ts: dueDate,\n milestone_state: milestoneState,\n permissions: milestonePermissions,\n goal_category: goalCategory,\n goal_code: goalCode,\n } = milestone;\n\n const {\n can_delete: canDelete,\n can_update_date: canUpdateDate,\n can_update_plan: canUpdatePlan,\n } = milestonePermissions;\n\n const { onEvent: trackEvent } = useUIContext();\n const [error, setError] = useState('');\n\n const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n const canPublishOrEditGoal = !isClassOngoing || isStudentPresent;\n\n const handleGoalPublishComplete = useCallback(\n (errorMessage: string | null, data?: { id: string }) => {\n const { id } = data || {};\n\n if (errorMessage) {\n setError(errorMessage);\n } else {\n if (milestoneId) {\n invalidateMilestonesData({\n milestone_state_group: 'LIVE',\n course_stream: courseStream,\n student_id: studentId,\n });\n }\n onDraftPublish?.(milestoneId, true);\n trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n milestone_id: milestoneId || id,\n });\n }\n },\n [milestoneId, studentId, onDraftPublish, setError, trackEvent, courseStream],\n );\n\n const { onPublish, isProcessing } = useDraftPublish({\n handleGoalPublishComplete,\n milestone,\n milestoneId,\n studentName,\n parentName,\n teacherName,\n });\n\n const handleGoalEdit = useCallback(() => {\n onEdit?.({\n milestoneId,\n milestoneName,\n milestoneDueDate: dueDate,\n isMilestoneChaptersListEditable: canUpdatePlan,\n isMilestoneDateEditable: canUpdateDate,\n milestoneState,\n canDelete,\n goalCategory,\n goalCode,\n });\n }, [\n canDelete,\n canUpdateDate,\n canUpdatePlan,\n dueDate,\n goalCategory,\n goalCode,\n milestoneId,\n milestoneName,\n milestoneState,\n onEdit,\n ]);\n\n const handleOnAddOutcome = useCallback(() => {\n onAddOutcome?.(milestoneId);\n }, [onAddOutcome, milestoneId]);\n\n return (\n <FlexView $justifyContent=\"center\" $flexGap={8}>\n <FlexView\n $flexDirection=\"row\"\n $flexGapX={1.5}\n $alignItems=\"center\"\n $width=\"fit-content\"\n onClick={e => e.stopPropagation()}\n >\n {canAddOutcome && (\n <Button\n renderAs=\"primary\"\n size=\"small\"\n label=\"Add outcome\"\n shape=\"square\"\n widthX={10}\n onClick={handleOnAddOutcome}\n />\n )}\n\n {isDraftMilestone && !isTrialSession && (\n <ArrowTooltip\n position=\"bottom\"\n renderAs=\"primary\"\n tooltipItem=\"Goals can only be added for students who have joined the class\"\n hidden={canPublishOrEditGoal}\n widthX={15}\n >\n <Button\n renderAs=\"primary\"\n shape=\"square\"\n widthX={10}\n label=\"Publish\"\n size=\"small\"\n onClick={onPublish}\n busy={isProcessing}\n disabled={!canPublishOrEditGoal}\n />\n </ArrowTooltip>\n )}\n\n {canUpdatePlan && (\n <ArrowTooltip\n position=\"bottom\"\n renderAs=\"primary\"\n widthX={!canPublishOrEditGoal ? 15 : 5}\n tooltipItem={\n !canPublishOrEditGoal\n ? 'Goals can only be edited for students in class.'\n : 'Edit goal'\n }\n >\n <IconButton\n renderAs=\"secondary\"\n Icon={Edit2Icon}\n analyticsLabel=\"Edit Goal\"\n onClick={handleGoalEdit}\n size=\"xsmall\"\n disabled={!canPublishOrEditGoal}\n />\n </ArrowTooltip>\n )}\n </FlexView>\n\n {error && (\n <Text $widthX={12.5} $renderAs=\"ub3-bold\" $color=\"RED\" $align=\"center\">\n {error}\n </Text>\n )}\n </FlexView>\n );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","courseStream","isTrialSession","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","ArrowTooltip","IconButton","Edit2Icon","Text"],"mappings":"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"}
|
|
@@ -1,28 +1,33 @@
|
|
|
1
|
-
import
|
|
1
|
+
import n from "styled-components";
|
|
2
2
|
import a from "../../../../../ui/layout/flex-view.js";
|
|
3
|
-
import
|
|
4
|
-
import { MILESTONE_WIDGET_MIN_HEIGHT as
|
|
5
|
-
const x =
|
|
3
|
+
import d from "../../../../../ui/text/text.js";
|
|
4
|
+
import { MILESTONE_WIDGET_MIN_HEIGHT as p } from "../../../../constants.js";
|
|
5
|
+
const x = n(a)(({ theme: r }) => `
|
|
6
6
|
padding-bottom: ${r.layout.gutter * 1.5}px;
|
|
7
|
-
`),
|
|
8
|
-
const { colors:
|
|
7
|
+
`), m = n.div(({ theme: r, $backgroundColor: e, $frames: o }) => {
|
|
8
|
+
const { colors: t } = r;
|
|
9
9
|
return `
|
|
10
10
|
display: grid;
|
|
11
|
-
background: ${
|
|
12
|
-
grid-template-columns: repeat(${
|
|
11
|
+
background: ${t[e || "WHITE_3"]};
|
|
12
|
+
grid-template-columns: repeat(${o}, 1fr);
|
|
13
13
|
`;
|
|
14
|
-
}),
|
|
15
|
-
const { layout:
|
|
14
|
+
}), T = n(d)(({ theme: r, $selected: e }) => {
|
|
15
|
+
const { layout: o, colors: t } = r, { BLACK_T_15: i, BLACK_T_87: s } = t;
|
|
16
16
|
return `
|
|
17
17
|
cursor: pointer;
|
|
18
|
-
padding: ${
|
|
19
|
-
border-bottom: 1px solid ${
|
|
18
|
+
padding: ${o.gutter * 0.5}px 0;
|
|
19
|
+
border-bottom: 1px solid ${e ? s : i};
|
|
20
20
|
`;
|
|
21
|
-
}), $ =
|
|
21
|
+
}), $ = n(a)(({ theme: r, $isTrialSession: e }) => {
|
|
22
22
|
const { WHITE_5: o } = r.colors, { gutter: t } = r.layout;
|
|
23
23
|
return `
|
|
24
24
|
position: relative;
|
|
25
|
-
|
|
25
|
+
${e ? `
|
|
26
|
+
height: 100%;
|
|
27
|
+
min-height: ${p}px;
|
|
28
|
+
` : `
|
|
29
|
+
height: ${p}px;
|
|
30
|
+
`}
|
|
26
31
|
overflow-y: auto;
|
|
27
32
|
overflow-x: hidden;
|
|
28
33
|
|
|
@@ -35,7 +40,7 @@ const x = e(a)(({ theme: r }) => `
|
|
|
35
40
|
export {
|
|
36
41
|
x as NoPlanCardWrapper,
|
|
37
42
|
$ as TabComponentWrapper,
|
|
38
|
-
|
|
39
|
-
|
|
43
|
+
T as TabsText,
|
|
44
|
+
m as TabsWrapper
|
|
40
45
|
};
|
|
41
46
|
//# sourceMappingURL=milestone-tabs-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"milestone-tabs-styled.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport type { TColorNames } from '../../../../../ui/types';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../../../constants';\n\nconst NoPlanCardWrapper = styled(FlexView)(({ theme }) => {\n return `\n padding-bottom: ${theme.layout.gutter * 1.5}px;\n `;\n});\n\ninterface ITabsWrapper {\n $backgroundColor?: TColorNames;\n $frames: number;\n}\n\nconst TabsWrapper = styled.div<ITabsWrapper>(({ theme, $backgroundColor, $frames }) => {\n const { colors } = theme;\n\n return `\n display: grid;\n background: ${colors[$backgroundColor || 'WHITE_3']};\n grid-template-columns: repeat(${$frames}, 1fr);\n `;\n});\n\ninterface ITabsText {\n $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n const { layout, colors } = theme;\n const { BLACK_T_15, BLACK_T_87 } = colors;\n\n return `\n cursor: pointer;\n padding: ${layout.gutter * 0.5}px 0;\n border-bottom: 1px solid ${$selected ? BLACK_T_87 : BLACK_T_15};\n `;\n});\n\nconst TabComponentWrapper = styled(FlexView)(({ theme }) => {\n const { WHITE_5 } = theme.colors;\n const { gutter } = theme.layout;\n\n return `\n position: relative;\n height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n overflow-y: auto;\n overflow-x: hidden; \n\n background: ${theme.colors.WHITE_2};\n background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px),\n linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n background-size: ${gutter * 2.81}px ${gutter * 2.81}px;\n `;\n});\n\nexport { NoPlanCardWrapper, TabsWrapper, TabsText, TabComponentWrapper };\n"],"names":["NoPlanCardWrapper","styled","FlexView","theme","TabsWrapper","$backgroundColor","$frames","colors","TabsText","Text","$selected","layout","BLACK_T_15","BLACK_T_87","TabComponentWrapper","WHITE_5","gutter","MILESTONE_WIDGET_MIN_HEIGHT"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACrC;AAAA,sBACaA,EAAM,OAAO,SAAS,GAAG;AAAA,GAE9C,GAOKC,IAAcH,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,kBAAAE,GAAkB,SAAAC,QAAc;AAC/E,QAAA,EAAE,QAAAC,EAAW,IAAAJ;AAEZ,SAAA;AAAA;AAAA,kBAESI,EAAOF,KAAoB,SAAS,CAAC;AAAA,oCACnBC,CAAO;AAAA;AAE3C,CAAC,GAMKE,IAAWP,EAAOQ,CAAI,EAAa,CAAC,EAAE,OAAAN,GAAO,WAAAO,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAW,IAAAJ,GACrB,EAAE,YAAAS,GAAY,YAAAC,EAAe,IAAAN;AAE5B,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,GAAG;AAAA,+BACHD,IAAYG,IAAaD,CAAU;AAAA;AAElE,CAAC,
|
|
1
|
+
{"version":3,"file":"milestone-tabs-styled.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport type { TColorNames } from '../../../../../ui/types';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../../../constants';\n\nconst NoPlanCardWrapper = styled(FlexView)(({ theme }) => {\n return `\n padding-bottom: ${theme.layout.gutter * 1.5}px;\n `;\n});\n\ninterface ITabsWrapper {\n $backgroundColor?: TColorNames;\n $frames: number;\n}\n\nconst TabsWrapper = styled.div<ITabsWrapper>(({ theme, $backgroundColor, $frames }) => {\n const { colors } = theme;\n\n return `\n display: grid;\n background: ${colors[$backgroundColor || 'WHITE_3']};\n grid-template-columns: repeat(${$frames}, 1fr);\n `;\n});\n\ninterface ITabsText {\n $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n const { layout, colors } = theme;\n const { BLACK_T_15, BLACK_T_87 } = colors;\n\n return `\n cursor: pointer;\n padding: ${layout.gutter * 0.5}px 0;\n border-bottom: 1px solid ${$selected ? BLACK_T_87 : BLACK_T_15};\n `;\n});\n\ninterface ITabComponentWrapper {\n $isTrialSession?: boolean;\n}\n\nconst TabComponentWrapper = styled(FlexView)<ITabComponentWrapper>(({ theme, $isTrialSession }) => {\n const { WHITE_5 } = theme.colors;\n const { gutter } = theme.layout;\n\n return `\n position: relative;\n ${\n $isTrialSession\n ? `\n height: 100%;\n min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n `\n : `\n height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n `\n }\n overflow-y: auto;\n overflow-x: hidden; \n\n background: ${theme.colors.WHITE_2};\n background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px),\n linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n background-size: ${gutter * 2.81}px ${gutter * 2.81}px;\n `;\n});\n\nexport { NoPlanCardWrapper, TabsWrapper, TabsText, TabComponentWrapper };\n"],"names":["NoPlanCardWrapper","styled","FlexView","theme","TabsWrapper","$backgroundColor","$frames","colors","TabsText","Text","$selected","layout","BLACK_T_15","BLACK_T_87","TabComponentWrapper","$isTrialSession","WHITE_5","gutter","MILESTONE_WIDGET_MIN_HEIGHT"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACrC;AAAA,sBACaA,EAAM,OAAO,SAAS,GAAG;AAAA,GAE9C,GAOKC,IAAcH,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,kBAAAE,GAAkB,SAAAC,QAAc;AAC/E,QAAA,EAAE,QAAAC,EAAW,IAAAJ;AAEZ,SAAA;AAAA;AAAA,kBAESI,EAAOF,KAAoB,SAAS,CAAC;AAAA,oCACnBC,CAAO;AAAA;AAE3C,CAAC,GAMKE,IAAWP,EAAOQ,CAAI,EAAa,CAAC,EAAE,OAAAN,GAAO,WAAAO,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAW,IAAAJ,GACrB,EAAE,YAAAS,GAAY,YAAAC,EAAe,IAAAN;AAE5B,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,GAAG;AAAA,+BACHD,IAAYG,IAAaD,CAAU;AAAA;AAElE,CAAC,GAMKE,IAAsBb,EAAOC,CAAQ,EAAwB,CAAC,EAAE,OAAAC,GAAO,iBAAAY,QAAsB;AAC3F,QAAA,EAAE,SAAAC,EAAQ,IAAIb,EAAM,QACpB,EAAE,QAAAc,EAAO,IAAId,EAAM;AAElB,SAAA;AAAA;AAAA,MAGHY,IACI;AAAA;AAAA,oBAEUG,CAA2B;AAAA,QAErC;AAAA,gBACMA,CAA2B;AAAA,KAEvC;AAAA;AAAA;AAAA;AAAA,kBAIcf,EAAM,OAAO,OAAO;AAAA,wCACEa,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfC,IAAS,IAAI,MAAMA,IAAS,IAAI;AAAA;AAEvD,CAAC;"}
|