@cuemath/leap 2.8.35-beta.0 → 2.8.36-link.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/illustrations/illustrations.js +2 -0
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/assets/sounds/sounds.js +7 -0
- package/dist/assets/sounds/sounds.js.map +1 -0
- package/dist/features/analytics-events/whitelist-events.js +13 -15
- package/dist/features/analytics-events/whitelist-events.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/talk-meter/helper.js +11 -0
- package/dist/features/talk-meter/helper.js.map +1 -0
- package/dist/features/talk-meter/hooks/use-talk-meter.js +112 -0
- package/dist/features/talk-meter/hooks/use-talk-meter.js.map +1 -0
- package/dist/features/talk-meter/ripple/index.js +62 -0
- package/dist/features/talk-meter/ripple/index.js.map +1 -0
- package/dist/features/talk-meter/talk-meter-styled.js +84 -0
- package/dist/features/talk-meter/talk-meter-styled.js.map +1 -0
- package/dist/features/talk-meter/talk-meter-view/talk-meter-view-styled.js +22 -0
- package/dist/features/talk-meter/talk-meter-view/talk-meter-view-styled.js.map +1 -0
- package/dist/features/talk-meter/talk-meter-view/talk-meter-view.js +89 -0
- package/dist/features/talk-meter/talk-meter-view/talk-meter-view.js.map +1 -0
- package/dist/features/talk-meter/talk-meter.js +71 -0
- package/dist/features/talk-meter/talk-meter.js.map +1 -0
- package/dist/features/ui/grade-selector/grade-tab.js +15 -15
- package/dist/features/ui/grade-selector/grade-tab.js.map +1 -1
- package/dist/features/ui/tab/tab-styled.js +8 -7
- package/dist/features/ui/tab/tab-styled.js.map +1 -1
- package/dist/features/ui/tab/tab.js +31 -36
- package/dist/features/ui/tab/tab.js.map +1 -1
- package/dist/features/ui/theme/tab.js +1 -1
- package/dist/features/ui/theme/tab.js.map +1 -1
- package/dist/index.d.ts +36 -37
- package/dist/index.js +302 -304
- package/dist/index.js.map +1 -1
- package/dist/static/female-avatar.b8cd1012.svg +1 -0
- package/dist/static/male-avatar.2febc9eb.svg +1 -0
- package/package.json +2 -3
- package/dist/assets/line-icons/icons/sheet.js +0 -54
- package/dist/assets/line-icons/icons/sheet.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js +0 -194
- package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/api/get-resource.js +0 -10
- package/dist/features/milestone/milestone-resources/resources-assign/api/get-resource.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/api/goal-resource-assign.js +0 -9
- package/dist/features/milestone/milestone-resources/resources-assign/api/goal-resource-assign.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.js +0 -9
- package/dist/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.js +0 -20
- package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js +0 -47
- package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item-styled.js +0 -22
- package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item-styled.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.js +0 -60
- package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/utils.js +0 -6
- package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/utils.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/resource-assign-analytics-events.js +0 -19
- package/dist/features/milestone/milestone-resources/resources-assign/resource-assign-analytics-events.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.js +0 -22
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items-styled.js +0 -17
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items-styled.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.js +0 -95
- package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/resources-assign-styled.js +0 -62
- package/dist/features/milestone/milestone-resources/resources-assign/resources-assign-styled.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js +0 -189
- package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js.map +0 -1
- package/dist/features/milestone/milestone-resources/resources-assign/utils.js +0 -8
- package/dist/features/milestone/milestone-resources/resources-assign/utils.js.map +0 -1
- package/dist/features/ui/inputs/searchable-input/searchable-input-styled.js +0 -28
- package/dist/features/ui/inputs/searchable-input/searchable-input-styled.js.map +0 -1
- package/dist/features/ui/inputs/searchable-input/searchable-input.js +0 -101
- package/dist/features/ui/inputs/searchable-input/searchable-input.js.map +0 -1
@@ -1,19 +0,0 @@
|
|
1
|
-
import { PLUGINS as r } from "../../../../node_modules/@cuemath/analytics-v2/dist/constants.js";
|
2
|
-
var s = /* @__PURE__ */ ((e) => (e.RESOURCE_ASSIGNED = "resource_assigned", e.RESOURCE_BOARD_SELECTED = "resource_board_selected", e.RESOURCE_BOARD_DESELECTED = "resource_board_deselected", e.RESOURCE_GRADE_SELECTED = "resource_grade_selected", e.RESOURCE_GRADE_DESELECTED = "resource_grade_deselected", e.RESOURCE_NODE_TYPE_SELECTED = "resource_node_type_selected", e.RESOURCE_NODE_TYPE_DESELECTED = "resource_node_type_deselected", e.RESOURCE_SEARCH_INPUT_VALUE = "resource_search_input_value", e.RESOURCE_ITEM_SELECTED = "resource_item_selected", e.RESOURCE_ITEM_DESELECTED = "resource_item_deselected", e))(s || {});
|
3
|
-
const c = {
|
4
|
-
resource_assigned: [r.MIXPANEL],
|
5
|
-
resource_board_selected: [r.MIXPANEL],
|
6
|
-
resource_board_deselected: [r.MIXPANEL],
|
7
|
-
resource_grade_selected: [r.MIXPANEL],
|
8
|
-
resource_grade_deselected: [r.MIXPANEL],
|
9
|
-
resource_node_type_selected: [r.MIXPANEL],
|
10
|
-
resource_node_type_deselected: [r.MIXPANEL],
|
11
|
-
resource_search_input_value: [r.MIXPANEL],
|
12
|
-
resource_item_selected: [r.MIXPANEL],
|
13
|
-
resource_item_deselected: [r.MIXPANEL]
|
14
|
-
};
|
15
|
-
export {
|
16
|
-
s as RESOURCE_ASSIGN_ANALYTICS_EVENTS,
|
17
|
-
c as RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS
|
18
|
-
};
|
19
|
-
//# sourceMappingURL=resource-assign-analytics-events.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"resource-assign-analytics-events.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resource-assign-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum RESOURCE_ASSIGN_ANALYTICS_EVENTS {\n RESOURCE_ASSIGNED = 'resource_assigned',\n RESOURCE_BOARD_SELECTED = 'resource_board_selected',\n RESOURCE_BOARD_DESELECTED = 'resource_board_deselected',\n RESOURCE_GRADE_SELECTED = 'resource_grade_selected',\n RESOURCE_GRADE_DESELECTED = 'resource_grade_deselected',\n RESOURCE_NODE_TYPE_SELECTED = 'resource_node_type_selected',\n RESOURCE_NODE_TYPE_DESELECTED = 'resource_node_type_deselected',\n RESOURCE_SEARCH_INPUT_VALUE = 'resource_search_input_value',\n RESOURCE_ITEM_SELECTED = 'resource_item_selected',\n RESOURCE_ITEM_DESELECTED = 'resource_item_deselected',\n}\n\nexport const RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS = {\n [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ASSIGNED]: [PLUGINS.MIXPANEL],\n [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_SELECTED]: [PLUGINS.MIXPANEL],\n [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_DESELECTED]: [PLUGINS.MIXPANEL],\n [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_SELECTED]: [PLUGINS.MIXPANEL],\n [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_DESELECTED]: [PLUGINS.MIXPANEL],\n [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_SELECTED]: [PLUGINS.MIXPANEL],\n [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_DESELECTED]: [PLUGINS.MIXPANEL],\n [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_SEARCH_INPUT_VALUE]: [PLUGINS.MIXPANEL],\n [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_SELECTED]: [PLUGINS.MIXPANEL],\n [RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_DESELECTED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["RESOURCE_ASSIGN_ANALYTICS_EVENTS","RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,oBAAoB,qBACpBA,EAAA,0BAA0B,2BAC1BA,EAAA,4BAA4B,6BAC5BA,EAAA,0BAA0B,2BAC1BA,EAAA,4BAA4B,6BAC5BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,iCAChCA,EAAA,8BAA8B,+BAC9BA,EAAA,yBAAyB,0BACzBA,EAAA,2BAA2B,4BAVjBA,IAAAA,KAAA,CAAA,CAAA;AAaL,MAAMC,IAA6C;AAAA,EACvD,mBAAqD,CAACC,EAAQ,QAAQ;AAAA,EACtE,yBAA2D,CAACA,EAAQ,QAAQ;AAAA,EAC5E,2BAA6D,CAACA,EAAQ,QAAQ;AAAA,EAC9E,yBAA2D,CAACA,EAAQ,QAAQ;AAAA,EAC5E,2BAA6D,CAACA,EAAQ,QAAQ;AAAA,EAC9E,6BAA+D,CAACA,EAAQ,QAAQ;AAAA,EAChF,+BAAiE,CAACA,EAAQ,QAAQ;AAAA,EAClF,6BAA+D,CAACA,EAAQ,QAAQ;AAAA,EAChF,wBAA0D,CAACA,EAAQ,QAAQ;AAAA,EAC3E,0BAA4D,CAACA,EAAQ,QAAQ;AAChF;"}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
2
|
-
import { IMAGES as o } from "../../../../../assets/images/images.js";
|
3
|
-
import i from "../../../../ui/image/image.js";
|
4
|
-
import r from "../../../../ui/layout/flex-view.js";
|
5
|
-
import { NoResourceText as s } from "../resources-assign-styled.js";
|
6
|
-
const l = () => /* @__PURE__ */ e(r, { $alignItems: "center", $justifyContent: "center", $height: "calc(100vh - 64px - 72px)", children: /* @__PURE__ */ t(r, { $width: 620, $height: 620, $position: "relative", children: [
|
7
|
-
/* @__PURE__ */ e(
|
8
|
-
i,
|
9
|
-
{
|
10
|
-
withLoader: !1,
|
11
|
-
src: o.BG_EMPTY_RESOURCES,
|
12
|
-
alt: "Empty resources",
|
13
|
-
width: 620,
|
14
|
-
height: 620
|
15
|
-
}
|
16
|
-
),
|
17
|
-
/* @__PURE__ */ e(s, { $renderAs: "ab2-bold", children: "Type + Search = Resources!" })
|
18
|
-
] }) });
|
19
|
-
export {
|
20
|
-
l as default
|
21
|
-
};
|
22
|
-
//# sourceMappingURL=no-resource-screen.js.map
|
@@ -1 +0,0 @@
|
|
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 $alignItems=\"center\" $justifyContent=\"center\" $height=\"calc(100vh - 64px - 72px)\">\n <FlexView $width={620} $height={620} $position=\"relative\">\n <Image\n withLoader={false}\n src={IMAGES.BG_EMPTY_RESOURCES}\n alt=\"Empty resources\"\n width={620}\n height={620}\n />\n\n <Styled.NoResourceText $renderAs=\"ab2-bold\">\n Type + Search = Resources!\n </Styled.NoResourceText>\n </FlexView>\n </FlexView>\n );\n};\n\nexport default NoResourceScreen;\n"],"names":["NoResourceScreen","jsx","FlexView","jsxs","Image","IMAGES","Styled.NoResourceText"],"mappings":";;;;;AAOA,MAAMA,IAAuB,MAExB,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAAS,SAAQ,6BAC9D,UAAA,gBAAAC,EAACD,KAAS,QAAQ,KAAK,SAAS,KAAK,WAAU,YAC7C,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ,KAAKC,EAAO;AAAA,MACZ,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,oBAECC,GAAA,EAAsB,WAAU,YAAW,UAE5C,8BAAA;AAAA,EACF,CAAA,EACF,CAAA;"}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import o from "styled-components";
|
2
|
-
import p from "../../../../ui/buttons/button/button.js";
|
3
|
-
import t from "../../../../ui/layout/flex-view.js";
|
4
|
-
const n = o(t)`
|
5
|
-
overflow-y: auto;
|
6
|
-
`, i = o(t)`
|
7
|
-
position: sticky;
|
8
|
-
bottom: 0;
|
9
|
-
`, x = o(p)(({ theme: r }) => `
|
10
|
-
box-shadow: 0px 10px 20px 0px ${r.colors.BLACK_T_20};
|
11
|
-
`);
|
12
|
-
export {
|
13
|
-
i as ButtonWrapper,
|
14
|
-
n as ResourceItemWrapper,
|
15
|
-
x as StyledButton
|
16
|
-
};
|
17
|
-
//# sourceMappingURL=resource-items-styled.js.map
|
@@ -1 +0,0 @@
|
|
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 overflow-y: auto;\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","ButtonWrapper","StyledButton","Button","theme"],"mappings":";;;AAKM,MAAAA,IAAsBC,EAAOC,CAAQ;AAAA;AAAA,GAIrCC,IAAgBF,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK/BE,IAAeH,EAAOI,CAAM,EAAE,CAAC,EAAE,OAAAC,QAC9B;AAAA,oCAC2BA,EAAM,OAAO,UAAU;AAAA,GAE1D;"}
|
@@ -1,95 +0,0 @@
|
|
1
|
-
import { jsxs as d, jsx as r, Fragment as A } from "react/jsx-runtime";
|
2
|
-
import E from "../../../../../node_modules/lodash.debounce/index.js";
|
3
|
-
import { memo as I, useRef as _, useMemo as x, useEffect as b } from "react";
|
4
|
-
import y from "../../../../../assets/line-icons/icons/sheet.js";
|
5
|
-
import N from "../../../../ui/layout/flex-view.js";
|
6
|
-
import C from "../../../../ui/text/text.js";
|
7
|
-
import X from "../comps/resource-item/resource-item.js";
|
8
|
-
import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as L } from "../resource-assign-analytics-events.js";
|
9
|
-
import P from "./no-resource-screen.js";
|
10
|
-
import { ResourceItemWrapper as T, ButtonWrapper as j, StyledButton as v } from "./resource-items-styled.js";
|
11
|
-
const k = I((a) => {
|
12
|
-
const {
|
13
|
-
pageNumber: t,
|
14
|
-
totalPages: i,
|
15
|
-
resourceItems: l,
|
16
|
-
selectedResource: o,
|
17
|
-
assigningInProgress: u,
|
18
|
-
isFilterAdded: p,
|
19
|
-
onResourceAdditionOrDeletion: f,
|
20
|
-
onResourceAssign: g,
|
21
|
-
onViewResource: h,
|
22
|
-
onPageNumberUpdate: m
|
23
|
-
} = a, c = _(null), $ = x(
|
24
|
-
() => ({
|
25
|
-
node_ids: o.map(({ node_id: e }) => e)
|
26
|
-
}),
|
27
|
-
[o]
|
28
|
-
);
|
29
|
-
return b(() => {
|
30
|
-
const e = c.current;
|
31
|
-
if (e) {
|
32
|
-
const n = E(() => {
|
33
|
-
const s = e ? e.scrollTop / (e.scrollHeight - e.clientHeight) : 0;
|
34
|
-
t && i && s > 0.85 && t < i && m(t + 1);
|
35
|
-
}, 300);
|
36
|
-
return e.addEventListener("scroll", n), () => {
|
37
|
-
e.removeEventListener("scroll", n);
|
38
|
-
};
|
39
|
-
}
|
40
|
-
}, [c, t, i, m]), l.length === 0 ? p ? /* @__PURE__ */ d(N, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: [
|
41
|
-
/* @__PURE__ */ r(y, { opacity: 0.38 }),
|
42
|
-
/* @__PURE__ */ r(C, { $renderAs: "ub1-bold", $color: "BLACK_T_38", children: "No sheets match the selected filters" })
|
43
|
-
] }) : /* @__PURE__ */ r(P, {}) : /* @__PURE__ */ d(A, { children: [
|
44
|
-
/* @__PURE__ */ r(
|
45
|
-
T,
|
46
|
-
{
|
47
|
-
$gapX: 1.5,
|
48
|
-
$gutterX: 1.5,
|
49
|
-
$flexGapX: 1.125,
|
50
|
-
$height: "calc(100vh - 64px - 72px)",
|
51
|
-
ref: c,
|
52
|
-
children: l.map((e) => {
|
53
|
-
const { id: n, node_id: s } = e, R = o.some((S) => S.node_id === s);
|
54
|
-
return /* @__PURE__ */ r(
|
55
|
-
X,
|
56
|
-
{
|
57
|
-
resource: e,
|
58
|
-
onResourceAdditionOrDeletion: f,
|
59
|
-
onViewResource: h,
|
60
|
-
selected: R
|
61
|
-
},
|
62
|
-
`${n}_${s}`
|
63
|
-
);
|
64
|
-
})
|
65
|
-
}
|
66
|
-
),
|
67
|
-
o.length > 0 && /* @__PURE__ */ r(
|
68
|
-
j,
|
69
|
-
{
|
70
|
-
$flexDirection: "row",
|
71
|
-
$justifyContent: "flex-end",
|
72
|
-
$gapX: 1,
|
73
|
-
$gutterX: 1,
|
74
|
-
children: /* @__PURE__ */ r(
|
75
|
-
v,
|
76
|
-
{
|
77
|
-
renderAs: "primary",
|
78
|
-
label: "Assign",
|
79
|
-
shape: "square",
|
80
|
-
size: "small",
|
81
|
-
widthX: 8.5,
|
82
|
-
analyticsLabel: L.RESOURCE_ASSIGNED,
|
83
|
-
analyticsProps: $,
|
84
|
-
onClick: g,
|
85
|
-
busy: u
|
86
|
-
}
|
87
|
-
)
|
88
|
-
}
|
89
|
-
)
|
90
|
-
] });
|
91
|
-
});
|
92
|
-
export {
|
93
|
-
k as default
|
94
|
-
};
|
95
|
-
//# sourceMappingURL=resource-items.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"resource-items.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.tsx"],"sourcesContent":["import type { IResourceItems } from './resource-items-types';\nimport type { FC } from 'react';\n\nimport debounce from 'lodash.debounce';\nimport { memo, useEffect, useMemo, useRef } from 'react';\n\nimport SheetIcon from '../../../../../assets/line-icons/icons/sheet';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ResourceItem from '../comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from '../resource-assign-analytics-events';\nimport NoResourceScreen from './no-resource-screen';\nimport * as Styled from './resource-items-styled';\n\nconst ResourceItems: FC<IResourceItems> = memo(props => {\n const {\n pageNumber,\n totalPages,\n resourceItems,\n selectedResource,\n assigningInProgress,\n isFilterAdded,\n onResourceAdditionOrDeletion,\n onResourceAssign,\n onViewResource,\n onPageNumberUpdate,\n } = props;\n\n const containerRef = useRef<HTMLDivElement>(null);\n const analyticsProps = useMemo(\n () => ({\n node_ids: selectedResource.map(({ node_id: nodeId }) => nodeId),\n }),\n [selectedResource],\n );\n\n useEffect(() => {\n const scrollElement = containerRef.current;\n\n if (scrollElement) {\n const handleScroll = debounce(() => {\n const scrollPercentage = scrollElement\n ? scrollElement.scrollTop / (scrollElement.scrollHeight - scrollElement.clientHeight)\n : 0;\n\n if (pageNumber && totalPages)\n if (scrollPercentage > 0.85 && pageNumber < totalPages) {\n onPageNumberUpdate(pageNumber + 1);\n }\n }, 300);\n\n scrollElement.addEventListener('scroll', handleScroll);\n\n return () => {\n scrollElement.removeEventListener('scroll', handleScroll);\n };\n }\n }, [containerRef, pageNumber, totalPages, onPageNumberUpdate]);\n\n if (resourceItems.length === 0) {\n return isFilterAdded ? (\n <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n <SheetIcon opacity={0.38} />\n <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\">\n No sheets match the selected filters\n </Text>\n </FlexView>\n ) : (\n <NoResourceScreen />\n );\n }\n\n return (\n <>\n <Styled.ResourceItemWrapper\n $gapX={1.5}\n $gutterX={1.5}\n $flexGapX={1.125}\n $height=\"calc(100vh - 64px - 72px)\"\n ref={containerRef}\n >\n {resourceItems.map(item => {\n const { id, node_id: nodeId } = item;\n const selected = selectedResource.some(resource => resource.node_id === nodeId);\n\n return (\n <ResourceItem\n key={`${id}_${nodeId}`}\n resource={item}\n onResourceAdditionOrDeletion={onResourceAdditionOrDeletion}\n onViewResource={onViewResource}\n selected={selected}\n />\n );\n })}\n </Styled.ResourceItemWrapper>\n\n {selectedResource.length > 0 && (\n <Styled.ButtonWrapper\n $flexDirection=\"row\"\n $justifyContent=\"flex-end\"\n $gapX={1}\n $gutterX={1}\n >\n <Styled.StyledButton\n renderAs=\"primary\"\n label=\"Assign\"\n shape=\"square\"\n size=\"small\"\n widthX={8.5}\n analyticsLabel={RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ASSIGNED}\n analyticsProps={analyticsProps}\n onClick={onResourceAssign}\n busy={assigningInProgress}\n />\n </Styled.ButtonWrapper>\n )}\n </>\n );\n});\n\nexport default ResourceItems;\n"],"names":["ResourceItems","memo","props","pageNumber","totalPages","resourceItems","selectedResource","assigningInProgress","isFilterAdded","onResourceAdditionOrDeletion","onResourceAssign","onViewResource","onPageNumberUpdate","containerRef","useRef","analyticsProps","useMemo","nodeId","useEffect","scrollElement","handleScroll","debounce","scrollPercentage","FlexView","jsx","SheetIcon","Text","NoResourceScreen","jsxs","Fragment","Styled.ResourceItemWrapper","item","id","selected","resource","ResourceItem","Styled.ButtonWrapper","Styled.StyledButton","RESOURCE_ASSIGN_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAcM,MAAAA,IAAoCC,EAAK,CAASC,MAAA;AAChD,QAAA;AAAA,IACJ,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAV,GAEEW,IAAeC,EAAuB,IAAI,GAC1CC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUV,EAAiB,IAAI,CAAC,EAAE,SAASW,QAAaA,CAAM;AAAA,IAAA;AAAA,IAEhE,CAACX,CAAgB;AAAA,EAAA;AA0Bf,SAvBJY,EAAU,MAAM;AACd,UAAMC,IAAgBN,EAAa;AAEnC,QAAIM,GAAe;AACX,YAAAC,IAAeC,EAAS,MAAM;AAClC,cAAMC,IAAmBH,IACrBA,EAAc,aAAaA,EAAc,eAAeA,EAAc,gBACtE;AAEJ,QAAIhB,KAAcC,KACZkB,IAAmB,QAAQnB,IAAaC,KAC1CQ,EAAmBT,IAAa,CAAC;AAAA,SAEpC,GAAG;AAEQ,aAAAgB,EAAA,iBAAiB,UAAUC,CAAY,GAE9C,MAAM;AACG,QAAAD,EAAA,oBAAoB,UAAUC,CAAY;AAAA,MAAA;AAAA,IAE5D;AAAA,KACC,CAACP,GAAcV,GAAYC,GAAYQ,CAAkB,CAAC,GAEzDP,EAAc,WAAW,IACpBG,sBACJe,GAAS,EAAA,SAAQ,QAAO,aAAY,UAAS,iBAAgB,UAC5D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,sBACzBC,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,wCAAA;AAAA,EACF,EAAA,CAAA,sBAECC,GAAiB,CAAA,CAAA,IAMlB,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAL;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,SAAQ;AAAA,QACR,KAAKjB;AAAA,QAEJ,UAAAR,EAAc,IAAI,CAAQ0B,MAAA;AACzB,gBAAM,EAAE,IAAAC,GAAI,SAASf,EAAA,IAAWc,GAC1BE,IAAW3B,EAAiB,KAAK,CAAY4B,MAAAA,EAAS,YAAYjB,CAAM;AAG5E,iBAAA,gBAAAO;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,UAAUJ;AAAA,cACV,8BAAAtB;AAAA,cACA,gBAAAE;AAAA,cACA,UAAAsB;AAAA,YAAA;AAAA,YAJK,GAAGD,CAAE,IAAIf,CAAM;AAAA,UAAA;AAAA,QAKtB,CAEH;AAAA,MAAA;AAAA,IACH;AAAA,IAECX,EAAiB,SAAS,KACzB,gBAAAkB;AAAA,MAACY;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA,gBAAAZ;AAAA,UAACa;AAAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,gBAAgBC,EAAiC;AAAA,YACjD,gBAAAvB;AAAA,YACA,SAASL;AAAA,YACT,MAAMH;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
|
package/dist/features/milestone/milestone-resources/resources-assign/resources-assign-styled.js
DELETED
@@ -1,62 +0,0 @@
|
|
1
|
-
import t from "styled-components";
|
2
|
-
import r from "../../../ui/layout/flex-view.js";
|
3
|
-
import i from "../../../ui/text/text.js";
|
4
|
-
const a = t(r)(({ theme: o, $noBorder: e }) => {
|
5
|
-
const { WHITE_5: s } = o.colors;
|
6
|
-
return `
|
7
|
-
${!e && `border-bottom: 1px solid ${s}`};
|
8
|
-
|
9
|
-
& > div {
|
10
|
-
width: calc(100% - 48px);
|
11
|
-
}
|
12
|
-
`;
|
13
|
-
}), c = t.div(({ theme: o }) => `
|
14
|
-
position: absolute;
|
15
|
-
left: 0;
|
16
|
-
right: 0;
|
17
|
-
top: 0;
|
18
|
-
bottom: 0;
|
19
|
-
background: ${o.colors.BLACK_T_15};
|
20
|
-
z-index: 2;
|
21
|
-
|
22
|
-
& * {
|
23
|
-
pointer-events: none;
|
24
|
-
}
|
25
|
-
|
26
|
-
& img {
|
27
|
-
top: 50%;
|
28
|
-
position: absolute;
|
29
|
-
left: 50%;
|
30
|
-
transform: translate(-50%, -50%);
|
31
|
-
width: ${o.layout.gutter * 5}px;
|
32
|
-
height: ${o.layout.gutter * 5}px;
|
33
|
-
filter: brightness(0);
|
34
|
-
}
|
35
|
-
`), d = t(i)`
|
36
|
-
position: absolute;
|
37
|
-
top: 72%;
|
38
|
-
left: 50%;
|
39
|
-
transform: translate(-50%, -50%);
|
40
|
-
`, u = t(r)(({ theme: o }) => `
|
41
|
-
overflow-y: auto;
|
42
|
-
border-right: 1px solid ${o.colors.WHITE_5};
|
43
|
-
`), b = t(r)`
|
44
|
-
overflow-y: auto;
|
45
|
-
`, m = t(r)(({ theme: o, $selected: e }) => `
|
46
|
-
border-bottom-width: 1px;
|
47
|
-
border-bottom-style: solid;
|
48
|
-
border-bottom-color: ${e ? o.colors.BLACK : o.colors.WHITE_5};
|
49
|
-
cursor: pointer;
|
50
|
-
`), x = t(r)(() => `
|
51
|
-
min-width: 20px;
|
52
|
-
`);
|
53
|
-
export {
|
54
|
-
b as FilterListWrapper,
|
55
|
-
m as FilterTabWrapper,
|
56
|
-
a as HeaderWrapper,
|
57
|
-
c as LoaderWrapper,
|
58
|
-
d as NoResourceText,
|
59
|
-
x as ResourceCountWrapper,
|
60
|
-
u as SearchContainer
|
61
|
-
};
|
62
|
-
//# sourceMappingURL=resources-assign-styled.js.map
|
package/dist/features/milestone/milestone-resources/resources-assign/resources-assign-styled.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"resources-assign-styled.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resources-assign-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IHeaderWrapper {\n $noBorder?: boolean;\n}\n\nconst HeaderWrapper = styled(FlexView)<IHeaderWrapper>(({ theme, $noBorder }) => {\n const { WHITE_5 } = theme.colors;\n\n return `\n ${!$noBorder && `border-bottom: 1px solid ${WHITE_5}`};\n\n & > div {\n width: calc(100% - 48px);\n }\n `;\n});\n\nconst LoaderWrapper = styled.div(({ theme }) => {\n return `\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: ${theme.colors.BLACK_T_15};\n z-index: 2;\n\n & * {\n pointer-events: none;\n }\n\n & img {\n top: 50%;\n position: absolute;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ${theme.layout.gutter * 5}px;\n height: ${theme.layout.gutter * 5}px;\n filter: brightness(0);\n }\n `;\n});\n\nconst NoResourceText = styled(Text)`\n position: absolute;\n top: 72%;\n left: 50%;\n transform: translate(-50%, -50%);\n`;\n\nconst SearchContainer = styled(FlexView)(({ theme }) => {\n return `\n overflow-y: auto;\n border-right: 1px solid ${theme.colors.WHITE_5};\n `;\n});\n\nconst FilterListWrapper = styled(FlexView)`\n overflow-y: auto;\n`;\n\ninterface IFilterTabWrapper {\n $selected: boolean;\n}\n\nconst FilterTabWrapper = styled(FlexView)<IFilterTabWrapper>(({ theme, $selected }) => {\n return `\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: ${$selected ? theme.colors.BLACK : theme.colors.WHITE_5};\n cursor: pointer;\n `;\n});\n\nconst ResourceCountWrapper = styled(FlexView)(() => {\n return `\n min-width: 20px;\n `;\n});\n\nexport {\n FilterListWrapper,\n FilterTabWrapper,\n HeaderWrapper,\n LoaderWrapper,\n NoResourceText,\n ResourceCountWrapper,\n SearchContainer,\n};\n"],"names":["HeaderWrapper","styled","FlexView","theme","$noBorder","WHITE_5","LoaderWrapper","NoResourceText","Text","SearchContainer","FilterListWrapper","FilterTabWrapper","$selected","ResourceCountWrapper"],"mappings":";;;AASM,MAAAA,IAAgBC,EAAOC,CAAQ,EAAkB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACzE,QAAA,EAAE,SAAAC,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA,MACH,CAACC,KAAa,4BAA4BC,CAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAMzD,CAAC,GAEKC,IAAgBL,EAAO,IAAI,CAAC,EAAE,OAAAE,QAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAY1BA,EAAM,OAAO,SAAS,CAAC;AAAA,kBACtBA,EAAM,OAAO,SAAS,CAAC;AAAA;AAAA;AAAA,KAIxC,GAEKI,IAAiBN,EAAOO,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BC,IAAkBR,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACnC;AAAA;AAAA,8BAEqBA,EAAM,OAAO,OAAO;AAAA,GAEjD,GAEKO,IAAoBT,EAAOC,CAAQ;AAAA;AAAA,GAQnCS,IAAmBV,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAS,QAC9D;AAAA;AAAA;AAAA,2BAGkBA,IAAYT,EAAM,OAAO,QAAQA,EAAM,OAAO,OAAO;AAAA;AAAA,GAG/E,GAEKU,IAAuBZ,EAAOC,CAAQ,EAAE,MACrC;AAAA;AAAA,GAGR;"}
|
@@ -1,189 +0,0 @@
|
|
1
|
-
import { jsx as r, jsxs as _ } from "react/jsx-runtime";
|
2
|
-
import { memo as Z, useState as a, useCallback as l, useEffect as b } from "react";
|
3
|
-
import { ILLUSTRATIONS as ee } from "../../../../assets/illustrations/illustrations.js";
|
4
|
-
import re from "../../../../assets/line-icons/icons/back2.js";
|
5
|
-
import se from "../../../ui/buttons/button/button.js";
|
6
|
-
import { useUIContext as oe } from "../../../ui/context/context.js";
|
7
|
-
import te from "../../../ui/inputs/searchable-input/searchable-input.js";
|
8
|
-
import g from "../../../ui/layout/flex-view.js";
|
9
|
-
import ne from "../../../ui/text/text.js";
|
10
|
-
import ie from "./added-resource-and-filters.js";
|
11
|
-
import { useGetSearchResource as ce } from "./api/get-resource.js";
|
12
|
-
import { usePostMilestoneResource as ae } from "./api/goal-resource-assign.js";
|
13
|
-
import { usePostLPARResource as le } from "./api/lpar-resource-assign.js";
|
14
|
-
import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as de } from "./resource-assign-analytics-events.js";
|
15
|
-
import me from "./resource-items/resource-items.js";
|
16
|
-
import { LoaderWrapper as ue, SearchContainer as pe, HeaderWrapper as ge } from "./resources-assign-styled.js";
|
17
|
-
import { checkIfFiltersAreAdded as w } from "./utils.js";
|
18
|
-
const he = Z((L) => {
|
19
|
-
const {
|
20
|
-
studentId: h,
|
21
|
-
stream: U,
|
22
|
-
onResourceAssign: S,
|
23
|
-
onError: I,
|
24
|
-
onExitResourceAssign: k,
|
25
|
-
onViewResource: E,
|
26
|
-
userMilestoneId: d,
|
27
|
-
programId: m
|
28
|
-
} = L, { onEvent: C } = oe(), [u, D] = a(1), [p, N] = a(""), [t, P] = a({
|
29
|
-
stream: U,
|
30
|
-
page: u,
|
31
|
-
per_page: 50,
|
32
|
-
user_id: h,
|
33
|
-
user_milestone_id: d,
|
34
|
-
program_id: m
|
35
|
-
}), [f, F] = a([]), [n, y] = a([]), $ = l(
|
36
|
-
(e) => {
|
37
|
-
e ? I(e) : S();
|
38
|
-
},
|
39
|
-
[I, S]
|
40
|
-
), {
|
41
|
-
get: R,
|
42
|
-
data: i,
|
43
|
-
isProcessing: V,
|
44
|
-
isProcessingFailed: j
|
45
|
-
} = ce(), { post: x, isProcessing: v } = ae({
|
46
|
-
onComplete: $
|
47
|
-
}), { post: O, isProcessing: G } = le({
|
48
|
-
onComplete: $
|
49
|
-
}), H = (e) => {
|
50
|
-
P((s) => ({ ...s, ...e }));
|
51
|
-
}, T = l(
|
52
|
-
(e, s) => {
|
53
|
-
if (e === "select") {
|
54
|
-
const o = f.find((c) => c.node_id === s);
|
55
|
-
o && y((c) => [...c, o]);
|
56
|
-
} else
|
57
|
-
y(
|
58
|
-
(o) => o.filter((c) => c.node_id !== s)
|
59
|
-
);
|
60
|
-
},
|
61
|
-
[f]
|
62
|
-
), Q = (e) => {
|
63
|
-
R("ep-dummy-id", {
|
64
|
-
...t,
|
65
|
-
page: e
|
66
|
-
}), D(e);
|
67
|
-
}, W = (e) => {
|
68
|
-
N(e);
|
69
|
-
}, X = l(
|
70
|
-
(e) => {
|
71
|
-
C(de.RESOURCE_SEARCH_INPUT_VALUE, {
|
72
|
-
search_term: p
|
73
|
-
}), P((s) => ({
|
74
|
-
...s,
|
75
|
-
search_term: e ? "" : p
|
76
|
-
}));
|
77
|
-
},
|
78
|
-
[p, C]
|
79
|
-
), A = l(() => {
|
80
|
-
(w(t) || t.stream) && R("ep-dummy-id", t);
|
81
|
-
}, [t, R]), z = l(() => {
|
82
|
-
d ? x(
|
83
|
-
{
|
84
|
-
node_ids: n.map((e) => e.node_id)
|
85
|
-
},
|
86
|
-
{ userMilestoneId: d }
|
87
|
-
) : m && O(
|
88
|
-
{
|
89
|
-
nodes: n.map(({ node_id: e }) => ({
|
90
|
-
id: e,
|
91
|
-
attempt_location: "ANY"
|
92
|
-
})),
|
93
|
-
program_id: m
|
94
|
-
},
|
95
|
-
{ studentId: h }
|
96
|
-
);
|
97
|
-
}, [
|
98
|
-
x,
|
99
|
-
d,
|
100
|
-
n,
|
101
|
-
O,
|
102
|
-
m,
|
103
|
-
h
|
104
|
-
]);
|
105
|
-
if (b(() => {
|
106
|
-
A();
|
107
|
-
}, [A]), b(() => {
|
108
|
-
i && F((e) => {
|
109
|
-
const s = u !== 1 ? [...e, ...i.results] : i.results;
|
110
|
-
return Array.from(new Map(s.map((o) => [o.id, o])).values());
|
111
|
-
});
|
112
|
-
}, [i, u]), j)
|
113
|
-
return /* @__PURE__ */ r(g, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ _(g, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
|
114
|
-
/* @__PURE__ */ r(ne, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
|
115
|
-
/* @__PURE__ */ r(
|
116
|
-
se,
|
117
|
-
{
|
118
|
-
widthX: 14,
|
119
|
-
size: "small",
|
120
|
-
shape: "square",
|
121
|
-
renderAs: "primary",
|
122
|
-
label: "Try again",
|
123
|
-
analyticsLabel: "resource_get_api_failed",
|
124
|
-
onClick: A
|
125
|
-
}
|
126
|
-
)
|
127
|
-
] }) });
|
128
|
-
const { filters: B, total_pages: M = 0 } = i || {}, { boards: Y = [], grades: q = [], node_types: J = [] } = B || {}, K = w(t);
|
129
|
-
return /* @__PURE__ */ _(g, { $flexDirection: "row", $height: "100vh", children: [
|
130
|
-
V && /* @__PURE__ */ r(ue, { children: /* @__PURE__ */ r("img", { src: ee.LOADER_1, alt: "resource_loading" }) }),
|
131
|
-
/* @__PURE__ */ _(pe, { $width: "60%", children: [
|
132
|
-
/* @__PURE__ */ r(
|
133
|
-
ge,
|
134
|
-
{
|
135
|
-
$heightX: 4,
|
136
|
-
$background: "WHITE_3",
|
137
|
-
$alignItems: "center",
|
138
|
-
$justifyContent: "center",
|
139
|
-
children: /* @__PURE__ */ r(
|
140
|
-
te,
|
141
|
-
{
|
142
|
-
value: p,
|
143
|
-
onSearchTextChange: W,
|
144
|
-
renderAs: "primary",
|
145
|
-
width: "99%",
|
146
|
-
size: "regular",
|
147
|
-
label: "Type topic name...",
|
148
|
-
onEnter: X,
|
149
|
-
searchOnClear: !0,
|
150
|
-
onPrefixElementClick: k,
|
151
|
-
prefixElement: /* @__PURE__ */ r(re, {})
|
152
|
-
}
|
153
|
-
)
|
154
|
-
}
|
155
|
-
),
|
156
|
-
/* @__PURE__ */ r(
|
157
|
-
me,
|
158
|
-
{
|
159
|
-
resourceItems: f,
|
160
|
-
selectedResource: n,
|
161
|
-
pageNumber: u,
|
162
|
-
totalPages: M,
|
163
|
-
assigningInProgress: v || G,
|
164
|
-
isFilterAdded: K,
|
165
|
-
onResourceAdditionOrDeletion: T,
|
166
|
-
onResourceAssign: z,
|
167
|
-
onViewResource: E,
|
168
|
-
onPageNumberUpdate: Q
|
169
|
-
}
|
170
|
-
)
|
171
|
-
] }),
|
172
|
-
/* @__PURE__ */ r(g, { $width: "40%", children: /* @__PURE__ */ r(
|
173
|
-
ie,
|
174
|
-
{
|
175
|
-
boards: Y,
|
176
|
-
grades: q,
|
177
|
-
nodeTypes: J,
|
178
|
-
selectedResources: n,
|
179
|
-
onResourceDeSelection: T,
|
180
|
-
onFilterUpdate: H,
|
181
|
-
onViewResource: E
|
182
|
-
}
|
183
|
-
) })
|
184
|
-
] });
|
185
|
-
}), Ue = he;
|
186
|
-
export {
|
187
|
-
Ue as default
|
188
|
-
};
|
189
|
-
//# sourceMappingURL=resources-assign.js.map
|
package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"resources-assign.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resources-assign.tsx"],"sourcesContent":["import type { IExtraPracticeQuery } from './api/get-resource';\nimport type { IResourceItemStep } from './comps/resource-item/resource-item-types';\nimport type { IEPResourceAssign, IResourceData } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Button from '../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../ui/context/context';\nimport SearchableInput from '../../../ui/inputs/searchable-input/searchable-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport AddedResourceAndFilters from './added-resource-and-filters';\nimport { useGetSearchResource } from './api/get-resource';\nimport { usePostMilestoneResource } from './api/goal-resource-assign';\nimport { usePostLPARResource } from './api/lpar-resource-assign';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport ResourceItems from './resource-items/resource-items';\nimport * as Styled from './resources-assign-styled';\nimport { checkIfFiltersAreAdded } from './utils';\n\nconst EPResourceAssign: FC<IEPResourceAssign> = memo(props => {\n const {\n studentId,\n stream,\n onResourceAssign,\n onError,\n onExitResourceAssign,\n onViewResource,\n userMilestoneId,\n programId,\n } = props;\n\n const { onEvent: trackEvent } = useUIContext();\n\n const [pageNumber, setPageNumber] = useState(1);\n const [searchValue, setSearchValue] = useState('');\n const [searchQuery, setSearchQuery] = useState<IExtraPracticeQuery>({\n stream: stream,\n page: pageNumber,\n per_page: 50,\n user_id: studentId,\n user_milestone_id: userMilestoneId,\n program_id: programId,\n });\n const [resourceItems, setResourceItems] = useState<IResourceData['results']>([]);\n const [selectedResourceItems, setSelectedResource] = useState<IResourceData['results']>([]);\n\n const handleOnResourceAssignComplete = useCallback(\n (errorMessage: string | null) => {\n if (errorMessage) {\n onError(errorMessage);\n } else {\n onResourceAssign();\n }\n },\n [onError, onResourceAssign],\n );\n\n const {\n get: getSearchResource,\n data: resourceSearchData,\n isProcessing,\n isProcessingFailed,\n } = useGetSearchResource();\n\n const { post: postAssignGoalResource, isProcessing: goalResourceAssignInProgress } =\n usePostMilestoneResource({\n onComplete: handleOnResourceAssignComplete,\n });\n const { post: postAssignLPARResource, isProcessing: lparResourceAssignInProgress } =\n usePostLPARResource({\n onComplete: handleOnResourceAssignComplete,\n });\n\n const handleOnSearchQueryChange = (updatedQuery: Omit<IExtraPracticeQuery, 'stream'>) => {\n setSearchQuery(prev => ({ ...prev, ...updatedQuery }));\n };\n\n const handleOnResourceAdditionOrDeletion = useCallback(\n (step: IResourceItemStep, resourceNodeId: string) => {\n if (step === 'select') {\n const resourceItem = resourceItems.find(resource => resource.node_id === resourceNodeId);\n\n if (resourceItem) {\n setSelectedResource(prev => {\n return [...prev, resourceItem];\n });\n }\n } else {\n setSelectedResource(prev =>\n prev.filter(prevResource => prevResource.node_id !== resourceNodeId),\n );\n }\n },\n [resourceItems],\n );\n\n const handleScrollPagination = (newPageNumber: number) => {\n getSearchResource('ep-dummy-id', {\n ...searchQuery,\n page: newPageNumber,\n });\n setPageNumber(newPageNumber);\n };\n\n const handleSearchTextChange = (value: string) => {\n setSearchValue(value);\n };\n\n const handleSearch = useCallback(\n (searchOnClear?: boolean) => {\n trackEvent(RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_SEARCH_INPUT_VALUE, {\n search_term: searchValue,\n });\n\n setSearchQuery(prev => ({\n ...prev,\n search_term: searchOnClear ? '' : searchValue,\n }));\n },\n [searchValue, trackEvent],\n );\n\n const fetchResource = useCallback(() => {\n if (checkIfFiltersAreAdded(searchQuery) || searchQuery.stream) {\n getSearchResource('ep-dummy-id', searchQuery);\n }\n }, [searchQuery, getSearchResource]);\n\n const handleOnResourceAssign = useCallback(() => {\n if (userMilestoneId) {\n postAssignGoalResource(\n {\n node_ids: selectedResourceItems.map(resource => resource.node_id),\n },\n { userMilestoneId },\n );\n } else if (programId) {\n postAssignLPARResource(\n {\n nodes: selectedResourceItems.map(({ node_id: nodeId }) => ({\n id: nodeId,\n attempt_location: 'ANY',\n })),\n program_id: programId,\n },\n { studentId },\n );\n }\n }, [\n postAssignGoalResource,\n userMilestoneId,\n selectedResourceItems,\n postAssignLPARResource,\n programId,\n studentId,\n ]);\n\n useEffect(() => {\n fetchResource();\n }, [fetchResource]);\n\n useEffect(() => {\n if (resourceSearchData) {\n setResourceItems(prev => {\n const updatedData =\n pageNumber !== 1 ? [...prev, ...resourceSearchData.results] : resourceSearchData.results;\n\n return Array.from(new Map(updatedData.map(item => [item.id, item])).values());\n });\n }\n }, [resourceSearchData, pageNumber]);\n\n if (isProcessingFailed) {\n return (\n <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\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 analyticsLabel=\"resource_get_api_failed\"\n onClick={fetchResource}\n />\n </FlexView>\n </FlexView>\n );\n }\n\n const { filters, total_pages: totalPages = 0 } = resourceSearchData || {};\n const { boards = [], grades = [], node_types: nodeTypes = [] } = filters || {};\n const isFilterAdded = checkIfFiltersAreAdded(searchQuery);\n\n return (\n <FlexView $flexDirection=\"row\" $height=\"100vh\">\n {isProcessing && (\n <Styled.LoaderWrapper>\n <img src={ILLUSTRATIONS.LOADER_1} alt=\"resource_loading\" />\n </Styled.LoaderWrapper>\n )}\n\n <Styled.SearchContainer $width=\"60%\">\n <Styled.HeaderWrapper\n $heightX={4}\n $background=\"WHITE_3\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n <SearchableInput\n value={searchValue}\n onSearchTextChange={handleSearchTextChange}\n renderAs=\"primary\"\n width=\"99%\"\n size=\"regular\"\n label=\"Type topic name...\"\n onEnter={handleSearch}\n searchOnClear\n onPrefixElementClick={onExitResourceAssign}\n prefixElement={<Back2Icon />}\n />\n </Styled.HeaderWrapper>\n\n <ResourceItems\n resourceItems={resourceItems}\n selectedResource={selectedResourceItems}\n pageNumber={pageNumber}\n totalPages={totalPages}\n assigningInProgress={goalResourceAssignInProgress || lparResourceAssignInProgress}\n isFilterAdded={isFilterAdded}\n onResourceAdditionOrDeletion={handleOnResourceAdditionOrDeletion}\n onResourceAssign={handleOnResourceAssign}\n onViewResource={onViewResource}\n onPageNumberUpdate={handleScrollPagination}\n />\n </Styled.SearchContainer>\n\n <FlexView $width=\"40%\">\n <AddedResourceAndFilters\n boards={boards}\n grades={grades}\n nodeTypes={nodeTypes}\n selectedResources={selectedResourceItems}\n onResourceDeSelection={handleOnResourceAdditionOrDeletion}\n onFilterUpdate={handleOnSearchQueryChange}\n onViewResource={onViewResource}\n />\n </FlexView>\n </FlexView>\n );\n});\n\nexport default EPResourceAssign;\n"],"names":["EPResourceAssign","memo","props","studentId","stream","onResourceAssign","onError","onExitResourceAssign","onViewResource","userMilestoneId","programId","trackEvent","useUIContext","pageNumber","setPageNumber","useState","searchValue","setSearchValue","searchQuery","setSearchQuery","resourceItems","setResourceItems","selectedResourceItems","setSelectedResource","handleOnResourceAssignComplete","useCallback","errorMessage","getSearchResource","resourceSearchData","isProcessing","isProcessingFailed","useGetSearchResource","postAssignGoalResource","goalResourceAssignInProgress","usePostMilestoneResource","postAssignLPARResource","lparResourceAssignInProgress","usePostLPARResource","handleOnSearchQueryChange","updatedQuery","prev","handleOnResourceAdditionOrDeletion","step","resourceNodeId","resourceItem","resource","prevResource","handleScrollPagination","newPageNumber","handleSearchTextChange","value","handleSearch","searchOnClear","RESOURCE_ASSIGN_ANALYTICS_EVENTS","fetchResource","checkIfFiltersAreAdded","handleOnResourceAssign","nodeId","useEffect","updatedData","item","jsx","FlexView","jsxs","Text","Button","filters","totalPages","boards","grades","nodeTypes","isFilterAdded","Styled.LoaderWrapper","ILLUSTRATIONS","Styled.SearchContainer","Styled.HeaderWrapper","SearchableInput","Back2Icon","ResourceItems","AddedResourceAndFilters","EPResourceAssign$1"],"mappings":"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"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/utils.ts"],"sourcesContent":["import type { IExtraPracticeQuery } from './api/get-resource';\n\nconst checkIfFiltersAreAdded = (searchQuery: IExtraPracticeQuery) => {\n const { node_type: nodeType, grade, board, search_term: searchTerm } = searchQuery;\n\n return Boolean(searchTerm || nodeType || grade || board);\n};\n\nexport { checkIfFiltersAreAdded };\n"],"names":["checkIfFiltersAreAdded","searchQuery","nodeType","grade","board","searchTerm"],"mappings":"AAEM,MAAAA,IAAyB,CAACC,MAAqC;AACnE,QAAM,EAAE,WAAWC,GAAU,OAAAC,GAAO,OAAAC,GAAO,aAAaC,EAAe,IAAAJ;AAEvE,SAAO,GAAQI,KAAcH,KAAYC,KAASC;AACpD;"}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import r from "styled-components";
|
2
|
-
import p from "../../../../assets/line-icons/icons/cross.js";
|
3
|
-
const h = r.div(
|
4
|
-
({ theme: n, $size: s, $disabled: o, $inputRenderAs: i }) => {
|
5
|
-
const { colors: c, input: t } = n, { iconsize: e } = t.sizes[s], { labelColorName: l } = t.variants[i];
|
6
|
-
return `
|
7
|
-
cursor: pointer;
|
8
|
-
width: ${e}px;
|
9
|
-
height: ${e}px;
|
10
|
-
|
11
|
-
align-self: center;
|
12
|
-
color: ${c[l[o ? "disabled" : "inactive"]]};
|
13
|
-
pointer-events: ${o ? "none" : "auto"};
|
14
|
-
|
15
|
-
& svg {
|
16
|
-
width: 100%;
|
17
|
-
height: 100%;
|
18
|
-
}
|
19
|
-
`;
|
20
|
-
}
|
21
|
-
), m = r(p)`
|
22
|
-
cursor: pointer;
|
23
|
-
`;
|
24
|
-
export {
|
25
|
-
m as StyledCrossIcon,
|
26
|
-
h as StyledPrefixElementWrapper
|
27
|
-
};
|
28
|
-
//# sourceMappingURL=searchable-input-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"searchable-input-styled.js","sources":["../../../../../src/features/ui/inputs/searchable-input/searchable-input-styled.tsx"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\n\nimport styled from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\ninterface IStyledBackIconProps {\n $inputRenderAs: IBaseInputProps['renderAs'];\n $size: IBaseInputProps['size'];\n $disabled?: boolean;\n}\n\nconst StyledPrefixElementWrapper = styled.div<IStyledBackIconProps>(\n ({ theme, $size, $disabled, $inputRenderAs }) => {\n const { colors, input } = theme;\n const { iconsize } = input.sizes[$size];\n const { labelColorName } = input.variants[$inputRenderAs];\n\n return `\n cursor: pointer;\n width: ${iconsize}px;\n height: ${iconsize}px;\n\n align-self: center;\n color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n pointer-events: ${$disabled ? 'none' : 'auto'};\n\n & svg {\n width: 100%;\n height: 100%;\n }\n `;\n },\n);\n\nconst StyledCrossIcon = styled(CrossIcon)`\n cursor: pointer;\n`;\n\nexport { StyledPrefixElementWrapper, StyledCrossIcon };\n"],"names":["StyledPrefixElementWrapper","styled","theme","$size","$disabled","$inputRenderAs","colors","input","iconsize","labelColorName","StyledCrossIcon","CrossIcon"],"mappings":";;AAYA,MAAMA,IAA6BC,EAAO;AAAA,EACxC,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACzC,UAAA,EAAE,QAAAC,GAAQ,OAAAC,EAAU,IAAAL,GACpB,EAAE,UAAAM,EAAa,IAAAD,EAAM,MAAMJ,CAAK,GAChC,EAAE,gBAAAM,EAAmB,IAAAF,EAAM,SAASF,CAAc;AAEjD,WAAA;AAAA;AAAA,iBAEMG,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA;AAAA,iBAGTF,EAAOG,EAAeL,IAAY,aAAa,UAAU,CAAC,CAAC;AAAA,0BAClDA,IAAY,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnD;AACF,GAEMM,IAAkBT,EAAOU,CAAS;AAAA;AAAA;"}
|
@@ -1,101 +0,0 @@
|
|
1
|
-
import { jsx as r, jsxs as I } from "react/jsx-runtime";
|
2
|
-
import { useRef as O, useCallback as i } from "react";
|
3
|
-
import v from "../../buttons/clickable/clickable.js";
|
4
|
-
import S from "../../layout/flex-view.js";
|
5
|
-
import z from "../base-input/base-input.js";
|
6
|
-
import { Input as A } from "../text-input/text-input-styled.js";
|
7
|
-
import { StyledPrefixElementWrapper as D, StyledCrossIcon as R } from "./searchable-input-styled.js";
|
8
|
-
const G = (u) => {
|
9
|
-
const {
|
10
|
-
renderAs: s,
|
11
|
-
value: h,
|
12
|
-
disabled: t,
|
13
|
-
label: o,
|
14
|
-
width: f,
|
15
|
-
widthX: $,
|
16
|
-
shape: b = "curved",
|
17
|
-
size: c = "regular",
|
18
|
-
onSearchTextChange: a,
|
19
|
-
onPrefixElementClick: l,
|
20
|
-
onEnter: e,
|
21
|
-
searchOnClear: d,
|
22
|
-
analyticsLabel: C,
|
23
|
-
analyticsProps: x,
|
24
|
-
prefixElement: p
|
25
|
-
} = u, m = O(null), g = i(
|
26
|
-
(n) => {
|
27
|
-
a(n.target.value);
|
28
|
-
},
|
29
|
-
[a]
|
30
|
-
), w = i(
|
31
|
-
(n) => {
|
32
|
-
n.key === "Enter" && (e == null || e());
|
33
|
-
},
|
34
|
-
[e]
|
35
|
-
), y = i(() => {
|
36
|
-
l == null || l();
|
37
|
-
}, [l]), k = i(() => {
|
38
|
-
var n;
|
39
|
-
a(""), d && (e == null || e(d)), (n = m.current) == null || n.focus();
|
40
|
-
}, [a, d, e]);
|
41
|
-
return /* @__PURE__ */ r(
|
42
|
-
v,
|
43
|
-
{
|
44
|
-
label: o ?? "searchable_input",
|
45
|
-
analyticsLabel: C,
|
46
|
-
analyticsProps: x,
|
47
|
-
disabled: t,
|
48
|
-
children: /* @__PURE__ */ r(
|
49
|
-
z,
|
50
|
-
{
|
51
|
-
renderAs: s,
|
52
|
-
size: c,
|
53
|
-
shape: b,
|
54
|
-
disabled: t,
|
55
|
-
label: o,
|
56
|
-
inputElement: /* @__PURE__ */ I(
|
57
|
-
S,
|
58
|
-
{
|
59
|
-
$flexDirection: "row",
|
60
|
-
$alignItems: "center",
|
61
|
-
$height: "100%",
|
62
|
-
$flexGap: 12,
|
63
|
-
$width: f,
|
64
|
-
$widthX: $,
|
65
|
-
children: [
|
66
|
-
l && p && /* @__PURE__ */ r(
|
67
|
-
D,
|
68
|
-
{
|
69
|
-
$inputRenderAs: s,
|
70
|
-
$disabled: t,
|
71
|
-
$size: c,
|
72
|
-
onClick: y,
|
73
|
-
children: p
|
74
|
-
}
|
75
|
-
),
|
76
|
-
/* @__PURE__ */ r(
|
77
|
-
A,
|
78
|
-
{
|
79
|
-
$renderAs: s,
|
80
|
-
placeholder: o,
|
81
|
-
ref: m,
|
82
|
-
$size: c,
|
83
|
-
value: h ?? "",
|
84
|
-
disabled: t,
|
85
|
-
onChange: g,
|
86
|
-
onKeyDown: w
|
87
|
-
}
|
88
|
-
)
|
89
|
-
]
|
90
|
-
}
|
91
|
-
),
|
92
|
-
siblingElement: h && /* @__PURE__ */ r(R, { onClick: k })
|
93
|
-
}
|
94
|
-
)
|
95
|
-
}
|
96
|
-
);
|
97
|
-
};
|
98
|
-
export {
|
99
|
-
G as default
|
100
|
-
};
|
101
|
-
//# sourceMappingURL=searchable-input.js.map
|