@cuemath/leap 2.8.35-beta.0 → 2.8.36-beta-0.1
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/communication/pub-sub/constants.js +2 -1
- package/dist/features/communication/pub-sub/constants.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas-core.js.map +1 -1
- package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js +63 -54
- package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js +130 -117
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js +71 -77
- package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/api/get-resource.js +5 -4
- package/dist/features/milestone/milestone-resources/resources-assign/api/get-resource.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.js +8 -9
- package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js +10 -10
- 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/constant.js +6 -0
- package/dist/features/milestone/milestone-resources/resources-assign/constant.js.map +1 -0
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.js +27 -17
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items-styled.js +13 -11
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items-styled.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.js +40 -50
- 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-styled.js +13 -12
- package/dist/features/milestone/milestone-resources/resources-assign/resources-assign-styled.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js +186 -143
- package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js.map +1 -1
- package/dist/features/milestone/milestone-resources/resources-assign/utils.js +8 -4
- package/dist/features/milestone/milestone-resources/resources-assign/utils.js.map +1 -1
- package/dist/features/ui/theme/tab.js +2 -2
- package/dist/features/ui/theme/tab.js.map +1 -1
- package/dist/index.d.ts +10 -2
- package/package.json +1 -1
package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { memo as
|
|
3
|
-
import
|
|
4
|
-
import { useUIContext as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
1
|
+
import { jsxs as i, Fragment as d, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { memo as y, useState as U, Fragment as B } from "react";
|
|
3
|
+
import N from "../../../../assets/line-icons/icons/sheet.js";
|
|
4
|
+
import { useUIContext as X } from "../../../ui/context/context.js";
|
|
5
|
+
import E from "../../../ui/layout/flex-view.js";
|
|
6
|
+
import G from "../../../ui/separator/separator.js";
|
|
7
|
+
import p from "../../../ui/text/text.js";
|
|
8
|
+
import W from "./comps/filter-item/filter-item.js";
|
|
9
|
+
import j from "./comps/resource-item/resource-item.js";
|
|
10
10
|
import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as n } from "./resource-assign-analytics-events.js";
|
|
11
|
-
import { HeaderWrapper as
|
|
12
|
-
const
|
|
11
|
+
import { HeaderWrapper as w, FilterTabWrapper as P, ResourceCountWrapper as V, FilterListWrapper as Y } from "./resources-assign-styled.js";
|
|
12
|
+
const H = [
|
|
13
13
|
{
|
|
14
14
|
id: "resource-filters",
|
|
15
15
|
label: "Filters"
|
|
@@ -18,96 +18,90 @@ const q = [
|
|
|
18
18
|
id: "resource-added",
|
|
19
19
|
label: "Added"
|
|
20
20
|
}
|
|
21
|
-
],
|
|
21
|
+
], K = {
|
|
22
22
|
LEARNING: "Learning",
|
|
23
23
|
PRACTICE: "Practice",
|
|
24
24
|
ASSESSMENT: "Assessment",
|
|
25
25
|
LEVEL2: "Advanced",
|
|
26
26
|
LEVEL3: "Advanced",
|
|
27
27
|
SUBJECTIVE: "Subjective"
|
|
28
|
-
},
|
|
29
|
-
var
|
|
28
|
+
}, ie = y((f) => {
|
|
29
|
+
var R, A, T;
|
|
30
30
|
const {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
const r = _ === e;
|
|
40
|
-
p(
|
|
31
|
+
resourceFilters: b,
|
|
32
|
+
selectedResources: u,
|
|
33
|
+
onResourceDeSelection: L,
|
|
34
|
+
onFilterUpdate: l,
|
|
35
|
+
onViewResource: D
|
|
36
|
+
} = f, { boards: m, grades: h, node_types: C } = b, { onEvent: c } = X(), [$, I] = U("resource-filters"), s = u.length, g = (R = m.find((e) => e.applied)) == null ? void 0 : R.name, S = (A = h.find((e) => e.applied)) == null ? void 0 : A.name, _ = (T = C.find((e) => e.applied)) == null ? void 0 : T.name, O = (e) => {
|
|
37
|
+
const r = g === e;
|
|
38
|
+
c(
|
|
41
39
|
r ? n.RESOURCE_BOARD_DESELECTED : n.RESOURCE_BOARD_SELECTED,
|
|
42
40
|
{
|
|
43
41
|
board: e
|
|
44
42
|
}
|
|
45
|
-
),
|
|
46
|
-
},
|
|
47
|
-
const r =
|
|
48
|
-
|
|
43
|
+
), l({ board: r ? "" : e });
|
|
44
|
+
}, v = (e) => {
|
|
45
|
+
const r = S === e;
|
|
46
|
+
c(
|
|
49
47
|
r ? n.RESOURCE_GRADE_DESELECTED : n.RESOURCE_GRADE_SELECTED,
|
|
50
48
|
{
|
|
51
49
|
grade: e
|
|
52
50
|
}
|
|
53
|
-
),
|
|
54
|
-
},
|
|
55
|
-
const r =
|
|
56
|
-
|
|
51
|
+
), l({ grade: r ? "" : e });
|
|
52
|
+
}, x = (e) => {
|
|
53
|
+
const r = _ === e;
|
|
54
|
+
c(
|
|
57
55
|
r ? n.RESOURCE_NODE_TYPE_DESELECTED : n.RESOURCE_NODE_TYPE_SELECTED,
|
|
58
56
|
{
|
|
59
57
|
node_type: e
|
|
60
58
|
}
|
|
61
|
-
),
|
|
62
|
-
}
|
|
63
|
-
G(() => {
|
|
64
|
-
d.current = i, E.current = l, u.current = s;
|
|
65
|
-
}, [i, l, s]);
|
|
66
|
-
const U = [
|
|
59
|
+
), l({ node_type: r ? "" : e });
|
|
60
|
+
}, F = [
|
|
67
61
|
{
|
|
68
62
|
title: "Curriculum",
|
|
69
|
-
options:
|
|
63
|
+
options: m.map(({ code: e, name: r }) => ({
|
|
70
64
|
id: e,
|
|
71
65
|
label: r,
|
|
72
66
|
value: r
|
|
73
67
|
})),
|
|
74
|
-
value:
|
|
75
|
-
onClick:
|
|
68
|
+
value: g,
|
|
69
|
+
onClick: O
|
|
76
70
|
},
|
|
77
71
|
{
|
|
78
72
|
title: "Grade",
|
|
79
|
-
options:
|
|
73
|
+
options: h.map(({ code: e, name: r }) => ({
|
|
80
74
|
id: e,
|
|
81
75
|
label: e,
|
|
82
76
|
value: r
|
|
83
77
|
})),
|
|
84
|
-
value:
|
|
85
|
-
onClick:
|
|
78
|
+
value: S,
|
|
79
|
+
onClick: v
|
|
86
80
|
},
|
|
87
81
|
{
|
|
88
82
|
title: "Type",
|
|
89
|
-
options:
|
|
83
|
+
options: C.map(({ code: e, name: r }) => ({
|
|
90
84
|
id: e,
|
|
91
|
-
label:
|
|
85
|
+
label: K[r] || "",
|
|
92
86
|
value: r || ""
|
|
93
87
|
})),
|
|
94
|
-
value:
|
|
95
|
-
onClick:
|
|
88
|
+
value: _,
|
|
89
|
+
onClick: x
|
|
96
90
|
}
|
|
97
91
|
];
|
|
98
|
-
return /* @__PURE__ */
|
|
92
|
+
return /* @__PURE__ */ i(d, { children: [
|
|
99
93
|
/* @__PURE__ */ t(
|
|
100
|
-
|
|
94
|
+
w,
|
|
101
95
|
{
|
|
102
96
|
$heightX: 4,
|
|
103
97
|
$background: "WHITE_3",
|
|
104
98
|
$flexDirection: "row",
|
|
105
99
|
$alignItems: "end",
|
|
106
100
|
$noBorder: !0,
|
|
107
|
-
children:
|
|
108
|
-
const { id: r, label:
|
|
109
|
-
return /* @__PURE__ */
|
|
110
|
-
|
|
101
|
+
children: H.map((e) => {
|
|
102
|
+
const { id: r, label: a } = e, o = r === $;
|
|
103
|
+
return /* @__PURE__ */ i(
|
|
104
|
+
P,
|
|
111
105
|
{
|
|
112
106
|
$flexDirection: "row",
|
|
113
107
|
$width: "100%",
|
|
@@ -115,21 +109,21 @@ const q = [
|
|
|
115
109
|
$justifyContent: "center",
|
|
116
110
|
$gapX: 0.5,
|
|
117
111
|
$selected: o,
|
|
118
|
-
onClick: () =>
|
|
112
|
+
onClick: () => I(r),
|
|
119
113
|
$flexGap: 4,
|
|
120
114
|
$heightX: 2.5,
|
|
121
115
|
children: [
|
|
122
116
|
/* @__PURE__ */ t(
|
|
123
|
-
|
|
117
|
+
p,
|
|
124
118
|
{
|
|
125
119
|
$renderAs: o ? "ub3-bold" : "ub3",
|
|
126
120
|
$align: "center",
|
|
127
121
|
$color: o ? "BLACK_T_87" : "BLACK_T_38",
|
|
128
|
-
children:
|
|
122
|
+
children: a
|
|
129
123
|
}
|
|
130
124
|
),
|
|
131
|
-
|
|
132
|
-
|
|
125
|
+
s > 0 && r === "resource-added" && /* @__PURE__ */ t(
|
|
126
|
+
V,
|
|
133
127
|
{
|
|
134
128
|
$borderRadius: 50,
|
|
135
129
|
$background: "YELLOW_4",
|
|
@@ -137,7 +131,7 @@ const q = [
|
|
|
137
131
|
$justifyContent: "center",
|
|
138
132
|
$alignItems: "center",
|
|
139
133
|
$heightX: 1.25,
|
|
140
|
-
children: /* @__PURE__ */ t(
|
|
134
|
+
children: /* @__PURE__ */ t(p, { $renderAs: "ac4-black", children: s })
|
|
141
135
|
}
|
|
142
136
|
)
|
|
143
137
|
]
|
|
@@ -147,32 +141,32 @@ const q = [
|
|
|
147
141
|
})
|
|
148
142
|
}
|
|
149
143
|
),
|
|
150
|
-
/* @__PURE__ */ t(
|
|
151
|
-
const { title: r, value:
|
|
152
|
-
return /* @__PURE__ */
|
|
144
|
+
/* @__PURE__ */ t(Y, { $height: "calc(100vh - 64px - 16px)", children: $ === "resource-filters" ? /* @__PURE__ */ t(d, { children: F.map((e) => {
|
|
145
|
+
const { title: r, value: a, options: o, onClick: k } = e;
|
|
146
|
+
return /* @__PURE__ */ i(B, { children: [
|
|
153
147
|
/* @__PURE__ */ t(
|
|
154
|
-
|
|
148
|
+
W,
|
|
155
149
|
{
|
|
156
150
|
title: r,
|
|
157
|
-
value:
|
|
151
|
+
value: a ?? "",
|
|
158
152
|
options: o,
|
|
159
|
-
onClick:
|
|
153
|
+
onClick: k
|
|
160
154
|
}
|
|
161
155
|
),
|
|
162
|
-
/* @__PURE__ */ t(
|
|
156
|
+
/* @__PURE__ */ t(G, { height: 1, background: "WHITE_5" })
|
|
163
157
|
] }, r);
|
|
164
|
-
}) }) : /* @__PURE__ */
|
|
165
|
-
|
|
166
|
-
|
|
158
|
+
}) }) : /* @__PURE__ */ i(d, { children: [
|
|
159
|
+
u.map((e) => /* @__PURE__ */ t(E, { $gapX: 1, $gutterX: 1, children: /* @__PURE__ */ t(
|
|
160
|
+
j,
|
|
167
161
|
{
|
|
168
162
|
resource: e,
|
|
169
|
-
onViewResource:
|
|
170
|
-
onResourceAdditionOrDeletion:
|
|
163
|
+
onViewResource: D,
|
|
164
|
+
onResourceAdditionOrDeletion: L,
|
|
171
165
|
selected: !0
|
|
172
166
|
}
|
|
173
167
|
) }, e.id)),
|
|
174
|
-
|
|
175
|
-
|
|
168
|
+
s === 0 && /* @__PURE__ */ i(
|
|
169
|
+
E,
|
|
176
170
|
{
|
|
177
171
|
$alignItems: "center",
|
|
178
172
|
$justifyContent: "center",
|
|
@@ -180,8 +174,8 @@ const q = [
|
|
|
180
174
|
$height: "100%",
|
|
181
175
|
$flexGap: 8,
|
|
182
176
|
children: [
|
|
183
|
-
/* @__PURE__ */ t(
|
|
184
|
-
/* @__PURE__ */ t(
|
|
177
|
+
/* @__PURE__ */ t(N, { opacity: 0.38 }),
|
|
178
|
+
/* @__PURE__ */ t(E, { $widthX: 15, children: /* @__PURE__ */ t(p, { $renderAs: "ub1-bold", $color: "BLACK_T_38", $align: "center", children: "No sheets added" }) })
|
|
185
179
|
]
|
|
186
180
|
}
|
|
187
181
|
)
|
|
@@ -189,6 +183,6 @@ const q = [
|
|
|
189
183
|
] });
|
|
190
184
|
});
|
|
191
185
|
export {
|
|
192
|
-
|
|
186
|
+
ie as default
|
|
193
187
|
};
|
|
194
188
|
//# sourceMappingURL=added-resource-and-filters.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"added-resource-and-filters.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.tsx"],"sourcesContent":["import type { IAddedResourceAndFilters } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useEffect, useRef, useState } from 'react';\n\nimport SheetIcon from '../../../../assets/line-icons/icons/sheet';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport FilterItem from './comps/filter-item/filter-item';\nimport ResourceItem from './comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport * as Styled from './resources-assign-styled';\n\nconst TABS = [\n {\n id: 'resource-filters',\n label: 'Filters',\n },\n {\n id: 'resource-added',\n label: 'Added',\n },\n];\n\nconst EXTRA_PRACTICE_LABEL_MAP: Record<string, string> = {\n LEARNING: 'Learning',\n PRACTICE: 'Practice',\n ASSESSMENT: 'Assessment',\n LEVEL2: 'Advanced',\n LEVEL3: 'Advanced',\n SUBJECTIVE: 'Subjective',\n};\n\nconst AddedResourceAndFilters: FC<IAddedResourceAndFilters> = memo(props => {\n const {\n boards,\n grades,\n nodeTypes,\n selectedResources,\n onResourceDeSelection,\n onFilterUpdate,\n onViewResource,\n } = props;\n\n const boardsRef = useRef(boards);\n const gradesRef = useRef(grades);\n const nodeTypesRef = useRef(nodeTypes);\n\n const { onEvent: trackEvent } = useUIContext();\n\n const [selectedTab, setSelectedTab] = useState('resource-filters');\n\n const addedResourceCount = selectedResources.length;\n const appliedBoard = boardsRef.current.find(board => board.applied)?.name;\n const appliedGrade = gradesRef.current.find(grade => grade.applied)?.name;\n const appliedNodeType = nodeTypesRef.current.find(grade => grade.applied)?.name;\n\n const handleOnBoardChange = (updatedBoard: string) => {\n const boardSelection = appliedBoard === updatedBoard;\n\n trackEvent(\n boardSelection\n ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_DESELECTED\n : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_SELECTED,\n {\n board: updatedBoard,\n },\n );\n onFilterUpdate({ board: boardSelection ? '' : updatedBoard });\n };\n\n const handleOnGradeChange = (updatedGrade: string) => {\n const gradeSelection = appliedGrade === updatedGrade;\n\n trackEvent(\n gradeSelection\n ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_DESELECTED\n : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_SELECTED,\n {\n grade: updatedGrade,\n },\n );\n onFilterUpdate({ grade: gradeSelection ? '' : updatedGrade });\n };\n\n const handleOnNodeTypeChange = (updatedNodeType: string) => {\n const nodeTypeSelection = appliedNodeType === updatedNodeType;\n\n trackEvent(\n nodeTypeSelection\n ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_DESELECTED\n : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_SELECTED,\n {\n node_type: updatedNodeType,\n },\n );\n onFilterUpdate({ node_type: nodeTypeSelection ? '' : updatedNodeType });\n };\n\n useEffect(() => {\n boardsRef.current = boards;\n gradesRef.current = grades;\n nodeTypesRef.current = nodeTypes;\n }, [boards, grades, nodeTypes]);\n\n const filterItemList = [\n {\n title: 'Curriculum',\n options: boardsRef.current.map(({ code, name }) => ({\n id: code,\n label: name,\n value: name,\n })),\n value: appliedBoard,\n onClick: handleOnBoardChange,\n },\n {\n title: 'Grade',\n options: gradesRef.current.map(({ code, name }) => ({\n id: code,\n label: code,\n value: name,\n })),\n value: appliedGrade,\n onClick: handleOnGradeChange,\n },\n {\n title: 'Type',\n options: nodeTypesRef.current.map(({ code, name }) => ({\n id: code,\n label: EXTRA_PRACTICE_LABEL_MAP[name] || '',\n value: name || '',\n })),\n value: appliedNodeType,\n onClick: handleOnNodeTypeChange,\n },\n ];\n\n return (\n <>\n <Styled.HeaderWrapper\n $heightX={4}\n $background=\"WHITE_3\"\n $flexDirection=\"row\"\n $alignItems=\"end\"\n $noBorder\n >\n {TABS.map(tab => {\n const { id, label } = tab;\n const selected = id === selectedTab;\n\n return (\n <Styled.FilterTabWrapper\n key={id}\n $flexDirection=\"row\"\n $width=\"100%\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $gapX={0.5}\n $selected={selected}\n onClick={() => setSelectedTab(id)}\n $flexGap={4}\n $heightX={2.5}\n >\n <Text\n $renderAs={selected ? 'ub3-bold' : 'ub3'}\n $align=\"center\"\n $color={selected ? 'BLACK_T_87' : 'BLACK_T_38'}\n >\n {label}\n </Text>\n {addedResourceCount > 0 && id === 'resource-added' && (\n <Styled.ResourceCountWrapper\n $borderRadius={50}\n $background=\"YELLOW_4\"\n $gutter={4}\n $justifyContent=\"center\"\n $alignItems=\"center\"\n $heightX={1.25}\n >\n <Text $renderAs=\"ac4-black\">{addedResourceCount}</Text>\n </Styled.ResourceCountWrapper>\n )}\n </Styled.FilterTabWrapper>\n );\n })}\n </Styled.HeaderWrapper>\n\n <Styled.FilterListWrapper $height=\"calc(100vh - 64px - 16px)\">\n {selectedTab === 'resource-filters' ? (\n <>\n {filterItemList.map(item => {\n const { title, value, options, onClick } = item;\n\n return (\n <Fragment key={title}>\n <FilterItem\n title={title}\n value={value ?? ''}\n options={options}\n onClick={onClick}\n />\n\n <Separator height={1} background=\"WHITE_5\" />\n </Fragment>\n );\n })}\n </>\n ) : (\n <>\n {selectedResources.map(item => (\n <FlexView $gapX={1} $gutterX={1} key={item.id}>\n <ResourceItem\n resource={item}\n onViewResource={onViewResource}\n onResourceAdditionOrDeletion={onResourceDeSelection}\n selected={true}\n />\n </FlexView>\n ))}\n\n {addedResourceCount === 0 && (\n <FlexView\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $gapX={2}\n $height=\"100%\"\n $flexGap={8}\n >\n <SheetIcon opacity={0.38} />\n <FlexView $widthX={15}>\n <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\" $align=\"center\">\n No sheets added\n </Text>\n </FlexView>\n </FlexView>\n )}\n </>\n )}\n </Styled.FilterListWrapper>\n </>\n );\n});\n\nexport default AddedResourceAndFilters;\n"],"names":["TABS","EXTRA_PRACTICE_LABEL_MAP","AddedResourceAndFilters","memo","props","boards","grades","nodeTypes","selectedResources","onResourceDeSelection","onFilterUpdate","onViewResource","boardsRef","useRef","gradesRef","nodeTypesRef","trackEvent","useUIContext","selectedTab","setSelectedTab","useState","addedResourceCount","appliedBoard","_a","board","appliedGrade","_b","grade","appliedNodeType","_c","handleOnBoardChange","updatedBoard","boardSelection","RESOURCE_ASSIGN_ANALYTICS_EVENTS","handleOnGradeChange","updatedGrade","gradeSelection","handleOnNodeTypeChange","updatedNodeType","nodeTypeSelection","useEffect","filterItemList","code","name","jsxs","Fragment","jsx","Styled.HeaderWrapper","tab","id","label","selected","Styled.FilterTabWrapper","Text","Styled.ResourceCountWrapper","Styled.FilterListWrapper","item","title","value","options","onClick","FilterItem","Separator","FlexView","ResourceItem","SheetIcon"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"added-resource-and-filters.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.tsx"],"sourcesContent":["import type { IAddedResourceAndFilters } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useState } from 'react';\n\nimport SheetIcon from '../../../../assets/line-icons/icons/sheet';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport FilterItem from './comps/filter-item/filter-item';\nimport ResourceItem from './comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport * as Styled from './resources-assign-styled';\n\nconst TABS = [\n {\n id: 'resource-filters',\n label: 'Filters',\n },\n {\n id: 'resource-added',\n label: 'Added',\n },\n];\n\nconst EXTRA_PRACTICE_LABEL_MAP: Record<string, string> = {\n LEARNING: 'Learning',\n PRACTICE: 'Practice',\n ASSESSMENT: 'Assessment',\n LEVEL2: 'Advanced',\n LEVEL3: 'Advanced',\n SUBJECTIVE: 'Subjective',\n};\n\nconst AddedResourceAndFilters: FC<IAddedResourceAndFilters> = memo(props => {\n const {\n resourceFilters,\n selectedResources,\n onResourceDeSelection,\n onFilterUpdate,\n onViewResource,\n } = props;\n\n const { boards, grades, node_types: nodeTypes } = resourceFilters;\n\n const { onEvent: trackEvent } = useUIContext();\n\n const [selectedTab, setSelectedTab] = useState('resource-filters');\n\n const addedResourceCount = selectedResources.length;\n const appliedBoard = boards.find(board => board.applied)?.name;\n const appliedGrade = grades.find(grade => grade.applied)?.name;\n const appliedNodeType = nodeTypes.find(grade => grade.applied)?.name;\n\n const handleOnBoardChange = (updatedBoard: string) => {\n const boardSelection = appliedBoard === updatedBoard;\n\n trackEvent(\n boardSelection\n ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_DESELECTED\n : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_SELECTED,\n {\n board: updatedBoard,\n },\n );\n onFilterUpdate({ board: boardSelection ? '' : updatedBoard });\n };\n\n const handleOnGradeChange = (updatedGrade: string) => {\n const gradeSelection = appliedGrade === updatedGrade;\n\n trackEvent(\n gradeSelection\n ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_DESELECTED\n : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_SELECTED,\n {\n grade: updatedGrade,\n },\n );\n onFilterUpdate({ grade: gradeSelection ? '' : updatedGrade });\n };\n\n const handleOnNodeTypeChange = (updatedNodeType: string) => {\n const nodeTypeSelection = appliedNodeType === updatedNodeType;\n\n trackEvent(\n nodeTypeSelection\n ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_DESELECTED\n : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_SELECTED,\n {\n node_type: updatedNodeType,\n },\n );\n onFilterUpdate({ node_type: nodeTypeSelection ? '' : updatedNodeType });\n };\n\n const filterItemList = [\n {\n title: 'Curriculum',\n options: boards.map(({ code, name }) => ({\n id: code,\n label: name,\n value: name,\n })),\n value: appliedBoard,\n onClick: handleOnBoardChange,\n },\n {\n title: 'Grade',\n options: grades.map(({ code, name }) => ({\n id: code,\n label: code,\n value: name,\n })),\n value: appliedGrade,\n onClick: handleOnGradeChange,\n },\n {\n title: 'Type',\n options: nodeTypes.map(({ code, name }) => ({\n id: code,\n label: EXTRA_PRACTICE_LABEL_MAP[name] || '',\n value: name || '',\n })),\n value: appliedNodeType,\n onClick: handleOnNodeTypeChange,\n },\n ];\n\n return (\n <>\n <Styled.HeaderWrapper\n $heightX={4}\n $background=\"WHITE_3\"\n $flexDirection=\"row\"\n $alignItems=\"end\"\n $noBorder\n >\n {TABS.map(tab => {\n const { id, label } = tab;\n const selected = id === selectedTab;\n\n return (\n <Styled.FilterTabWrapper\n key={id}\n $flexDirection=\"row\"\n $width=\"100%\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $gapX={0.5}\n $selected={selected}\n onClick={() => setSelectedTab(id)}\n $flexGap={4}\n $heightX={2.5}\n >\n <Text\n $renderAs={selected ? 'ub3-bold' : 'ub3'}\n $align=\"center\"\n $color={selected ? 'BLACK_T_87' : 'BLACK_T_38'}\n >\n {label}\n </Text>\n {addedResourceCount > 0 && id === 'resource-added' && (\n <Styled.ResourceCountWrapper\n $borderRadius={50}\n $background=\"YELLOW_4\"\n $gutter={4}\n $justifyContent=\"center\"\n $alignItems=\"center\"\n $heightX={1.25}\n >\n <Text $renderAs=\"ac4-black\">{addedResourceCount}</Text>\n </Styled.ResourceCountWrapper>\n )}\n </Styled.FilterTabWrapper>\n );\n })}\n </Styled.HeaderWrapper>\n\n <Styled.FilterListWrapper $height=\"calc(100vh - 64px - 16px)\">\n {selectedTab === 'resource-filters' ? (\n <>\n {filterItemList.map(item => {\n const { title, value, options, onClick } = item;\n\n return (\n <Fragment key={title}>\n <FilterItem\n title={title}\n value={value ?? ''}\n options={options}\n onClick={onClick}\n />\n\n <Separator height={1} background=\"WHITE_5\" />\n </Fragment>\n );\n })}\n </>\n ) : (\n <>\n {selectedResources.map(item => (\n <FlexView $gapX={1} $gutterX={1} key={item.id}>\n <ResourceItem\n resource={item}\n onViewResource={onViewResource}\n onResourceAdditionOrDeletion={onResourceDeSelection}\n selected={true}\n />\n </FlexView>\n ))}\n\n {addedResourceCount === 0 && (\n <FlexView\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $gapX={2}\n $height=\"100%\"\n $flexGap={8}\n >\n <SheetIcon opacity={0.38} />\n <FlexView $widthX={15}>\n <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\" $align=\"center\">\n No sheets added\n </Text>\n </FlexView>\n </FlexView>\n )}\n </>\n )}\n </Styled.FilterListWrapper>\n </>\n );\n});\n\nexport default AddedResourceAndFilters;\n"],"names":["TABS","EXTRA_PRACTICE_LABEL_MAP","AddedResourceAndFilters","memo","props","resourceFilters","selectedResources","onResourceDeSelection","onFilterUpdate","onViewResource","boards","grades","nodeTypes","trackEvent","useUIContext","selectedTab","setSelectedTab","useState","addedResourceCount","appliedBoard","_a","board","appliedGrade","_b","grade","appliedNodeType","_c","handleOnBoardChange","updatedBoard","boardSelection","RESOURCE_ASSIGN_ANALYTICS_EVENTS","handleOnGradeChange","updatedGrade","gradeSelection","handleOnNodeTypeChange","updatedNodeType","nodeTypeSelection","filterItemList","code","name","jsxs","Fragment","jsx","Styled.HeaderWrapper","tab","id","label","selected","Styled.FilterTabWrapper","Text","Styled.ResourceCountWrapper","Styled.FilterListWrapper","item","title","value","options","onClick","FilterItem","Separator","FlexView","ResourceItem","SheetIcon"],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { createGetAPI as
|
|
1
|
+
import { createGetAPI as r } from "@cuemath/rest-api";
|
|
2
2
|
import { BASE_URL_V3 as t } from "../../../../../constants/api.js";
|
|
3
3
|
import { stringify as o } from "../../../../../helpers/query-string.js";
|
|
4
|
-
const {
|
|
5
|
-
getURL: (c,
|
|
4
|
+
const { get: i, useGet: a } = r({
|
|
5
|
+
getURL: (c, e) => `${t}/curriculum/extra-resources/?${o(e)}`
|
|
6
6
|
});
|
|
7
7
|
export {
|
|
8
|
-
i as
|
|
8
|
+
i as getResourceSearchAPI,
|
|
9
|
+
a as useGetSearchResource
|
|
9
10
|
};
|
|
10
11
|
//# sourceMappingURL=get-resource.js.map
|
package/dist/features/milestone/milestone-resources/resources-assign/api/get-resource.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-resource.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/get-resource.ts"],"sourcesContent":["import type { TCourseStream } from '../../../create/milestone-create-types';\nimport type { IResourceData } from '../resources-assign-type';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../constants/api';\nimport { stringify } from '../../../../../helpers/query-string';\n\ninterface IExtraPracticeQuery {\n board?: string;\n grade?: string;\n stream: TCourseStream;\n search_term?: string;\n node_type?: string;\n page?: number;\n per_page?: number;\n user_milestone_id?: string;\n program_id?: string;\n user_id?: string;\n}\n\nconst { useGet: useGetSearchResource } = createGetAPI
|
|
1
|
+
{"version":3,"file":"get-resource.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/get-resource.ts"],"sourcesContent":["import type { TCourseStream } from '../../../create/milestone-create-types';\nimport type { IResourceData } from '../resources-assign-type';\nimport type { ResourceModel } from '@cuemath/rest-api';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../constants/api';\nimport { stringify } from '../../../../../helpers/query-string';\n\ninterface IExtraPracticeQuery {\n board?: string;\n grade?: string;\n stream: TCourseStream;\n search_term?: string;\n node_type?: string;\n page?: number;\n per_page?: number;\n user_milestone_id?: string;\n program_id?: string;\n user_id?: string;\n}\n\nexport type IExtendedResourceModel = ResourceModel<IResourceData> & {\n __ERROR__: Record<string, string>;\n};\n\nconst { get: getResourceSearchAPI, useGet: useGetSearchResource } = createGetAPI<\n IResourceData,\n IExtraPracticeQuery,\n null\n>({\n getURL: (_, query) => `${BASE_URL_V3}/curriculum/extra-resources/?${stringify(query)}`,\n});\n\nexport { getResourceSearchAPI, useGetSearchResource, type IExtraPracticeQuery };\n"],"names":["getResourceSearchAPI","useGetSearchResource","createGetAPI","_","query","BASE_URL_V3","stringify"],"mappings":";;;AA0BA,MAAM,EAAE,KAAKA,GAAsB,QAAQC,EAAA,IAAyBC,EAIlE;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,gCAAgCC,EAAUF,CAAK,CAAC;AACtF,CAAC;"}
|
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
import
|
|
1
|
+
import o from "styled-components";
|
|
2
2
|
import n from "../../../../../../assets/line-icons/icons/chevron-down.js";
|
|
3
3
|
import i from "../../../../../ui/layout/flex-view.js";
|
|
4
|
-
const
|
|
4
|
+
const p = o(i)`
|
|
5
5
|
cursor: pointer;
|
|
6
|
-
`, c =
|
|
7
|
-
const { gutter:
|
|
6
|
+
`, c = o(n)(({ $active: r, theme: e }) => {
|
|
7
|
+
const { gutter: t } = e.layout;
|
|
8
8
|
return `
|
|
9
|
-
width: ${
|
|
10
|
-
height: ${
|
|
11
|
-
|
|
12
|
-
transform: rotate(${t ? 180 : 0}deg);
|
|
9
|
+
width: ${t}px;
|
|
10
|
+
height: ${t}px;
|
|
11
|
+
transform: rotate(${r ? 180 : 0}deg);
|
|
13
12
|
transition: transform 0.3s ease-out;
|
|
14
13
|
`;
|
|
15
14
|
});
|
|
16
15
|
export {
|
|
17
|
-
|
|
16
|
+
p as FilterItemHeader,
|
|
18
17
|
c as StyledChevronIcon
|
|
19
18
|
};
|
|
20
19
|
//# sourceMappingURL=filter-item-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst FilterItemHeader = styled(FlexView)`\n cursor: pointer;\n`;\n\ninterface IChevronIcon {\n $active: boolean;\n}\n\nconst StyledChevronIcon = styled(ChevronDownIcon)<IChevronIcon>(({ $active, theme }) => {\n const { gutter } = theme.layout;\n\n return `\n width: ${gutter}px;\n height: ${gutter}px;\n
|
|
1
|
+
{"version":3,"file":"filter-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst FilterItemHeader = styled(FlexView)`\n cursor: pointer;\n`;\n\ninterface IChevronIcon {\n $active: boolean;\n}\n\nconst StyledChevronIcon = styled(ChevronDownIcon)<IChevronIcon>(({ $active, theme }) => {\n const { gutter } = theme.layout;\n\n return `\n width: ${gutter}px;\n height: ${gutter}px;\n transform: rotate(${$active ? 180 : 0}deg);\n transition: transform 0.3s ease-out;\n `;\n});\n\nexport { FilterItemHeader, StyledChevronIcon };\n"],"names":["FilterItemHeader","styled","FlexView","StyledChevronIcon","ChevronDownIcon","$active","theme","gutter"],"mappings":";;;AAKM,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,GAQlCC,IAAoBF,EAAOG,CAAe,EAAgB,CAAC,EAAE,SAAAC,GAAS,OAAAC,QAAY;AAChF,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,aACIC,CAAM;AAAA,cACLA,CAAM;AAAA,wBACIF,IAAU,MAAM,CAAC;AAAA;AAAA;AAGzC,CAAC;"}
|
|
@@ -3,28 +3,28 @@ import { memo as f, useState as x } from "react";
|
|
|
3
3
|
import l from "../../../../../ui/layout/flex-view.js";
|
|
4
4
|
import u from "../../../../../ui/tab/tab.js";
|
|
5
5
|
import h from "../../../../../ui/text/text.js";
|
|
6
|
-
import { FilterItemHeader as
|
|
7
|
-
const
|
|
8
|
-
const { options: a, title: c, value: s, onClick: d } = i, [
|
|
6
|
+
import { FilterItemHeader as w, StyledChevronIcon as C } from "./filter-item-styled.js";
|
|
7
|
+
const F = f((i) => {
|
|
8
|
+
const { options: a, title: c, value: s, onClick: d } = i, [r, m] = x(!0);
|
|
9
9
|
return /* @__PURE__ */ o(l, { $width: "100%", $gapX: 1, $gutterX: 1, $flexGapX: 1, children: [
|
|
10
10
|
/* @__PURE__ */ o(
|
|
11
|
-
|
|
11
|
+
w,
|
|
12
12
|
{
|
|
13
13
|
$flexDirection: "row",
|
|
14
14
|
$alignItems: "center",
|
|
15
15
|
$justifyContent: "space-between",
|
|
16
16
|
$flexGap: 8,
|
|
17
17
|
onClick: () => {
|
|
18
|
-
m((
|
|
18
|
+
m((t) => !t);
|
|
19
19
|
},
|
|
20
20
|
children: [
|
|
21
|
-
/* @__PURE__ */ e(h, { $renderAs: "ac4-black",
|
|
22
|
-
/* @__PURE__ */ e(
|
|
21
|
+
/* @__PURE__ */ e(h, { $renderAs: "ac4-black", children: c }),
|
|
22
|
+
/* @__PURE__ */ e(C, { $active: r })
|
|
23
23
|
]
|
|
24
24
|
}
|
|
25
25
|
),
|
|
26
|
-
|
|
27
|
-
const { id: p, label: $, value: n } =
|
|
26
|
+
r && /* @__PURE__ */ e(l, { $flexDirection: "row", $flexWrap: !0, $flexGap: 12, children: a.map((t) => {
|
|
27
|
+
const { id: p, label: $, value: n } = t;
|
|
28
28
|
return /* @__PURE__ */ e(
|
|
29
29
|
u,
|
|
30
30
|
{
|
|
@@ -42,6 +42,6 @@ const j = f((i) => {
|
|
|
42
42
|
] });
|
|
43
43
|
});
|
|
44
44
|
export {
|
|
45
|
-
|
|
45
|
+
F as default
|
|
46
46
|
};
|
|
47
47
|
//# sourceMappingURL=filter-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.tsx"],"sourcesContent":["import type { IFilterItem } from './filter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport TabComponent from '../../../../../ui/tab/tab';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './filter-item-styled';\n\nconst FilterItem: FC<IFilterItem> = memo(props => {\n const { options, title, value, onClick } = props;\n const [expandItem, setExpandedItem] = useState(true);\n\n const handleOnExpand = () => {\n setExpandedItem(prev => !prev);\n };\n\n return (\n <FlexView $width=\"100%\" $gapX={1} $gutterX={1} $flexGapX={1}>\n <Styled.FilterItemHeader\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n $flexGap={8}\n onClick={handleOnExpand}\n >\n <Text $renderAs=\"ac4-black\"
|
|
1
|
+
{"version":3,"file":"filter-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.tsx"],"sourcesContent":["import type { IFilterItem } from './filter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport TabComponent from '../../../../../ui/tab/tab';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './filter-item-styled';\n\nconst FilterItem: FC<IFilterItem> = memo(props => {\n const { options, title, value, onClick } = props;\n const [expandItem, setExpandedItem] = useState(true);\n\n const handleOnExpand = () => {\n setExpandedItem(prev => !prev);\n };\n\n return (\n <FlexView $width=\"100%\" $gapX={1} $gutterX={1} $flexGapX={1}>\n <Styled.FilterItemHeader\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n $flexGap={8}\n onClick={handleOnExpand}\n >\n <Text $renderAs=\"ac4-black\">{title}</Text>\n\n <Styled.StyledChevronIcon $active={expandItem} />\n </Styled.FilterItemHeader>\n\n {expandItem && (\n <FlexView $flexDirection=\"row\" $flexWrap $flexGap={12}>\n {options.map(option => {\n const { id, label, value: optionValue } = option;\n const selected = optionValue === value;\n\n return (\n <TabComponent\n key={id}\n $width=\"fit-content\"\n $renderAs=\"primary\"\n label={label}\n $selected={selected}\n shape=\"curved\"\n $size=\"small\"\n onClick={() => onClick(optionValue)}\n />\n );\n })}\n </FlexView>\n )}\n </FlexView>\n );\n});\n\nexport default FilterItem;\n"],"names":["FilterItem","memo","props","options","title","value","onClick","expandItem","setExpandedItem","useState","jsxs","FlexView","Styled.FilterItemHeader","prev","jsx","Text","Styled.StyledChevronIcon","option","id","label","optionValue","TabComponent"],"mappings":";;;;;;AAUM,MAAAA,IAA8BC,EAAK,CAASC,MAAA;AAChD,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,SAAAC,MAAYJ,GACrC,CAACK,GAAYC,CAAe,IAAIC,EAAS,EAAI;AAOjD,SAAA,gBAAAC,EAACC,KAAS,QAAO,QAAO,OAAO,GAAG,UAAU,GAAG,WAAW,GACxD,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAXiB,MAAM;AACX,UAAAJ,EAAA,CAAAK,MAAQ,CAACA,CAAI;AAAA,QAAA;AAAA,QAYzB,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMX,GAAA;AAAA,UAElC,gBAAAU,EAAAE,GAAA,EAAyB,SAAST,EAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAECA,KACE,gBAAAO,EAAAH,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,UAAU,IAChD,UAAQR,EAAA,IAAI,CAAUc,MAAA;AACrB,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,OAAOC,MAAgBH;AAIxC,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,QAAO;AAAA,UACP,WAAU;AAAA,UACV,OAAAF;AAAA,UACA,WARaC,MAAgBf;AAAA,UAS7B,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAS,MAAMC,EAAQc,CAAW;AAAA,QAAA;AAAA,QAP7BF;AAAA,MAAA;AAAA,IAUV,CAAA,GACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constant.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/constant.ts"],"sourcesContent":["export const HEADER_HEIGHT = 64;\nexport const FOOTER_HEIGHT = 72;\n"],"names":["HEADER_HEIGHT","FOOTER_HEIGHT"],"mappings":"AAAO,MAAMA,IAAgB,IAChBC,IAAgB;"}
|
|
@@ -1,21 +1,31 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { IMAGES as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { IMAGES as t } from "../../../../../assets/images/images.js";
|
|
3
|
+
import o from "../../../../ui/image/image.js";
|
|
4
|
+
import i from "../../../../ui/layout/flex-view.js";
|
|
5
5
|
import { NoResourceText as s } from "../resources-assign-styled.js";
|
|
6
|
-
const l = () => /* @__PURE__ */
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
const l = () => /* @__PURE__ */ r(
|
|
7
|
+
i,
|
|
8
|
+
{
|
|
9
|
+
$width: 620,
|
|
10
|
+
$height: 620,
|
|
11
|
+
$position: "relative",
|
|
12
|
+
$justifyContent: "center",
|
|
13
|
+
$alignItems: "center",
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ e(
|
|
16
|
+
o,
|
|
17
|
+
{
|
|
18
|
+
withLoader: !1,
|
|
19
|
+
src: t.BG_EMPTY_RESOURCES,
|
|
20
|
+
alt: "Empty resources",
|
|
21
|
+
width: 520,
|
|
22
|
+
height: 520
|
|
23
|
+
}
|
|
24
|
+
),
|
|
25
|
+
/* @__PURE__ */ e(s, { $renderAs: "ab2-bold", children: "Type + Search = Resources!" })
|
|
26
|
+
]
|
|
27
|
+
}
|
|
28
|
+
);
|
|
19
29
|
export {
|
|
20
30
|
l as default
|
|
21
31
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"no-resource-screen.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from '../resources-assign-styled';\n\nconst NoResourceScreen: FC = () => {\n return (\n <FlexView
|
|
1
|
+
{"version":3,"file":"no-resource-screen.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from '../resources-assign-styled';\n\nconst NoResourceScreen: FC = () => {\n return (\n <FlexView\n $width={620}\n $height={620}\n $position=\"relative\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n >\n <Image\n withLoader={false}\n src={IMAGES.BG_EMPTY_RESOURCES}\n alt=\"Empty resources\"\n width={520}\n height={520}\n />\n\n <Styled.NoResourceText $renderAs=\"ab2-bold\">Type + Search = Resources!</Styled.NoResourceText>\n </FlexView>\n );\n};\n\nexport default NoResourceScreen;\n"],"names":["NoResourceScreen","jsxs","FlexView","jsx","Image","IMAGES","Styled.NoResourceText"],"mappings":";;;;;AAOA,MAAMA,IAAuB,MAEzB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAU;AAAA,IACV,iBAAgB;AAAA,IAChB,aAAY;AAAA,IAEZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAY;AAAA,UACZ,KAAKC,EAAO;AAAA,UACZ,KAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,wBAECC,GAAA,EAAsB,WAAU,YAAW,UAA0B,8BAAA;AAAA,IAAA;AAAA,EAAA;AAAA;"}
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import t from "styled-components";
|
|
2
|
+
import e from "../../../../ui/buttons/button/button.js";
|
|
3
|
+
import r from "../../../../ui/layout/flex-view.js";
|
|
4
|
+
import { HEADER_HEIGHT as p, FOOTER_HEIGHT as i } from "../constant.js";
|
|
5
|
+
const c = t(r)(({ $overflowHidden: o }) => `
|
|
6
|
+
${o ? "overflow: hidden;" : "overflow-y: auto;"}
|
|
7
|
+
height: calc(100vh - ${p}px - ${i}px);
|
|
8
|
+
`), l = t(r)`
|
|
7
9
|
position: sticky;
|
|
8
10
|
bottom: 0;
|
|
9
|
-
`,
|
|
10
|
-
box-shadow: 0px 10px 20px 0px ${
|
|
11
|
+
`, u = t(e)(({ theme: o }) => `
|
|
12
|
+
box-shadow: 0px 10px 20px 0px ${o.colors.BLACK_T_20};
|
|
11
13
|
`);
|
|
12
14
|
export {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
l as ButtonWrapper,
|
|
16
|
+
c as ResourceItemWrapper,
|
|
17
|
+
u as StyledButton
|
|
16
18
|
};
|
|
17
19
|
//# sourceMappingURL=resource-items-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resource-items-styled.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ResourceItemWrapper = styled(FlexView)`\n
|
|
1
|
+
{"version":3,"file":"resource-items-styled.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { FOOTER_HEIGHT, HEADER_HEIGHT } from '../constant';\n\ninterface IResourceItemWrapper {\n $overflowHidden?: boolean;\n}\n\nconst ResourceItemWrapper = styled(FlexView)<IResourceItemWrapper>(({ $overflowHidden }) => {\n return `\n ${$overflowHidden ? 'overflow: hidden;' : 'overflow-y: auto;'}\n height: calc(100vh - ${HEADER_HEIGHT}px - ${FOOTER_HEIGHT}px);\n `;\n});\n\nconst ButtonWrapper = styled(FlexView)`\n position: sticky;\n bottom: 0;\n`;\n\nconst StyledButton = styled(Button)(({ theme }) => {\n return `\n box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n `;\n});\n\nexport { ResourceItemWrapper, ButtonWrapper, StyledButton };\n"],"names":["ResourceItemWrapper","styled","FlexView","$overflowHidden","HEADER_HEIGHT","FOOTER_HEIGHT","ButtonWrapper","StyledButton","Button","theme"],"mappings":";;;;AAUA,MAAMA,IAAsBC,EAAOC,CAAQ,EAAwB,CAAC,EAAE,iBAAAC,QAC7D;AAAA,MACHA,IAAkB,sBAAsB,mBAAmB;AAAA,2BACtCC,CAAa,QAAQC,CAAa;AAAA,GAE5D,GAEKC,IAAgBL,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK/BK,IAAeN,EAAOO,CAAM,EAAE,CAAC,EAAE,OAAAC,QAC9B;AAAA,oCAC2BA,EAAM,OAAO,UAAU;AAAA,GAE1D;"}
|