npm - @cuemath/leap - Versions diffs - 2.8.61-rj-12 → 2.8.61-rj-14 - Mend

@cuemath/leap 2.8.61-rj-12 → 2.8.61-rj-14

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 (1052) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"outcome-rank.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-rank.tsx"],"sourcesContent":["import type { TTextVariants } from '../../../../../ui/types';\n\nimport React, { memo } from 'react';\n\nimport { convertToTitleCase } from '../../../../../../helpers/label-text';\nimport Text from '../../../../../ui/text/text';\n\ntype TVariant = 'small' \| 'regular' \| 'xSmall';\n\nconst textVariantMap: Record<TVariant, TTextVariants> = {\n small: 'body1Medium',\n xSmall: 'body2',\n regular: 'h6',\n};\n\nconst Ranks: React.FC<{\n value: Record<string, string>;\n size?: TVariant;\n}> = memo(({ value, size = 'regular' }) => {\n const textVariant = textVariantMap[size];\n\n return (\n <>\n {Object.entries(value).map(([level, rank]) => (\n <Text $renderAs={textVariant} key={level}>\n {convertToTitleCase(level)} : {rank}\n </Text>\n ))}\n </>\n );\n});\n\nexport default Ranks;\n"],"names":["textVariantMap","Ranks","memo","value","size","textVariant","jsx","Fragment","level","rank","jsxs","Text","convertToTitleCase"],"mappings":";;;;AASA,MAAMA,IAAkD;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACX,GAEMC,IAGDC,EAAK,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAO,gBAAgB;AACnC,QAAAC,IAAcL,EAAeI,CAAI;AAEvC,SAEK,gBAAAE,EAAAC,GAAA,EAAA,UAAA,OAAO,QAAQJ,CAAK,EAAE,IAAI,CAAC,CAACK,GAAOC,CAAI,MACrC,gBAAAC,EAAAC,GAAA,EAAK,WAAWN,GACd,UAAA;AAAA,IAAAO,EAAmBJ,CAAK;AAAA,IAAE;AAAA,IAAIC;AAAA,EAAA,KADED,CAEnC,CACD,~~EACH,CAAA~~;AAEJ,CAAC;"}
1	+ {"version":3,"file":"outcome-rank.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-rank.tsx"],"sourcesContent":["import type { TTextVariants } from '../../../../../ui/types';\n\nimport React, { memo } from 'react';\n\nimport { convertToTitleCase } from '../../../../../../helpers/label-text';\nimport Text from '../../../../../ui/text/text';\n\ntype TVariant = 'small' \| 'regular' \| 'xSmall';\n\nconst textVariantMap: Record<TVariant, TTextVariants> = {\n small: 'body1Medium',\n xSmall: 'body2',\n regular: 'h6',\n};\n\nconst Ranks: React.FC<{\n value: Record<string, string>;\n size?: TVariant;\n}> = memo(({ value, size = 'regular' }) => {\n const textVariant = textVariantMap[size];\n\n return (\n <>\n {Object.entries(value).map(([level, rank]) => (\n <Text $renderAs={textVariant} key={level}>\n {convertToTitleCase(level)} : {rank}\n </Text>\n ))}\n </>\n );\n});\n\nexport default Ranks;\n"],"names":["textVariantMap","Ranks","memo","value","size","textVariant","jsx","Fragment","level","rank","jsxs","Text","convertToTitleCase"],"mappings":";;;;AASA,MAAMA,IAAkD;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACX,GAEMC,IAGDC,EAAK,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAO,gBAAgB;AACnC,QAAAC,IAAcL,EAAeI,CAAI;AAEvC,SAEK,gBAAAE,EAAAC,GAAA,EAAA,UAAA,OAAO,QAAQJ,CAAK,EAAE,IAAI,CAAC,CAACK,GAAOC,CAAI,MACrC,gBAAAC,EAAAC,GAAA,EAAK,WAAWN,GACd,UAAA;AAAA,IAAAO,EAAmBJ,CAAK;AAAA,IAAE;AAAA,IAAIC;AAAA,EAAA,KADED,CAEnC,CACD,GACH;AAEJ,CAAC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"outcome-styled.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport InfoIcon from '../../../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\n\nconst RanksScroll = styled.div`\n height: 48px;\n overflow: scroll;\n`;\n\nconst NumbersWrapper = styled(FlexView)`\n transform: translateY(2px);\n`;\n\nconst StyledText = styled(Text)(({ theme }) => {\n const {\n layout: { gutter },\n } = theme;\n\n return `\n max-width: ${gutter * 13.375}px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n});\n\nconst OutcomeLabelText = styled(Text)`\n transform: translateY(2px);\n`;\n\nconst OutcomeInfoWrapper = styled(FlexView)(({ theme }) => {\n const {\n layout: { gutter },\n } = theme;\n\n return `\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n justify-content: space-between;\n grid-row-gap: ${gutter * 0.625}px;\n `;\n});\n\nconst StyledInfoIcon = styled(InfoIcon)(\n () => `\n position: relative;\n cursor: pointer;\n `,\n);\n\nexport {\n RanksScroll,\n StyledText,\n NumbersWrapper,\n OutcomeLabelText,\n OutcomeInfoWrapper,\n StyledInfoIcon,\n};\n"],"names":["RanksScroll","styled","NumbersWrapper","FlexView","StyledText","Text","theme","gutter","OutcomeLabelText","OutcomeInfoWrapper","StyledInfoIcon","InfoIcon"],"mappings":";;;;AAMA,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA,GAKrBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA,GAIhCC,IAAaH,EAAOI,CAAI,EAAE,CAAC,EAAE,OAAAC,QAAY;AACvC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,~~EACf~~,~~IAAAD~~;AAEG,SAAA;AAAA,iBACQC,IAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAKhC,CAAC,GAEKC,IAAmBP,EAAOI,CAAI;AAAA;AAAA,GAI9BI,IAAqBR,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAAY;AACnD,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,~~EACf~~,~~IAAAD~~;AAEG,SAAA;AAAA;AAAA;AAAA;AAAA,oBAIWC,IAAS,KAAK;AAAA;AAElC,CAAC,GAEKG,IAAiBT,EAAOU,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR;"}
1	+ {"version":3,"file":"outcome-styled.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport InfoIcon from '../../../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\n\nconst RanksScroll = styled.div`\n height: 48px;\n overflow: scroll;\n`;\n\nconst NumbersWrapper = styled(FlexView)`\n transform: translateY(2px);\n`;\n\nconst StyledText = styled(Text)(({ theme }) => {\n const {\n layout: { gutter },\n } = theme;\n\n return `\n max-width: ${gutter * 13.375}px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n});\n\nconst OutcomeLabelText = styled(Text)`\n transform: translateY(2px);\n`;\n\nconst OutcomeInfoWrapper = styled(FlexView)(({ theme }) => {\n const {\n layout: { gutter },\n } = theme;\n\n return `\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n justify-content: space-between;\n grid-row-gap: ${gutter * 0.625}px;\n `;\n});\n\nconst StyledInfoIcon = styled(InfoIcon)(\n () => `\n position: relative;\n cursor: pointer;\n `,\n);\n\nexport {\n RanksScroll,\n StyledText,\n NumbersWrapper,\n OutcomeLabelText,\n OutcomeInfoWrapper,\n StyledInfoIcon,\n};\n"],"names":["RanksScroll","styled","NumbersWrapper","FlexView","StyledText","Text","theme","gutter","OutcomeLabelText","OutcomeInfoWrapper","StyledInfoIcon","InfoIcon"],"mappings":";;;;AAMA,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA,GAKrBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA,GAIhCC,IAAaH,EAAOI,CAAI,EAAE,CAAC,EAAE,OAAAC,QAAY;AACvC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,EAAA,IACfD;AAEG,SAAA;AAAA,iBACQC,IAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAKhC,CAAC,GAEKC,IAAmBP,EAAOI,CAAI;AAAA;AAAA,GAI9BI,IAAqBR,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAAY;AACnD,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,EAAA,IACfD;AAEG,SAAA;AAAA;AAAA;AAAA;AAAA,oBAIWC,IAAS,KAAK;AAAA;AAElC,CAAC,GAEKG,IAAiBT,EAAOU,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"outcome.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome.tsx"],"sourcesContent":["import type { TOutcomeLabel } from '../../milestone-list-types';\nimport type { IOutcomeWrapperProps } from '../milestone-widget-types';\n\nimport React, { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { OUTCOME_LABELS } from '../milestone-constants';\nimport OutcomeInfo from './outcome-info';\nimport Ranks from './outcome-rank';\nimport * as Styled from './outcome-styled';\n\nconst { SCORE } = ILLUSTRATIONS;\n\nconst OutcomeWrapper: React.FC<IOutcomeWrapperProps> = memo(({ outcomes }) => {\n const { gutter } = useTheme().layout;\n\n const primaryOutcome =\n Array.isArray(outcomes) && outcomes.find(outcome => outcome.type === 'primary');\n\n if (!primaryOutcome) return null;\n\n const { name, value, max } = primaryOutcome;\n const nameKey = name as TOutcomeLabel;\n const isOutcomeOtherType = name === 'others';\n\n return (\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $flexGapX={1}\n onClick={e => e.stopPropagation()}\n $width=\"max-content\"\n >\n <FlexView $flexDirection=\"row\" $flexGapX={0.75} $alignItems=\"center\">\n <img src={SCORE} width={gutter * 2.125} alt=\"score-img\" />\n </FlexView>\n <Styled.NumbersWrapper>\n {!isOutcomeOtherType && (\n <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n {OUTCOME_LABELS[nameKey]}\n </Text>\n )}\n <Styled.StyledText $renderAs=\"ah4\" $color=\"BLACK_T_87\">\n {name === 'ranks' ? (\n <Styled.RanksScroll>\n <Ranks value={value} />\n </Styled.RanksScroll>\n ) : (\n value\n )}\n\n {(name === 'gpa' \|\| name === 'score') && max && (\n <Text $renderAs=\"ab1\" $inline $color=\"BLACK_T_60\">\n /{max}\n </Text>\n )}\n </Styled.StyledText>\n </Styled.NumbersWrapper>\n\n <ArrowTooltip\n position=\"bottom\"\n renderAs=\"secondary\"\n tooltipItem={<OutcomeInfo outcomes={outcomes} />}\n >\n <Styled.StyledInfoIcon />\n </ArrowTooltip>\n </FlexView>\n );\n});\n\nexport default OutcomeWrapper;\n"],"names":["SCORE","ILLUSTRATIONS","OutcomeWrapper","memo","outcomes","gutter","useTheme","primaryOutcome","outcome","name","value","max","nameKey","isOutcomeOtherType","jsxs","FlexView","e","jsx","Styled.NumbersWrapper","Text","OUTCOME_LABELS","Styled.StyledText","Styled.RanksScroll","Ranks","ArrowTooltip","OutcomeInfo","Styled.StyledInfoIcon"],"mappings":";;;;;;;;;;;AAeA,MAAM,EAAE,OAAAA,EAAU,IAAAC,GAEZC,IAAiDC,EAAK,CAAC,EAAE,UAAAC,QAAe;AAC5E,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,EAAW,QAExBC,IACJ,MAAM,QAAQH,CAAQ,KAAKA,EAAS,KAAK,CAAAI,MAAWA,EAAQ,SAAS,SAAS;AAE5E,MAAA,CAACD,EAAuB,QAAA;AAE5B,QAAM,EAAE,MAAAE,GAAM,OAAAC,GAAO,KAAAC,~~EAAA~~,~~IAAQJ~~,GACvBK,IAAUH,GACVI,IAAqBJ,MAAS;AAGlC,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,WAAW;AAAA,MACX,SAAS,CAAKC,MAAAA,EAAE,gBAAgB;AAAA,MAChC,QAAO;AAAA,MAEP,UAAA;AAAA,QAAA,gBAAAC,EAACF,KAAS,gBAAe,OAAM,WAAW,MAAM,aAAY,UAC1D,UAAA,gBAAAE,EAAC,OAAI,EAAA,KAAKjB,GAAO,OAAOK,IAAS,OAAO,KAAI,YAAY,CAAA,GAC1D;AAAA,QACA,gBAAAS,EAACI,GAAA,EACE,UAAA;AAAA,UAAC,CAAAL,uBACCM,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UAAeC,EAAAR,CAAO,EACzB,CAAA;AAAA,4BAEDS,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UAAA;AAAA,YAASZ,MAAA,4BACPa,GAAA,EACC,UAAC,gBAAAL,EAAAM,GAAA,EAAM,OAAAb,GAAc,EAAA,CACvB,IAEAA;AAAA,aAGAD,MAAS,SAASA,MAAS,YAAYE,KACvC,gBAAAG,EAACK,GAAK,EAAA,WAAU,OAAM,SAAO,IAAC,QAAO,cAAa,UAAA;AAAA,cAAA;AAAA,cAC9CR;AAAA,YAAA,~~GACJ~~;AAAA,UAAA,~~GAEJ~~;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAM;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,aAAc,gBAAAP,EAAAQ,GAAA,EAAY,UAAArB,EAAoB,CAAA;AAAA,YAE9C,UAAA,gBAAAa,EAACS,GAAA,~~EAAsB~~;AAAA,UAAA;AAAA,~~QACzB~~;AAAA,~~MAAA~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~,CAAC;"}
1	+ {"version":3,"file":"outcome.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome.tsx"],"sourcesContent":["import type { TOutcomeLabel } from '../../milestone-list-types';\nimport type { IOutcomeWrapperProps } from '../milestone-widget-types';\n\nimport React, { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { OUTCOME_LABELS } from '../milestone-constants';\nimport OutcomeInfo from './outcome-info';\nimport Ranks from './outcome-rank';\nimport * as Styled from './outcome-styled';\n\nconst { SCORE } = ILLUSTRATIONS;\n\nconst OutcomeWrapper: React.FC<IOutcomeWrapperProps> = memo(({ outcomes }) => {\n const { gutter } = useTheme().layout;\n\n const primaryOutcome =\n Array.isArray(outcomes) && outcomes.find(outcome => outcome.type === 'primary');\n\n if (!primaryOutcome) return null;\n\n const { name, value, max } = primaryOutcome;\n const nameKey = name as TOutcomeLabel;\n const isOutcomeOtherType = name === 'others';\n\n return (\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $flexGapX={1}\n onClick={e => e.stopPropagation()}\n $width=\"max-content\"\n >\n <FlexView $flexDirection=\"row\" $flexGapX={0.75} $alignItems=\"center\">\n <img src={SCORE} width={gutter * 2.125} alt=\"score-img\" />\n </FlexView>\n <Styled.NumbersWrapper>\n {!isOutcomeOtherType && (\n <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n {OUTCOME_LABELS[nameKey]}\n </Text>\n )}\n <Styled.StyledText $renderAs=\"ah4\" $color=\"BLACK_T_87\">\n {name === 'ranks' ? (\n <Styled.RanksScroll>\n <Ranks value={value} />\n </Styled.RanksScroll>\n ) : (\n value\n )}\n\n {(name === 'gpa' \|\| name === 'score') && max && (\n <Text $renderAs=\"ab1\" $inline $color=\"BLACK_T_60\">\n /{max}\n </Text>\n )}\n </Styled.StyledText>\n </Styled.NumbersWrapper>\n\n <ArrowTooltip\n position=\"bottom\"\n renderAs=\"secondary\"\n tooltipItem={<OutcomeInfo outcomes={outcomes} />}\n >\n <Styled.StyledInfoIcon />\n </ArrowTooltip>\n </FlexView>\n );\n});\n\nexport default OutcomeWrapper;\n"],"names":["SCORE","ILLUSTRATIONS","OutcomeWrapper","memo","outcomes","gutter","useTheme","primaryOutcome","outcome","name","value","max","nameKey","isOutcomeOtherType","jsxs","FlexView","e","jsx","Styled.NumbersWrapper","Text","OUTCOME_LABELS","Styled.StyledText","Styled.RanksScroll","Ranks","ArrowTooltip","OutcomeInfo","Styled.StyledInfoIcon"],"mappings":";;;;;;;;;;;AAeA,MAAM,EAAE,OAAAA,EAAU,IAAAC,GAEZC,IAAiDC,EAAK,CAAC,EAAE,UAAAC,QAAe;AAC5E,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,EAAW,QAExBC,IACJ,MAAM,QAAQH,CAAQ,KAAKA,EAAS,KAAK,CAAAI,MAAWA,EAAQ,SAAS,SAAS;AAE5E,MAAA,CAACD,EAAuB,QAAA;AAE5B,QAAM,EAAE,MAAAE,GAAM,OAAAC,GAAO,KAAAC,EAAQ,IAAAJ,GACvBK,IAAUH,GACVI,IAAqBJ,MAAS;AAGlC,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,WAAW;AAAA,MACX,SAAS,CAAKC,MAAAA,EAAE,gBAAgB;AAAA,MAChC,QAAO;AAAA,MAEP,UAAA;AAAA,QAAA,gBAAAC,EAACF,KAAS,gBAAe,OAAM,WAAW,MAAM,aAAY,UAC1D,UAAA,gBAAAE,EAAC,OAAI,EAAA,KAAKjB,GAAO,OAAOK,IAAS,OAAO,KAAI,YAAY,CAAA,GAC1D;AAAA,QACA,gBAAAS,EAACI,GAAA,EACE,UAAA;AAAA,UAAC,CAAAL,uBACCM,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UAAeC,EAAAR,CAAO,EACzB,CAAA;AAAA,4BAEDS,GAAA,EAAkB,WAAU,OAAM,QAAO,cACvC,UAAA;AAAA,YAASZ,MAAA,4BACPa,GAAA,EACC,UAAC,gBAAAL,EAAAM,GAAA,EAAM,OAAAb,GAAc,EAAA,CACvB,IAEAA;AAAA,aAGAD,MAAS,SAASA,MAAS,YAAYE,KACvC,gBAAAG,EAACK,GAAK,EAAA,WAAU,OAAM,SAAO,IAAC,QAAO,cAAa,UAAA;AAAA,cAAA;AAAA,cAC9CR;AAAA,YAAA,EACJ,CAAA;AAAA,UAAA,EAEJ,CAAA;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAM;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,aAAc,gBAAAP,EAAAQ,GAAA,EAAY,UAAArB,EAAoB,CAAA;AAAA,YAE9C,UAAA,gBAAAa,EAACS,GAAA,CAAsB,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"no-active-milestone.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/no-active-milestone/no-active-milestone.tsx"],"sourcesContent":["import type { INoActiveMilestoneProps } from './no-active-milestone-types';\n\nimport { useCallback, type FC, memo } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport useLazyRef from '../../../../hooks/use-lazy-ref';\nimport Button from '../../../../ui/buttons/button/button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { getNoMilestoneTitle } from '../../../create/utils';\nimport * as Styled from './no-active-milestone-styled';\n\nconst ButtonWrapper = styled.span<{ shouldShow: boolean }>`\n display: ${({ shouldShow }) => (shouldShow ? 'block' : 'none')};\n`;\n\nconst NoActiveMilestone: FC<INoActiveMilestoneProps> = memo(\n ({ userType, studentName, isDraftMilestonePresent, ...restNoActiveMilestoneProps }) => {\n const { canCreatePlan, onCreatePlan, isFiltersAdded } = restNoActiveMilestoneProps;\n const temporaryMilestoneId = useLazyRef(uuidv4);\n\n const handleCreatePlan = useCallback(() => {\n onCreatePlan?.(temporaryMilestoneId);\n }, [onCreatePlan, temporaryMilestoneId]);\n\n const title = getNoMilestoneTitle(\n isFiltersAdded,\n isDraftMilestonePresent,\n studentName,\n userType,\n );\n\n return (\n <FlexView\n $flexDirection=\"row\"\n $gapX={1.5}\n $gutterX={1.5}\n $borderColor=\"WHITE_4\"\n $background=\"YELLOW_1\"\n $flexGapX={1}\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n >\n <FlexView $flexGapX={1}>\n <Styled.StyledText $renderAs=\"ab2\" $widthX={19.5}>\n {title}\n </Styled.StyledText>\n\n {userType === 'TEACHER' && (\n <ButtonWrapper shouldShow={!isFiltersAdded}>\n {!isDraftMilestonePresent && (\n <Button\n renderAs=\"secondary\"\n size=\"small\"\n label=\"Add a Goal\"\n onClick={handleCreatePlan}\n disabled={!canCreatePlan}\n />\n )}\n </ButtonWrapper>\n )}\n </FlexView>\n\n <Image\n withLoader={false}\n width={240}\n height={100}\n src={ILLUSTRATIONS.PUZZLE_STUDENT}\n alt=\"learning-planner\"\n />\n </FlexView>\n );\n },\n);\n\nexport default NoActiveMilestone;\n"],"names":["ButtonWrapper","styled","shouldShow","NoActiveMilestone","memo","userType","studentName","isDraftMilestonePresent","restNoActiveMilestoneProps","canCreatePlan","onCreatePlan","isFiltersAdded","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","title","getNoMilestoneTitle","jsxs","FlexView","jsx","Styled.StyledText","Button","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAgBC,EAAO;AAAA,aAChB,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,UAAU,MAAO;AAAA,GAG1DC,IAAiDC;AAAA,EACrD,CAAC,EAAE,UAAAC,GAAU,aAAAC,GAAa,yBAAAC,GAAyB,GAAGC,QAAiC;AACrF,UAAM,EAAE,eAAAC,GAAe,cAAAC,GAAc,gBAAAC,~~EAAA~~,~~IAAmBH~~,GAClDI,IAAuBC,EAAWC,CAAM,GAExCC,IAAmBC,EAAY,MAAM;AACzC,MAAAN,KAAA,QAAAA,EAAeE;AAAA,IAAoB,GAClC,CAACF,GAAcE,CAAoB,CAAC,GAEjCK,IAAQC;AAAA,MACZP;AAAA,MACAJ;AAAA,MACAD;AAAA,MACAD;AAAA,~~IAAA~~;~~AAIA~~,WAAA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,GACnB,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,SAAS,MACzC,UACHL,GAAA;AAAA,YAECZ,MAAa,aACX,gBAAAgB,EAAArB,GAAA,EAAc,YAAY,CAACW,GACzB,WAACJ,KACA,gBAAAc;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAASR;AAAA,gBACT,UAAU,CAACN;AAAA,cAAA;AAAA,YAAA,~~GAGjB~~;AAAA,UAAA,GAEJ;AAAA,UAEA,gBAAAY;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKC,EAAc;AAAA,cACnB,KAAI;AAAA,YAAA;AAAA,~~UACN~~;AAAA,~~QAAA~~;AAAA,MAAA;AAAA,~~IAAA~~;AAAA,~~EAGN~~;~~AACF~~;"}
1	+ {"version":3,"file":"no-active-milestone.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/no-active-milestone/no-active-milestone.tsx"],"sourcesContent":["import type { INoActiveMilestoneProps } from './no-active-milestone-types';\n\nimport { useCallback, type FC, memo } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport useLazyRef from '../../../../hooks/use-lazy-ref';\nimport Button from '../../../../ui/buttons/button/button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { getNoMilestoneTitle } from '../../../create/utils';\nimport * as Styled from './no-active-milestone-styled';\n\nconst ButtonWrapper = styled.span<{ shouldShow: boolean }>`\n display: ${({ shouldShow }) => (shouldShow ? 'block' : 'none')};\n`;\n\nconst NoActiveMilestone: FC<INoActiveMilestoneProps> = memo(\n ({ userType, studentName, isDraftMilestonePresent, ...restNoActiveMilestoneProps }) => {\n const { canCreatePlan, onCreatePlan, isFiltersAdded } = restNoActiveMilestoneProps;\n const temporaryMilestoneId = useLazyRef(uuidv4);\n\n const handleCreatePlan = useCallback(() => {\n onCreatePlan?.(temporaryMilestoneId);\n }, [onCreatePlan, temporaryMilestoneId]);\n\n const title = getNoMilestoneTitle(\n isFiltersAdded,\n isDraftMilestonePresent,\n studentName,\n userType,\n );\n\n return (\n <FlexView\n $flexDirection=\"row\"\n $gapX={1.5}\n $gutterX={1.5}\n $borderColor=\"WHITE_4\"\n $background=\"YELLOW_1\"\n $flexGapX={1}\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n >\n <FlexView $flexGapX={1}>\n <Styled.StyledText $renderAs=\"ab2\" $widthX={19.5}>\n {title}\n </Styled.StyledText>\n\n {userType === 'TEACHER' && (\n <ButtonWrapper shouldShow={!isFiltersAdded}>\n {!isDraftMilestonePresent && (\n <Button\n renderAs=\"secondary\"\n size=\"small\"\n label=\"Add a Goal\"\n onClick={handleCreatePlan}\n disabled={!canCreatePlan}\n />\n )}\n </ButtonWrapper>\n )}\n </FlexView>\n\n <Image\n withLoader={false}\n width={240}\n height={100}\n src={ILLUSTRATIONS.PUZZLE_STUDENT}\n alt=\"learning-planner\"\n />\n </FlexView>\n );\n },\n);\n\nexport default NoActiveMilestone;\n"],"names":["ButtonWrapper","styled","shouldShow","NoActiveMilestone","memo","userType","studentName","isDraftMilestonePresent","restNoActiveMilestoneProps","canCreatePlan","onCreatePlan","isFiltersAdded","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","title","getNoMilestoneTitle","jsxs","FlexView","jsx","Styled.StyledText","Button","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAgBC,EAAO;AAAA,aAChB,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,UAAU,MAAO;AAAA,GAG1DC,IAAiDC;AAAA,EACrD,CAAC,EAAE,UAAAC,GAAU,aAAAC,GAAa,yBAAAC,GAAyB,GAAGC,QAAiC;AACrF,UAAM,EAAE,eAAAC,GAAe,cAAAC,GAAc,gBAAAC,EAAmB,IAAAH,GAClDI,IAAuBC,EAAWC,CAAM,GAExCC,IAAmBC,EAAY,MAAM;AACzC,MAAAN,KAAA,QAAAA,EAAeE;AAAA,IAAoB,GAClC,CAACF,GAAcE,CAAoB,CAAC,GAEjCK,IAAQC;AAAA,MACZP;AAAA,MACAJ;AAAA,MACAD;AAAA,MACAD;AAAA,IACF;AAGE,WAAA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,GACnB,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,SAAS,MACzC,UACHL,GAAA;AAAA,YAECZ,MAAa,aACX,gBAAAgB,EAAArB,GAAA,EAAc,YAAY,CAACW,GACzB,WAACJ,KACA,gBAAAc;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAASR;AAAA,gBACT,UAAU,CAACN;AAAA,cAAA;AAAA,YAAA,EAGjB,CAAA;AAAA,UAAA,GAEJ;AAAA,UAEA,gBAAAY;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKC,EAAc;AAAA,cACnB,KAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -8,13 +8,13 @@ import de from "../../ui/separator/separator.js";
 import { invalidateMilestoneResources as _e } from "./api/get-milestone-resources.js";
 import { useGetAllMilestonesdata as Ae, invalidateMilestonesData as De } from "./api/get-milestones.js";
 import { invalidateTestHelpData as Ie } from "./api/get-tests-list.js";
-import Me from "./filter-milestones.js";
-import Ne from "./milestone-list/milestone-list.js";
+import Ne from "./filter-milestones.js";
+import Me from "./milestone-list/milestone-list.js";
 import ue from "./milestone-list/milestone-loader/milestone-loader.js";
 import { ContentWrapper as Le, LoaderWrapper as Ce } from "./styled.js";
 const Oe = (T) => {
   De(T);
-}, Re = le(
+}, Ke = le(
   ({ studentName: T, studentId: d, studentClassroomId: h, ...P }) => {
     const {
       milestoneType: o,
@@ -38,10 +38,10 @@ const Oe = (T) => {
       onResume: W,
       onReview: j,
       onStart: X,
-      onDraftPublish: $,
-      onAddChapter: q,
-      onCreatePlan: z,
-      onDelete: B,
+      onDraftPublish: q,
+      onAddChapter: z,
+      onCreatePlan: B,
+      onDelete: $,
       onAssignResources: J,
       onUnAssignSheet: Q,
       onTestPreview: Y,
@@ -60,9 +60,9 @@ const Oe = (T) => {
     ), {
       data: t,
       getAll: S,
-      isStale: M,
+      isStale: N,
       isProcessing: l
-    } = Ae(n), [N, u] = p(), [L, C] = p(!1), se = me(
+    } = Ae(n), [M, u] = p(), [L, C] = p(!1), se = me(
       (m) => {
         const { searchText: i, selectedBoard: r, selectedGrade: a } = m || {};
         (i || r || a) && C(!0);
@@ -123,17 +123,17 @@ const Oe = (T) => {
     ), f(() => {
       S(n);
     }, [S, n]), f(() => {
-      !l && M && S(n);
-    }, [S, n, M, l]), l && !t)
+      !l && N && S(n);
+    }, [S, n, N, l]), l && !t)
       return /* @__PURE__ */ E(ue, { numMilestones: 2 });
     const O = o === "ACTIVE" && t && t.length > 6;
     return /* @__PURE__ */ R(Le, { $disablePointerEvents: l, children: [
       l && /* @__PURE__ */ E(Ce, { children: /* @__PURE__ */ E("img", { src: ce.LOADER_1, alt: "loading" }) }),
       O && /* @__PURE__ */ R(ae, { children: [
         /* @__PURE__ */ E(
-          Me,
+          Ne,
           {
-            filteredMilestones: N,
+            filteredMilestones: M,
             milestones: t,
             handleFilterMilestones: se,
             handleClearFilter: oe
@@ -142,7 +142,7 @@ const Oe = (T) => {
         /* @__PURE__ */ E(de, { heightX: 1.5 })
       ] }),
       /* @__PURE__ */ E(
-        Ne,
+        Me,
         {
           showFilters: !!O,
           canCreatePlan: v,
@@ -150,13 +150,13 @@ const Oe = (T) => {
           isFiltersAdded: L,
           isStudentPresent: I,
           milestoneType: o,
-          milestones: L ? N : t,
-          onAddChapter: q,
+          milestones: L ? M : t,
+          onAddChapter: z,
           onAddOutcome: x,
           onChapterClick: V,
-          onCreatePlan: z,
-          onDelete: B,
-          onDraftPublish: $,
+          onCreatePlan: B,
+          onDelete: $,
+          onDraftPublish: q,
           onEdit: b,
           onExpandPastMilestones: w,
           onCreateMilestoneTest: y,
@@ -184,8 +184,8 @@ const Oe = (T) => {
       )
     ] });
   }
-), We = Re;
+);
 export {
-  We as default
+  Ke as default
 };
 //# sourceMappingURL=milestone-list-container.js.map

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 type {\n IMilestoneContainerProps,\n IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n const {\n milestoneType,\n isStudentPresent,\n isClassOngoing,\n userType,\n canCreatePlan,\n teacherName,\n parentName,\n courseStream,\n activeMilestoneId,\n activeTabId,\n onExpandPastMilestones,\n onAddOutcome,\n onChapterClick,\n onEdit,\n onCreateMilestoneTest,\n onPreview,\n onReattempt,\n onReset,\n onResume,\n onReview,\n onStart,\n onDraftPublish,\n onAddChapter,\n onCreatePlan,\n onDelete,\n onAssignResources,\n onUnAssignSheet,\n onTestPreview,\n onTestReview,\n onTestStart,\n onWidgetTabSelection,\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 with_plan: true,\n course_stream: courseStream,\n student_id: studentId,\n in_class: isClassOngoing,\n }) as const,\n [isClassOngoing, 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 ],\n callback: messages => {\n const milestoneResourceEventPayload = messages.find(\n message =>\n message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED \|\|\n EVENTS.MILESTONE_RESOURCE_UNASSIGNED,\n )?.eventPayload;\n const milestoneTestEventPayload = messages.find(\n message => message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED,\n )?.eventPayload;\n\n if (milestoneResourceEventPayload) {\n const { milestoneId: resourceMilestoneId } =\n (milestoneResourceEventPayload as { milestoneId: string }) \|\| {};\n\n invalidateMilestoneResources(resourceMilestoneId);\n }\n\n if (milestoneTestEventPayload) {\n const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\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 onPreview={onPreview}\n onReattempt={onReattempt}\n onReset={onReset}\n onResume={onResume}\n onReview={onReview}\n onStart={onStart}\n onAssignResources={onAssignResources}\n onUnAssignSheet={onUnAssignSheet}\n onTestPreview={onTestPreview}\n onTestReview={onTestReview}\n onTestStart={onTestStart}\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 />\n </Styled.ContentWrapper>\n );\n },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","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","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase"],"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 type {\n IMilestoneContainerProps,\n IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n const {\n milestoneType,\n isStudentPresent,\n isClassOngoing,\n userType,\n canCreatePlan,\n teacherName,\n parentName,\n courseStream,\n activeMilestoneId,\n activeTabId,\n onExpandPastMilestones,\n onAddOutcome,\n onChapterClick,\n onEdit,\n onCreateMilestoneTest,\n onPreview,\n onReattempt,\n onReset,\n onResume,\n onReview,\n onStart,\n onDraftPublish,\n onAddChapter,\n onCreatePlan,\n onDelete,\n onAssignResources,\n onUnAssignSheet,\n onTestPreview,\n onTestReview,\n onTestStart,\n onWidgetTabSelection,\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 with_plan: true,\n course_stream: courseStream,\n student_id: studentId,\n in_class: isClassOngoing,\n }) as const,\n [isClassOngoing, 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 ],\n callback: messages => {\n const milestoneResourceEventPayload = messages.find(\n message =>\n message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED \|\|\n EVENTS.MILESTONE_RESOURCE_UNASSIGNED,\n )?.eventPayload;\n const milestoneTestEventPayload = messages.find(\n message => message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED,\n )?.eventPayload;\n\n if (milestoneResourceEventPayload) {\n const { milestoneId: resourceMilestoneId } =\n (milestoneResourceEventPayload as { milestoneId: string }) \|\| {};\n\n invalidateMilestoneResources(resourceMilestoneId);\n }\n\n if (milestoneTestEventPayload) {\n const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\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 onPreview={onPreview}\n onReattempt={onReattempt}\n onReset={onReset}\n onResume={onResume}\n onReview={onReview}\n onStart={onStart}\n onAssignResources={onAssignResources}\n onUnAssignSheet={onUnAssignSheet}\n onTestPreview={onTestPreview}\n onTestReview={onTestReview}\n onTestStart={onTestStart}\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 />\n </Styled.ContentWrapper>\n );\n },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","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","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase"],"mappings":"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"}

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 type { IAddedResourceAndFilters } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useCallback, useMemo, useState } from 'react';\n\nimport SheetIcon from '../../../../assets/line-icons/icons/sheet';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport FilterItem from './comps/filter-item/filter-item';\nimport ResourceItem from './comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport * as Styled from './resources-assign-styled';\n\nconst TABS = [\n {\n id: 'resource-filters',\n label: 'Filters',\n },\n {\n id: 'resource-added',\n label: 'Added',\n },\n];\n\nconst EXTRA_PRACTICE_LABEL_MAP: Record<string, string> = {\n LEARNING: 'Learning',\n PRACTICE: 'Practice',\n ASSESSMENT: 'Assessment',\n LEVEL2: 'Advanced',\n LEVEL3: 'Advanced',\n SUBJECTIVE: 'Subjective',\n};\n\nconst AddedResourceAndFilters: FC<IAddedResourceAndFilters> = memo(props => {\n const {\n resourceFilters,\n selectedResources,\n onResourceDeSelection,\n onFilterUpdate,\n onViewResource,\n } = props;\n\n const { boards, grades, node_types: nodeTypes } = resourceFilters;\n\n const { onEvent: trackEvent } = useUIContext();\n\n const [selectedTab, setSelectedTab] = useState('resource-filters');\n\n const addedResourceCount = selectedResources.length;\n const appliedBoard = useMemo(() => boards.find(board => board.applied)?.name, [boards]);\n const appliedGrade = useMemo(() => grades.find(grade => grade.applied)?.name, [grades]);\n const appliedNodeType = useMemo(() => nodeTypes.find(grade => grade.applied)?.name, [nodeTypes]);\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\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 type { IAddedResourceAndFilters } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useCallback, useMemo, useState } from 'react';\n\nimport SheetIcon from '../../../../assets/line-icons/icons/sheet';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport FilterItem from './comps/filter-item/filter-item';\nimport ResourceItem from './comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from './resource-assign-analytics-events';\nimport * as Styled from './resources-assign-styled';\n\nconst TABS = [\n {\n id: 'resource-filters',\n label: 'Filters',\n },\n {\n id: 'resource-added',\n label: 'Added',\n },\n];\n\nconst EXTRA_PRACTICE_LABEL_MAP: Record<string, string> = {\n LEARNING: 'Learning',\n PRACTICE: 'Practice',\n ASSESSMENT: 'Assessment',\n LEVEL2: 'Advanced',\n LEVEL3: 'Advanced',\n SUBJECTIVE: 'Subjective',\n};\n\nconst AddedResourceAndFilters: FC<IAddedResourceAndFilters> = memo(props => {\n const {\n resourceFilters,\n selectedResources,\n onResourceDeSelection,\n onFilterUpdate,\n onViewResource,\n } = props;\n\n const { boards, grades, node_types: nodeTypes } = resourceFilters;\n\n const { onEvent: trackEvent } = useUIContext();\n\n const [selectedTab, setSelectedTab] = useState('resource-filters');\n\n const addedResourceCount = selectedResources.length;\n const appliedBoard = useMemo(() => boards.find(board => board.applied)?.name, [boards]);\n const appliedGrade = useMemo(() => grades.find(grade => grade.applied)?.name, [grades]);\n const appliedNodeType = useMemo(() => nodeTypes.find(grade => grade.applied)?.name, [nodeTypes]);\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\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":";;;;;;;;;;;AAeA,MAAMA,IAAO;AAAA,EACX;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX,GAEMC,IAAmD;AAAA,EACvD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,GAEMC,KAAwDC,EAAK,CAASC,MAAA;AACpE,QAAA;AAAA,IACJ,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEL,GAEE,EAAE,QAAAM,GAAQ,QAAAC,GAAQ,YAAYC,EAAc,IAAAP,GAE5C,EAAE,SAASQ,EAAW,IAAIC,EAAa,GAEvC,CAACC,GAAaC,CAAc,IAAIC,EAAS,kBAAkB,GAE3DC,IAAqBZ,EAAkB,QACvCa,IAAeC,EAAQ,MAAM;;AAAA,YAAAC,IAAAX,EAAO,KAAK,CAAAY,MAASA,EAAM,OAAO,MAAlC,gBAAAD,EAAqC;AAAA,KAAM,CAACX,CAAM,CAAC,GAChFa,IAAeH,EAAQ,MAAM;;AAAA,YAAAC,IAAAV,EAAO,KAAK,CAAAa,MAASA,EAAM,OAAO,MAAlC,gBAAAH,EAAqC;AAAA,KAAM,CAACV,CAAM,CAAC,GAChFc,IAAkBL,EAAQ,MAAM;;AAAA,YAAAC,IAAAT,EAAU,KAAK,CAAAY,MAASA,EAAM,OAAO,MAArC,gBAAAH,EAAwC;AAAA,KAAM,CAACT,CAAS,CAAC,GAEzFc,IAAsBC;AAAA,IAC1B,CAACC,MAAyB;AACxB,YAAMC,IAAiBV,MAAiBS;AAExC,MAAAf;AAAA,QACEgB,IACIC,EAAiC,4BACjCA,EAAiC;AAAA,QACrC;AAAA,UACE,OAAOF;AAAA,QAAA;AAAA,MAEX,GACApB,EAAe,EAAE,OAAOqB,IAAiB,KAAKD,GAAc;AAAA,IAC9D;AAAA,IACA,CAACf,GAAYL,GAAgBW,CAAY;AAAA,EAC3C,GAEMY,IAAsBJ;AAAA,IAC1B,CAACK,MAAyB;AACxB,YAAMC,IAAiBV,MAAiBS;AAExC,MAAAnB;AAAA,QACEoB,IACIH,EAAiC,4BACjCA,EAAiC;AAAA,QACrC;AAAA,UACE,OAAOE;AAAA,QAAA;AAAA,MAEX,GACAxB,EAAe,EAAE,OAAOyB,IAAiB,KAAKD,GAAc;AAAA,IAC9D;AAAA,IACA,CAACnB,GAAYL,GAAgBe,CAAY;AAAA,EAC3C,GAEMW,IAAyBP;AAAA,IAC7B,CAACQ,MAA4B;AAC3B,YAAMC,IAAoBX,MAAoBU;AAE9C,MAAAtB;AAAA,QACEuB,IACIN,EAAiC,gCACjCA,EAAiC;AAAA,QACrC;AAAA,UACE,WAAWK;AAAA,QAAA;AAAA,MAEf,GACA3B,EAAe,EAAE,WAAW4B,IAAoB,KAAKD,GAAiB;AAAA,IACxE;AAAA,IACA,CAACtB,GAAYL,GAAgBiB,CAAe;AAAA,EAC9C,GAEMY,IAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,SAAS3B,EAAO,IAAI,CAAC,EAAE,MAAA4B,GAAM,MAAAC,SAAY;AAAA,QACvC,IAAID;AAAA,QACJ,OAAOC;AAAA,QACP,OAAOA;AAAA,MAAA,EACP;AAAA,MACF,OAAOpB;AAAA,MACP,SAASO;AAAA,IACX;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAASf,EAAO,IAAI,CAAC,EAAE,MAAA2B,GAAM,MAAAC,SAAY;AAAA,QACvC,IAAID;AAAA,QACJ,OAAOA;AAAA,QACP,OAAOC;AAAA,MAAA,EACP;AAAA,MACF,OAAOhB;AAAA,MACP,SAASQ;AAAA,IACX;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAASnB,EAAU,IAAI,CAAC,EAAE,MAAA0B,GAAM,MAAAC,SAAY;AAAA,QAC1C,IAAID;AAAA,QACJ,OAAOrC,EAAyBsC,CAAI,KAAK;AAAA,QACzC,OAAOA,KAAQ;AAAA,MAAA,EACf;AAAA,MACF,OAAOd;AAAA,MACP,SAASS;AAAA,IAAA;AAAA,EAEb;AAEA,SAEI,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,WAAS;AAAA,QAER,UAAA3C,EAAK,IAAI,CAAO4C,MAAA;AACT,gBAAA,EAAE,IAAAC,GAAI,OAAAC,EAAA,IAAUF,GAChBG,IAAWF,MAAO9B;AAGtB,iBAAA,gBAAAyB;AAAA,YAACQ;AAAAA,YAAA;AAAA,cAEC,gBAAe;AAAA,cACf,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,OAAO;AAAA,cACP,WAAWD;AAAA,cACX,SAAS,MAAM/B,EAAe6B,CAAE;AAAA,cAChC,UAAU;AAAA,cACV,UAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAH;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACC,WAAWF,IAAW,aAAa;AAAA,oBACnC,QAAO;AAAA,oBACP,QAAQA,IAAW,eAAe;AAAA,oBAEjC,UAAAD;AAAA,kBAAA;AAAA,gBACH;AAAA,gBACC5B,IAAqB,KAAK2B,MAAO,oBAChC,gBAAAH;AAAA,kBAACQ;AAAAA,kBAAA;AAAA,oBACC,eAAe;AAAA,oBACf,aAAY;AAAA,oBACZ,SAAS;AAAA,oBACT,iBAAgB;AAAA,oBAChB,aAAY;AAAA,oBACZ,UAAU;AAAA,oBAEV,UAAC,gBAAAR,EAAAO,GAAA,EAAK,WAAU,aAAa,UAAmB/B,EAAA,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAClD;AAAA,YAAA;AAAA,YA5BG2B;AAAA,UA8BP;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAEA,gBAAAH,EAACS,GAAA,EACE,gBAAgB,qBACf,gBAAAT,EAAAD,GAAA,EACG,UAAeJ,EAAA,IAAI,CAAQe,MAAA;AAC1B,YAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,SAAAC,EAAY,IAAAJ;AAGzC,aAAA,gBAAAZ,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,OAAAJ;AAAA,YACA,OAAOC,KAAS;AAAA,YAChB,SAAAC;AAAA,YACA,SAAAC;AAAA,UAAA;AAAA,QACF;AAAA,QAEC,gBAAAd,EAAAgB,GAAA,EAAU,QAAQ,GAAG,YAAW,UAAU,CAAA;AAAA,MAAA,EAAA,GAR9BL,CASf;AAAA,IAEH,CAAA,EACH,CAAA,IAGG,gBAAAb,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAAnC,EAAkB,IAAI,CACrB8C,MAAA,gBAAAV,EAACiB,KAAS,OAAO,GAAG,UAAU,GAC5B,UAAA,gBAAAjB;AAAA,QAACkB;AAAA,QAAA;AAAA,UACC,UAAUR;AAAA,UACV,gBAAA3C;AAAA,UACA,8BAA8BF;AAAA,UAC9B,UAAU;AAAA,QAAA;AAAA,MAAA,KALwB6C,EAAK,EAO3C,CACD;AAAA,MAEAlC,MAAuB,KACtB,gBAAAsB;AAAA,QAACmB;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,OAAO;AAAA,UACP,SAAQ;AAAA,UACR,UAAU;AAAA,UAEV,UAAA;AAAA,YAAC,gBAAAjB,EAAAmB,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,YACzB,gBAAAnB,EAAAiB,GAAA,EAAS,SAAS,IACjB,UAAC,gBAAAjB,EAAAO,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,QAAO,UAAS,6BAE/D,EACF,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CAEJ,EAEJ,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/api/goal-resource-assign.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"goal-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/goal-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../constants/api';\n\nconst { usePost: usePostMilestoneResource } = createPostAPI<\n void,\n {\n node_ids: string[];\n },\n { userMilestoneId: string }\n>({\n getURL: (_, { userMilestoneId }) => `${BASE_URL_V3}/user-milestone/${userMilestoneId}/resources`,\n});\n\nexport { usePostMilestoneResource };\n"],"names":["usePostMilestoneResource","createPostAPI","_","userMilestoneId","BASE_URL_V3"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAyB,IAAIC,EAM5C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,iBAAAC,~~EAAsB~~,~~MAAA,~~GAAGC,CAAW,mBAAmBD,CAAe;AACtF,CAAC;"}
1	+ {"version":3,"file":"goal-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/goal-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../constants/api';\n\nconst { usePost: usePostMilestoneResource } = createPostAPI<\n void,\n {\n node_ids: string[];\n },\n { userMilestoneId: string }\n>({\n getURL: (_, { userMilestoneId }) => `${BASE_URL_V3}/user-milestone/${userMilestoneId}/resources`,\n});\n\nexport { usePostMilestoneResource };\n"],"names":["usePostMilestoneResource","createPostAPI","_","userMilestoneId","BASE_URL_V3"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAyB,IAAIC,EAM5C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,iBAAAC,QAAsB,GAAGC,CAAW,mBAAmBD,CAAe;AACtF,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lpar-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../../../constants/api';\n\nconst { usePost: usePostLPARResource } = createPostAPI<\n void,\n {\n program_id: string;\n nodes: { id: string; attempt_location: string }[];\n },\n { studentId: string }\n>({\n getURL: (_, { studentId }) => `${BASE_URL_V2}/students/${studentId}/practice-sheets/`,\n});\n\nexport { usePostLPARResource };\n"],"names":["usePostLPARResource","createPostAPI","_","studentId","BASE_URL_V2"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAOvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,~~EAAgB~~,~~MAAA,~~GAAGC,CAAW,aAAaD,CAAS;AACpE,CAAC;"}
1	+ {"version":3,"file":"lpar-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../../../constants/api';\n\nconst { usePost: usePostLPARResource } = createPostAPI<\n void,\n {\n program_id: string;\n nodes: { id: string; attempt_location: string }[];\n },\n { studentId: string }\n>({\n getURL: (_, { studentId }) => `${BASE_URL_V2}/students/${studentId}/practice-sheets/`,\n});\n\nexport { usePostLPARResource };\n"],"names":["usePostLPARResource","createPostAPI","_","studentId","BASE_URL_V2"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAOvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,QAAgB,GAAGC,CAAW,aAAaD,CAAS;AACpE,CAAC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst FilterItemHeader = styled(FlexView)`\n cursor: pointer;\n`;\n\ninterface IChevronIcon {\n $active: boolean;\n}\n\nconst StyledChevronIcon = styled(ChevronDownIcon)<IChevronIcon>(({ $active, theme }) => {\n const { gutter } = theme.layout;\n\n return `\n width: ${gutter}px;\n height: ${gutter}px;\n transform: rotate(${$active ? 180 : 0}deg);\n transition: transform 0.3s ease-out;\n `;\n});\n\nexport { FilterItemHeader, StyledChevronIcon };\n"],"names":["FilterItemHeader","styled","FlexView","StyledChevronIcon","ChevronDownIcon","$active","theme","gutter"],"mappings":";;;AAKM,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,GAQlCC,IAAoBF,EAAOG,CAAe,EAAgB,CAAC,EAAE,SAAAC,GAAS,OAAAC,QAAY;AAChF,QAAA,EAAE,QAAAC,~~EAAO~~,~~IAAID,~~EAAM;AAElB,SAAA;AAAA,aACIC,CAAM;AAAA,cACLA,CAAM;AAAA,wBACIF,IAAU,MAAM,CAAC;AAAA;AAAA;AAGzC,CAAC;"}
1	+ {"version":3,"file":"filter-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst FilterItemHeader = styled(FlexView)`\n cursor: pointer;\n`;\n\ninterface IChevronIcon {\n $active: boolean;\n}\n\nconst StyledChevronIcon = styled(ChevronDownIcon)<IChevronIcon>(({ $active, theme }) => {\n const { gutter } = theme.layout;\n\n return `\n width: ${gutter}px;\n height: ${gutter}px;\n transform: rotate(${$active ? 180 : 0}deg);\n transition: transform 0.3s ease-out;\n `;\n});\n\nexport { FilterItemHeader, StyledChevronIcon };\n"],"names":["FilterItemHeader","styled","FlexView","StyledChevronIcon","ChevronDownIcon","$active","theme","gutter"],"mappings":";;;AAKM,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,GAQlCC,IAAoBF,EAAOG,CAAe,EAAgB,CAAC,EAAE,SAAAC,GAAS,OAAAC,QAAY;AAChF,QAAA,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA,aACIC,CAAM;AAAA,cACLA,CAAM;AAAA,wBACIF,IAAU,MAAM,CAAC;AAAA;AAAA;AAGzC,CAAC;"}

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 { IFilterItem } from './filter-item-types';\nimport type { FC } from 'react';\n\nimport { 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';\n\nconst FilterItem: FC<IFilterItem> = memo(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":";;;;;;AAUM,MAAAA,IAA8BC,EAAK,CAASC,MAAA;AAChD,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 { IFilterItem } from './filter-item-types';\nimport type { FC } from 'react';\n\nimport { 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';\n\nconst FilterItem: FC<IFilterItem> = memo(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":";;;;;;AAUM,MAAAA,IAA8BC,EAAK,CAASC,MAAA;AAChD,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,SAAAC,EAAY,IAAAJ,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,QAC/B;AAAA,QAWM,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,EAAgB,IAAAH;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,MAQP;AAAA,IAAA,CAEH,EACH,CAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}

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

	@@ -1 +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 { IResourceItem } from './resource-item-types';\nimport type { FC } from 'react';\n\nimport { 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 { getBoardTags, getGradeTags } from './utils';\n\nconst ResourceItem: FC<IResourceItem> = memo(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":";;;;;;;;;;AAcM,MAAAA,IAAkCC,EAAK,CAASC,MAAA;AACpD,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;"}
1	+ {"version":3,"file":"resource-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item.tsx"],"sourcesContent":["import type { IResourceItem } from './resource-item-types';\nimport type { FC } from 'react';\n\nimport { 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 { getBoardTags, getGradeTags } from './utils';\n\nconst ResourceItem: FC<IResourceItem> = memo(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":";;;;;;;;;;AAcM,MAAAA,IAAkCC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,8BAAAC,GAA8B,gBAAAC,EAAmB,IAAAJ,GACvE,EAAE,MAAAK,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,GAAQ,WAAWC,GAAU,SAASC,EAAA,IAAWT,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,EAC7B,CAAA;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,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,gBAAAK,EAAAO,GAAA,EAAU,QAAQ,GAAG,YAAW,UAAU,CAAA;AAAA,EAAA,GAC7C;AAEJ,CAAC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"no-resource-screen.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from '../resources-assign-styled';\n\nconst NoResourceScreen: FC = () => {\n return (\n <FlexView\n $width={620}\n $height={620}\n $position=\"relative\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n >\n <Image\n withLoader={false}\n src={IMAGES.BG_EMPTY_RESOURCES}\n alt=\"Empty resources\"\n width={520}\n height={520}\n />\n\n <Styled.NoResourceText $renderAs=\"ab2-bold\">Type + Search = Resources!</Styled.NoResourceText>\n </FlexView>\n );\n};\n\nexport default NoResourceScreen;\n"],"names":["NoResourceScreen","jsxs","FlexView","jsx","Image","IMAGES","Styled.NoResourceText"],"mappings":";;;;;AAOA,MAAMA,IAAuB,MAEzB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAU;AAAA,IACV,iBAAgB;AAAA,IAChB,aAAY;AAAA,IAEZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAY;AAAA,UACZ,KAAKC,EAAO;AAAA,UACZ,KAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,wBAECC,GAAA,EAAsB,WAAU,YAAW,UAA0B,~~8BAAA~~;AAAA,IAAA;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"no-resource-screen.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/no-resource-screen.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport * as Styled from '../resources-assign-styled';\n\nconst NoResourceScreen: FC = () => {\n return (\n <FlexView\n $width={620}\n $height={620}\n $position=\"relative\"\n $justifyContent=\"center\"\n $alignItems=\"center\"\n >\n <Image\n withLoader={false}\n src={IMAGES.BG_EMPTY_RESOURCES}\n alt=\"Empty resources\"\n width={520}\n height={520}\n />\n\n <Styled.NoResourceText $renderAs=\"ab2-bold\">Type + Search = Resources!</Styled.NoResourceText>\n </FlexView>\n );\n};\n\nexport default NoResourceScreen;\n"],"names":["NoResourceScreen","jsxs","FlexView","jsx","Image","IMAGES","Styled.NoResourceText"],"mappings":";;;;;AAOA,MAAMA,IAAuB,MAEzB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAU;AAAA,IACV,iBAAgB;AAAA,IAChB,aAAY;AAAA,IAEZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAY;AAAA,UACZ,KAAKC,EAAO;AAAA,UACZ,KAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,wBAECC,GAAA,EAAsB,WAAU,YAAW,UAA0B,6BAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AACxE;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"resource-items.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.tsx"],"sourcesContent":["import type { IResourceItems } from './resource-items-types';\nimport type { FC } from 'react';\n\nimport debounce from 'lodash.debounce';\nimport { memo, useEffect, useMemo, useRef } from 'react';\n\nimport SheetIcon from '../../../../../assets/line-icons/icons/sheet';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ResourceItem from '../comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from '../resource-assign-analytics-events';\nimport NoResourceScreen from './no-resource-screen';\nimport * as Styled from './resource-items-styled';\n\nconst ResourceItems: FC<IResourceItems> = memo(props => {\n const {\n pageNumber,\n totalPages,\n resourceItems,\n selectedResource,\n assigningInProgress,\n isFilterAdded,\n onResourceAdditionOrDeletion,\n onResourceAssign,\n onViewResource,\n onPageNumberUpdate,\n } = props;\n\n const containerRef = useRef<HTMLDivElement>(null);\n const analyticsProps = useMemo(\n () => ({\n node_ids: selectedResource.map(({ node_id: nodeId }) => nodeId),\n }),\n [selectedResource],\n );\n\n useEffect(() => {\n const scrollElement = containerRef.current;\n\n if (scrollElement) {\n const handleScroll = debounce(() => {\n const scrollPercentage = scrollElement\n ? scrollElement.scrollTop / (scrollElement.scrollHeight - scrollElement.clientHeight)\n : 0;\n\n if (pageNumber && totalPages)\n if (scrollPercentage > 0.85 && pageNumber < totalPages) {\n onPageNumberUpdate(pageNumber + 1);\n }\n }, 300);\n\n scrollElement.addEventListener('scroll', handleScroll);\n\n return () => {\n scrollElement.removeEventListener('scroll', handleScroll);\n };\n }\n }, [containerRef, pageNumber, totalPages, onPageNumberUpdate]);\n\n if (resourceItems.length === 0) {\n return isFilterAdded ? (\n <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n <SheetIcon opacity={0.38} />\n <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\">\n No sheets match the selected filters\n </Text>\n </FlexView>\n ) : (\n <Styled.ResourceItemWrapper $alignItems=\"center\" $justifyContent=\"center\" $overflowHidden>\n <NoResourceScreen />\n </Styled.ResourceItemWrapper>\n );\n }\n\n return (\n <>\n <Styled.ResourceItemWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.125} ref={containerRef}>\n {resourceItems.map(item => {\n const { id, node_id: nodeId } = item;\n const selected = selectedResource.some(resource => resource.node_id === nodeId);\n\n return (\n <ResourceItem\n key={`${id}_${nodeId}`}\n resource={item}\n onResourceAdditionOrDeletion={onResourceAdditionOrDeletion}\n onViewResource={onViewResource}\n selected={selected}\n />\n );\n })}\n </Styled.ResourceItemWrapper>\n\n {selectedResource.length > 0 && (\n <Styled.ButtonWrapper\n $flexDirection=\"row\"\n $justifyContent=\"flex-end\"\n $gapX={1}\n $gutterX={1}\n >\n <Styled.StyledButton\n renderAs=\"primary\"\n label=\"Assign\"\n shape=\"square\"\n size=\"small\"\n widthX={8.5}\n analyticsLabel={RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ASSIGNED}\n analyticsProps={analyticsProps}\n onClick={onResourceAssign}\n busy={assigningInProgress}\n />\n </Styled.ButtonWrapper>\n )}\n </>\n );\n});\n\nexport default ResourceItems;\n"],"names":["ResourceItems","memo","props","pageNumber","totalPages","resourceItems","selectedResource","assigningInProgress","isFilterAdded","onResourceAdditionOrDeletion","onResourceAssign","onViewResource","onPageNumberUpdate","containerRef","useRef","analyticsProps","useMemo","nodeId","useEffect","scrollElement","handleScroll","debounce","scrollPercentage","FlexView","jsx","SheetIcon","Text","Styled.ResourceItemWrapper","NoResourceScreen","jsxs","Fragment","item","id","selected","resource","ResourceItem","Styled.ButtonWrapper","Styled.StyledButton","RESOURCE_ASSIGN_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAcM,MAAAA,IAAoCC,EAAK,CAASC,MAAA;AAChD,QAAA;AAAA,IACJ,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,~~EACE~~,~~IAAAV~~,GAEEW,IAAeC,EAAuB,IAAI,GAC1CC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUV,EAAiB,IAAI,CAAC,EAAE,SAASW,~~QAAaA~~,CAAM;AAAA,IAAA;AAAA,IAEhE,CAACX,CAAgB;AAAA,~~EAAA~~;~~AA0Bf~~,SAvBJY,EAAU,MAAM;AACd,UAAMC,IAAgBN,EAAa;AAEnC,QAAIM,GAAe;AACX,YAAAC,IAAeC,EAAS,MAAM;AAClC,cAAMC,IAAmBH,IACrBA,EAAc,aAAaA,EAAc,eAAeA,EAAc,gBACtE;AAEJ,QAAIhB,KAAcC,KACZkB,IAAmB,QAAQnB,IAAaC,KAC1CQ,EAAmBT,IAAa,CAAC;AAAA,SAEpC,GAAG;AAEQ,aAAAgB,EAAA,iBAAiB,UAAUC,CAAY,GAE9C,MAAM;AACG,QAAAD,EAAA,oBAAoB,UAAUC,CAAY;AAAA,~~MAAA~~;AAAA,~~IAE5D~~;AAAA,~~KACC~~,CAACP,GAAcV,GAAYC,GAAYQ,CAAkB,CAAC,GAEzDP,EAAc,WAAW,IACpBG,sBACJe,GAAS,EAAA,SAAQ,QAAO,aAAY,UAAS,iBAAgB,UAC5D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,sBACzBC,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,~~wCAAA~~;AAAA,EAAA,EACF,CAAA,IAEA,gBAAAF,EAACG,GAAA,EAA2B,aAAY,UAAS,iBAAgB,UAAS,iBAAe,IACvF,UAAA,gBAAAH,EAACI,~~KAAiB~~,~~EACpB,~~CAAA,IAMA,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAACG,GAAA,EAA2B,OAAO,KAAK,UAAU,KAAK,WAAW,OAAO,KAAKd,GAC3E,UAAAR,EAAc,IAAI,CAAQ0B,MAAA;AACzB,YAAM,EAAE,IAAAC,GAAI,SAASf,~~EAAA~~,~~IAAWc~~,GAC1BE,IAAW3B,EAAiB,KAAK,CAAY4B,MAAAA,EAAS,YAAYjB,CAAM;AAG5E,aAAA,gBAAAO;AAAA,QAACW;AAAA,QAAA;AAAA,UAEC,UAAUJ;AAAA,UACV,8BAAAtB;AAAA,UACA,gBAAAE;AAAA,UACA,UAAAsB;AAAA,QAAA;AAAA,QAJK,GAAGD,CAAE,IAAIf,CAAM;AAAA,~~MAAA~~;AAAA,~~IAOzB~~,CAAA,GACH;AAAA,IAECX,EAAiB,SAAS,KACzB,gBAAAkB;AAAA,MAACY;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA,gBAAAZ;AAAA,UAACa;AAAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,gBAAgBC,EAAiC;AAAA,YACjD,gBAAAvB;AAAA,YACA,SAASL;AAAA,YACT,MAAMH;AAAA,UAAA;AAAA,~~QACR~~;AAAA,~~MAAA~~;AAAA,~~IACF~~;AAAA,~~EAEJ~~,~~EAAA,CAAA~~;AAEJ,CAAC;"}
1	+ {"version":3,"file":"resource-items.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/resource-items/resource-items.tsx"],"sourcesContent":["import type { IResourceItems } from './resource-items-types';\nimport type { FC } from 'react';\n\nimport debounce from 'lodash.debounce';\nimport { memo, useEffect, useMemo, useRef } from 'react';\n\nimport SheetIcon from '../../../../../assets/line-icons/icons/sheet';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ResourceItem from '../comps/resource-item/resource-item';\nimport { RESOURCE_ASSIGN_ANALYTICS_EVENTS } from '../resource-assign-analytics-events';\nimport NoResourceScreen from './no-resource-screen';\nimport * as Styled from './resource-items-styled';\n\nconst ResourceItems: FC<IResourceItems> = memo(props => {\n const {\n pageNumber,\n totalPages,\n resourceItems,\n selectedResource,\n assigningInProgress,\n isFilterAdded,\n onResourceAdditionOrDeletion,\n onResourceAssign,\n onViewResource,\n onPageNumberUpdate,\n } = props;\n\n const containerRef = useRef<HTMLDivElement>(null);\n const analyticsProps = useMemo(\n () => ({\n node_ids: selectedResource.map(({ node_id: nodeId }) => nodeId),\n }),\n [selectedResource],\n );\n\n useEffect(() => {\n const scrollElement = containerRef.current;\n\n if (scrollElement) {\n const handleScroll = debounce(() => {\n const scrollPercentage = scrollElement\n ? scrollElement.scrollTop / (scrollElement.scrollHeight - scrollElement.clientHeight)\n : 0;\n\n if (pageNumber && totalPages)\n if (scrollPercentage > 0.85 && pageNumber < totalPages) {\n onPageNumberUpdate(pageNumber + 1);\n }\n }, 300);\n\n scrollElement.addEventListener('scroll', handleScroll);\n\n return () => {\n scrollElement.removeEventListener('scroll', handleScroll);\n };\n }\n }, [containerRef, pageNumber, totalPages, onPageNumberUpdate]);\n\n if (resourceItems.length === 0) {\n return isFilterAdded ? (\n <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n <SheetIcon opacity={0.38} />\n <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\">\n No sheets match the selected filters\n </Text>\n </FlexView>\n ) : (\n <Styled.ResourceItemWrapper $alignItems=\"center\" $justifyContent=\"center\" $overflowHidden>\n <NoResourceScreen />\n </Styled.ResourceItemWrapper>\n );\n }\n\n return (\n <>\n <Styled.ResourceItemWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.125} ref={containerRef}>\n {resourceItems.map(item => {\n const { id, node_id: nodeId } = item;\n const selected = selectedResource.some(resource => resource.node_id === nodeId);\n\n return (\n <ResourceItem\n key={`${id}_${nodeId}`}\n resource={item}\n onResourceAdditionOrDeletion={onResourceAdditionOrDeletion}\n onViewResource={onViewResource}\n selected={selected}\n />\n );\n })}\n </Styled.ResourceItemWrapper>\n\n {selectedResource.length > 0 && (\n <Styled.ButtonWrapper\n $flexDirection=\"row\"\n $justifyContent=\"flex-end\"\n $gapX={1}\n $gutterX={1}\n >\n <Styled.StyledButton\n renderAs=\"primary\"\n label=\"Assign\"\n shape=\"square\"\n size=\"small\"\n widthX={8.5}\n analyticsLabel={RESOURCE_ASSIGN_ANALYTICS_EVENTS.RESOURCE_ASSIGNED}\n analyticsProps={analyticsProps}\n onClick={onResourceAssign}\n busy={assigningInProgress}\n />\n </Styled.ButtonWrapper>\n )}\n </>\n );\n});\n\nexport default ResourceItems;\n"],"names":["ResourceItems","memo","props","pageNumber","totalPages","resourceItems","selectedResource","assigningInProgress","isFilterAdded","onResourceAdditionOrDeletion","onResourceAssign","onViewResource","onPageNumberUpdate","containerRef","useRef","analyticsProps","useMemo","nodeId","useEffect","scrollElement","handleScroll","debounce","scrollPercentage","FlexView","jsx","SheetIcon","Text","Styled.ResourceItemWrapper","NoResourceScreen","jsxs","Fragment","item","id","selected","resource","ResourceItem","Styled.ButtonWrapper","Styled.StyledButton","RESOURCE_ASSIGN_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAcM,MAAAA,IAAoCC,EAAK,CAASC,MAAA;AAChD,QAAA;AAAA,IACJ,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEV,GAEEW,IAAeC,EAAuB,IAAI,GAC1CC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUV,EAAiB,IAAI,CAAC,EAAE,SAASW,EAAA,MAAaA,CAAM;AAAA,IAAA;AAAA,IAEhE,CAACX,CAAgB;AAAA,EACnB;AAyBI,SAvBJY,EAAU,MAAM;AACd,UAAMC,IAAgBN,EAAa;AAEnC,QAAIM,GAAe;AACX,YAAAC,IAAeC,EAAS,MAAM;AAClC,cAAMC,IAAmBH,IACrBA,EAAc,aAAaA,EAAc,eAAeA,EAAc,gBACtE;AAEJ,QAAIhB,KAAcC,KACZkB,IAAmB,QAAQnB,IAAaC,KAC1CQ,EAAmBT,IAAa,CAAC;AAAA,SAEpC,GAAG;AAEQ,aAAAgB,EAAA,iBAAiB,UAAUC,CAAY,GAE9C,MAAM;AACG,QAAAD,EAAA,oBAAoB,UAAUC,CAAY;AAAA,MAC1D;AAAA,IAAA;AAAA,KAED,CAACP,GAAcV,GAAYC,GAAYQ,CAAkB,CAAC,GAEzDP,EAAc,WAAW,IACpBG,sBACJe,GAAS,EAAA,SAAQ,QAAO,aAAY,UAAS,iBAAgB,UAC5D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,sBACzBC,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,uCAAA,CAAA;AAAA,EAAA,EACF,CAAA,IAEA,gBAAAF,EAACG,GAAA,EAA2B,aAAY,UAAS,iBAAgB,UAAS,iBAAe,IACvF,UAAA,gBAAAH,EAACI,IAAiB,CAAA,GACpB,IAMA,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAACG,GAAA,EAA2B,OAAO,KAAK,UAAU,KAAK,WAAW,OAAO,KAAKd,GAC3E,UAAAR,EAAc,IAAI,CAAQ0B,MAAA;AACzB,YAAM,EAAE,IAAAC,GAAI,SAASf,EAAW,IAAAc,GAC1BE,IAAW3B,EAAiB,KAAK,CAAY4B,MAAAA,EAAS,YAAYjB,CAAM;AAG5E,aAAA,gBAAAO;AAAA,QAACW;AAAA,QAAA;AAAA,UAEC,UAAUJ;AAAA,UACV,8BAAAtB;AAAA,UACA,gBAAAE;AAAA,UACA,UAAAsB;AAAA,QAAA;AAAA,QAJK,GAAGD,CAAE,IAAIf,CAAM;AAAA,MAKtB;AAAA,IAEH,CAAA,GACH;AAAA,IAECX,EAAiB,SAAS,KACzB,gBAAAkB;AAAA,MAACY;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA,gBAAAZ;AAAA,UAACa;AAAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,gBAAgBC,EAAiC;AAAA,YACjD,gBAAAvB;AAAA,YACA,SAASL;AAAA,YACT,MAAMH;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ,CAAC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"resources-assign-styled.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resources-assign-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { HEADER_HEIGHT } from './constant';\n\ninterface IHeaderWrapper {\n $noBorder?: boolean;\n}\n\nconst HeaderWrapper = styled(FlexView)<IHeaderWrapper>(({ theme, $noBorder }) => {\n const { WHITE_5 } = theme.colors;\n\n return `\n ${!$noBorder && `border-bottom: 1px solid ${WHITE_5}`};\n\n & > div {\n width: calc(100% - 48px);\n }\n `;\n});\n\nconst LoaderWrapper = styled.div(({ theme }) => {\n return `\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: ${theme.colors.WHITE_T_15};\n backdrop-filter: blur(8px);\n z-index: 2;\n\n & * {\n pointer-events: none;\n }\n\n & img {\n top: 50%;\n position: absolute;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ${theme.layout.gutter * 5}px;\n height: ${theme.layout.gutter * 5}px;\n filter: brightness(0);\n }\n `;\n});\n\nconst NoResourceText = styled(Text)`\n position: absolute;\n top: 72%;\n left: 50%;\n transform: translate(-50%, -50%);\n`;\n\nconst SearchContainer = styled(FlexView)(({ theme }) => {\n return `\n overflow-y: auto;\n border-right: 1px solid ${theme.colors.WHITE_5};\n `;\n});\n\nconst FilterListWrapper = styled(FlexView)(() => {\n return `\n overflow-y: auto;\n height: calc(100vh - ${HEADER_HEIGHT}px - 16px);\n `;\n});\n\ninterface IFilterTabWrapper {\n $selected: boolean;\n}\n\nconst FilterTabWrapper = styled(FlexView)<IFilterTabWrapper>(({ theme, $selected }) => {\n return `\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: ${$selected ? theme.colors.BLACK : theme.colors.WHITE_5};\n cursor: pointer;\n `;\n});\n\nconst ResourceCountWrapper = styled(FlexView)(() => {\n return `\n min-width: 20px;\n `;\n});\n\nexport {\n FilterListWrapper,\n FilterTabWrapper,\n HeaderWrapper,\n LoaderWrapper,\n NoResourceText,\n ResourceCountWrapper,\n SearchContainer,\n};\n"],"names":["HeaderWrapper","styled","FlexView","theme","$noBorder","WHITE_5","LoaderWrapper","NoResourceText","Text","SearchContainer","FilterListWrapper","HEADER_HEIGHT","FilterTabWrapper","$selected","ResourceCountWrapper"],"mappings":";;;;AAUM,MAAAA,IAAgBC,EAAOC,CAAQ,EAAkB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACzE,QAAA,EAAE,SAAAC,~~EAAQ~~,~~IAAIF,~~EAAM;AAEnB,SAAA;AAAA,MACH,CAACC,KAAa,4BAA4BC,CAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAMzD,CAAC,GAEKC,IAAgBL,EAAO,IAAI,CAAC,EAAE,OAAAE,QAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAa1BA,EAAM,OAAO,SAAS,CAAC;AAAA,kBACtBA,EAAM,OAAO,SAAS,CAAC;AAAA;AAAA;AAAA,KAIxC,GAEKI,IAAiBN,EAAOO,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BC,IAAkBR,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACnC;AAAA;AAAA,8BAEqBA,EAAM,OAAO,OAAO;AAAA,GAEjD,GAEKO,IAAoBT,EAAOC,CAAQ,EAAE,MAClC;AAAA;AAAA,2BAEkBS,CAAa;AAAA,GAEvC,GAMKC,IAAmBX,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAU,QAC9D;AAAA;AAAA;AAAA,2BAGkBA,IAAYV,EAAM,OAAO,QAAQA,EAAM,OAAO,OAAO;AAAA;AAAA,GAG/E,GAEKW,IAAuBb,EAAOC,CAAQ,EAAE,MACrC;AAAA;AAAA,GAGR;"}
1	+ {"version":3,"file":"resources-assign-styled.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/resources-assign-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { HEADER_HEIGHT } from './constant';\n\ninterface IHeaderWrapper {\n $noBorder?: boolean;\n}\n\nconst HeaderWrapper = styled(FlexView)<IHeaderWrapper>(({ theme, $noBorder }) => {\n const { WHITE_5 } = theme.colors;\n\n return `\n ${!$noBorder && `border-bottom: 1px solid ${WHITE_5}`};\n\n & > div {\n width: calc(100% - 48px);\n }\n `;\n});\n\nconst LoaderWrapper = styled.div(({ theme }) => {\n return `\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: ${theme.colors.WHITE_T_15};\n backdrop-filter: blur(8px);\n z-index: 2;\n\n & * {\n pointer-events: none;\n }\n\n & img {\n top: 50%;\n position: absolute;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ${theme.layout.gutter * 5}px;\n height: ${theme.layout.gutter * 5}px;\n filter: brightness(0);\n }\n `;\n});\n\nconst NoResourceText = styled(Text)`\n position: absolute;\n top: 72%;\n left: 50%;\n transform: translate(-50%, -50%);\n`;\n\nconst SearchContainer = styled(FlexView)(({ theme }) => {\n return `\n overflow-y: auto;\n border-right: 1px solid ${theme.colors.WHITE_5};\n `;\n});\n\nconst FilterListWrapper = styled(FlexView)(() => {\n return `\n overflow-y: auto;\n height: calc(100vh - ${HEADER_HEIGHT}px - 16px);\n `;\n});\n\ninterface IFilterTabWrapper {\n $selected: boolean;\n}\n\nconst FilterTabWrapper = styled(FlexView)<IFilterTabWrapper>(({ theme, $selected }) => {\n return `\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: ${$selected ? theme.colors.BLACK : theme.colors.WHITE_5};\n cursor: pointer;\n `;\n});\n\nconst ResourceCountWrapper = styled(FlexView)(() => {\n return `\n min-width: 20px;\n `;\n});\n\nexport {\n FilterListWrapper,\n FilterTabWrapper,\n HeaderWrapper,\n LoaderWrapper,\n NoResourceText,\n ResourceCountWrapper,\n SearchContainer,\n};\n"],"names":["HeaderWrapper","styled","FlexView","theme","$noBorder","WHITE_5","LoaderWrapper","NoResourceText","Text","SearchContainer","FilterListWrapper","HEADER_HEIGHT","FilterTabWrapper","$selected","ResourceCountWrapper"],"mappings":";;;;AAUM,MAAAA,IAAgBC,EAAOC,CAAQ,EAAkB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACzE,QAAA,EAAE,SAAAC,MAAYF,EAAM;AAEnB,SAAA;AAAA,MACH,CAACC,KAAa,4BAA4BC,CAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAMzD,CAAC,GAEKC,IAAgBL,EAAO,IAAI,CAAC,EAAE,OAAAE,QAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAa1BA,EAAM,OAAO,SAAS,CAAC;AAAA,kBACtBA,EAAM,OAAO,SAAS,CAAC;AAAA;AAAA;AAAA,KAIxC,GAEKI,IAAiBN,EAAOO,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BC,IAAkBR,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACnC;AAAA;AAAA,8BAEqBA,EAAM,OAAO,OAAO;AAAA,GAEjD,GAEKO,IAAoBT,EAAOC,CAAQ,EAAE,MAClC;AAAA;AAAA,2BAEkBS,CAAa;AAAA,GAEvC,GAMKC,IAAmBX,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAU,QAC9D;AAAA;AAAA;AAAA,2BAGkBA,IAAYV,EAAM,OAAO,QAAQA,EAAM,OAAO,OAAO;AAAA;AAAA,GAG/E,GAEKW,IAAuBb,EAAOC,CAAQ,EAAE,MACrC;AAAA;AAAA,GAGR;"}