@cuemath/leap 3.5.52-as1 → 3.5.53-j1

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

@@ -1,15 +1,16 @@
-import { jsxs as c, Fragment as h, jsx as t } from "react/jsx-runtime";
-import { memo as x, useState as y, useMemo as $, useCallback as R, Fragment as U } from "react";
-import B from "../../../../assets/line-icons/icons/sheet.js";
-import { useUIContext as N } from "../../../ui/context/context.js";
-import S from "../../../ui/layout/flex-view.js";
-import X from "../../../ui/separator/separator.js";
-import _ from "../../../ui/text/text.js";
-import G from "./comps/filter-item/filter-item.js";
-import W from "./comps/resource-item/resource-item.js";
+import { jsxs as c, Fragment as $, jsx as t } from "react/jsx-runtime";
+import { memo as U, useCallback as a, useMemo as S, Fragment as X } from "react";
+import G from "../../../../assets/line-icons/icons/sheet.js";
+import { useUIContext as W } from "../../../ui/context/context.js";
+import T from "../../../ui/layout/flex-view.js";
+import j from "../../../ui/separator/separator.js";
+import R from "../../../ui/text/text.js";
+import w from "./comps/filter-item/filter-item.js";
+import P from "./comps/resource-item/resource-item.js";
 import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as i } from "./resource-assign-analytics-events.js";
-import { HeaderWrapper as j, FilterTabWrapper as w, ResourceCountWrapper as P, FilterListWrapper as V } from "./resources-assign-styled.js";
-const Y = [
+import { HeaderWrapper as V, FilterTabWrapper as Y, ResourceCountWrapper as H, FilterListWrapper as K } from "./resources-assign-styled.js";
+import { useSelectedResources as M, useFilterState as J, useResourceAssignActions as Q } from "./store/resource-assign-store.js";
+const q = [
   {
     id: "resource-filters",
     label: "Filters"
@@ -18,36 +19,35 @@ const Y = [
     id: "resource-added",
     label: "Added"
   }
-], H = {
+], z = {
   LEARNING: "Learning",
   PRACTICE: "Practice",
   ASSESSMENT: "Assessment",
   LEVEL2: "Advanced",
   LEVEL3: "Advanced",
   SUBJECTIVE: "Subjective"
-}, ie = x(
-  function(T) {
-    const {
-      resourceFilters: f,
-      selectedResources: g,
-      onResourceDeSelection: b,
-      onFilterUpdate: n,
-      onViewResource: L
-    } = T, { boards: s, grades: d, node_types: a } = f, { onEvent: o } = N(), [A, D] = y("resource-filters"), E = g.length, p = $(() => {
+}, pe = U(
+  function(b) {
+    const { onViewResource: L } = b, _ = M(), { resourceFilters: D, selectedTab: A, filterExpansion: d } = J(), { setSelectedTab: f, updateSearchQuery: n, setFilterExpansion: I } = Q(), { boards: E, grades: p, node_types: u } = D, { onEvent: o } = W(), y = a(
+      (e) => {
+        f(e);
+      },
+      [f]
+    ), m = _.length, C = S(() => {
       var e;
-      return (e = s.find((r) => r.applied)) == null ? void 0 : e.name;
-    }, [s]), u = $(() => {
+      return (e = E.find((r) => r.applied)) == null ? void 0 : e.name;
+    }, [E]), h = S(() => {
       var e;
-      return (e = d.find((r) => r.applied)) == null ? void 0 : e.name;
-    }, [d]), m = $(
+      return (e = p.find((r) => r.applied)) == null ? void 0 : e.name;
+    }, [p]), g = S(
       () => {
         var e;
-        return (e = a.find((r) => r.applied)) == null ? void 0 : e.name;
+        return (e = u.find((r) => r.applied)) == null ? void 0 : e.name;
       },
-      [a]
-    ), I = R(
+      [u]
+    ), O = a(
       (e) => {
-        const r = p === e;
+        const r = C === e;
         o(
           r ? i.RESOURCE_BOARD_DESELECTED : i.RESOURCE_BOARD_SELECTED,
           {
@@ -55,10 +55,10 @@ const Y = [
           }
         ), n({ board: r ? "" : e });
       },
-      [o, n, p]
-    ), O = R(
+      [o, n, C]
+    ), v = a(
       (e) => {
-        const r = u === e;
+        const r = h === e;
         o(
           r ? i.RESOURCE_GRADE_DESELECTED : i.RESOURCE_GRADE_SELECTED,
           {
@@ -66,10 +66,10 @@ const Y = [
           }
         ), n({ grade: r ? "" : e });
       },
-      [o, n, u]
-    ), v = R(
+      [o, n, h]
+    ), F = a(
       (e) => {
-        const r = m === e;
+        const r = g === e;
         o(
           r ? i.RESOURCE_NODE_TYPE_DESELECTED : i.RESOURCE_NODE_TYPE_SELECTED,
           {
@@ -77,52 +77,55 @@ const Y = [
           }
         ), n({ node_type: r ? "" : e });
       },
-      [o, n, m]
-    ), F = [
+      [o, n, g]
+    ), x = [
       {
         title: "Curriculum",
-        options: s.map(({ code: e, name: r }) => ({
+        filterType: "curriculum",
+        options: E.map(({ code: e, name: r }) => ({
           id: e,
           label: r,
           value: r
         })),
-        value: p,
-        onClick: I
+        value: C,
+        onClick: O
       },
       {
         title: "Grade",
-        options: d.map(({ code: e, name: r }) => ({
+        filterType: "grade",
+        options: p.map(({ code: e, name: r }) => ({
           id: e,
           label: e,
           value: r
         })),
-        value: u,
-        onClick: O
+        value: h,
+        onClick: v
       },
       {
         title: "Type",
-        options: a.map(({ code: e, name: r }) => ({
+        filterType: "type",
+        options: u.map(({ code: e, name: r }) => ({
           id: e,
-          label: H[r] || "",
+          label: z[r] || "",
           value: r || ""
         })),
-        value: m,
-        onClick: v
+        value: g,
+        onClick: F
       }
     ];
-    return /* @__PURE__ */ c(h, { children: [
+    return /* @__PURE__ */ c($, { children: [
       /* @__PURE__ */ t(
-        j,
+        V,
         {
           $heightX: 4,
           $background: "WHITE_3",
           $flexDirection: "row",
           $alignItems: "end",
           $noBorder: !0,
-          children: Y.map((e) => {
-            const { id: r, label: C } = e, l = r === A;
+          children: q.map((e) => {
+            const { id: r, label: s } = e, l = r === A;
             return /* @__PURE__ */ c(
-              w,
+              Y,
               {
                 $flexDirection: "row",
                 $width: "100%",
@@ -130,21 +133,21 @@ const Y = [
                 $justifyContent: "center",
                 $gapX: 0.5,
                 $selected: l,
-                onClick: () => D(r),
+                onClick: () => y(r),
                 $flexGap: 4,
                 $heightX: 2.5,
                 children: [
                   /* @__PURE__ */ t(
-                    _,
+                    R,
                     {
                       $renderAs: l ? "ub3-bold" : "ub3",
                       $align: "center",
                       $color: l ? "BLACK_T_87" : "BLACK_T_38",
-                      children: C
+                      children: s
                     }
                   ),
-                  E > 0 && r === "resource-added" && /* @__PURE__ */ t(
-                    P,
+                  m > 0 && r === "resource-added" && /* @__PURE__ */ t(
+                    H,
                     {
                       $borderRadius: 50,
                       $background: "YELLOW_4",
@@ -152,7 +155,7 @@ const Y = [
                       $justifyContent: "center",
                       $alignItems: "center",
                       $heightX: 1.25,
-                      children: /* @__PURE__ */ t(_, { $renderAs: "ac4-black", children: E })
+                      children: /* @__PURE__ */ t(R, { $renderAs: "ac4-black", children: m })
                     }
                   )
                 ]
@@ -162,32 +165,26 @@ const Y = [
           })
         }
       ),
-      /* @__PURE__ */ t(V, { children: A === "resource-filters" ? /* @__PURE__ */ t(h, { children: F.map((e) => {
-        const { title: r, value: C, options: l, onClick: k } = e;
-        return /* @__PURE__ */ c(U, { children: [
+      /* @__PURE__ */ t(K, { children: A === "resource-filters" ? /* @__PURE__ */ t($, { children: x.map((e) => {
+        const { title: r, filterType: s, value: l, options: k, onClick: B } = e;
+        return /* @__PURE__ */ c(X, { children: [
           /* @__PURE__ */ t(
-            G,
+            w,
             {
               title: r,
-              value: C ?? "",
-              options: l,
-              onClick: k
+              value: l ?? "",
+              options: k,
+              onClick: B,
+              expanded: d == null ? void 0 : d[s],
+              onExpandChange: (N) => I(s, N)
             }
           ),
-          /* @__PURE__ */ t(X, { height: 1, background: "WHITE_5" })
+          /* @__PURE__ */ t(j, { height: 1, background: "WHITE_5" })
         ] }, r);
-      }) }) : /* @__PURE__ */ c(h, { children: [
-        g.map((e) => /* @__PURE__ */ t(S, { $gapX: 1, $gutterX: 1, children: /* @__PURE__ */ t(
-          W,
-          {
-            resource: e,
-            onViewResource: L,
-            onResourceAdditionOrDeletion: b,
-            selected: !0
-          }
-        ) }, e.id)),
-        E === 0 && /* @__PURE__ */ c(
-          S,
+      }) }) : /* @__PURE__ */ c($, { children: [
+        _.map((e) => /* @__PURE__ */ t(T, { $gapX: 1, $gutterX: 1, children: /* @__PURE__ */ t(P, { resource: e, onViewResource: L, selected: !0 }) }, e.id)),
+        m === 0 && /* @__PURE__ */ c(
+          T,
           {
             $alignItems: "center",
             $justifyContent: "center",
@@ -195,8 +192,8 @@ const Y = [
             $height: "100%",
             $flexGap: 8,
             children: [
-              /* @__PURE__ */ t(B, { opacity: 0.38 }),
-              /* @__PURE__ */ t(S, { $widthX: 15, children: /* @__PURE__ */ t(_, { $renderAs: "ub1-bold", $color: "BLACK_T_38", $align: "center", children: "No sheets added" }) })
+              /* @__PURE__ */ t(G, { opacity: 0.38 }),
+              /* @__PURE__ */ t(T, { $widthX: 15, children: /* @__PURE__ */ t(R, { $renderAs: "ub1-bold", $color: "BLACK_T_38", $align: "center", children: "No sheets added" }) })
             ]
           }
         )
@@ -205,6 +202,6 @@ const Y = [
   }
 );
 export {
-  ie as default
+  pe 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 { Fragment, memo, useCallback, useMemo, useState, type FC } 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';\nimport type { IAddedResourceAndFilters } from './resources-assign-type';\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(\n  function AddedResourceAndFilters(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 = useMemo(() => boards.find(board => board.applied)?.name, [boards]);\n    const appliedGrade = useMemo(() => grades.find(grade => grade.applied)?.name, [grades]);\n    const appliedNodeType = useMemo(\n      () => nodeTypes.find(grade => grade.applied)?.name,\n      [nodeTypes],\n    );\n\n    const handleOnBoardChange = useCallback(\n      (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      [trackEvent, onFilterUpdate, appliedBoard],\n    );\n\n    const handleOnGradeChange = useCallback(\n      (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      [trackEvent, onFilterUpdate, appliedGrade],\n    );\n\n    const handleOnNodeTypeChange = useCallback(\n      (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      [trackEvent, onFilterUpdate, appliedNodeType],\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>\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);\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","useMemo","_a","board","appliedGrade","grade","appliedNodeType","handleOnBoardChange","useCallback","updatedBoard","boardSelection","RESOURCE_ASSIGN_ANALYTICS_EVENTS","handleOnGradeChange","updatedGrade","gradeSelection","handleOnNodeTypeChange","updatedNodeType","nodeTypeSelection","filterItemList","code","name","jsxs","Fragment","jsx","Styled.HeaderWrapper","tab","id","label","selected","Styled.FilterTabWrapper","Text","Styled.ResourceCountWrapper","Styled.FilterListWrapper","item","title","value","options","onClick","FilterItem","Separator","FlexView","ResourceItem","SheetIcon"],"mappings":"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"}
+{"version":3,"file":"added-resource-and-filters.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.tsx"],"sourcesContent":["import { Fragment, memo, useCallback, useMemo, type FC } 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';\nimport {\n  useSelectedResources,\n  useFilterState,\n  useResourceAssignActions,\n} from './store/resource-assign-store';\nimport type { IAddedResourceAndFilters, TFilterType, TResourceTab } from './resources-assign-type';\n\nconst TABS: Array<{ id: TResourceTab; label: string }> = [\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(\n  function AddedResourceAndFilters(props) {\n    const { onViewResource } = props;\n    const selectedResources = useSelectedResources();\n    const { resourceFilters, selectedTab, filterExpansion } = useFilterState();\n    const { setSelectedTab, updateSearchQuery, setFilterExpansion } = useResourceAssignActions();\n\n    const { boards, grades, node_types: nodeTypes } = resourceFilters;\n\n    const { onEvent: trackEvent } = useUIContext();\n\n    const handleTabChange = useCallback(\n      (tab: TResourceTab) => {\n        setSelectedTab(tab);\n      },\n      [setSelectedTab],\n    );\n\n    const addedResourceCount = selectedResources.length;\n    const appliedBoard = useMemo(() => boards.find(board => board.applied)?.name, [boards]);\n    const appliedGrade = useMemo(() => grades.find(grade => grade.applied)?.name, [grades]);\n    const appliedNodeType = useMemo(\n      () => nodeTypes.find(grade => grade.applied)?.name,\n      [nodeTypes],\n    );\n\n    const handleOnBoardChange = useCallback(\n      (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        updateSearchQuery({ board: boardSelection ? '' : updatedBoard });\n      },\n      [trackEvent, updateSearchQuery, appliedBoard],\n    );\n\n    const handleOnGradeChange = useCallback(\n      (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        updateSearchQuery({ grade: gradeSelection ? '' : updatedGrade });\n      },\n      [trackEvent, updateSearchQuery, appliedGrade],\n    );\n\n    const handleOnNodeTypeChange = useCallback(\n      (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        updateSearchQuery({ node_type: nodeTypeSelection ? '' : updatedNodeType });\n      },\n      [trackEvent, updateSearchQuery, appliedNodeType],\n    );\n\n    const filterItemList: Array<{\n      title: string;\n      filterType: TFilterType;\n      options: { id: string; label: string; value: string }[];\n      value: string | undefined;\n      onClick: (value: string) => void;\n    }> = [\n      {\n        title: 'Curriculum',\n        filterType: '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        filterType: '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        filterType: '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={() => handleTabChange(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>\n          {selectedTab === 'resource-filters' ? (\n            <>\n              {filterItemList.map(item => {\n                const { title, filterType, 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                      expanded={filterExpansion?.[filterType]}\n                      onExpandChange={expanded => setFilterExpansion(filterType, expanded)}\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 resource={item} onViewResource={onViewResource} selected={true} />\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);\n\nexport default AddedResourceAndFilters;\n"],"names":["TABS","EXTRA_PRACTICE_LABEL_MAP","AddedResourceAndFilters","memo","props","onViewResource","selectedResources","useSelectedResources","resourceFilters","selectedTab","filterExpansion","useFilterState","setSelectedTab","updateSearchQuery","setFilterExpansion","useResourceAssignActions","boards","grades","nodeTypes","trackEvent","useUIContext","handleTabChange","useCallback","tab","addedResourceCount","appliedBoard","useMemo","_a","board","appliedGrade","grade","appliedNodeType","handleOnBoardChange","updatedBoard","boardSelection","RESOURCE_ASSIGN_ANALYTICS_EVENTS","handleOnGradeChange","updatedGrade","gradeSelection","handleOnNodeTypeChange","updatedNodeType","nodeTypeSelection","filterItemList","code","name","jsxs","Fragment","jsx","Styled.HeaderWrapper","id","label","selected","Styled.FilterTabWrapper","Text","Styled.ResourceCountWrapper","Styled.FilterListWrapper","item","title","filterType","value","options","onClick","FilterItem","expanded","Separator","FlexView","ResourceItem","SheetIcon"],"mappings":"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"}

package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js

@@ -1,47 +1,50 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { memo as f, useState as x } from "react";
-import i from "../../../../../ui/layout/flex-view.js";
-import u from "../../../../../ui/tab/tab.js";
-import h from "../../../../../ui/text/text.js";
-import { FilterItemHeader as I, StyledChevronIcon as w } from "./filter-item-styled.js";
-const G = f(function(l) {
-  const { options: a, title: c, value: m, onClick: s } = l, [n, d] = x(!0);
-  return /* @__PURE__ */ o(i, { $width: "100%", $gapX: 1, $gutterX: 1, $flexGapX: 1, children: [
-    /* @__PURE__ */ o(
-      I,
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { memo as h, useState as w, useCallback as I, useEffect as v } from "react";
+import a from "../../../../../ui/layout/flex-view.js";
+import C from "../../../../../ui/tab/tab.js";
+import b from "../../../../../ui/text/text.js";
+import { FilterItemHeader as k, StyledChevronIcon as E } from "./filter-item-styled.js";
+const S = h(function(d) {
+  const { options: s, title: m, value: p, onClick: f, expanded: e, onExpandChange: t } = d, [r, l] = w(e ?? !0), $ = I(() => {
+    const n = !r;
+    l(n), t == null || t(n);
+  }, [r, t]);
+  return v(() => {
+    e !== void 0 && l(e);
+  }, [e]), /* @__PURE__ */ c(a, { $width: "100%", $gapX: 1, $gutterX: 1, $flexGapX: 1, children: [
+    /* @__PURE__ */ c(
+      k,
       {
         $flexDirection: "row",
         $alignItems: "center",
         $justifyContent: "space-between",
         $flexGap: 8,
-        onClick: () => {
-          d((t) => !t);
-        },
+        onClick: $,
         children: [
-          /* @__PURE__ */ e(h, { $renderAs: "ac4-black", children: c }),
-          /* @__PURE__ */ e(w, { $active: n })
+          /* @__PURE__ */ o(b, { $renderAs: "ac4-black", children: m }),
+          /* @__PURE__ */ o(E, { $active: r })
         ]
       }
     ),
-    n && /* @__PURE__ */ e(i, { $flexDirection: "row", $flexWrap: !0, $flexGap: 12, children: a.map((t) => {
-      const { id: p, label: $, value: r } = t;
-      return /* @__PURE__ */ e(
-        u,
+    r && /* @__PURE__ */ o(a, { $flexDirection: "row", $flexWrap: !0, $flexGap: 12, children: s.map((n) => {
+      const { id: x, label: u, value: i } = n;
+      return /* @__PURE__ */ o(
+        C,
         {
           $width: "fit-content",
           $renderAs: "primary",
-          label: $,
-          $selected: r === m,
+          label: u,
+          $selected: i === p,
           shape: "curved",
           $size: "small",
-          onClick: () => s(r)
+          onClick: () => f(i)
         },
-        p
+        x
       );
     }) })
   ] });
 });
 export {
-  G as default
+  S as default
 };
 //# sourceMappingURL=filter-item.js.map

package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.tsx"],"sourcesContent":["import { type FC, memo, useState } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport TabComponent from '../../../../../ui/tab/tab';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './filter-item-styled';\nimport type { IFilterItem } from './filter-item-types';\n\nconst FilterItem: FC<IFilterItem> = memo(function FilterItem(props) {\n  const { options, title, value, onClick } = props;\n  const [expandItem, setExpandedItem] = useState(true);\n\n  const handleOnExpand = () => {\n    setExpandedItem(prev => !prev);\n  };\n\n  return (\n    <FlexView $width=\"100%\" $gapX={1} $gutterX={1} $flexGapX={1}>\n      <Styled.FilterItemHeader\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGap={8}\n        onClick={handleOnExpand}\n      >\n        <Text $renderAs=\"ac4-black\">{title}</Text>\n\n        <Styled.StyledChevronIcon $active={expandItem} />\n      </Styled.FilterItemHeader>\n\n      {expandItem && (\n        <FlexView $flexDirection=\"row\" $flexWrap $flexGap={12}>\n          {options.map(option => {\n            const { id, label, value: optionValue } = option;\n            const selected = optionValue === value;\n\n            return (\n              <TabComponent\n                key={id}\n                $width=\"fit-content\"\n                $renderAs=\"primary\"\n                label={label}\n                $selected={selected}\n                shape=\"curved\"\n                $size=\"small\"\n                onClick={() => onClick(optionValue)}\n              />\n            );\n          })}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n});\n\nexport default FilterItem;\n"],"names":["FilterItem","memo","props","options","title","value","onClick","expandItem","setExpandedItem","useState","jsxs","FlexView","Styled.FilterItemHeader","prev","jsx","Text","Styled.StyledChevronIcon","option","id","label","optionValue","TabComponent"],"mappings":";;;;;;AAQA,MAAMA,IAA8BC,EAAK,SAAoBC,GAAO;AAClE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,SAAAC,MAAYJ,GACrC,CAACK,GAAYC,CAAe,IAAIC,EAAS,EAAI;AAOjD,SAAA,gBAAAC,EAACC,KAAS,QAAO,QAAO,OAAO,GAAG,UAAU,GAAG,WAAW,GACxD,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAXiB,MAAM;AACX,UAAAJ,EAAA,CAAAK,MAAQ,CAACA,CAAI;AAAA,QAAA;AAAA,QAYzB,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMX,GAAA;AAAA,UAElC,gBAAAU,EAAAE,GAAA,EAAyB,SAAST,EAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAECA,KACE,gBAAAO,EAAAH,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,UAAU,IAChD,UAAQR,EAAA,IAAI,CAAUc,MAAA;AACrB,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,OAAOC,MAAgBH;AAIxC,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,QAAO;AAAA,UACP,WAAU;AAAA,UACV,OAAAF;AAAA,UACA,WARaC,MAAgBf;AAAA,UAS7B,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAS,MAAMC,EAAQc,CAAW;AAAA,QAAA;AAAA,QAP7BF;AAAA,MAAA;AAAA,IAUV,CAAA,GACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"filter-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useEffect, useState } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport TabComponent from '../../../../../ui/tab/tab';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './filter-item-styled';\nimport type { IFilterItem } from './filter-item-types';\n\nconst FilterItem: FC<IFilterItem> = memo(function FilterItem(props) {\n  const { options, title, value, onClick, expanded: controlledExpanded, onExpandChange } = props;\n  const [expandItem, setExpandedItem] = useState(controlledExpanded ?? true);\n\n  const handleOnExpand = useCallback(() => {\n    const newExpanded = !expandItem;\n\n    setExpandedItem(newExpanded);\n    onExpandChange?.(newExpanded);\n  }, [expandItem, onExpandChange]);\n\n  // Sync controlled state\n  useEffect(() => {\n    if (controlledExpanded !== undefined) {\n      setExpandedItem(controlledExpanded);\n    }\n  }, [controlledExpanded]);\n\n  return (\n    <FlexView $width=\"100%\" $gapX={1} $gutterX={1} $flexGapX={1}>\n      <Styled.FilterItemHeader\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGap={8}\n        onClick={handleOnExpand}\n      >\n        <Text $renderAs=\"ac4-black\">{title}</Text>\n\n        <Styled.StyledChevronIcon $active={expandItem} />\n      </Styled.FilterItemHeader>\n\n      {expandItem && (\n        <FlexView $flexDirection=\"row\" $flexWrap $flexGap={12}>\n          {options.map(option => {\n            const { id, label, value: optionValue } = option;\n            const selected = optionValue === value;\n\n            return (\n              <TabComponent\n                key={id}\n                $width=\"fit-content\"\n                $renderAs=\"primary\"\n                label={label}\n                $selected={selected}\n                shape=\"curved\"\n                $size=\"small\"\n                onClick={() => onClick(optionValue)}\n              />\n            );\n          })}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n});\n\nexport default FilterItem;\n"],"names":["FilterItem","memo","props","options","title","value","onClick","controlledExpanded","onExpandChange","expandItem","setExpandedItem","useState","handleOnExpand","useCallback","newExpanded","useEffect","jsxs","FlexView","Styled.FilterItemHeader","jsx","Text","Styled.StyledChevronIcon","option","id","label","optionValue","TabComponent"],"mappings":";;;;;;AAQA,MAAMA,IAA8BC,EAAK,SAAoBC,GAAO;AAC5D,QAAA,EAAE,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAUC,GAAoB,gBAAAC,EAAmB,IAAAN,GACnF,CAACO,GAAYC,CAAe,IAAIC,EAASJ,KAAsB,EAAI,GAEnEK,IAAiBC,EAAY,MAAM;AACvC,UAAMC,IAAc,CAACL;AAErB,IAAAC,EAAgBI,CAAW,GAC3BN,KAAA,QAAAA,EAAiBM;AAAA,EAAW,GAC3B,CAACL,GAAYD,CAAc,CAAC;AAG/B,SAAAO,EAAU,MAAM;AACd,IAAIR,MAAuB,UACzBG,EAAgBH,CAAkB;AAAA,EACpC,GACC,CAACA,CAAkB,CAAC,GAGrB,gBAAAS,EAACC,KAAS,QAAO,QAAO,OAAO,GAAG,UAAU,GAAG,WAAW,GACxD,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAASN;AAAA,QAET,UAAA;AAAA,UAAC,gBAAAO,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAMhB,GAAA;AAAA,UAElC,gBAAAe,EAAAE,GAAA,EAAyB,SAASZ,EAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAECA,KACE,gBAAAU,EAAAF,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,UAAU,IAChD,UAAQd,EAAA,IAAI,CAAUmB,MAAA;AACrB,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,OAAOC,MAAgBH;AAIxC,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,QAAO;AAAA,UACP,WAAU;AAAA,UACV,OAAAF;AAAA,UACA,WARaC,MAAgBpB;AAAA,UAS7B,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAS,MAAMC,EAAQmB,CAAW;AAAA,QAAA;AAAA,QAP7BF;AAAA,MAAA;AAAA,IAUV,CAAA,GACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.js

@@ -1,60 +1,66 @@
-import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import { memo as _, useCallback as a } from "react";
-import $ from "../../../../../../assets/line-icons/icons/cross.js";
-import g from "../../../../../../assets/line-icons/icons/plus.js";
-import h from "../../../../../ui/buttons/icon-button/icon-button.js";
-import s from "../../../../../ui/layout/flex-view.js";
-import x from "../../../../../ui/separator/separator.js";
-import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as l } from "../../resource-assign-analytics-events.js";
-import { ResourceItemTitle as S, ResourceItemTags as A } from "./resource-item-styled.js";
-import { getGradeTags as b, getBoardTags as y } from "./utils.js";
-const X = _(function(d) {
-  const { resource: r, selected: e, onResourceAdditionOrDeletion: c, onViewResource: i } = d, { name: m, stream: p, grades: f, boards: u, node_type: E, node_id: t } = r, I = b(f), C = y(u), R = a(() => {
-    c(e ? "deselect" : "select", t);
-  }, [c, t, e]), T = a(() => {
-    i(r);
-  }, [i, r]);
-  return /* @__PURE__ */ o(s, { $flexGapX: 1.5, children: [
-    /* @__PURE__ */ o(
-      s,
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { memo as A, useCallback as l } from "react";
+import y from "../../../../../../assets/line-icons/icons/cross.js";
+import b from "../../../../../../assets/line-icons/icons/plus.js";
+import w from "../../../../../ui/buttons/icon-button/icon-button.js";
+import n from "../../../../../ui/layout/flex-view.js";
+import k from "../../../../../ui/separator/separator.js";
+import { RESOURCE_ASSIGN_ANALYTICS_EVENTS as u } from "../../resource-assign-analytics-events.js";
+import { useResourceAssignActions as D, useResourceItems as G } from "../../store/resource-assign-store.js";
+import { ResourceItemTitle as L, ResourceItemTags as O } from "./resource-item-styled.js";
+import { getGradeTags as N, getBoardTags as U } from "./utils.js";
+const Y = A(function(f) {
+  const { resource: t, selected: e, userType: p, onViewResource: c } = f, { name: E, stream: I, grades: R, boards: T, node_type: _, node_id: o } = t, { addSelectedResource: i, removeSelectedResource: a } = D(), d = G(), C = N(R), S = U(T), g = p !== "STUDENT", $ = l(() => {
+    if (e)
+      a(o);
+    else {
+      const m = d.find((x) => x.node_id === o);
+      m && i(m);
+    }
+  }, [e, o, a, i, d]), h = l(() => {
+    c(t);
+  }, [c, t]);
+  return /* @__PURE__ */ r(n, { $flexGapX: 1.5, children: [
+    /* @__PURE__ */ r(
+      n,
       {
         $flexDirection: "row",
         $alignItems: "center",
         $justifyContent: "space-between",
         $flexGapX: 2,
         children: [
-          /* @__PURE__ */ o(s, { $flexWrap: !0, $flexGap: 4, $widthX: 25.5, children: [
-            /* @__PURE__ */ n(S, { $renderAs: "ab2", onClick: T, children: m }),
-            /* @__PURE__ */ o(A, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
-              p,
-              " ",
+          /* @__PURE__ */ r(n, { $flexWrap: !0, $flexGap: 4, $widthX: 25.5, children: [
+            /* @__PURE__ */ s(L, { $renderAs: "ab2", onClick: h, children: E }),
+            /* @__PURE__ */ r(O, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
               I,
               " ",
               C,
+              " ",
+              S,
               " • ",
-              E
+              _
             ] })
           ] }),
-          /* @__PURE__ */ n(
-            h,
+          g && /* @__PURE__ */ s(
+            w,
             {
-              Icon: e ? $ : g,
+              Icon: e ? y : b,
               renderAs: e ? "tertiary" : "secondary",
-              analyticsLabel: e ? l.RESOURCE_ITEM_DESELECTED : l.RESOURCE_ITEM_SELECTED,
+              analyticsLabel: e ? u.RESOURCE_ITEM_DESELECTED : u.RESOURCE_ITEM_SELECTED,
               analyticsProps: {
-                node_id: t
+                node_id: o
               },
               size: "xsmall",
-              onClick: R
+              onClick: $
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ n(x, { height: 1, background: "WHITE_5" })
+    /* @__PURE__ */ s(k, { height: 1, background: "WHITE_5" })
   ] });
 });
 export {
-  X as default
+  Y as default
 };
 //# sourceMappingURL=resource-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resource-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.tsx"],"sourcesContent":["import { type FC, memo, useCallback } from 'react';\n\nimport CrossIcon from '../../../../../../assets/line-icons/icons/cross';\nimport PlusIcon from '../../../../../../assets/line-icons/icons/plus';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from '../../resource-assign-analytics-events';\nimport * as Styled from './resource-item-styled';\nimport type { IResourceItem } from './resource-item-types';\nimport { getBoardTags, getGradeTags } from './utils';\n\nconst ResourceItem: FC<IResourceItem> = memo(function ResourceItem(props) {\n  const { resource, selected, onResourceAdditionOrDeletion, onViewResource } = props;\n  const { name, stream, grades, boards, node_type: nodeType, node_id: nodeId } = resource;\n  const grade = getGradeTags(grades);\n  const test = getBoardTags(boards);\n\n  const handleOnClick = useCallback(() => {\n    onResourceAdditionOrDeletion(selected ? 'deselect' : 'select', nodeId);\n  }, [onResourceAdditionOrDeletion, nodeId, selected]);\n\n  const handleOnResourceView = useCallback(() => {\n    onViewResource(resource);\n  }, [onViewResource, resource]);\n\n  return (\n    <FlexView $flexGapX={1.5}>\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGapX={2}\n      >\n        <FlexView $flexWrap $flexGap={4} $widthX={25.5}>\n          <Styled.ResourceItemTitle $renderAs=\"ab2\" onClick={handleOnResourceView}>\n            {name}\n          </Styled.ResourceItemTitle>\n\n          <Styled.ResourceItemTags $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            {stream} {grade} {test} • {nodeType}\n          </Styled.ResourceItemTags>\n        </FlexView>\n\n        <IconButton\n          Icon={selected ? CrossIcon : PlusIcon}\n          renderAs={selected ? 'tertiary' : 'secondary'}\n          analyticsLabel={\n            selected\n              ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_DESELECTED\n              : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_SELECTED\n          }\n          analyticsProps={{\n            node_id: nodeId,\n          }}\n          size=\"xsmall\"\n          onClick={handleOnClick}\n        />\n      </FlexView>\n\n      <Separator height={1} background=\"WHITE_5\" />\n    </FlexView>\n  );\n});\n\nexport default ResourceItem;\n"],"names":["ResourceItem","memo","props","resource","selected","onResourceAdditionOrDeletion","onViewResource","name","stream","grades","boards","nodeType","nodeId","grade","getGradeTags","test","getBoardTags","handleOnClick","useCallback","handleOnResourceView","jsxs","FlexView","jsx","Styled.ResourceItemTitle","Styled.ResourceItemTags","IconButton","CrossIcon","PlusIcon","RESOURCE_ASSIGN_ANALYTICS_EVENTS","Separator"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAkCC,EAAK,SAAsBC,GAAO;AACxE,QAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,8BAAAC,GAA8B,gBAAAC,MAAmBJ,GACvE,EAAE,MAAAK,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,GAAQ,WAAWC,GAAU,SAASC,EAAW,IAAAT,GACzEU,IAAQC,EAAaL,CAAM,GAC3BM,IAAOC,EAAaN,CAAM,GAE1BO,IAAgBC,EAAY,MAAM;AACT,IAAAb,EAAAD,IAAW,aAAa,UAAUQ,CAAM;AAAA,EACpE,GAAA,CAACP,GAA8BO,GAAQR,CAAQ,CAAC,GAE7Ce,IAAuBD,EAAY,MAAM;AAC7C,IAAAZ,EAAeH,CAAQ;AAAA,EAAA,GACtB,CAACG,GAAgBH,CAAQ,CAAC;AAG3B,SAAA,gBAAAiB,EAACC,GAAS,EAAA,WAAW,KACnB,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,WAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAD,EAACC,KAAS,WAAS,IAAC,UAAU,GAAG,SAAS,MACxC,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAyB,WAAU,OAAM,SAASJ,GAChD,UACHZ,GAAA;AAAA,8BAECiB,GAAA,EAAwB,WAAU,OAAM,QAAO,cAC7C,UAAA;AAAA,cAAAhB;AAAA,cAAO;AAAA,cAAEK;AAAA,cAAM;AAAA,cAAEE;AAAA,cAAK;AAAA,cAAIJ;AAAA,YAAA,GAC7B;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAW;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAMrB,IAAWsB,IAAYC;AAAA,cAC7B,UAAUvB,IAAW,aAAa;AAAA,cAClC,gBACEA,IACIwB,EAAiC,2BACjCA,EAAiC;AAAA,cAEvC,gBAAgB;AAAA,gBACd,SAAShB;AAAA,cACX;AAAA,cACA,MAAK;AAAA,cACL,SAASK;AAAA,YAAA;AAAA,UACX;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,gBAAAK,EAAAO,GAAA,EAAU,QAAQ,GAAG,YAAW,WAAU;AAAA,EAC7C,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"resource-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.tsx"],"sourcesContent":["import { type FC, memo, useCallback } from 'react';\n\nimport CrossIcon from '../../../../../../assets/line-icons/icons/cross';\nimport PlusIcon from '../../../../../../assets/line-icons/icons/plus';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from '../../resource-assign-analytics-events';\nimport { useResourceAssignActions, useResourceItems } from '../../store/resource-assign-store';\nimport * as Styled from './resource-item-styled';\nimport type { IResourceItem } from './resource-item-types';\nimport { getBoardTags, getGradeTags } from './utils';\n\nconst ResourceItem: FC<IResourceItem> = memo(function ResourceItem(props) {\n  const { resource, selected, userType, onViewResource } = props;\n  const { name, stream, grades, boards, node_type: nodeType, node_id: nodeId } = resource;\n\n  const { addSelectedResource, removeSelectedResource } = useResourceAssignActions();\n  const resourceItems = useResourceItems();\n  const grade = getGradeTags(grades);\n  const test = getBoardTags(boards);\n\n  const canEdit = userType !== 'STUDENT';\n\n  const handleOnClick = useCallback(() => {\n    if (selected) {\n      removeSelectedResource(nodeId);\n    } else {\n      const resourceItem = resourceItems.find(item => item.node_id === nodeId);\n\n      if (resourceItem) {\n        addSelectedResource(resourceItem);\n      }\n    }\n  }, [selected, nodeId, removeSelectedResource, addSelectedResource, resourceItems]);\n\n  const handleOnResourceView = useCallback(() => {\n    onViewResource(resource);\n  }, [onViewResource, resource]);\n\n  return (\n    <FlexView $flexGapX={1.5}>\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGapX={2}\n      >\n        <FlexView $flexWrap $flexGap={4} $widthX={25.5}>\n          <Styled.ResourceItemTitle $renderAs=\"ab2\" onClick={handleOnResourceView}>\n            {name}\n          </Styled.ResourceItemTitle>\n\n          <Styled.ResourceItemTags $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            {stream} {grade} {test} • {nodeType}\n          </Styled.ResourceItemTags>\n        </FlexView>\n\n        {canEdit && (\n          <IconButton\n            Icon={selected ? CrossIcon : PlusIcon}\n            renderAs={selected ? 'tertiary' : 'secondary'}\n            analyticsLabel={\n              selected\n                ? RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_DESELECTED\n                : RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ITEM_SELECTED\n            }\n            analyticsProps={{\n              node_id: nodeId,\n            }}\n            size=\"xsmall\"\n            onClick={handleOnClick}\n          />\n        )}\n      </FlexView>\n\n      <Separator height={1} background=\"WHITE_5\" />\n    </FlexView>\n  );\n});\n\nexport default ResourceItem;\n"],"names":["ResourceItem","memo","props","resource","selected","userType","onViewResource","name","stream","grades","boards","nodeType","nodeId","addSelectedResource","removeSelectedResource","useResourceAssignActions","resourceItems","useResourceItems","grade","getGradeTags","test","getBoardTags","canEdit","handleOnClick","useCallback","resourceItem","item","handleOnResourceView","jsxs","FlexView","jsx","Styled.ResourceItemTitle","Styled.ResourceItemTags","IconButton","CrossIcon","PlusIcon","RESOURCE_ASSIGN_ANALYTICS_EVENTS","Separator"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAkCC,EAAK,SAAsBC,GAAO;AACxE,QAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,gBAAAC,MAAmBJ,GACnD,EAAE,MAAAK,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,GAAQ,WAAWC,GAAU,SAASC,EAAW,IAAAT,GAEzE,EAAE,qBAAAU,GAAqB,wBAAAC,EAAuB,IAAIC,EAAyB,GAC3EC,IAAgBC,KAChBC,IAAQC,EAAaV,CAAM,GAC3BW,IAAOC,EAAaX,CAAM,GAE1BY,IAAUjB,MAAa,WAEvBkB,IAAgBC,EAAY,MAAM;AACtC,QAAIpB;AACF,MAAAU,EAAuBF,CAAM;AAAA,SACxB;AACL,YAAMa,IAAeT,EAAc,KAAK,CAAQU,MAAAA,EAAK,YAAYd,CAAM;AAEvE,MAAIa,KACFZ,EAAoBY,CAAY;AAAA,IAEpC;AAAA,EAAA,GACC,CAACrB,GAAUQ,GAAQE,GAAwBD,GAAqBG,CAAa,CAAC,GAE3EW,IAAuBH,EAAY,MAAM;AAC7C,IAAAlB,EAAeH,CAAQ;AAAA,EAAA,GACtB,CAACG,GAAgBH,CAAQ,CAAC;AAG3B,SAAA,gBAAAyB,EAACC,GAAS,EAAA,WAAW,KACnB,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,WAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAD,EAACC,KAAS,WAAS,IAAC,UAAU,GAAG,SAAS,MACxC,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAyB,WAAU,OAAM,SAASJ,GAChD,UACHpB,GAAA;AAAA,8BAECyB,GAAA,EAAwB,WAAU,OAAM,QAAO,cAC7C,UAAA;AAAA,cAAAxB;AAAA,cAAO;AAAA,cAAEU;AAAA,cAAM;AAAA,cAAEE;AAAA,cAAK;AAAA,cAAIT;AAAA,YAAA,GAC7B;AAAA,UAAA,GACF;AAAA,UAECW,KACC,gBAAAQ;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAM7B,IAAW8B,IAAYC;AAAA,cAC7B,UAAU/B,IAAW,aAAa;AAAA,cAClC,gBACEA,IACIgC,EAAiC,2BACjCA,EAAiC;AAAA,cAEvC,gBAAgB;AAAA,gBACd,SAASxB;AAAA,cACX;AAAA,cACA,MAAK;AAAA,cACL,SAASW;AAAA,YAAA;AAAA,UACX;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEC,gBAAAO,EAAAO,GAAA,EAAU,QAAQ,GAAG,YAAW,WAAU;AAAA,EAC7C,EAAA,CAAA;AAEJ,CAAC;"}