@cuemath/leap 2.8.35-beta-0.2 → 2.8.35-beta-0.4

package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js

@@ -1,15 +1,15 @@
-import { jsxs as c, Fragment as C, jsx as t } from "react/jsx-runtime";
-import { memo as N, useRef as $, useState as X, useEffect as G, Fragment as W } from "react";
-import j from "../../../../assets/line-icons/icons/sheet.js";
-import { useUIContext as w } from "../../../ui/context/context.js";
-import R from "../../../ui/layout/flex-view.js";
-import P from "../../../ui/separator/separator.js";
-import g from "../../../ui/text/text.js";
-import V from "./comps/filter-item/filter-item.js";
-import Y from "./comps/resource-item/resource-item.js";
+import { jsxs as i, Fragment as d, jsx as t } from "react/jsx-runtime";
+import { memo as y, useState as U, Fragment as B } from "react";
+import N from "../../../../assets/line-icons/icons/sheet.js";
+import { useUIContext as X } from "../../../ui/context/context.js";
+import E from "../../../ui/layout/flex-view.js";
+import G from "../../../ui/separator/separator.js";
+import p from "../../../ui/text/text.js";
+import W from "./comps/filter-item/filter-item.js";
+import j from "./comps/resource-item/resource-item.js";
 import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as n } from "./resource-assign-analytics-events.js";
-import { HeaderWrapper as H, FilterTabWrapper as K, ResourceCountWrapper as M, FilterListWrapper as J } from "./resources-assign-styled.js";
-const q = [
+import { HeaderWrapper as w, FilterTabWrapper as P, ResourceCountWrapper as V, FilterListWrapper as Y } from "./resources-assign-styled.js";
+const H = [
   {
     id: "resource-filters",
     label: "Filters"
@@ -18,96 +18,90 @@ const q = [
     id: "resource-added",
     label: "Added"
   }
-], z = {
+], K = {
   LEARNING: "Learning",
   PRACTICE: "Practice",
   ASSESSMENT: "Assessment",
   LEVEL2: "Advanced",
   LEVEL3: "Advanced",
   SUBJECTIVE: "Subjective"
-}, ae = N((I) => {
-  var b, L, D;
+}, ie = y((f) => {
+  var R, A, T;
   const {
-    boards: i,
-    grades: l,
-    nodeTypes: s,
-    selectedResources: f,
-    onResourceDeSelection: O,
-    onFilterUpdate: a,
-    onViewResource: v
-  } = I, d = $(i), E = $(l), u = $(s), { onEvent: p } = w(), [S, x] = X("resource-filters"), m = f.length, _ = (b = d.current.find((e) => e.applied)) == null ? void 0 : b.name, T = (L = E.current.find((e) => e.applied)) == null ? void 0 : L.name, A = (D = u.current.find((e) => e.applied)) == null ? void 0 : D.name, k = (e) => {
-    const r = _ === e;
-    p(
+    resourceFilters: b,
+    selectedResources: u,
+    onResourceDeSelection: L,
+    onFilterUpdate: l,
+    onViewResource: D
+  } = f, { boards: m, grades: h, node_types: C } = b, { onEvent: c } = X(), [$, I] = U("resource-filters"), s = u.length, g = (R = m.find((e) => e.applied)) == null ? void 0 : R.name, S = (A = h.find((e) => e.applied)) == null ? void 0 : A.name, _ = (T = C.find((e) => e.applied)) == null ? void 0 : T.name, O = (e) => {
+    const r = g === e;
+    c(
       r ? n.RESOURCE_BOARD_DESELECTED : n.RESOURCE_BOARD_SELECTED,
       {
         board: e
       }
-    ), a({ board: r ? "" : e });
-  }, y = (e) => {
-    const r = T === e;
-    p(
+    ), l({ board: r ? "" : e });
+  }, v = (e) => {
+    const r = S === e;
+    c(
       r ? n.RESOURCE_GRADE_DESELECTED : n.RESOURCE_GRADE_SELECTED,
       {
         grade: e
       }
-    ), a({ grade: r ? "" : e });
-  }, F = (e) => {
-    const r = A === e;
-    p(
+    ), l({ grade: r ? "" : e });
+  }, x = (e) => {
+    const r = _ === e;
+    c(
       r ? n.RESOURCE_NODE_TYPE_DESELECTED : n.RESOURCE_NODE_TYPE_SELECTED,
       {
         node_type: e
       }
-    ), a({ node_type: r ? "" : e });
-  };
-  G(() => {
-    d.current = i, E.current = l, u.current = s;
-  }, [i, l, s]);
-  const U = [
+    ), l({ node_type: r ? "" : e });
+  }, F = [
     {
       title: "Curriculum",
-      options: d.current.map(({ code: e, name: r }) => ({
+      options: m.map(({ code: e, name: r }) => ({
         id: e,
         label: r,
         value: r
       })),
-      value: _,
-      onClick: k
+      value: g,
+      onClick: O
     },
     {
       title: "Grade",
-      options: E.current.map(({ code: e, name: r }) => ({
+      options: h.map(({ code: e, name: r }) => ({
         id: e,
         label: e,
         value: r
       })),
-      value: T,
-      onClick: y
+      value: S,
+      onClick: v
     },
     {
       title: "Type",
-      options: u.current.map(({ code: e, name: r }) => ({
+      options: C.map(({ code: e, name: r }) => ({
         id: e,
-        label: z[r] || "",
+        label: K[r] || "",
         value: r || ""
       })),
-      value: A,
-      onClick: F
+      value: _,
+      onClick: x
     }
   ];
-  return /* @__PURE__ */ c(C, { children: [
+  return /* @__PURE__ */ i(d, { children: [
     /* @__PURE__ */ t(
-      H,
+      w,
       {
         $heightX: 4,
         $background: "WHITE_3",
         $flexDirection: "row",
         $alignItems: "end",
         $noBorder: !0,
-        children: q.map((e) => {
-          const { id: r, label: h } = e, o = r === S;
-          return /* @__PURE__ */ c(
-            K,
+        children: H.map((e) => {
+          const { id: r, label: a } = e, o = r === $;
+          return /* @__PURE__ */ i(
+            P,
             {
               $flexDirection: "row",
               $width: "100%",
@@ -115,21 +109,21 @@ const q = [
               $justifyContent: "center",
               $gapX: 0.5,
               $selected: o,
-              onClick: () => x(r),
+              onClick: () => I(r),
               $flexGap: 4,
               $heightX: 2.5,
               children: [
                 /* @__PURE__ */ t(
-                  g,
+                  p,
                   {
                     $renderAs: o ? "ub3-bold" : "ub3",
                     $align: "center",
                     $color: o ? "BLACK_T_87" : "BLACK_T_38",
-                    children: h
+                    children: a
                   }
                 ),
-                m > 0 && r === "resource-added" && /* @__PURE__ */ t(
-                  M,
+                s > 0 && r === "resource-added" && /* @__PURE__ */ t(
+                  V,
                   {
                     $borderRadius: 50,
                     $background: "YELLOW_4",
@@ -137,7 +131,7 @@ const q = [
                     $justifyContent: "center",
                     $alignItems: "center",
                     $heightX: 1.25,
-                    children: /* @__PURE__ */ t(g, { $renderAs: "ac4-black", children: m })
+                    children: /* @__PURE__ */ t(p, { $renderAs: "ac4-black", children: s })
                   }
                 )
               ]
@@ -147,32 +141,32 @@ const q = [
         })
       }
     ),
-    /* @__PURE__ */ t(J, { $height: "calc(100vh - 64px - 16px)", children: S === "resource-filters" ? /* @__PURE__ */ t(C, { children: U.map((e) => {
-      const { title: r, value: h, options: o, onClick: B } = e;
-      return /* @__PURE__ */ c(W, { children: [
+    /* @__PURE__ */ t(Y, { $height: "calc(100vh - 64px - 16px)", children: $ === "resource-filters" ? /* @__PURE__ */ t(d, { children: F.map((e) => {
+      const { title: r, value: a, options: o, onClick: k } = e;
+      return /* @__PURE__ */ i(B, { children: [
         /* @__PURE__ */ t(
-          V,
+          W,
           {
             title: r,
-            value: h ?? "",
+            value: a ?? "",
             options: o,
-            onClick: B
+            onClick: k
           }
         ),
-        /* @__PURE__ */ t(P, { height: 1, background: "WHITE_5" })
+        /* @__PURE__ */ t(G, { height: 1, background: "WHITE_5" })
       ] }, r);
-    }) }) : /* @__PURE__ */ c(C, { children: [
-      f.map((e) => /* @__PURE__ */ t(R, { $gapX: 1, $gutterX: 1, children: /* @__PURE__ */ t(
-        Y,
+    }) }) : /* @__PURE__ */ i(d, { children: [
+      u.map((e) => /* @__PURE__ */ t(E, { $gapX: 1, $gutterX: 1, children: /* @__PURE__ */ t(
+        j,
         {
           resource: e,
-          onViewResource: v,
-          onResourceAdditionOrDeletion: O,
+          onViewResource: D,
+          onResourceAdditionOrDeletion: L,
           selected: !0
         }
       ) }, e.id)),
-      m === 0 && /* @__PURE__ */ c(
-        R,
+      s === 0 && /* @__PURE__ */ i(
+        E,
         {
           $alignItems: "center",
           $justifyContent: "center",
@@ -180,8 +174,8 @@ const q = [
           $height: "100%",
           $flexGap: 8,
           children: [
-            /* @__PURE__ */ t(j, { opacity: 0.38 }),
-            /* @__PURE__ */ t(R, { $widthX: 15, children: /* @__PURE__ */ t(g, { $renderAs: "ub1-bold", $color: "BLACK_T_38", $align: "center", children: "No sheets added" }) })
+            /* @__PURE__ */ t(N, { opacity: 0.38 }),
+            /* @__PURE__ */ t(E, { $widthX: 15, children: /* @__PURE__ */ t(p, { $renderAs: "ub1-bold", $color: "BLACK_T_38", $align: "center", children: "No sheets added" }) })
           ]
         }
       )
@@ -189,6 +183,6 @@ const q = [
   ] });
 });
 export {
-  ae as default
+  ie as default
 };
 //# sourceMappingURL=added-resource-and-filters.js.map

package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"added-resource-and-filters.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.tsx"],"sourcesContent":["import type { IAddedResourceAndFilters } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useEffect, useRef, useState } from 'react';\n\nimport SheetIcon from '../../../../assets/line-icons/icons/sheet';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport FilterItem from './comps/filter-item/filter-item';\nimport ResourceItem from './comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport * as Styled from './resources-assign-styled';\n\nconst TABS = [\n  {\n    id: 'resource-filters',\n    label: 'Filters',\n  },\n  {\n    id: 'resource-added',\n    label: 'Added',\n  },\n];\n\nconst EXTRA_PRACTICE_LABEL_MAP: Record<string, string> = {\n  LEARNING: 'Learning',\n  PRACTICE: 'Practice',\n  ASSESSMENT: 'Assessment',\n  LEVEL2: 'Advanced',\n  LEVEL3: 'Advanced',\n  SUBJECTIVE: 'Subjective',\n};\n\nconst AddedResourceAndFilters: FC<IAddedResourceAndFilters> = memo(props => {\n  const {\n    boards,\n    grades,\n    nodeTypes,\n    selectedResources,\n    onResourceDeSelection,\n    onFilterUpdate,\n    onViewResource,\n  } = props;\n\n  const boardsRef = useRef(boards);\n  const gradesRef = useRef(grades);\n  const nodeTypesRef = useRef(nodeTypes);\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const [selectedTab, setSelectedTab] = useState('resource-filters');\n\n  const addedResourceCount = selectedResources.length;\n  const appliedBoard = boardsRef.current.find(board => board.applied)?.name;\n  const appliedGrade = gradesRef.current.find(grade => grade.applied)?.name;\n  const appliedNodeType = nodeTypesRef.current.find(grade => grade.applied)?.name;\n\n  const handleOnBoardChange = (updatedBoard: string) => {\n    const boardSelection = appliedBoard === updatedBoard;\n\n    trackEvent(\n      boardSelection\n        ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_DESELECTED\n        : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_SELECTED,\n      {\n        board: updatedBoard,\n      },\n    );\n    onFilterUpdate({ board: boardSelection ? '' : updatedBoard });\n  };\n\n  const handleOnGradeChange = (updatedGrade: string) => {\n    const gradeSelection = appliedGrade === updatedGrade;\n\n    trackEvent(\n      gradeSelection\n        ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_DESELECTED\n        : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_SELECTED,\n      {\n        grade: updatedGrade,\n      },\n    );\n    onFilterUpdate({ grade: gradeSelection ? '' : updatedGrade });\n  };\n\n  const handleOnNodeTypeChange = (updatedNodeType: string) => {\n    const nodeTypeSelection = appliedNodeType === updatedNodeType;\n\n    trackEvent(\n      nodeTypeSelection\n        ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_DESELECTED\n        : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_SELECTED,\n      {\n        node_type: updatedNodeType,\n      },\n    );\n    onFilterUpdate({ node_type: nodeTypeSelection ? '' : updatedNodeType });\n  };\n\n  useEffect(() => {\n    boardsRef.current = boards;\n    gradesRef.current = grades;\n    nodeTypesRef.current = nodeTypes;\n  }, [boards, grades, nodeTypes]);\n\n  const filterItemList = [\n    {\n      title: 'Curriculum',\n      options: boardsRef.current.map(({ code, name }) => ({\n        id: code,\n        label: name,\n        value: name,\n      })),\n      value: appliedBoard,\n      onClick: handleOnBoardChange,\n    },\n    {\n      title: 'Grade',\n      options: gradesRef.current.map(({ code, name }) => ({\n        id: code,\n        label: code,\n        value: name,\n      })),\n      value: appliedGrade,\n      onClick: handleOnGradeChange,\n    },\n    {\n      title: 'Type',\n      options: nodeTypesRef.current.map(({ code, name }) => ({\n        id: code,\n        label: EXTRA_PRACTICE_LABEL_MAP[name] || '',\n        value: name || '',\n      })),\n      value: appliedNodeType,\n      onClick: handleOnNodeTypeChange,\n    },\n  ];\n\n  return (\n    <>\n      <Styled.HeaderWrapper\n        $heightX={4}\n        $background=\"WHITE_3\"\n        $flexDirection=\"row\"\n        $alignItems=\"end\"\n        $noBorder\n      >\n        {TABS.map(tab => {\n          const { id, label } = tab;\n          const selected = id === selectedTab;\n\n          return (\n            <Styled.FilterTabWrapper\n              key={id}\n              $flexDirection=\"row\"\n              $width=\"100%\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $gapX={0.5}\n              $selected={selected}\n              onClick={() => setSelectedTab(id)}\n              $flexGap={4}\n              $heightX={2.5}\n            >\n              <Text\n                $renderAs={selected ? 'ub3-bold' : 'ub3'}\n                $align=\"center\"\n                $color={selected ? 'BLACK_T_87' : 'BLACK_T_38'}\n              >\n                {label}\n              </Text>\n              {addedResourceCount > 0 && id === 'resource-added' && (\n                <Styled.ResourceCountWrapper\n                  $borderRadius={50}\n                  $background=\"YELLOW_4\"\n                  $gutter={4}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $heightX={1.25}\n                >\n                  <Text $renderAs=\"ac4-black\">{addedResourceCount}</Text>\n                </Styled.ResourceCountWrapper>\n              )}\n            </Styled.FilterTabWrapper>\n          );\n        })}\n      </Styled.HeaderWrapper>\n\n      <Styled.FilterListWrapper $height=\"calc(100vh - 64px - 16px)\">\n        {selectedTab === 'resource-filters' ? (\n          <>\n            {filterItemList.map(item => {\n              const { title, value, options, onClick } = item;\n\n              return (\n                <Fragment key={title}>\n                  <FilterItem\n                    title={title}\n                    value={value ?? ''}\n                    options={options}\n                    onClick={onClick}\n                  />\n\n                  <Separator height={1} background=\"WHITE_5\" />\n                </Fragment>\n              );\n            })}\n          </>\n        ) : (\n          <>\n            {selectedResources.map(item => (\n              <FlexView $gapX={1} $gutterX={1} key={item.id}>\n                <ResourceItem\n                  resource={item}\n                  onViewResource={onViewResource}\n                  onResourceAdditionOrDeletion={onResourceDeSelection}\n                  selected={true}\n                />\n              </FlexView>\n            ))}\n\n            {addedResourceCount === 0 && (\n              <FlexView\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $gapX={2}\n                $height=\"100%\"\n                $flexGap={8}\n              >\n                <SheetIcon opacity={0.38} />\n                <FlexView $widthX={15}>\n                  <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\" $align=\"center\">\n                    No sheets added\n                  </Text>\n                </FlexView>\n              </FlexView>\n            )}\n          </>\n        )}\n      </Styled.FilterListWrapper>\n    </>\n  );\n});\n\nexport default AddedResourceAndFilters;\n"],"names":["TABS","EXTRA_PRACTICE_LABEL_MAP","AddedResourceAndFilters","memo","props","boards","grades","nodeTypes","selectedResources","onResourceDeSelection","onFilterUpdate","onViewResource","boardsRef","useRef","gradesRef","nodeTypesRef","trackEvent","useUIContext","selectedTab","setSelectedTab","useState","addedResourceCount","appliedBoard","_a","board","appliedGrade","_b","grade","appliedNodeType","_c","handleOnBoardChange","updatedBoard","boardSelection","RESOURCE_ASSIGN_ANALYTICS_EVENTS","handleOnGradeChange","updatedGrade","gradeSelection","handleOnNodeTypeChange","updatedNodeType","nodeTypeSelection","useEffect","filterItemList","code","name","jsxs","Fragment","jsx","Styled.HeaderWrapper","tab","id","label","selected","Styled.FilterTabWrapper","Text","Styled.ResourceCountWrapper","Styled.FilterListWrapper","item","title","value","options","onClick","FilterItem","Separator","FlexView","ResourceItem","SheetIcon"],"mappings":"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"}
+{"version":3,"file":"added-resource-and-filters.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.tsx"],"sourcesContent":["import type { IAddedResourceAndFilters } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useState } from 'react';\n\nimport SheetIcon from '../../../../assets/line-icons/icons/sheet';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport FilterItem from './comps/filter-item/filter-item';\nimport ResourceItem from './comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport * as Styled from './resources-assign-styled';\n\nconst TABS = [\n  {\n    id: 'resource-filters',\n    label: 'Filters',\n  },\n  {\n    id: 'resource-added',\n    label: 'Added',\n  },\n];\n\nconst EXTRA_PRACTICE_LABEL_MAP: Record<string, string> = {\n  LEARNING: 'Learning',\n  PRACTICE: 'Practice',\n  ASSESSMENT: 'Assessment',\n  LEVEL2: 'Advanced',\n  LEVEL3: 'Advanced',\n  SUBJECTIVE: 'Subjective',\n};\n\nconst AddedResourceAndFilters: FC<IAddedResourceAndFilters> = memo(props => {\n  const {\n    resourceFilters,\n    selectedResources,\n    onResourceDeSelection,\n    onFilterUpdate,\n    onViewResource,\n  } = props;\n\n  const { boards, grades, node_types: nodeTypes } = resourceFilters;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const [selectedTab, setSelectedTab] = useState('resource-filters');\n\n  const addedResourceCount = selectedResources.length;\n  const appliedBoard = boards.find(board => board.applied)?.name;\n  const appliedGrade = grades.find(grade => grade.applied)?.name;\n  const appliedNodeType = nodeTypes.find(grade => grade.applied)?.name;\n\n  const handleOnBoardChange = (updatedBoard: string) => {\n    const boardSelection = appliedBoard === updatedBoard;\n\n    trackEvent(\n      boardSelection\n        ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_DESELECTED\n        : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_BOARD_SELECTED,\n      {\n        board: updatedBoard,\n      },\n    );\n    onFilterUpdate({ board: boardSelection ? '' : updatedBoard });\n  };\n\n  const handleOnGradeChange = (updatedGrade: string) => {\n    const gradeSelection = appliedGrade === updatedGrade;\n\n    trackEvent(\n      gradeSelection\n        ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_DESELECTED\n        : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_GRADE_SELECTED,\n      {\n        grade: updatedGrade,\n      },\n    );\n    onFilterUpdate({ grade: gradeSelection ? '' : updatedGrade });\n  };\n\n  const handleOnNodeTypeChange = (updatedNodeType: string) => {\n    const nodeTypeSelection = appliedNodeType === updatedNodeType;\n\n    trackEvent(\n      nodeTypeSelection\n        ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_DESELECTED\n        : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_NODE_TYPE_SELECTED,\n      {\n        node_type: updatedNodeType,\n      },\n    );\n    onFilterUpdate({ node_type: nodeTypeSelection ? '' : updatedNodeType });\n  };\n\n  const filterItemList = [\n    {\n      title: 'Curriculum',\n      options: boards.map(({ code, name }) => ({\n        id: code,\n        label: name,\n        value: name,\n      })),\n      value: appliedBoard,\n      onClick: handleOnBoardChange,\n    },\n    {\n      title: 'Grade',\n      options: grades.map(({ code, name }) => ({\n        id: code,\n        label: code,\n        value: name,\n      })),\n      value: appliedGrade,\n      onClick: handleOnGradeChange,\n    },\n    {\n      title: 'Type',\n      options: nodeTypes.map(({ code, name }) => ({\n        id: code,\n        label: EXTRA_PRACTICE_LABEL_MAP[name] || '',\n        value: name || '',\n      })),\n      value: appliedNodeType,\n      onClick: handleOnNodeTypeChange,\n    },\n  ];\n\n  return (\n    <>\n      <Styled.HeaderWrapper\n        $heightX={4}\n        $background=\"WHITE_3\"\n        $flexDirection=\"row\"\n        $alignItems=\"end\"\n        $noBorder\n      >\n        {TABS.map(tab => {\n          const { id, label } = tab;\n          const selected = id === selectedTab;\n\n          return (\n            <Styled.FilterTabWrapper\n              key={id}\n              $flexDirection=\"row\"\n              $width=\"100%\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $gapX={0.5}\n              $selected={selected}\n              onClick={() => setSelectedTab(id)}\n              $flexGap={4}\n              $heightX={2.5}\n            >\n              <Text\n                $renderAs={selected ? 'ub3-bold' : 'ub3'}\n                $align=\"center\"\n                $color={selected ? 'BLACK_T_87' : 'BLACK_T_38'}\n              >\n                {label}\n              </Text>\n              {addedResourceCount > 0 && id === 'resource-added' && (\n                <Styled.ResourceCountWrapper\n                  $borderRadius={50}\n                  $background=\"YELLOW_4\"\n                  $gutter={4}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $heightX={1.25}\n                >\n                  <Text $renderAs=\"ac4-black\">{addedResourceCount}</Text>\n                </Styled.ResourceCountWrapper>\n              )}\n            </Styled.FilterTabWrapper>\n          );\n        })}\n      </Styled.HeaderWrapper>\n\n      <Styled.FilterListWrapper $height=\"calc(100vh - 64px - 16px)\">\n        {selectedTab === 'resource-filters' ? (\n          <>\n            {filterItemList.map(item => {\n              const { title, value, options, onClick } = item;\n\n              return (\n                <Fragment key={title}>\n                  <FilterItem\n                    title={title}\n                    value={value ?? ''}\n                    options={options}\n                    onClick={onClick}\n                  />\n\n                  <Separator height={1} background=\"WHITE_5\" />\n                </Fragment>\n              );\n            })}\n          </>\n        ) : (\n          <>\n            {selectedResources.map(item => (\n              <FlexView $gapX={1} $gutterX={1} key={item.id}>\n                <ResourceItem\n                  resource={item}\n                  onViewResource={onViewResource}\n                  onResourceAdditionOrDeletion={onResourceDeSelection}\n                  selected={true}\n                />\n              </FlexView>\n            ))}\n\n            {addedResourceCount === 0 && (\n              <FlexView\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $gapX={2}\n                $height=\"100%\"\n                $flexGap={8}\n              >\n                <SheetIcon opacity={0.38} />\n                <FlexView $widthX={15}>\n                  <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\" $align=\"center\">\n                    No sheets added\n                  </Text>\n                </FlexView>\n              </FlexView>\n            )}\n          </>\n        )}\n      </Styled.FilterListWrapper>\n    </>\n  );\n});\n\nexport default AddedResourceAndFilters;\n"],"names":["TABS","EXTRA_PRACTICE_LABEL_MAP","AddedResourceAndFilters","memo","props","resourceFilters","selectedResources","onResourceDeSelection","onFilterUpdate","onViewResource","boards","grades","nodeTypes","trackEvent","useUIContext","selectedTab","setSelectedTab","useState","addedResourceCount","appliedBoard","_a","board","appliedGrade","_b","grade","appliedNodeType","_c","handleOnBoardChange","updatedBoard","boardSelection","RESOURCE_ASSIGN_ANALYTICS_EVENTS","handleOnGradeChange","updatedGrade","gradeSelection","handleOnNodeTypeChange","updatedNodeType","nodeTypeSelection","filterItemList","code","name","jsxs","Fragment","jsx","Styled.HeaderWrapper","tab","id","label","selected","Styled.FilterTabWrapper","Text","Styled.ResourceCountWrapper","Styled.FilterListWrapper","item","title","value","options","onClick","FilterItem","Separator","FlexView","ResourceItem","SheetIcon"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAO;AAAA,EACX;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AACF,GAEMC,IAAmD;AAAA,EACvD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,GAEMC,KAAwDC,EAAK,CAASC,MAAA;;AACpE,QAAA;AAAA,IACJ,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,EACE,IAAAL,GAEE,EAAE,QAAAM,GAAQ,QAAAC,GAAQ,YAAYC,MAAcP,GAE5C,EAAE,SAASQ,EAAW,IAAIC,EAAa,GAEvC,CAACC,GAAaC,CAAc,IAAIC,EAAS,kBAAkB,GAE3DC,IAAqBZ,EAAkB,QACvCa,KAAeC,IAAAV,EAAO,KAAK,CAASW,MAAAA,EAAM,OAAO,MAAlC,gBAAAD,EAAqC,MACpDE,KAAeC,IAAAZ,EAAO,KAAK,CAASa,MAAAA,EAAM,OAAO,MAAlC,gBAAAD,EAAqC,MACpDE,KAAkBC,IAAAd,EAAU,KAAK,CAASY,MAAAA,EAAM,OAAO,MAArC,gBAAAE,EAAwC,MAE1DC,IAAsB,CAACC,MAAyB;AACpD,UAAMC,IAAiBV,MAAiBS;AAExC,IAAAf;AAAA,MACEgB,IACIC,EAAiC,4BACjCA,EAAiC;AAAA,MACrC;AAAA,QACE,OAAOF;AAAA,MACT;AAAA,IAAA,GAEFpB,EAAe,EAAE,OAAOqB,IAAiB,KAAKD,EAAc,CAAA;AAAA,EAAA,GAGxDG,IAAsB,CAACC,MAAyB;AACpD,UAAMC,IAAiBX,MAAiBU;AAExC,IAAAnB;AAAA,MACEoB,IACIH,EAAiC,4BACjCA,EAAiC;AAAA,MACrC;AAAA,QACE,OAAOE;AAAA,MACT;AAAA,IAAA,GAEFxB,EAAe,EAAE,OAAOyB,IAAiB,KAAKD,EAAc,CAAA;AAAA,EAAA,GAGxDE,IAAyB,CAACC,MAA4B;AAC1D,UAAMC,IAAoBX,MAAoBU;AAE9C,IAAAtB;AAAA,MACEuB,IACIN,EAAiC,gCACjCA,EAAiC;AAAA,MACrC;AAAA,QACE,WAAWK;AAAA,MACb;AAAA,IAAA,GAEF3B,EAAe,EAAE,WAAW4B,IAAoB,KAAKD,EAAiB,CAAA;AAAA,EAAA,GAGlEE,IAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,SAAS3B,EAAO,IAAI,CAAC,EAAE,MAAA4B,GAAM,MAAAC,SAAY;AAAA,QACvC,IAAID;AAAA,QACJ,OAAOC;AAAA,QACP,OAAOA;AAAA,MAAA,EACP;AAAA,MACF,OAAOpB;AAAA,MACP,SAASQ;AAAA,IACX;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAShB,EAAO,IAAI,CAAC,EAAE,MAAA2B,GAAM,MAAAC,SAAY;AAAA,QACvC,IAAID;AAAA,QACJ,OAAOA;AAAA,QACP,OAAOC;AAAA,MAAA,EACP;AAAA,MACF,OAAOjB;AAAA,MACP,SAASS;AAAA,IACX;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAASnB,EAAU,IAAI,CAAC,EAAE,MAAA0B,GAAM,MAAAC,SAAY;AAAA,QAC1C,IAAID;AAAA,QACJ,OAAOrC,EAAyBsC,CAAI,KAAK;AAAA,QACzC,OAAOA,KAAQ;AAAA,MAAA,EACf;AAAA,MACF,OAAOd;AAAA,MACP,SAASS;AAAA,IACX;AAAA,EAAA;AAGF,SAEI,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,WAAS;AAAA,QAER,UAAA3C,EAAK,IAAI,CAAO4C,MAAA;AACT,gBAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAF,GAChBG,IAAWF,MAAO9B;AAGtB,iBAAA,gBAAAyB;AAAA,YAACQ;AAAAA,YAAA;AAAA,cAEC,gBAAe;AAAA,cACf,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,OAAO;AAAA,cACP,WAAWD;AAAA,cACX,SAAS,MAAM/B,EAAe6B,CAAE;AAAA,cAChC,UAAU;AAAA,cACV,UAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAH;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACC,WAAWF,IAAW,aAAa;AAAA,oBACnC,QAAO;AAAA,oBACP,QAAQA,IAAW,eAAe;AAAA,oBAEjC,UAAAD;AAAA,kBAAA;AAAA,gBACH;AAAA,gBACC5B,IAAqB,KAAK2B,MAAO,oBAChC,gBAAAH;AAAA,kBAACQ;AAAAA,kBAAA;AAAA,oBACC,eAAe;AAAA,oBACf,aAAY;AAAA,oBACZ,SAAS;AAAA,oBACT,iBAAgB;AAAA,oBAChB,aAAY;AAAA,oBACZ,UAAU;AAAA,oBAEV,UAAC,gBAAAR,EAAAO,GAAA,EAAK,WAAU,aAAa,UAAmB/B,GAAA;AAAA,kBAAA;AAAA,gBAClD;AAAA,cAAA;AAAA,YAAA;AAAA,YA5BG2B;AAAA,UAAA;AAAA,QA8BP,CAEH;AAAA,MAAA;AAAA,IACH;AAAA,IAEA,gBAAAH,EAACS,GAAA,EAAyB,SAAQ,6BAC/B,UAAApC,MAAgB,qBACf,gBAAA2B,EAAAD,GAAA,EACG,UAAeJ,EAAA,IAAI,CAAQe,MAAA;AAC1B,YAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,SAAAC,MAAYJ;AAGzC,aAAA,gBAAAZ,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,OAAAJ;AAAA,YACA,OAAOC,KAAS;AAAA,YAChB,SAAAC;AAAA,YACA,SAAAC;AAAA,UAAA;AAAA,QACF;AAAA,QAEC,gBAAAd,EAAAgB,GAAA,EAAU,QAAQ,GAAG,YAAW,WAAU;AAAA,MAAA,EAAA,GAR9BL,CASf;AAAA,IAEH,CAAA,EACH,CAAA,IAGG,gBAAAb,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAAnC,EAAkB,IAAI,CACrB8C,MAAA,gBAAAV,EAACiB,KAAS,OAAO,GAAG,UAAU,GAC5B,UAAA,gBAAAjB;AAAA,QAACkB;AAAA,QAAA;AAAA,UACC,UAAUR;AAAA,UACV,gBAAA3C;AAAA,UACA,8BAA8BF;AAAA,UAC9B,UAAU;AAAA,QAAA;AAAA,MAAA,KALwB6C,EAAK,EAO3C,CACD;AAAA,MAEAlC,MAAuB,KACtB,gBAAAsB;AAAA,QAACmB;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,OAAO;AAAA,UACP,SAAQ;AAAA,UACR,UAAU;AAAA,UAEV,UAAA;AAAA,YAAC,gBAAAjB,EAAAmB,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,YACzB,gBAAAnB,EAAAiB,GAAA,EAAS,SAAS,IACjB,UAAC,gBAAAjB,EAAAO,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,QAAO,UAAS,4BAE/D,CAAA,GACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,EAAA,CAEJ,EAEJ,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/api/get-resource.js

@@ -1,10 +1,11 @@
-import { createGetAPI as e } from "@cuemath/rest-api";
+import { createGetAPI as r } from "@cuemath/rest-api";
 import { BASE_URL_V3 as t } from "../../../../../constants/api.js";
 import { stringify as o } from "../../../../../helpers/query-string.js";
-const { useGet: i } = e({
-  getURL: (c, r) => `${t}/curriculum/extra-resources/?${o(r)}`
+const { get: i, useGet: a } = r({
+  getURL: (c, e) => `${t}/curriculum/extra-resources/?${o(e)}`
 });
 export {
-  i as useGetSearchResource
+  i as getResourceSearchAPI,
+  a as useGetSearchResource
 };
 //# sourceMappingURL=get-resource.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"get-resource.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/get-resource.ts"],"sourcesContent":["import type { TCourseStream } from '../../../create/milestone-create-types';\nimport type { IResourceData } from '../resources-assign-type';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../constants/api';\nimport { stringify } from '../../../../../helpers/query-string';\n\ninterface IExtraPracticeQuery {\n  board?: string;\n  grade?: string;\n  stream: TCourseStream;\n  search_term?: string;\n  node_type?: string;\n  page?: number;\n  per_page?: number;\n  user_milestone_id?: string;\n  program_id?: string;\n  user_id?: string;\n}\n\nconst { useGet: useGetSearchResource } = createGetAPI<IResourceData, IExtraPracticeQuery>({\n  getURL: (_, query) => `${BASE_URL_V3}/curriculum/extra-resources/?${stringify(query)}`,\n});\n\nexport { useGetSearchResource, type IExtraPracticeQuery };\n"],"names":["useGetSearchResource","createGetAPI","_","query","BASE_URL_V3","stringify"],"mappings":";;;AAqBA,MAAM,EAAE,QAAQA,EAAqB,IAAIC,EAAiD;AAAA,EACxF,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,gCAAgCC,EAAUF,CAAK,CAAC;AACtF,CAAC;"}
+{"version":3,"file":"get-resource.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/get-resource.ts"],"sourcesContent":["import type { TCourseStream } from '../../../create/milestone-create-types';\nimport type { IResourceData } from '../resources-assign-type';\nimport type { ResourceModel } from '@cuemath/rest-api';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../constants/api';\nimport { stringify } from '../../../../../helpers/query-string';\n\ninterface IExtraPracticeQuery {\n  board?: string;\n  grade?: string;\n  stream: TCourseStream;\n  search_term?: string;\n  node_type?: string;\n  page?: number;\n  per_page?: number;\n  user_milestone_id?: string;\n  program_id?: string;\n  user_id?: string;\n}\n\nexport type IExtendedResourceModel = ResourceModel<IResourceData> & {\n  __ERROR__: Record<string, string>;\n};\n\nconst { get: getResourceSearchAPI, useGet: useGetSearchResource } = createGetAPI<\n  IResourceData,\n  IExtraPracticeQuery,\n  null\n>({\n  getURL: (_, query) => `${BASE_URL_V3}/curriculum/extra-resources/?${stringify(query)}`,\n});\n\nexport { getResourceSearchAPI, useGetSearchResource, type IExtraPracticeQuery };\n"],"names":["getResourceSearchAPI","useGetSearchResource","createGetAPI","_","query","BASE_URL_V3","stringify"],"mappings":";;;AA0BA,MAAM,EAAE,KAAKA,GAAsB,QAAQC,EAAA,IAAyBC,EAIlE;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,gCAAgCC,EAAUF,CAAK,CAAC;AACtF,CAAC;"}

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

@@ -0,0 +1,6 @@
+const E = 64, H = 72;
+export {
+  H as FOOTER_HEIGHT,
+  E as HEADER_HEIGHT
+};
+//# sourceMappingURL=constant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/constant.ts"],"sourcesContent":["export const HEADER_HEIGHT = 64;\nexport const FOOTER_HEIGHT = 72;\n"],"names":["HEADER_HEIGHT","FOOTER_HEIGHT"],"mappings":"AAAO,MAAMA,IAAgB,IAChBC,IAAgB;"}

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

@@ -1,21 +1,31 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { IMAGES as o } from "../../../../../assets/images/images.js";
-import i from "../../../../ui/image/image.js";
-import r from "../../../../ui/layout/flex-view.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { IMAGES as t } from "../../../../../assets/images/images.js";
+import o from "../../../../ui/image/image.js";
+import i from "../../../../ui/layout/flex-view.js";
 import { NoResourceText as s } from "../resources-assign-styled.js";
-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: [
-  /* @__PURE__ */ e(
-    i,
-    {
-      withLoader: !1,
-      src: o.BG_EMPTY_RESOURCES,
-      alt: "Empty resources",
-      width: 620,
-      height: 620
-    }
-  ),
-  /* @__PURE__ */ e(s, { $renderAs: "ab2-bold", children: "Type + Search = Resources!" })
-] }) });
+const l = () => /* @__PURE__ */ r(
+  i,
+  {
+    $width: 620,
+    $height: 620,
+    $position: "relative",
+    $justifyContent: "center",
+    $alignItems: "center",
+    children: [
+      /* @__PURE__ */ e(
+        o,
+        {
+          withLoader: !1,
+          src: t.BG_EMPTY_RESOURCES,
+          alt: "Empty resources",
+          width: 520,
+          height: 520
+        }
+      ),
+      /* @__PURE__ */ e(s, { $renderAs: "ab2-bold", children: "Type + Search = Resources!" })
+    ]
+  }
+);
 export {
   l as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"no-resource-screen.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from '../resources-assign-styled';\n\nconst NoResourceScreen: FC = () => {\n  return (\n    <FlexView $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;"}
+{"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;"}

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

@@ -1,17 +1,19 @@
-import o from "styled-components";
-import p from "../../../../ui/buttons/button/button.js";
-import t from "../../../../ui/layout/flex-view.js";
-const n = o(t)`
-  overflow-y: auto;
-`, i = o(t)`
+import t from "styled-components";
+import e from "../../../../ui/buttons/button/button.js";
+import r from "../../../../ui/layout/flex-view.js";
+import { HEADER_HEIGHT as p, FOOTER_HEIGHT as i } from "../constant.js";
+const c = t(r)(({ $overflowHidden: o }) => `
+    ${o ? "overflow: hidden;" : "overflow-y: auto;"}
+    height: calc(100vh - ${p}px - ${i}px);
+  `), l = t(r)`
   position: sticky;
   bottom: 0;
-`, x = o(p)(({ theme: r }) => `
-    box-shadow: 0px 10px 20px 0px ${r.colors.BLACK_T_20};
+`, u = t(e)(({ theme: o }) => `
+    box-shadow: 0px 10px 20px 0px ${o.colors.BLACK_T_20};
   `);
 export {
-  i as ButtonWrapper,
-  n as ResourceItemWrapper,
-  x as StyledButton
+  l as ButtonWrapper,
+  c as ResourceItemWrapper,
+  u as StyledButton
 };
 //# sourceMappingURL=resource-items-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resource-items-styled.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ResourceItemWrapper = styled(FlexView)`\n  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;"}
+{"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;"}

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
           }
         )
       }