@cuemath/leap 2.8.35-beta.0 → 2.8.36-beta-0.1

package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.js

@@ -1,88 +1,78 @@
-import { jsxs as d, jsx as r, Fragment as A } from "react/jsx-runtime";
+import { jsxs as m, jsx as r, Fragment as A } from "react/jsx-runtime";
 import E from "../../../../../node_modules/lodash.debounce/index.js";
-import { memo as I, useRef as _, useMemo as x, useEffect as b } from "react";
-import y from "../../../../../assets/line-icons/icons/sheet.js";
+import { memo as _, useRef as y, useMemo as b, useEffect as x } from "react";
+import C from "../../../../../assets/line-icons/icons/sheet.js";
 import N from "../../../../ui/layout/flex-view.js";
-import C from "../../../../ui/text/text.js";
-import X from "../comps/resource-item/resource-item.js";
-import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as L } from "../resource-assign-analytics-events.js";
-import P from "./no-resource-screen.js";
-import { ResourceItemWrapper as T, ButtonWrapper as j, StyledButton as v } from "./resource-items-styled.js";
-const k = I((a) => {
+import X from "../../../../ui/text/text.js";
+import j from "../comps/resource-item/resource-item.js";
+import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as w } from "../resource-assign-analytics-events.js";
+import L from "./no-resource-screen.js";
+import { ResourceItemWrapper as a, ButtonWrapper as P, StyledButton as T } from "./resource-items-styled.js";
+const k = _((u) => {
   const {
     pageNumber: t,
     totalPages: i,
     resourceItems: l,
     selectedResource: o,
-    assigningInProgress: u,
+    assigningInProgress: f,
     isFilterAdded: p,
-    onResourceAdditionOrDeletion: f,
-    onResourceAssign: g,
-    onViewResource: h,
-    onPageNumberUpdate: m
-  } = a, c = _(null), $ = x(
+    onResourceAdditionOrDeletion: g,
+    onResourceAssign: h,
+    onViewResource: $,
+    onPageNumberUpdate: d
+  } = u, c = y(null), R = b(
     () => ({
       node_ids: o.map(({ node_id: e }) => e)
     }),
     [o]
   );
-  return b(() => {
+  return x(() => {
     const e = c.current;
     if (e) {
       const n = E(() => {
         const s = e ? e.scrollTop / (e.scrollHeight - e.clientHeight) : 0;
-        t && i && s > 0.85 && t < i && m(t + 1);
+        t && i && s > 0.85 && t < i && d(t + 1);
       }, 300);
       return e.addEventListener("scroll", n), () => {
         e.removeEventListener("scroll", n);
       };
     }
-  }, [c, t, i, m]), l.length === 0 ? p ? /* @__PURE__ */ d(N, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ r(y, { opacity: 0.38 }),
-    /* @__PURE__ */ r(C, { $renderAs: "ub1-bold", $color: "BLACK_T_38", children: "No sheets match the selected filters" })
-  ] }) : /* @__PURE__ */ r(P, {}) : /* @__PURE__ */ d(A, { children: [
-    /* @__PURE__ */ r(
-      T,
-      {
-        $gapX: 1.5,
-        $gutterX: 1.5,
-        $flexGapX: 1.125,
-        $height: "calc(100vh - 64px - 72px)",
-        ref: c,
-        children: l.map((e) => {
-          const { id: n, node_id: s } = e, R = o.some((S) => S.node_id === s);
-          return /* @__PURE__ */ r(
-            X,
-            {
-              resource: e,
-              onResourceAdditionOrDeletion: f,
-              onViewResource: h,
-              selected: R
-            },
-            `${n}_${s}`
-          );
-        })
-      }
-    ),
+  }, [c, t, i, d]), l.length === 0 ? p ? /* @__PURE__ */ m(N, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ r(C, { opacity: 0.38 }),
+    /* @__PURE__ */ r(X, { $renderAs: "ub1-bold", $color: "BLACK_T_38", children: "No sheets match the selected filters" })
+  ] }) : /* @__PURE__ */ r(a, { $alignItems: "center", $justifyContent: "center", $overflowHidden: !0, children: /* @__PURE__ */ r(L, {}) }) : /* @__PURE__ */ m(A, { children: [
+    /* @__PURE__ */ r(a, { $gapX: 1.5, $gutterX: 1.5, $flexGapX: 1.125, ref: c, children: l.map((e) => {
+      const { id: n, node_id: s } = e, I = o.some((S) => S.node_id === s);
+      return /* @__PURE__ */ r(
+        j,
+        {
+          resource: e,
+          onResourceAdditionOrDeletion: g,
+          onViewResource: $,
+          selected: I
+        },
+        `${n}_${s}`
+      );
+    }) }),
     o.length > 0 && /* @__PURE__ */ r(
-      j,
+      P,
       {
         $flexDirection: "row",
         $justifyContent: "flex-end",
         $gapX: 1,
         $gutterX: 1,
         children: /* @__PURE__ */ r(
-          v,
+          T,
           {
             renderAs: "primary",
             label: "Assign",
             shape: "square",
             size: "small",
             widthX: 8.5,
-            analyticsLabel: L.RESOURCE_ASSIGNED,
-            analyticsProps: $,
-            onClick: g,
-            busy: u
+            analyticsLabel: w.RESOURCE_ASSIGNED,
+            analyticsProps: R,
+            onClick: h,
+            busy: f
           }
         )
       }

package/dist/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.js.map

@@ -1 +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;"}
+{"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

@@ -1,7 +1,7 @@
-import t from "styled-components";
-import r from "../../../ui/layout/flex-view.js";
+import r from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
 import i from "../../../ui/text/text.js";
-const a = t(r)(({ theme: o, $noBorder: e }) => {
+const a = r(t)(({ theme: o, $noBorder: e }) => {
   const { WHITE_5: s } = o.colors;
   return `
     ${!e && `border-bottom: 1px solid ${s}`};
@@ -10,13 +10,14 @@ const a = t(r)(({ theme: o, $noBorder: e }) => {
       width: calc(100% - 48px);
     }
   `;
-}), c = t.div(({ theme: o }) => `
+}), c = r.div(({ theme: o }) => `
       position: absolute;
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
-      background: ${o.colors.BLACK_T_15};
+      background: ${o.colors.WHITE_T_15};
+      backdrop-filter: blur(8px);
       z-index: 2;
 
       & * {
@@ -32,31 +33,31 @@ const a = t(r)(({ theme: o, $noBorder: e }) => {
         height: ${o.layout.gutter * 5}px;
         filter: brightness(0);
       }
-    `), d = t(i)`
+    `), d = r(i)`
   position: absolute;
   top: 72%;
   left: 50%;
   transform: translate(-50%, -50%);
-`, u = t(r)(({ theme: o }) => `
+`, u = r(t)(({ theme: o }) => `
     overflow-y: auto;
     border-right: 1px solid ${o.colors.WHITE_5};
-  `), b = t(r)`
+  `), b = r(t)`
   overflow-y: auto;
-`, m = t(r)(({ theme: o, $selected: e }) => `
+`, x = r(t)(({ theme: o, $selected: e }) => `
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: ${e ? o.colors.BLACK : o.colors.WHITE_5};
     cursor: pointer;
-  `), x = t(r)(() => `
+  `), f = r(t)(() => `
     min-width: 20px;
   `);
 export {
   b as FilterListWrapper,
-  m as FilterTabWrapper,
+  x as FilterTabWrapper,
   a as HeaderWrapper,
   c as LoaderWrapper,
   d as NoResourceText,
-  x as ResourceCountWrapper,
+  f as ResourceCountWrapper,
   u as SearchContainer
 };
 //# sourceMappingURL=resources-assign-styled.js.map

package/dist/features/milestone/milestone-resources/resources-assign/resources-assign-styled.js.map

@@ -1 +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;"}
+{"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.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  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;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;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;"}

package/dist/features/milestone/milestone-resources/resources-assign/resources-assign.js

@@ -1,189 +1,232 @@
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-import { memo as Z, useState as a, useCallback as l, useEffect as b } from "react";
-import { ILLUSTRATIONS as ee } from "../../../../assets/illustrations/illustrations.js";
-import re from "../../../../assets/line-icons/icons/back2.js";
-import se from "../../../ui/buttons/button/button.js";
-import { useUIContext as oe } from "../../../ui/context/context.js";
-import te from "../../../ui/inputs/searchable-input/searchable-input.js";
-import g from "../../../ui/layout/flex-view.js";
-import ne from "../../../ui/text/text.js";
-import ie from "./added-resource-and-filters.js";
-import { useGetSearchResource as ce } from "./api/get-resource.js";
-import { usePostMilestoneResource as ae } from "./api/goal-resource-assign.js";
-import { usePostLPARResource as le } from "./api/lpar-resource-assign.js";
-import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as de } from "./resource-assign-analytics-events.js";
-import me from "./resource-items/resource-items.js";
-import { LoaderWrapper as ue, SearchContainer as pe, HeaderWrapper as ge } from "./resources-assign-styled.js";
-import { checkIfFiltersAreAdded as w } from "./utils.js";
-const he = Z((L) => {
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import { h as ie } from "../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as ce, useState as o, useRef as le, useCallback as g, useEffect as z, useMemo as M } from "react";
+import ue from "../../../../assets/line-icons/icons/back2.js";
+import de from "../../../ui/buttons/button/button.js";
+import { useUIContext as he } from "../../../ui/context/context.js";
+import me from "../../../ui/inputs/searchable-input/searchable-input.js";
+import f from "../../../ui/layout/flex-view.js";
+import pe from "../../../ui/loader/app-loader/app-loader.js";
+import ge from "../../../ui/text/text.js";
+import fe from "./added-resource-and-filters.js";
+import { getResourceSearchAPI as Re } from "./api/get-resource.js";
+import { usePostMilestoneResource as Ae } from "./api/goal-resource-assign.js";
+import { usePostLPARResource as _e } from "./api/lpar-resource-assign.js";
+import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as Se } from "./resource-assign-analytics-events.js";
+import Ie from "./resource-items/resource-items.js";
+import { SearchContainer as Ce, HeaderWrapper as Ee, LoaderWrapper as Pe } from "./resources-assign-styled.js";
+import { checkIfFiltersAreAdded as N, getCanShowDefaultLoadingScreen as $e } from "./utils.js";
+const ye = ce((G) => {
   const {
-    studentId: h,
-    stream: U,
-    onResourceAssign: S,
-    onError: I,
-    onExitResourceAssign: k,
-    onViewResource: E,
-    userMilestoneId: d,
-    programId: m
-  } = L, { onEvent: C } = oe(), [u, D] = a(1), [p, N] = a(""), [t, P] = a({
-    stream: U,
-    page: u,
+    studentId: l,
+    stream: w,
+    onResourceAssign: x,
+    onError: R,
+    onExitResourceAssign: H,
+    onViewResource: v,
+    userMilestoneId: u,
+    programId: d
+  } = G, { onEvent: D } = he(), [h, F] = o(1), [A, L] = o(""), [Q, O] = o(""), [i, S] = o({
+    stream: w,
+    page: h,
     per_page: 50,
-    user_id: h,
-    user_milestone_id: d,
-    program_id: m
-  }), [f, F] = a([]), [n, y] = a([]), $ = l(
+    user_id: l,
+    user_milestone_id: u,
+    program_id: d
+  }), [I, W] = o([]), [a, T] = o([]), [m, X] = o(), [C, E] = o(!1), [q, P] = o(!1), [$, B] = o({
+    boards: [],
+    grades: [],
+    node_types: []
+  }), c = le(null), k = g(
     (e) => {
-      e ? I(e) : S();
+      if (e)
+        R(e);
+      else {
+        const r = `${ie.pluralize(a.length, "Resource")} ${a.length > 1 ? "have" : "has"} been assigned`;
+        x(r);
+      }
     },
-    [I, S]
-  ), {
-    get: R,
-    data: i,
-    isProcessing: V,
-    isProcessingFailed: j
-  } = ce(), { post: x, isProcessing: v } = ae({
-    onComplete: $
-  }), { post: O, isProcessing: G } = le({
-    onComplete: $
-  }), H = (e) => {
-    P((s) => ({ ...s, ...e }));
-  }, T = l(
-    (e, s) => {
+    [R, x, a]
+  ), { post: U, isProcessing: Y } = Ae({
+    onComplete: k
+  }), { post: V, isProcessing: J } = _e({
+    onComplete: k
+  }), K = (e) => {
+    S((r) => ({ ...r, ...e }));
+  }, j = g(
+    (e, r) => {
       if (e === "select") {
-        const o = f.find((c) => c.node_id === s);
-        o && y((c) => [...c, o]);
+        const s = I.find((n) => n.node_id === r);
+        s && T((n) => [...n, s]);
       } else
-        y(
-          (o) => o.filter((c) => c.node_id !== s)
+        T(
+          (s) => s.filter((n) => n.node_id !== r)
         );
     },
-    [f]
-  ), Q = (e) => {
-    R("ep-dummy-id", {
-      ...t,
-      page: e
-    }), D(e);
-  }, W = (e) => {
-    N(e);
-  }, X = l(
+    [I]
+  ), Z = (e) => {
+    L(e);
+  }, ee = g(
     (e) => {
-      C(de.RESOURCE_SEARCH_INPUT_VALUE, {
-        search_term: p
-      }), P((s) => ({
-        ...s,
-        search_term: e ? "" : p
+      D(Se.RESOURCE_SEARCH_INPUT_VALUE, {
+        search_term: A
+      }), S((r) => ({
+        ...r,
+        search_term: e ? "" : A
       }));
     },
-    [p, C]
-  ), A = l(() => {
-    (w(t) || t.stream) && R("ep-dummy-id", t);
-  }, [t, R]), z = l(() => {
-    d ? x(
+    [A, D]
+  ), y = g(
+    async (e) => {
+      if (e || F(1), E(!0), N(i) || i.stream) {
+        c.current && c.current.abort();
+        const r = new AbortController();
+        c.current = r, await Re({
+          id: l,
+          query: e ? { ...i, page: e } : i,
+          meta: null,
+          abortSignal: c.current.signal
+        }).then((s) => {
+          if (s) {
+            const { __CODE__: n, __ERROR__: b, isProcessingFailed: ae } = s;
+            if (n >= 400 && n < 500)
+              R((b == null ? void 0 : b.message) ?? "Error while fetching the resource");
+            else if (n === 500)
+              P(ae), O("Internal server error, Please try again");
+            else {
+              const { data: p } = s || {};
+              p && (B({
+                boards: p.filters.boards,
+                grades: p.filters.grades,
+                node_types: p.filters.node_types
+              }), X(p), E(!1));
+            }
+          }
+        }).catch(() => {
+          E(!1), P(!0);
+        });
+      }
+    },
+    [l, i, c, R]
+  ), re = (e) => {
+    y(e), F(e);
+  }, se = () => {
+    P(!1), O(""), L(""), S({
+      stream: w,
+      page: h,
+      per_page: 50,
+      user_id: l,
+      user_milestone_id: u,
+      program_id: d
+    });
+  }, te = g(() => {
+    u ? U(
       {
-        node_ids: n.map((e) => e.node_id)
+        node_ids: a.map((e) => e.node_id)
       },
-      { userMilestoneId: d }
-    ) : m && O(
+      { userMilestoneId: u }
+    ) : d && V(
       {
-        nodes: n.map(({ node_id: e }) => ({
+        nodes: a.map(({ node_id: e }) => ({
           id: e,
           attempt_location: "ANY"
         })),
-        program_id: m
+        program_id: d
       },
-      { studentId: h }
+      { studentId: l }
     );
   }, [
-    x,
+    U,
+    u,
+    a,
+    V,
     d,
-    n,
-    O,
-    m,
-    h
+    l
   ]);
-  if (b(() => {
-    A();
-  }, [A]), b(() => {
-    i && F((e) => {
-      const s = u !== 1 ? [...e, ...i.results] : i.results;
-      return Array.from(new Map(s.map((o) => [o.id, o])).values());
+  z(() => (y(), () => {
+    c.current && c.current.abort();
+  }), [y]), z(() => {
+    m && W((e) => {
+      const r = h !== 1 ? [...e, ...m.results] : m.results;
+      return Array.from(new Map(r.map((s) => [s.id, s])).values());
     });
-  }, [i, u]), j)
-    return /* @__PURE__ */ r(g, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ _(g, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
-      /* @__PURE__ */ r(ne, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
-      /* @__PURE__ */ r(
-        se,
-        {
-          widthX: 14,
-          size: "small",
-          shape: "square",
-          renderAs: "primary",
-          label: "Try again",
-          analyticsLabel: "resource_get_api_failed",
-          onClick: A
-        }
-      )
-    ] }) });
-  const { filters: B, total_pages: M = 0 } = i || {}, { boards: Y = [], grades: q = [], node_types: J = [] } = B || {}, K = w(t);
-  return /* @__PURE__ */ _(g, { $flexDirection: "row", $height: "100vh", children: [
-    V && /* @__PURE__ */ r(ue, { children: /* @__PURE__ */ r("img", { src: ee.LOADER_1, alt: "resource_loading" }) }),
-    /* @__PURE__ */ _(pe, { $width: "60%", children: [
-      /* @__PURE__ */ r(
-        ge,
+  }, [m, h]);
+  const { total_pages: oe = 0 } = m || {}, ne = M(() => N(i), [i]);
+  return M(
+    () => $e(C, $),
+    [C, $]
+  ) ? /* @__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: [
+    /* @__PURE__ */ t(ge, { $renderAs: "h6", children: Q || "Oops! Something went wrong. Please try again later." }),
+    /* @__PURE__ */ t(
+      de,
+      {
+        widthX: 14,
+        size: "small",
+        shape: "square",
+        renderAs: "primary",
+        label: "Try again",
+        analyticsLabel: "resource_get_api_failed",
+        onClick: se
+      }
+    )
+  ] }) }) : /* @__PURE__ */ _(f, { $flexDirection: "row", $height: "100vh", children: [
+    /* @__PURE__ */ _(Ce, { $width: "60%", children: [
+      /* @__PURE__ */ t(
+        Ee,
         {
           $heightX: 4,
           $background: "WHITE_3",
           $alignItems: "center",
           $justifyContent: "center",
-          children: /* @__PURE__ */ r(
-            te,
+          children: /* @__PURE__ */ t(
+            me,
             {
-              value: p,
-              onSearchTextChange: W,
+              value: A,
+              onSearchTextChange: Z,
               renderAs: "primary",
               width: "99%",
               size: "regular",
               label: "Type topic name...",
-              onEnter: X,
+              onEnter: ee,
               searchOnClear: !0,
-              onPrefixElementClick: k,
-              prefixElement: /* @__PURE__ */ r(re, {})
+              onPrefixElementClick: H,
+              prefixElement: /* @__PURE__ */ t(ue, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ r(
-        me,
-        {
-          resourceItems: f,
-          selectedResource: n,
-          pageNumber: u,
-          totalPages: M,
-          assigningInProgress: v || G,
-          isFilterAdded: K,
-          onResourceAdditionOrDeletion: T,
-          onResourceAssign: z,
-          onViewResource: E,
-          onPageNumberUpdate: Q
-        }
-      )
+      /* @__PURE__ */ _(f, { $height: "calc(100vh - 64px)", $position: "relative", children: [
+        C && /* @__PURE__ */ t(Pe, {}),
+        /* @__PURE__ */ t(
+          Ie,
+          {
+            resourceItems: I,
+            selectedResource: a,
+            pageNumber: h,
+            totalPages: oe,
+            assigningInProgress: Y || J,
+            isFilterAdded: ne,
+            onResourceAdditionOrDeletion: j,
+            onResourceAssign: te,
+            onViewResource: v,
+            onPageNumberUpdate: re
+          }
+        )
+      ] })
     ] }),
-    /* @__PURE__ */ r(g, { $width: "40%", children: /* @__PURE__ */ r(
-      ie,
+    /* @__PURE__ */ t(f, { $width: "40%", children: /* @__PURE__ */ t(
+      fe,
       {
-        boards: Y,
-        grades: q,
-        nodeTypes: J,
-        selectedResources: n,
-        onResourceDeSelection: T,
-        onFilterUpdate: H,
-        onViewResource: E
+        resourceFilters: $,
+        selectedResources: a,
+        onResourceDeSelection: j,
+        onFilterUpdate: K,
+        onViewResource: v
       }
     ) })
   ] });
-}), Ue = he;
+}), We = ye;
 export {
-  Ue as default
+  We as default
 };
 //# sourceMappingURL=resources-assign.js.map