npm - @cuemath/leap - Versions diffs - 3.5.48-gg1 → 3.5.48-j2 - Mend

@cuemath/leap 3.5.48-gg1 → 3.5.48-j2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (249) hide show

package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import { titleCase } from 'humanize-plus';\nimport { memo, useCallback, useEffect, useMemo, useState, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport { invalidateHomeworks } from '../../homework/hw-card-list/api/get-homeworks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidatePastMilestoneCount } from './api/get-past-milestone-count';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport type {\n IMilestoneContainerProps,\n IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport MilestoneList from './milestone-list/milestone-list';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n invalidateMilestonesData(queryParams);\n invalidatePastMilestoneCount(queryParams.student_id);\n};\n\nconst MilestoneListContainer: FC<IMilestoneContainerProps> = memo(function MilestoneListContainer({\n studentName,\n studentId,\n studentClassroomId,\n ...restMilestoneListContainerProps\n}) {\n const {\n milestoneType,\n isStudentPresent,\n isClassOngoing,\n userType,\n canCreatePlan,\n teacherName,\n parentName,\n courseStream,\n activeMilestoneId,\n activeTabId,\n isTrialSession,\n onExpandPastMilestones,\n onAddOutcome,\n onChapterClick,\n onEdit,\n onCreateMilestoneTest,\n onDraftPublish,\n onAddChapter,\n onCreatePlan,\n onDelete,\n onAssignResources,\n onNodeAttempt,\n onNodeView,\n onNodeReview,\n onNodeReattempt,\n onNodeReset,\n onNodeUnassign,\n onTestPreview,\n onTestReview,\n onTestStart,\n onWidgetTabSelection,\n onNodeAssignAsHomework,\n } = restMilestoneListContainerProps;\n\n const queryParams: IMilestoneListQueryParams = useMemo(\n () =>\n ({\n milestone_state_group:\n milestoneType === 'ACTIVE'\n ? userType === 'TEACHER'\n ? 'LIVE'\n : 'STUDENT_LIVE'\n : milestoneType,\n course_stream: courseStream,\n student_id: studentId,\n }) as const,\n [milestoneType, courseStream, studentId, userType],\n );\n\n const {\n data: milestoneData,\n getAll: getMilestoneData,\n isStale: isMilestoneDataStale,\n isProcessing: isMilestoneProcessing,\n } = useGetAllMilestonesdata(queryParams);\n\n const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] \| undefined>();\n const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n const handleFilterMilestones = useCallback(\n (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n const { searchText, selectedBoard, selectedGrade } = data \|\| {};\n\n if (searchText \|\| selectedBoard \|\| selectedGrade) {\n setIsFiltersAdded(true);\n }\n\n const filteredData = milestoneData?.filter(item => {\n const { milestone_name: milestoneName, board, grade } = item \|\| {};\n const matchesSearchText = searchText\n ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n : true;\n const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n return matchesSearchText && matchesCurriculum && matchesGrade;\n });\n\n setFilteredMilestones(filteredData);\n },\n [milestoneData],\n );\n\n const handleClearFilter = () => {\n setIsFiltersAdded(false);\n setFilteredMilestones(undefined);\n };\n\n useInClassActionListener(\n {\n studentClassroomId,\n actions: [\n [EVENTS.CHAPTER_UPDATED],\n [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n [EVENTS.LESSONS_PROGRESS_RESET],\n [EVENTS.UNLOCK_SHEETS],\n [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n [EVENTS.MILESTONE_DATE_UPDATED],\n [EVENTS.MILESTONE_DELETED],\n [EVENTS.MILESTONE_NAME_UPDATED],\n [EVENTS.MILESTONE_EDITED],\n [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n [EVENTS.MILESTONE_RESOURCE_RESET],\n [EVENTS.SHEET_UNASSIGNED],\n [EVENTS.GOAL_CREATED],\n [EVENTS.GOAL_EDITED],\n [EVENTS.GOAL_DELETED],\n [EVENTS.GOAL_OUTCOME_ADDED],\n [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n [EVENTS.MILESTONE_TEST_ASSIGNED],\n [EVENTS.SHEET_MARKED_AS_REVIEWED],\n ],\n callback: messages => {\n const milestoneResourceEventPayload = messages.find(\n message =>\n message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED \|\|\n message.eventName === EVENTS.MILESTONE_RESOURCE_UNASSIGNED \|\|\n message.eventName === EVENTS.MILESTONE_RESOURCE_RESET \|\|\n message.eventName === EVENTS.SHEET_MARKED_AS_REVIEWED,\n )?.eventPayload;\n const milestoneTestEventPayload = messages.find(\n message =>\n message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED \|\|\n message.eventName === EVENTS.MILESTONE_RESOURCE_RESET,\n )?.eventPayload;\n\n if (milestoneResourceEventPayload) {\n const { milestoneId: resourceMilestoneId } =\n (milestoneResourceEventPayload as { milestoneId: string }) \|\| {};\n\n invalidateHomeworks(studentId);\n invalidateMilestoneResources(resourceMilestoneId);\n }\n\n if (milestoneTestEventPayload) {\n const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n invalidateHomeworks(studentId);\n invalidateTestHelpData(milestoneId);\n }\n\n invalidateAllMilestones(queryParams);\n },\n },\n (milestoneType === 'ACTIVE' \|\| milestoneType === 'INACTIVE') && isStudentPresent,\n );\n\n useEffect(() => {\n getMilestoneData(queryParams);\n }, [getMilestoneData, queryParams]);\n\n useEffect(() => {\n if (!isMilestoneProcessing && isMilestoneDataStale) {\n getMilestoneData(queryParams);\n }\n }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n if (isMilestoneProcessing && !milestoneData) {\n return <MilestoneLoader numMilestones={2} />;\n }\n\n const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n return (\n <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n {isMilestoneProcessing && (\n <Styled.LoaderWrapper>\n <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n </Styled.LoaderWrapper>\n )}\n {showFilters && (\n <>\n <FilterMilestones\n filteredMilestones={filteredMilestones}\n milestones={milestoneData}\n handleFilterMilestones={handleFilterMilestones}\n handleClearFilter={handleClearFilter}\n />\n <Separator heightX={1.5} />\n </>\n )}\n\n <MilestoneList\n showFilters={!!showFilters}\n canCreatePlan={canCreatePlan}\n isClassOngoing={isClassOngoing}\n isFiltersAdded={isFiltersAdded}\n isStudentPresent={isStudentPresent}\n milestoneType={milestoneType}\n milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n onAddChapter={onAddChapter}\n onAddOutcome={onAddOutcome}\n onChapterClick={onChapterClick}\n onCreatePlan={onCreatePlan}\n onDelete={onDelete}\n onDraftPublish={onDraftPublish}\n onEdit={onEdit}\n onExpandPastMilestones={onExpandPastMilestones}\n onCreateMilestoneTest={onCreateMilestoneTest}\n onAssignResources={onAssignResources}\n onTestPreview={onTestPreview}\n onTestReview={onTestReview}\n onTestStart={onTestStart}\n onNodeAttempt={onNodeAttempt}\n onNodeView={onNodeView}\n onNodeReview={onNodeReview}\n onNodeReattempt={onNodeReattempt}\n onNodeReset={onNodeReset}\n onNodeUnassign={onNodeUnassign}\n onNodeAssignAsHomework={onNodeAssignAsHomework}\n activeMilestoneId={activeMilestoneId}\n activeTabId={activeTabId}\n onWidgetTabSelection={onWidgetTabSelection}\n studentId={studentId}\n studentName={titleCase(studentName)}\n teacherName={teacherName}\n parentName={parentName}\n userType={userType}\n courseStream={courseStream}\n isTrialSession={isTrialSession}\n />\n </Styled.ContentWrapper>\n );\n});\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","invalidatePastMilestoneCount","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","isTrialSession","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onNodeAssignAsHomework","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateHomeworks","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase","MilestoneListContainer$1"],"mappings":"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"}
1	+ {"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import { titleCase } from 'humanize-plus';\nimport { memo, useCallback, useEffect, useMemo, useState, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport { invalidateHomeworks } from '../../homework/hw-card-list/api/get-homeworks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidatePastMilestoneCount } from './api/get-past-milestone-count';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport type {\n IMilestoneContainerProps,\n IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport MilestoneList from './milestone-list/milestone-list';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n invalidateMilestonesData(queryParams);\n invalidatePastMilestoneCount(queryParams.student_id);\n};\n\nconst MilestoneListContainer: FC<IMilestoneContainerProps> = memo(function MilestoneListContainer({\n studentName,\n studentId,\n studentClassroomId,\n ...restMilestoneListContainerProps\n}) {\n const {\n milestoneType,\n isStudentPresent,\n isClassOngoing,\n userType,\n canCreatePlan,\n teacherName,\n parentName,\n courseStream,\n activeMilestoneId,\n activeTabId,\n isTrialSession,\n milestoneState,\n onExpandPastMilestones,\n onAddOutcome,\n onChapterClick,\n onEdit,\n onCreateMilestoneTest,\n onDraftPublish,\n onAddChapter,\n onCreatePlan,\n onDelete,\n onAssignResources,\n onNodeAttempt,\n onNodeView,\n onNodeReview,\n onNodeReattempt,\n onNodeReset,\n onNodeUnassign,\n onTestPreview,\n onTestReview,\n onTestStart,\n onWidgetTabSelection,\n onNodeAssignAsHomework,\n onMilestoneStateChange,\n } = restMilestoneListContainerProps;\n\n const queryParams: IMilestoneListQueryParams = useMemo(\n () =>\n ({\n milestone_state_group:\n milestoneType === 'ACTIVE'\n ? userType === 'TEACHER'\n ? 'LIVE'\n : 'STUDENT_LIVE'\n : milestoneType,\n course_stream: courseStream,\n student_id: studentId,\n }) as const,\n [milestoneType, courseStream, studentId, userType],\n );\n\n const {\n data: milestoneData,\n getAll: getMilestoneData,\n isStale: isMilestoneDataStale,\n isProcessing: isMilestoneProcessing,\n } = useGetAllMilestonesdata(queryParams);\n\n const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] \| undefined>();\n const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n const handleFilterMilestones = useCallback(\n (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n const { searchText, selectedBoard, selectedGrade } = data \|\| {};\n\n if (searchText \|\| selectedBoard \|\| selectedGrade) {\n setIsFiltersAdded(true);\n }\n\n const filteredData = milestoneData?.filter(item => {\n const { milestone_name: milestoneName, board, grade } = item \|\| {};\n const matchesSearchText = searchText\n ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n : true;\n const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n return matchesSearchText && matchesCurriculum && matchesGrade;\n });\n\n setFilteredMilestones(filteredData);\n },\n [milestoneData],\n );\n\n const handleClearFilter = () => {\n setIsFiltersAdded(false);\n setFilteredMilestones(undefined);\n };\n\n useInClassActionListener(\n {\n studentClassroomId,\n actions: [\n [EVENTS.CHAPTER_UPDATED],\n [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n [EVENTS.LESSONS_PROGRESS_RESET],\n [EVENTS.UNLOCK_SHEETS],\n [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n [EVENTS.MILESTONE_DATE_UPDATED],\n [EVENTS.MILESTONE_DELETED],\n [EVENTS.MILESTONE_NAME_UPDATED],\n [EVENTS.MILESTONE_EDITED],\n [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n [EVENTS.MILESTONE_RESOURCE_RESET],\n [EVENTS.SHEET_UNASSIGNED],\n [EVENTS.GOAL_CREATED],\n [EVENTS.GOAL_EDITED],\n [EVENTS.GOAL_DELETED],\n [EVENTS.GOAL_OUTCOME_ADDED],\n [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n [EVENTS.MILESTONE_TEST_ASSIGNED],\n [EVENTS.SHEET_MARKED_AS_REVIEWED],\n ],\n callback: messages => {\n const milestoneResourceEventPayload = messages.find(\n message =>\n message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED \|\|\n message.eventName === EVENTS.MILESTONE_RESOURCE_UNASSIGNED \|\|\n message.eventName === EVENTS.MILESTONE_RESOURCE_RESET \|\|\n message.eventName === EVENTS.SHEET_MARKED_AS_REVIEWED,\n )?.eventPayload;\n const milestoneTestEventPayload = messages.find(\n message =>\n message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED \|\|\n message.eventName === EVENTS.MILESTONE_RESOURCE_RESET,\n )?.eventPayload;\n\n if (milestoneResourceEventPayload) {\n const { milestoneId: resourceMilestoneId } =\n (milestoneResourceEventPayload as { milestoneId: string }) \|\| {};\n\n invalidateHomeworks(studentId);\n invalidateMilestoneResources(resourceMilestoneId);\n }\n\n if (milestoneTestEventPayload) {\n const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n invalidateHomeworks(studentId);\n invalidateTestHelpData(milestoneId);\n }\n\n invalidateAllMilestones(queryParams);\n },\n },\n (milestoneType === 'ACTIVE' \|\| milestoneType === 'INACTIVE') && isStudentPresent,\n );\n\n useEffect(() => {\n getMilestoneData(queryParams);\n }, [getMilestoneData, queryParams]);\n\n useEffect(() => {\n if (!isMilestoneProcessing && isMilestoneDataStale) {\n getMilestoneData(queryParams);\n }\n }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n if (isMilestoneProcessing && !milestoneData) {\n return <MilestoneLoader numMilestones={2} />;\n }\n\n const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n return (\n <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n {isMilestoneProcessing && (\n <Styled.LoaderWrapper>\n <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n </Styled.LoaderWrapper>\n )}\n {showFilters && (\n <>\n <FilterMilestones\n filteredMilestones={filteredMilestones}\n milestones={milestoneData}\n handleFilterMilestones={handleFilterMilestones}\n handleClearFilter={handleClearFilter}\n />\n <Separator heightX={1.5} />\n </>\n )}\n\n <MilestoneList\n showFilters={!!showFilters}\n canCreatePlan={canCreatePlan}\n isClassOngoing={isClassOngoing}\n isFiltersAdded={isFiltersAdded}\n isStudentPresent={isStudentPresent}\n milestoneType={milestoneType}\n milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n onAddChapter={onAddChapter}\n onAddOutcome={onAddOutcome}\n onChapterClick={onChapterClick}\n onCreatePlan={onCreatePlan}\n onDelete={onDelete}\n onDraftPublish={onDraftPublish}\n onEdit={onEdit}\n onExpandPastMilestones={onExpandPastMilestones}\n onCreateMilestoneTest={onCreateMilestoneTest}\n onAssignResources={onAssignResources}\n onTestPreview={onTestPreview}\n onTestReview={onTestReview}\n onTestStart={onTestStart}\n onNodeAttempt={onNodeAttempt}\n onNodeView={onNodeView}\n onNodeReview={onNodeReview}\n onNodeReattempt={onNodeReattempt}\n onNodeReset={onNodeReset}\n onNodeUnassign={onNodeUnassign}\n onNodeAssignAsHomework={onNodeAssignAsHomework}\n activeMilestoneId={activeMilestoneId}\n activeTabId={activeTabId}\n onWidgetTabSelection={onWidgetTabSelection}\n studentId={studentId}\n studentName={titleCase(studentName)}\n teacherName={teacherName}\n parentName={parentName}\n userType={userType}\n courseStream={courseStream}\n isTrialSession={isTrialSession}\n milestoneState={milestoneState}\n onMilestoneStateChange={onMilestoneStateChange}\n />\n </Styled.ContentWrapper>\n );\n});\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","invalidatePastMilestoneCount","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","isTrialSession","milestoneState","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onNodeAssignAsHomework","onMilestoneStateChange","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateHomeworks","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase","MilestoneListContainer$1"],"mappings":"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"}

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

@@ -1,15 +1,15 @@
-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 R, jsx as t } from "react/jsx-runtime";
+import { memo as W, useState as j, useCallback as E, useEffect as w, useMemo as S, Fragment as P } from "react";
+import V from "../../../../assets/line-icons/icons/sheet.js";
+import { useUIContext as Y } from "../../../ui/context/context.js";
+import _ from "../../../ui/layout/flex-view.js";
+import H from "../../../ui/separator/separator.js";
+import A from "../../../ui/text/text.js";
+import K from "./comps/filter-item/filter-item.js";
+import M 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 J, FilterTabWrapper as q, ResourceCountWrapper as z, FilterListWrapper as Q } from "./resources-assign-styled.js";
+const Z = [
   {
     id: "resource-filters",
     label: "Filters"
@@ -18,36 +18,49 @@ const Y = [
     id: "resource-added",
     label: "Added"
   }
-], H = {
+], ee = {
   LEARNING: "Learning",
   PRACTICE: "Practice",
   ASSESSMENT: "Assessment",
   LEVEL2: "Advanced",
   LEVEL3: "Advanced",
   SUBJECTIVE: "Subjective"
-}, ie = x(
-  function(T) {
+}, ue = W(
+  function(I) {
     const {
-      resourceFilters: f,
-      selectedResources: g,
-      onResourceDeSelection: b,
+      resourceFilters: O,
+      selectedResources: b,
+      onResourceDeSelection: y,
       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 = $(() => {
+      onViewResource: v,
+      selectedTab: d,
+      onTabChange: s,
+      filterExpansion: p,
+      onFilterExpansionChange: u
+    } = I, { boards: m, grades: C, node_types: h } = O, { onEvent: o } = Y(), [L, D] = j(d ?? "resource-filters"), k = E(
+      (e) => {
+        D(e), s == null || s(e);
+      },
+      [s]
+    );
+    w(() => {
+      d !== void 0 && D(d);
+    }, [d]);
+    const $ = b.length, T = S(() => {
       var e;
-      return (e = s.find((r) => r.applied)) == null ? void 0 : e.name;
-    }, [s]), u = $(() => {
+      return (e = m.find((r) => r.applied)) == null ? void 0 : e.name;
+    }, [m]), f = S(() => {
       var e;
-      return (e = d.find((r) => r.applied)) == null ? void 0 : e.name;
-    }, [d]), m = $(
+      return (e = C.find((r) => r.applied)) == null ? void 0 : e.name;
+    }, [C]), g = S(
       () => {
         var e;
-        return (e = a.find((r) => r.applied)) == null ? void 0 : e.name;
+        return (e = h.find((r) => r.applied)) == null ? void 0 : e.name;
       },
-      [a]
-    ), I = R(
+      [h]
+    ), F = E(
       (e) => {
-        const r = p === e;
+        const r = T === e;
         o(
           r ? i.RESOURCE_BOARD_DESELECTED : i.RESOURCE_BOARD_SELECTED,
           {
@@ -55,10 +68,10 @@ const Y = [
           }
         ), n({ board: r ? "" : e });
       },
-      [o, n, p]
-    ), O = R(
+      [o, n, T]
+    ), x = E(
       (e) => {
-        const r = u === e;
+        const r = f === e;
         o(
           r ? i.RESOURCE_GRADE_DESELECTED : i.RESOURCE_GRADE_SELECTED,
           {
@@ -66,10 +79,10 @@ const Y = [
           }
         ), n({ grade: r ? "" : e });
       },
-      [o, n, u]
-    ), v = R(
+      [o, n, f]
+    ), U = E(
       (e) => {
-        const r = m === e;
+        const r = g === e;
         o(
           r ? i.RESOURCE_NODE_TYPE_DESELECTED : i.RESOURCE_NODE_TYPE_SELECTED,
           {
@@ -77,52 +90,55 @@ const Y = [
           }
         ), n({ node_type: r ? "" : e });
       },
-      [o, n, m]
-    ), F = [
+      [o, n, g]
+    ), B = [
       {
         title: "Curriculum",
-        options: s.map(({ code: e, name: r }) => ({
+        filterType: "curriculum",
+        options: m.map(({ code: e, name: r }) => ({
           id: e,
           label: r,
           value: r
         })),
-        value: p,
-        onClick: I
+        value: T,
+        onClick: F
       },
       {
         title: "Grade",
-        options: d.map(({ code: e, name: r }) => ({
+        filterType: "grade",
+        options: C.map(({ code: e, name: r }) => ({
           id: e,
           label: e,
           value: r
         })),
-        value: u,
-        onClick: O
+        value: f,
+        onClick: x
       },
       {
         title: "Type",
-        options: a.map(({ code: e, name: r }) => ({
+        filterType: "type",
+        options: h.map(({ code: e, name: r }) => ({
           id: e,
-          label: H[r] || "",
+          label: ee[r] || "",
           value: r || ""
         })),
-        value: m,
-        onClick: v
+        value: g,
+        onClick: U
       }
     ];
-    return /* @__PURE__ */ c(h, { children: [
+    return /* @__PURE__ */ c(R, { children: [
       /* @__PURE__ */ t(
-        j,
+        J,
         {
           $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: Z.map((e) => {
+            const { id: r, label: a } = e, l = r === L;
             return /* @__PURE__ */ c(
-              w,
+              q,
               {
                 $flexDirection: "row",
                 $width: "100%",
@@ -130,21 +146,21 @@ const Y = [
                 $justifyContent: "center",
                 $gapX: 0.5,
                 $selected: l,
-                onClick: () => D(r),
+                onClick: () => k(r),
                 $flexGap: 4,
                 $heightX: 2.5,
                 children: [
                   /* @__PURE__ */ t(
-                    _,
+                    A,
                     {
                       $renderAs: l ? "ub3-bold" : "ub3",
                       $align: "center",
                       $color: l ? "BLACK_T_87" : "BLACK_T_38",
-                      children: C
+                      children: a
                     }
                   ),
-                  E > 0 && r === "resource-added" && /* @__PURE__ */ t(
-                    P,
+                  $ > 0 && r === "resource-added" && /* @__PURE__ */ t(
+                    z,
                     {
                       $borderRadius: 50,
                       $background: "YELLOW_4",
@@ -152,7 +168,7 @@ const Y = [
                       $justifyContent: "center",
                       $alignItems: "center",
                       $heightX: 1.25,
-                      children: /* @__PURE__ */ t(_, { $renderAs: "ac4-black", children: E })
+                      children: /* @__PURE__ */ t(A, { $renderAs: "ac4-black", children: $ })
                     }
                   )
                 ]
@@ -162,32 +178,34 @@ 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(Q, { children: L === "resource-filters" ? /* @__PURE__ */ t(R, { children: B.map((e) => {
+        const { title: r, filterType: a, value: l, options: N, onClick: X } = e;
+        return /* @__PURE__ */ c(P, { children: [
           /* @__PURE__ */ t(
-            G,
+            K,
             {
               title: r,
-              value: C ?? "",
-              options: l,
-              onClick: k
+              value: l ?? "",
+              options: N,
+              onClick: X,
+              expanded: p == null ? void 0 : p[a],
+              onExpandChange: (G) => u == null ? void 0 : u(a, G)
             }
           ),
-          /* @__PURE__ */ t(X, { height: 1, background: "WHITE_5" })
+          /* @__PURE__ */ t(H, { height: 1, background: "WHITE_5" })
         ] }, r);
-      }) }) : /* @__PURE__ */ c(h, { children: [
-        g.map((e) => /* @__PURE__ */ t(S, { $gapX: 1, $gutterX: 1, children: /* @__PURE__ */ t(
-          W,
+      }) }) : /* @__PURE__ */ c(R, { children: [
+        b.map((e) => /* @__PURE__ */ t(_, { $gapX: 1, $gutterX: 1, children: /* @__PURE__ */ t(
+          M,
           {
             resource: e,
-            onViewResource: L,
-            onResourceAdditionOrDeletion: b,
+            onViewResource: v,
+            onResourceAdditionOrDeletion: y,
             selected: !0
           }
         ) }, e.id)),
-        E === 0 && /* @__PURE__ */ c(
-          S,
+        $ === 0 && /* @__PURE__ */ c(
+          _,
           {
             $alignItems: "center",
             $justifyContent: "center",
@@ -195,8 +213,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(V, { opacity: 0.38 }),
+              /* @__PURE__ */ t(_, { $widthX: 15, children: /* @__PURE__ */ t(A, { $renderAs: "ub1-bold", $color: "BLACK_T_38", $align: "center", children: "No sheets added" }) })
             ]
           }
         )
@@ -205,6 +223,6 @@ const Y = [
   }
 );
 export {
-  ie as default
+  ue as default
 };
 //# sourceMappingURL=added-resource-and-filters.js.map

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

	@@ -1 +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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"}
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, useEffect, 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, 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 {\n resourceFilters,\n selectedResources,\n onResourceDeSelection,\n onFilterUpdate,\n onViewResource,\n selectedTab: controlledTab,\n onTabChange,\n filterExpansion,\n onFilterExpansionChange,\n } = props;\n\n const { boards, grades, node_types: nodeTypes } = resourceFilters;\n\n const { onEvent: trackEvent } = useUIContext();\n\n const [selectedTab, setSelectedTab] = useState(controlledTab ?? 'resource-filters');\n\n const handleTabChange = useCallback(\n (tab: TResourceTab) => {\n setSelectedTab(tab);\n onTabChange?.(tab);\n },\n [onTabChange],\n );\n\n // Sync controlled state\n useEffect(() => {\n if (controlledTab !== undefined) {\n setSelectedTab(controlledTab);\n }\n }, [controlledTab]);\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: 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 => onFilterExpansionChange?.(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\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","controlledTab","onTabChange","filterExpansion","onFilterExpansionChange","boards","grades","nodeTypes","trackEvent","useUIContext","selectedTab","setSelectedTab","useState","handleTabChange","useCallback","tab","useEffect","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 CHANGED Viewed

@@ -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 CHANGED Viewed

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