@cuemath/leap 2.8.38-guru.0 → 2.8.38
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/analytics-events/whitelist-events.js +13 -15
- package/dist/features/analytics-events/whitelist-events.js.map +1 -1
- package/dist/features/communication/pub-sub/constants.js +1 -2
- package/dist/features/communication/pub-sub/constants.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-styled.js +9 -11
- package/dist/features/milestone/create/milestone-create-styled.js.map +1 -1
- package/dist/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader-styled.js +8 -6
- package/dist/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader-styled.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js +117 -130
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
- package/dist/features/trial-session/comps/about-cuemath/about-cuemath-constants.js +1 -1
- package/dist/features/trial-session/comps/about-cuemath/about-cuemath-constants.js.map +1 -1
- package/dist/features/trial-session/comps/class-preference/class-preference.js +10 -10
- package/dist/features/trial-session/comps/class-preference/class-preference.js.map +1 -1
- package/dist/features/trial-session/comps/school-goals/school-goals-view.js +7 -7
- package/dist/features/trial-session/comps/school-goals/school-goals-view.js.map +1 -1
- package/dist/features/trial-session/comps/session-report/session-report.js +23 -21
- package/dist/features/trial-session/comps/session-report/session-report.js.map +1 -1
- package/dist/features/trial-session/comps/student-enrichment/student-enrichment.js +5 -5
- package/dist/features/trial-session/comps/student-enrichment/student-enrichment.js.map +1 -1
- package/dist/features/trial-session/comps/student-profile/student-profile.js +37 -39
- package/dist/features/trial-session/comps/student-profile/student-profile.js.map +1 -1
- package/dist/features/trial-session/comps/test-prep/test-prep.js +11 -11
- package/dist/features/trial-session/comps/test-prep/test-prep.js.map +1 -1
- package/dist/features/trial-session/left-panel/index.js +1 -1
- package/dist/features/trial-session/left-panel/index.js.map +1 -1
- 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 +3 -3
- package/dist/features/ui/theme/tab.js.map +1 -1
- package/dist/index.d.ts +1 -42
- package/dist/index.js +339 -343
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- 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 -205
- 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 -11
- 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 -19
- 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/constant.js +0 -6
- package/dist/features/milestone/milestone-resources/resources-assign/constant.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 -32
- 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 -19
- 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 -85
- 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 -65
- 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 -233
- 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 -12
- 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 +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\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,19 +0,0 @@
|
|
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)`
|
9
|
-
position: sticky;
|
10
|
-
bottom: 0;
|
11
|
-
`, u = t(e)(({ theme: o }) => `
|
12
|
-
box-shadow: 0px 10px 20px 0px ${o.colors.BLACK_T_20};
|
13
|
-
`);
|
14
|
-
export {
|
15
|
-
l as ButtonWrapper,
|
16
|
-
c as ResourceItemWrapper,
|
17
|
-
u as StyledButton
|
18
|
-
};
|
19
|
-
//# 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';\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;"}
|
@@ -1,85 +0,0 @@
|
|
1
|
-
import { jsxs as m, jsx as r, Fragment as A } from "react/jsx-runtime";
|
2
|
-
import E from "../../../../../node_modules/lodash.debounce/index.js";
|
3
|
-
import { memo as _, useRef as y, useMemo as b, useEffect as x } from "react";
|
4
|
-
import C from "../../../../../assets/line-icons/icons/sheet.js";
|
5
|
-
import N from "../../../../ui/layout/flex-view.js";
|
6
|
-
import X from "../../../../ui/text/text.js";
|
7
|
-
import j from "../comps/resource-item/resource-item.js";
|
8
|
-
import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as w } from "../resource-assign-analytics-events.js";
|
9
|
-
import L from "./no-resource-screen.js";
|
10
|
-
import { ResourceItemWrapper as a, ButtonWrapper as P, StyledButton as T } from "./resource-items-styled.js";
|
11
|
-
const k = _((u) => {
|
12
|
-
const {
|
13
|
-
pageNumber: t,
|
14
|
-
totalPages: i,
|
15
|
-
resourceItems: l,
|
16
|
-
selectedResource: o,
|
17
|
-
assigningInProgress: f,
|
18
|
-
isFilterAdded: p,
|
19
|
-
onResourceAdditionOrDeletion: g,
|
20
|
-
onResourceAssign: h,
|
21
|
-
onViewResource: $,
|
22
|
-
onPageNumberUpdate: d
|
23
|
-
} = u, c = y(null), R = b(
|
24
|
-
() => ({
|
25
|
-
node_ids: o.map(({ node_id: e }) => e)
|
26
|
-
}),
|
27
|
-
[o]
|
28
|
-
);
|
29
|
-
return x(() => {
|
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 && d(t + 1);
|
35
|
-
}, 300);
|
36
|
-
return e.addEventListener("scroll", n), () => {
|
37
|
-
e.removeEventListener("scroll", n);
|
38
|
-
};
|
39
|
-
}
|
40
|
-
}, [c, t, i, d]), l.length === 0 ? p ? /* @__PURE__ */ m(N, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: [
|
41
|
-
/* @__PURE__ */ r(C, { opacity: 0.38 }),
|
42
|
-
/* @__PURE__ */ r(X, { $renderAs: "ub1-bold", $color: "BLACK_T_38", children: "No sheets match the selected filters" })
|
43
|
-
] }) : /* @__PURE__ */ r(a, { $alignItems: "center", $justifyContent: "center", $overflowHidden: !0, children: /* @__PURE__ */ r(L, {}) }) : /* @__PURE__ */ m(A, { children: [
|
44
|
-
/* @__PURE__ */ r(a, { $gapX: 1.5, $gutterX: 1.5, $flexGapX: 1.125, ref: c, children: l.map((e) => {
|
45
|
-
const { id: n, node_id: s } = e, I = o.some((S) => S.node_id === s);
|
46
|
-
return /* @__PURE__ */ r(
|
47
|
-
j,
|
48
|
-
{
|
49
|
-
resource: e,
|
50
|
-
onResourceAdditionOrDeletion: g,
|
51
|
-
onViewResource: $,
|
52
|
-
selected: I
|
53
|
-
},
|
54
|
-
`${n}_${s}`
|
55
|
-
);
|
56
|
-
}) }),
|
57
|
-
o.length > 0 && /* @__PURE__ */ r(
|
58
|
-
P,
|
59
|
-
{
|
60
|
-
$flexDirection: "row",
|
61
|
-
$justifyContent: "flex-end",
|
62
|
-
$gapX: 1,
|
63
|
-
$gutterX: 1,
|
64
|
-
children: /* @__PURE__ */ r(
|
65
|
-
T,
|
66
|
-
{
|
67
|
-
renderAs: "primary",
|
68
|
-
label: "Assign",
|
69
|
-
shape: "square",
|
70
|
-
size: "small",
|
71
|
-
widthX: 8.5,
|
72
|
-
analyticsLabel: w.RESOURCE_ASSIGNED,
|
73
|
-
analyticsProps: R,
|
74
|
-
onClick: h,
|
75
|
-
busy: f
|
76
|
-
}
|
77
|
-
)
|
78
|
-
}
|
79
|
-
)
|
80
|
-
] });
|
81
|
-
});
|
82
|
-
export {
|
83
|
-
k as default
|
84
|
-
};
|
85
|
-
//# 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 <Styled.ResourceItemWrapper $alignItems=\"center\" $justifyContent=\"center\" $overflowHidden>\n <NoResourceScreen />\n </Styled.ResourceItemWrapper>\n );\n }\n\n return (\n <>\n <Styled.ResourceItemWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.125} ref={containerRef}>\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","Styled.ResourceItemWrapper","NoResourceScreen","jsxs","Fragment","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,EAAA,EACF,CAAA,IAEA,gBAAAF,EAACG,GAAA,EAA2B,aAAY,UAAS,iBAAgB,UAAS,iBAAe,IACvF,UAAA,gBAAAH,EAACI,KAAiB,EACpB,CAAA,IAMA,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAACG,GAAA,EAA2B,OAAO,KAAK,UAAU,KAAK,WAAW,OAAO,KAAKd,GAC3E,UAAAR,EAAc,IAAI,CAAQ0B,MAAA;AACzB,YAAM,EAAE,IAAAC,GAAI,SAASf,EAAA,IAAWc,GAC1BE,IAAW3B,EAAiB,KAAK,CAAY4B,MAAAA,EAAS,YAAYjB,CAAM;AAG5E,aAAA,gBAAAO;AAAA,QAACW;AAAA,QAAA;AAAA,UAEC,UAAUJ;AAAA,UACV,8BAAAtB;AAAA,UACA,gBAAAE;AAAA,UACA,UAAAsB;AAAA,QAAA;AAAA,QAJK,GAAGD,CAAE,IAAIf,CAAM;AAAA,MAAA;AAAA,IAOzB,CAAA,GACH;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,65 +0,0 @@
|
|
1
|
-
import r from "styled-components";
|
2
|
-
import t from "../../../ui/layout/flex-view.js";
|
3
|
-
import s from "../../../ui/text/text.js";
|
4
|
-
import { HEADER_HEIGHT as p } from "./constant.js";
|
5
|
-
const u = r(t)(({ theme: o, $noBorder: e }) => {
|
6
|
-
const { WHITE_5: i } = o.colors;
|
7
|
-
return `
|
8
|
-
${!e && `border-bottom: 1px solid ${i}`};
|
9
|
-
|
10
|
-
& > div {
|
11
|
-
width: calc(100% - 48px);
|
12
|
-
}
|
13
|
-
`;
|
14
|
-
}), d = r.div(({ theme: o }) => `
|
15
|
-
position: absolute;
|
16
|
-
left: 0;
|
17
|
-
right: 0;
|
18
|
-
top: 0;
|
19
|
-
bottom: 0;
|
20
|
-
background: ${o.colors.WHITE_T_15};
|
21
|
-
backdrop-filter: blur(8px);
|
22
|
-
z-index: 2;
|
23
|
-
|
24
|
-
& * {
|
25
|
-
pointer-events: none;
|
26
|
-
}
|
27
|
-
|
28
|
-
& img {
|
29
|
-
top: 50%;
|
30
|
-
position: absolute;
|
31
|
-
left: 50%;
|
32
|
-
transform: translate(-50%, -50%);
|
33
|
-
width: ${o.layout.gutter * 5}px;
|
34
|
-
height: ${o.layout.gutter * 5}px;
|
35
|
-
filter: brightness(0);
|
36
|
-
}
|
37
|
-
`), b = r(s)`
|
38
|
-
position: absolute;
|
39
|
-
top: 72%;
|
40
|
-
left: 50%;
|
41
|
-
transform: translate(-50%, -50%);
|
42
|
-
`, x = r(t)(({ theme: o }) => `
|
43
|
-
overflow-y: auto;
|
44
|
-
border-right: 1px solid ${o.colors.WHITE_5};
|
45
|
-
`), m = r(t)(() => `
|
46
|
-
overflow-y: auto;
|
47
|
-
height: calc(100vh - ${p}px - 16px);
|
48
|
-
`), f = r(t)(({ theme: o, $selected: e }) => `
|
49
|
-
border-bottom-width: 1px;
|
50
|
-
border-bottom-style: solid;
|
51
|
-
border-bottom-color: ${e ? o.colors.BLACK : o.colors.WHITE_5};
|
52
|
-
cursor: pointer;
|
53
|
-
`), h = r(t)(() => `
|
54
|
-
min-width: 20px;
|
55
|
-
`);
|
56
|
-
export {
|
57
|
-
m as FilterListWrapper,
|
58
|
-
f as FilterTabWrapper,
|
59
|
-
u as HeaderWrapper,
|
60
|
-
d as LoaderWrapper,
|
61
|
-
b as NoResourceText,
|
62
|
-
h as ResourceCountWrapper,
|
63
|
-
x as SearchContainer
|
64
|
-
};
|
65
|
-
//# 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';\nimport { HEADER_HEIGHT } from './constant';\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.WHITE_T_15};\n backdrop-filter: blur(8px);\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 return `\n overflow-y: auto;\n height: calc(100vh - ${HEADER_HEIGHT}px - 16px);\n `;\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","HEADER_HEIGHT","FilterTabWrapper","$selected","ResourceCountWrapper"],"mappings":";;;;AAUM,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;AAAA,iBAa1BA,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,EAAE,MAClC;AAAA;AAAA,2BAEkBS,CAAa;AAAA,GAEvC,GAMKC,IAAmBX,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAU,QAC9D;AAAA;AAAA;AAAA,2BAGkBA,IAAYV,EAAM,OAAO,QAAQA,EAAM,OAAO,OAAO;AAAA;AAAA,GAG/E,GAEKW,IAAuBb,EAAOC,CAAQ,EAAE,MACrC;AAAA;AAAA,GAGR;"}
|
@@ -1,233 +0,0 @@
|
|
1
|
-
import { jsx as t, jsxs as _ } from "react/jsx-runtime";
|
2
|
-
import { h as ie } from "../../../../node_modules/humanize-plus/dist/humanize.js";
|
3
|
-
import { memo as ce, useState as o, useRef as le, useCallback as g, useEffect as j, useMemo as z } from "react";
|
4
|
-
import ue from "../../../../assets/line-icons/icons/back2.js";
|
5
|
-
import de from "../../../ui/buttons/button/button.js";
|
6
|
-
import { useUIContext as he } from "../../../ui/context/context.js";
|
7
|
-
import me from "../../../ui/inputs/searchable-input/searchable-input.js";
|
8
|
-
import f from "../../../ui/layout/flex-view.js";
|
9
|
-
import pe from "../../../ui/loader/app-loader/app-loader.js";
|
10
|
-
import ge from "../../../ui/text/text.js";
|
11
|
-
import fe from "./added-resource-and-filters.js";
|
12
|
-
import { getResourceSearchAPI as Re } from "./api/get-resource.js";
|
13
|
-
import { usePostMilestoneResource as Ae } from "./api/goal-resource-assign.js";
|
14
|
-
import { usePostLPARResource as _e } from "./api/lpar-resource-assign.js";
|
15
|
-
import { HEADER_HEIGHT as Se } from "./constant.js";
|
16
|
-
import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as Ie } from "./resource-assign-analytics-events.js";
|
17
|
-
import Ee from "./resource-items/resource-items.js";
|
18
|
-
import { SearchContainer as Ce, HeaderWrapper as $e, LoaderWrapper as Pe } from "./resources-assign-styled.js";
|
19
|
-
import { checkIfFiltersAreAdded as G, getCanShowDefaultLoadingScreen as ye } from "./utils.js";
|
20
|
-
const be = ce((M) => {
|
21
|
-
const {
|
22
|
-
studentId: l,
|
23
|
-
stream: w,
|
24
|
-
onResourceAssign: x,
|
25
|
-
onError: R,
|
26
|
-
onExitResourceAssign: N,
|
27
|
-
onViewResource: D,
|
28
|
-
userMilestoneId: u,
|
29
|
-
programId: d
|
30
|
-
} = M, { onEvent: v } = he(), [h, F] = o(1), [A, L] = o(""), [Q, O] = o(""), [i, S] = o({
|
31
|
-
stream: w,
|
32
|
-
page: h,
|
33
|
-
per_page: 50,
|
34
|
-
user_id: l,
|
35
|
-
user_milestone_id: u,
|
36
|
-
program_id: d
|
37
|
-
}), [I, W] = o([]), [a, T] = o([]), [m, X] = o(), [E, C] = o(!1), [q, $] = o(!1), [P, B] = o({
|
38
|
-
boards: [],
|
39
|
-
grades: [],
|
40
|
-
node_types: []
|
41
|
-
}), c = le(null), k = g(
|
42
|
-
(e) => {
|
43
|
-
if (e)
|
44
|
-
R(e);
|
45
|
-
else {
|
46
|
-
const r = `${ie.pluralize(a.length, "Resource")} ${a.length > 1 ? "have" : "has"} been assigned`;
|
47
|
-
x(r);
|
48
|
-
}
|
49
|
-
},
|
50
|
-
[R, x, a]
|
51
|
-
), { post: U, isProcessing: Y } = Ae({
|
52
|
-
onComplete: k
|
53
|
-
}), { post: H, isProcessing: J } = _e({
|
54
|
-
onComplete: k
|
55
|
-
}), K = (e) => {
|
56
|
-
S((r) => ({ ...r, ...e }));
|
57
|
-
}, V = g(
|
58
|
-
(e, r) => {
|
59
|
-
if (e === "select") {
|
60
|
-
const s = I.find((n) => n.node_id === r);
|
61
|
-
s && T((n) => [...n, s]);
|
62
|
-
} else
|
63
|
-
T(
|
64
|
-
(s) => s.filter((n) => n.node_id !== r)
|
65
|
-
);
|
66
|
-
},
|
67
|
-
[I]
|
68
|
-
), Z = (e) => {
|
69
|
-
L(e);
|
70
|
-
}, ee = g(
|
71
|
-
(e) => {
|
72
|
-
v(Ie.RESOURCE_SEARCH_INPUT_VALUE, {
|
73
|
-
search_term: A
|
74
|
-
}), S((r) => ({
|
75
|
-
...r,
|
76
|
-
search_term: e ? "" : A
|
77
|
-
}));
|
78
|
-
},
|
79
|
-
[A, v]
|
80
|
-
), y = g(
|
81
|
-
async (e) => {
|
82
|
-
if (e || F(1), C(!0), G(i) || i.stream) {
|
83
|
-
c.current && c.current.abort();
|
84
|
-
const r = new AbortController();
|
85
|
-
c.current = r, await Re({
|
86
|
-
id: l,
|
87
|
-
query: e ? { ...i, page: e } : i,
|
88
|
-
meta: null,
|
89
|
-
abortSignal: c.current.signal
|
90
|
-
}).then((s) => {
|
91
|
-
if (s) {
|
92
|
-
const { __CODE__: n, __ERROR__: b, isProcessingFailed: ae } = s;
|
93
|
-
if (n >= 400 && n < 500)
|
94
|
-
R((b == null ? void 0 : b.message) ?? "Error while fetching the resource");
|
95
|
-
else if (n === 500)
|
96
|
-
$(ae), O("Internal server error, Please try again");
|
97
|
-
else {
|
98
|
-
const { data: p } = s || {};
|
99
|
-
p && (B({
|
100
|
-
boards: p.filters.boards,
|
101
|
-
grades: p.filters.grades,
|
102
|
-
node_types: p.filters.node_types
|
103
|
-
}), X(p), C(!1));
|
104
|
-
}
|
105
|
-
}
|
106
|
-
}).catch(() => {
|
107
|
-
C(!1), $(!0);
|
108
|
-
});
|
109
|
-
}
|
110
|
-
},
|
111
|
-
[l, i, c, R]
|
112
|
-
), re = (e) => {
|
113
|
-
y(e), F(e);
|
114
|
-
}, se = () => {
|
115
|
-
$(!1), O(""), L(""), S({
|
116
|
-
stream: w,
|
117
|
-
page: h,
|
118
|
-
per_page: 50,
|
119
|
-
user_id: l,
|
120
|
-
user_milestone_id: u,
|
121
|
-
program_id: d
|
122
|
-
});
|
123
|
-
}, te = g(() => {
|
124
|
-
u ? U(
|
125
|
-
{
|
126
|
-
node_ids: a.map((e) => e.node_id)
|
127
|
-
},
|
128
|
-
{ userMilestoneId: u }
|
129
|
-
) : d && H(
|
130
|
-
{
|
131
|
-
nodes: a.map(({ node_id: e }) => ({
|
132
|
-
id: e,
|
133
|
-
attempt_location: "ANY"
|
134
|
-
})),
|
135
|
-
program_id: d
|
136
|
-
},
|
137
|
-
{ studentId: l }
|
138
|
-
);
|
139
|
-
}, [
|
140
|
-
U,
|
141
|
-
u,
|
142
|
-
a,
|
143
|
-
H,
|
144
|
-
d,
|
145
|
-
l
|
146
|
-
]);
|
147
|
-
j(() => (y(), () => {
|
148
|
-
c.current && c.current.abort();
|
149
|
-
}), [y]), j(() => {
|
150
|
-
m && W((e) => {
|
151
|
-
const r = h !== 1 ? [...e, ...m.results] : m.results;
|
152
|
-
return Array.from(new Map(r.map((s) => [s.id, s])).values());
|
153
|
-
});
|
154
|
-
}, [m, h]);
|
155
|
-
const { total_pages: oe = 0 } = m || {}, ne = z(() => G(i), [i]);
|
156
|
-
return z(
|
157
|
-
() => ye(E, P),
|
158
|
-
[E, P]
|
159
|
-
) ? /* @__PURE__ */ t(pe, { height: "100vh" }) : q ? /* @__PURE__ */ t(f, { $height: "100vh", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ _(f, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
|
160
|
-
/* @__PURE__ */ t(ge, { $renderAs: "h6", children: Q || "Oops! Something went wrong. Please try again later." }),
|
161
|
-
/* @__PURE__ */ t(
|
162
|
-
de,
|
163
|
-
{
|
164
|
-
widthX: 14,
|
165
|
-
size: "small",
|
166
|
-
shape: "square",
|
167
|
-
renderAs: "primary",
|
168
|
-
label: "Try again",
|
169
|
-
analyticsLabel: "resource_get_api_failed",
|
170
|
-
onClick: se
|
171
|
-
}
|
172
|
-
)
|
173
|
-
] }) }) : /* @__PURE__ */ _(f, { $flexDirection: "row", $height: "100vh", children: [
|
174
|
-
/* @__PURE__ */ _(Ce, { $width: "60%", children: [
|
175
|
-
/* @__PURE__ */ t(
|
176
|
-
$e,
|
177
|
-
{
|
178
|
-
$heightX: 4,
|
179
|
-
$background: "WHITE_3",
|
180
|
-
$alignItems: "center",
|
181
|
-
$justifyContent: "center",
|
182
|
-
children: /* @__PURE__ */ t(
|
183
|
-
me,
|
184
|
-
{
|
185
|
-
value: A,
|
186
|
-
onSearchTextChange: Z,
|
187
|
-
renderAs: "primary",
|
188
|
-
width: "99%",
|
189
|
-
size: "regular",
|
190
|
-
label: "Type topic name...",
|
191
|
-
onEnter: ee,
|
192
|
-
searchOnClear: !0,
|
193
|
-
onPrefixElementClick: N,
|
194
|
-
prefixElement: /* @__PURE__ */ t(ue, {})
|
195
|
-
}
|
196
|
-
)
|
197
|
-
}
|
198
|
-
),
|
199
|
-
/* @__PURE__ */ _(f, { $height: `calc(100vh - ${Se}px)`, $position: "relative", children: [
|
200
|
-
E && /* @__PURE__ */ t(Pe, {}),
|
201
|
-
/* @__PURE__ */ t(
|
202
|
-
Ee,
|
203
|
-
{
|
204
|
-
resourceItems: I,
|
205
|
-
selectedResource: a,
|
206
|
-
pageNumber: h,
|
207
|
-
totalPages: oe,
|
208
|
-
assigningInProgress: Y || J,
|
209
|
-
isFilterAdded: ne,
|
210
|
-
onResourceAdditionOrDeletion: V,
|
211
|
-
onResourceAssign: te,
|
212
|
-
onViewResource: D,
|
213
|
-
onPageNumberUpdate: re
|
214
|
-
}
|
215
|
-
)
|
216
|
-
] })
|
217
|
-
] }),
|
218
|
-
/* @__PURE__ */ t(f, { $width: "40%", children: /* @__PURE__ */ t(
|
219
|
-
fe,
|
220
|
-
{
|
221
|
-
resourceFilters: P,
|
222
|
-
selectedResources: a,
|
223
|
-
onResourceDeSelection: V,
|
224
|
-
onFilterUpdate: K,
|
225
|
-
onViewResource: D
|
226
|
-
}
|
227
|
-
) })
|
228
|
-
] });
|
229
|
-
}), qe = be;
|
230
|
-
export {
|
231
|
-
qe as default
|
232
|
-
};
|
233
|
-
//# 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 { IExtendedResourceModel, 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 { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\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 AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport AddedResourceAndFilters from './added-resource-and-filters';\nimport { getResourceSearchAPI } from './api/get-resource';\nimport { usePostMilestoneResource } from './api/goal-resource-assign';\nimport { usePostLPARResource } from './api/lpar-resource-assign';\nimport { HEADER_HEIGHT } from './constant';\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, getCanShowDefaultLoadingScreen } 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 [error, setError] = 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 [resourceSearchData, setResourceSearchData] = useState<IResourceData | undefined>();\n const [isResourceSearchProcessing, setIsResourceSearchProcessing] = useState(false);\n const [isResourceSearchFailed, setIsResourceSearchFailed] = useState(false);\n const [resourceFilters, setResourceFilters] = useState<IResourceData['filters']>({\n boards: [],\n grades: [],\n node_types: [],\n });\n\n const abortControllerRef = useRef<AbortController | null>(null);\n\n const handleOnResourceAssignComplete = useCallback(\n (errorMessage: string | null) => {\n if (errorMessage) {\n onError(errorMessage);\n } else {\n const toastMessage = `${pluralize(selectedResourceItems.length, 'Resource')} ${\n selectedResourceItems.length > 1 ? 'have' : 'has'\n } been assigned`;\n\n onResourceAssign(toastMessage);\n }\n },\n [onError, onResourceAssign, selectedResourceItems],\n );\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 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 async (updatedPageNumber?: number) => {\n //* Reset page number only when filter is updated not on scroll\n if (!updatedPageNumber) {\n setPageNumber(1);\n }\n setIsResourceSearchProcessing(true);\n\n if (checkIfFiltersAreAdded(searchQuery) || searchQuery.stream) {\n if (abortControllerRef.current) {\n abortControllerRef.current.abort();\n }\n\n const controller = new AbortController();\n\n abortControllerRef.current = controller;\n\n await getResourceSearchAPI({\n id: studentId,\n query: updatedPageNumber ? { ...searchQuery, page: updatedPageNumber } : searchQuery,\n meta: null,\n abortSignal: abortControllerRef.current.signal,\n })\n .then(res => {\n if (res) {\n const { __CODE__, __ERROR__, isProcessingFailed } = res as IExtendedResourceModel;\n\n if (__CODE__ >= 400 && __CODE__ < 500) {\n onError(__ERROR__?.message ?? 'Error while fetching the resource');\n } else if (__CODE__ === 500) {\n setIsResourceSearchFailed(isProcessingFailed);\n setError('Internal server error, Please try again');\n } else {\n const { data } = res || {};\n\n if (data) {\n setResourceFilters({\n boards: data.filters.boards,\n grades: data.filters.grades,\n node_types: data.filters.node_types,\n });\n setResourceSearchData(data);\n setIsResourceSearchProcessing(false);\n }\n }\n }\n })\n .catch(() => {\n setIsResourceSearchProcessing(false);\n setIsResourceSearchFailed(true);\n });\n }\n },\n [studentId, searchQuery, abortControllerRef, onError],\n );\n\n const handleScrollPagination = (newPageNumber: number) => {\n fetchResource(newPageNumber);\n setPageNumber(newPageNumber);\n };\n\n const handleFailureReset = () => {\n setIsResourceSearchFailed(false);\n setError('');\n setSearchValue('');\n setSearchQuery({\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 };\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\n return () => {\n if (abortControllerRef.current) {\n abortControllerRef.current.abort();\n }\n };\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 const { total_pages: totalPages = 0 } = resourceSearchData || {};\n const isFilterAdded = useMemo(() => checkIfFiltersAreAdded(searchQuery), [searchQuery]);\n const canShowDefaultLoader = useMemo(\n () => getCanShowDefaultLoadingScreen(isResourceSearchProcessing, resourceFilters),\n [isResourceSearchProcessing, resourceFilters],\n );\n\n if (canShowDefaultLoader) return <AppLoader height=\"100vh\" />;\n\n if (isResourceSearchFailed) {\n return (\n <FlexView $height=\"100vh\" $alignItems=\"center\" $justifyContent=\"center\">\n <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n <Text $renderAs=\"h6\">\n {error || 'Oops! Something went wrong. Please try again later.'}\n </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={handleFailureReset}\n />\n </FlexView>\n </FlexView>\n );\n }\n\n return (\n <FlexView $flexDirection=\"row\" $height=\"100vh\">\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 <FlexView $height={`calc(100vh - ${HEADER_HEIGHT}px)`} $position=\"relative\">\n {isResourceSearchProcessing && <Styled.LoaderWrapper />}\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 </FlexView>\n </Styled.SearchContainer>\n\n <FlexView $width=\"40%\">\n <AddedResourceAndFilters\n resourceFilters={resourceFilters}\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","error","setError","searchQuery","setSearchQuery","resourceItems","setResourceItems","selectedResourceItems","setSelectedResource","resourceSearchData","setResourceSearchData","isResourceSearchProcessing","setIsResourceSearchProcessing","isResourceSearchFailed","setIsResourceSearchFailed","resourceFilters","setResourceFilters","abortControllerRef","useRef","handleOnResourceAssignComplete","useCallback","errorMessage","toastMessage","pluralize","postAssignGoalResource","goalResourceAssignInProgress","usePostMilestoneResource","postAssignLPARResource","lparResourceAssignInProgress","usePostLPARResource","handleOnSearchQueryChange","updatedQuery","prev","handleOnResourceAdditionOrDeletion","step","resourceNodeId","resourceItem","resource","prevResource","handleSearchTextChange","value","handleSearch","searchOnClear","RESOURCE_ASSIGN_ANALYTICS_EVENTS","fetchResource","updatedPageNumber","checkIfFiltersAreAdded","controller","getResourceSearchAPI","res","__CODE__","__ERROR__","isProcessingFailed","data","handleScrollPagination","newPageNumber","handleFailureReset","handleOnResourceAssign","nodeId","useEffect","updatedData","item","totalPages","isFilterAdded","useMemo","getCanShowDefaultLoadingScreen","jsx","AppLoader","FlexView","jsxs","Text","Button","Styled.SearchContainer","Styled.HeaderWrapper","SearchableInput","Back2Icon","HEADER_HEIGHT","Styled.LoaderWrapper","ResourceItems","AddedResourceAndFilters","EPResourceAssign$1"],"mappings":"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"}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
const d = (e) => {
|
2
|
-
const { node_type: n, grade: r, board: t, search_term: o } = e;
|
3
|
-
return !!(o || n || r || t);
|
4
|
-
}, s = (e, n) => {
|
5
|
-
const { boards: r, grades: t, node_types: o } = n;
|
6
|
-
return e && r.length === 0 && t.length === 0 && o.length === 0;
|
7
|
-
};
|
8
|
-
export {
|
9
|
-
d as checkIfFiltersAreAdded,
|
10
|
-
s as getCanShowDefaultLoadingScreen
|
11
|
-
};
|
12
|
-
//# sourceMappingURL=utils.js.map
|
@@ -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';\nimport type { IResourceData } from './resources-assign-type';\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\nconst getCanShowDefaultLoadingScreen = (\n isProcessing: boolean,\n filters: IResourceData['filters'],\n) => {\n const { boards, grades, node_types: nodeTypes } = filters;\n\n return isProcessing && boards.length === 0 && grades.length === 0 && nodeTypes.length === 0;\n};\n\nexport { checkIfFiltersAreAdded, getCanShowDefaultLoadingScreen };\n"],"names":["checkIfFiltersAreAdded","searchQuery","nodeType","grade","board","searchTerm","getCanShowDefaultLoadingScreen","isProcessing","filters","boards","grades","nodeTypes"],"mappings":"AAGM,MAAAA,IAAyB,CAACC,MAAqC;AACnE,QAAM,EAAE,WAAWC,GAAU,OAAAC,GAAO,OAAAC,GAAO,aAAaC,EAAe,IAAAJ;AAEvE,SAAO,GAAQI,KAAcH,KAAYC,KAASC;AACpD,GAEME,IAAiC,CACrCC,GACAC,MACG;AACH,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,YAAYC,MAAcH;AAE3C,SAAAD,KAAgBE,EAAO,WAAW,KAAKC,EAAO,WAAW,KAAKC,EAAU,WAAW;AAC5F;"}
|
@@ -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
|