@cuemath/leap 3.3.7-j1 → 3.3.7

package/dist/features/ui/inputs/base-select-input/select-section/select-section.js

@@ -1,8 +1,8 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { memo as u, useCallback as l } from "react";
-import b from "../../../section-list/section-list.js";
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { memo as b, useCallback as l } from "react";
+import f from "../../../section-list/section-list.js";
 import d from "../../../text/text.js";
-import { SelectOptionHeader as f, SelectOptionWrapper as A } from "./select-section-styled.js";
+import { SelectOptionHeader as x, SelectOptionWrapper as A } from "./select-section-styled.js";
 const S = ({
   sectionOptions: a,
   theme: m,
@@ -10,12 +10,12 @@ const S = ({
   onChange: c
 }) => {
   const t = m === "dark", p = l(
-    (e) => /* @__PURE__ */ o(f, { $gutterX: 1, children: /* @__PURE__ */ o(d, { $renderAs: "ac4", $color: t ? "WHITE_T_38" : "BLACK_T_38", children: e.title }) }),
+    (e) => /* @__PURE__ */ o(x, { $gutterX: 1, children: /* @__PURE__ */ o(d, { $renderAs: "ac4", $color: t ? "WHITE_T_38" : "BLACK_T_38", children: e.title }) }),
     [t]
   ), T = l(
     (e) => {
-      const { id: r, label: $, tag: s } = e, i = r === n;
-      return /* @__PURE__ */ h(
+      const { id: r, label: $, tag: i, textDecoration: h } = e, s = r === n;
+      return /* @__PURE__ */ u(
         A,
         {
           className: "base-select-input-option",
@@ -29,12 +29,13 @@ const S = ({
             /* @__PURE__ */ o(
               d,
               {
-                $renderAs: t ? i ? "ub2-bold" : "ub2" : i ? "body1Medium" : "body1",
+                $renderAs: t ? s ? "ub2-bold" : "ub2" : s ? "body1Medium" : "body1",
                 $color: t ? "WHITE_T_87" : "BLACK",
+                $textDecoration: h,
                 children: $
               }
             ),
-            s || null
+            i || null
           ]
         }
       );
@@ -42,7 +43,7 @@ const S = ({
     [n, t, c]
   );
   return /* @__PURE__ */ o(
-    b,
+    f,
     {
       data: a,
       renderSectionHeader: p,
@@ -50,7 +51,7 @@ const S = ({
       keyExtractor: ({ id: e }, r) => `${e}_${r}`
     }
   );
-}, j = u(S);
+}, j = b(S);
 export {
   j as default
 };

package/dist/features/ui/inputs/base-select-input/select-section/select-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-section.js","sources":["../../../../../../src/features/ui/inputs/base-select-input/select-section/select-section.tsx"],"sourcesContent":["import type { ISectionOption } from '../../../section-list/section-list-types';\nimport type { ISelectOption } from '../base-select-input-types';\nimport type { ISelectSection } from './select-section-types';\nimport type { ReactElement } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport SectionList from '../../../section-list/section-list';\nimport Text from '../../../text/text';\nimport * as Styled from './select-section-styled';\n\nconst SelectSectionComponent = <IDType extends string | number>({\n  sectionOptions,\n  theme,\n  value,\n  onChange,\n}: ISelectSection<IDType>): ReactElement => {\n  const isDarkTheme = theme === 'dark';\n\n  const renderSectionHeader = useCallback(\n    (section: ISectionOption<ISelectOption<IDType>>) => {\n      return (\n        <Styled.SelectOptionHeader $gutterX={1}>\n          <Text $renderAs=\"ac4\" $color={isDarkTheme ? 'WHITE_T_38' : 'BLACK_T_38'}>\n            {section.title}\n          </Text>\n        </Styled.SelectOptionHeader>\n      );\n    },\n    [isDarkTheme],\n  );\n\n  const renderItem = useCallback(\n    (dataItem: ISelectOption<IDType>) => {\n      const { id, label, tag } = dataItem;\n      const selected = id === value;\n      const lightThemeRenderAs = selected ? 'body1Medium' : 'body1';\n      const darkThemeRenderAs = selected ? 'ub2-bold' : 'ub2';\n      const Tag = tag ? (tag as ReactElement) : null;\n\n      return (\n        <Styled.SelectOptionWrapper\n          className=\"base-select-input-option\"\n          onClick={() => onChange(id, dataItem)}\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $flexGapX={0.5}\n        >\n          <Text\n            $renderAs={isDarkTheme ? darkThemeRenderAs : lightThemeRenderAs}\n            $color={isDarkTheme ? 'WHITE_T_87' : 'BLACK'}\n          >\n            {label}\n          </Text>\n\n          {Tag}\n        </Styled.SelectOptionWrapper>\n      );\n    },\n    [value, isDarkTheme, onChange],\n  );\n\n  return (\n    <SectionList<ISelectOption<IDType>>\n      data={sectionOptions}\n      renderSectionHeader={renderSectionHeader}\n      renderItem={renderItem}\n      keyExtractor={({ id }, idx) => `${id}_${idx}`}\n    />\n  );\n};\n\nconst SelectSection = memo(SelectSectionComponent) as <IDType extends string | number>(\n  props: ISelectSection<IDType>,\n) => ReactElement;\n\nexport default SelectSection;\n"],"names":["SelectSectionComponent","sectionOptions","theme","value","onChange","isDarkTheme","renderSectionHeader","useCallback","section","Styled.SelectOptionHeader","jsx","Text","renderItem","dataItem","id","label","tag","selected","jsxs","Styled.SelectOptionWrapper","SectionList","idx","SelectSection","memo"],"mappings":";;;;;AAWA,MAAMA,IAAyB,CAAiC;AAAA,EAC9D,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA4C;AAC1C,QAAMC,IAAcH,MAAU,QAExBI,IAAsBC;AAAA,IAC1B,CAACC,wBAEIC,GAAA,EAA0B,UAAU,GACnC,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAQN,IAAc,eAAe,cACxD,UAAAG,EAAQ,OACX,EACF,CAAA;AAAA,IAGJ,CAACH,CAAW;AAAA,EAAA,GAGRO,IAAaL;AAAA,IACjB,CAACM,MAAoC;AACnC,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,KAAAC,EAAA,IAAQH,GACrBI,IAAWH,MAAOX;AAMtB,aAAA,gBAAAe;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAMf,EAASU,GAAID,CAAQ;AAAA,UACpC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,WAAW;AAAA,UAEX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWN,IAdSY,IAAW,aAAa,QADvBA,IAAW,gBAAgB;AAAA,gBAgBhD,QAAQZ,IAAc,eAAe;AAAA,gBAEpC,UAAAU;AAAA,cAAA;AAAA,YACH;AAAA,YAjBQC,KAA8B;AAAA,UAmBrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAAA,IACA,CAACb,GAAOE,GAAaD,CAAQ;AAAA,EAAA;AAI7B,SAAA,gBAAAM;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,MAAMnB;AAAA,MACN,qBAAAK;AAAA,MACA,YAAAM;AAAA,MACA,cAAc,CAAC,EAAE,IAAAE,KAAMO,MAAQ,GAAGP,CAAE,IAAIO,CAAG;AAAA,IAAA;AAAA,EAAA;AAGjD,GAEMC,IAAgBC,EAAKvB,CAAsB;"}
+{"version":3,"file":"select-section.js","sources":["../../../../../../src/features/ui/inputs/base-select-input/select-section/select-section.tsx"],"sourcesContent":["import type { ISectionOption } from '../../../section-list/section-list-types';\nimport type { ISelectOption } from '../base-select-input-types';\nimport type { ISelectSection } from './select-section-types';\nimport type { ReactElement } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport SectionList from '../../../section-list/section-list';\nimport Text from '../../../text/text';\nimport * as Styled from './select-section-styled';\n\nconst SelectSectionComponent = <IDType extends string | number>({\n  sectionOptions,\n  theme,\n  value,\n  onChange,\n}: ISelectSection<IDType>): ReactElement => {\n  const isDarkTheme = theme === 'dark';\n\n  const renderSectionHeader = useCallback(\n    (section: ISectionOption<ISelectOption<IDType>>) => {\n      return (\n        <Styled.SelectOptionHeader $gutterX={1}>\n          <Text $renderAs=\"ac4\" $color={isDarkTheme ? 'WHITE_T_38' : 'BLACK_T_38'}>\n            {section.title}\n          </Text>\n        </Styled.SelectOptionHeader>\n      );\n    },\n    [isDarkTheme],\n  );\n\n  const renderItem = useCallback(\n    (dataItem: ISelectOption<IDType>) => {\n      const { id, label, tag, textDecoration } = dataItem;\n      const selected = id === value;\n      const lightThemeRenderAs = selected ? 'body1Medium' : 'body1';\n      const darkThemeRenderAs = selected ? 'ub2-bold' : 'ub2';\n      const Tag = tag ? (tag as ReactElement) : null;\n\n      return (\n        <Styled.SelectOptionWrapper\n          className=\"base-select-input-option\"\n          onClick={() => onChange(id, dataItem)}\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $flexGapX={0.5}\n        >\n          <Text\n            $renderAs={isDarkTheme ? darkThemeRenderAs : lightThemeRenderAs}\n            $color={isDarkTheme ? 'WHITE_T_87' : 'BLACK'}\n            $textDecoration={textDecoration}\n          >\n            {label}\n          </Text>\n\n          {Tag}\n        </Styled.SelectOptionWrapper>\n      );\n    },\n    [value, isDarkTheme, onChange],\n  );\n\n  return (\n    <SectionList<ISelectOption<IDType>>\n      data={sectionOptions}\n      renderSectionHeader={renderSectionHeader}\n      renderItem={renderItem}\n      keyExtractor={({ id }, idx) => `${id}_${idx}`}\n    />\n  );\n};\n\nconst SelectSection = memo(SelectSectionComponent) as <IDType extends string | number>(\n  props: ISelectSection<IDType>,\n) => ReactElement;\n\nexport default SelectSection;\n"],"names":["SelectSectionComponent","sectionOptions","theme","value","onChange","isDarkTheme","renderSectionHeader","useCallback","section","Styled.SelectOptionHeader","jsx","Text","renderItem","dataItem","id","label","tag","textDecoration","selected","jsxs","Styled.SelectOptionWrapper","SectionList","idx","SelectSection","memo"],"mappings":";;;;;AAWA,MAAMA,IAAyB,CAAiC;AAAA,EAC9D,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA4C;AAC1C,QAAMC,IAAcH,MAAU,QAExBI,IAAsBC;AAAA,IAC1B,CAACC,wBAEIC,GAAA,EAA0B,UAAU,GACnC,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAQN,IAAc,eAAe,cACxD,UAAAG,EAAQ,OACX,EACF,CAAA;AAAA,IAGJ,CAACH,CAAW;AAAA,EAAA,GAGRO,IAAaL;AAAA,IACjB,CAACM,MAAoC;AACnC,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,KAAAC,GAAK,gBAAAC,MAAmBJ,GACrCK,IAAWJ,MAAOX;AAMtB,aAAA,gBAAAgB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAMhB,EAASU,GAAID,CAAQ;AAAA,UACpC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,WAAW;AAAA,UAEX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWN,IAdSa,IAAW,aAAa,QADvBA,IAAW,gBAAgB;AAAA,gBAgBhD,QAAQb,IAAc,eAAe;AAAA,gBACrC,iBAAiBY;AAAA,gBAEhB,UAAAF;AAAA,cAAA;AAAA,YACH;AAAA,YAlBQC,KAA8B;AAAA,UAoBrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAAA,IACA,CAACb,GAAOE,GAAaD,CAAQ;AAAA,EAAA;AAI7B,SAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,MAAMpB;AAAA,MACN,qBAAAK;AAAA,MACA,YAAAM;AAAA,MACA,cAAc,CAAC,EAAE,IAAAE,KAAMQ,MAAQ,GAAGR,CAAE,IAAIQ,CAAG;AAAA,IAAA;AAAA,EAAA;AAGjD,GAEMC,IAAgBC,EAAKxB,CAAsB;"}

package/dist/index.d.ts

@@ -2424,7 +2424,7 @@ declare interface IMilestoneCardPermissions {
     visible_tabs: string[];
 }
 
-export declare interface IMilestoneConfig {
+declare interface IMilestoneConfig {
     action_plan: Record<'green' | 'red' | 'yellow', {
         share_message_template: string;
     }>;
@@ -2988,7 +2988,7 @@ export declare interface IPostGameStatsRef {
 declare interface IPreferencesCurriculumMap {
     course_stream: TCourseStream;
     is_live: boolean;
-    preference_category: TLearningPreferenceCategory;
+    preference_category: TPreferenceCategory;
     preference_code: string;
     preference_grades: string[];
     preference_name: string;
@@ -3343,6 +3343,7 @@ declare interface ISelectionCardOption<IDType> {
 declare interface ISelectOption<IDType> {
     id: IDType;
     label: string;
+    textDecoration?: string;
     [key: string]: unknown;
 }
 
@@ -4546,6 +4547,15 @@ export declare const JourneyProvider: FC<IJourneyProviderProps>;
 
 export declare const Leaderboard: ({ leaderboardData, type, userId, onClose, isLoading, streakInfo, }: ILeaderboardProps) => JSX.Element;
 
+export declare const LEARNING_PREFERENCE_CATEGORY: {
+    readonly LEVEL: "Level";
+    readonly FOCUS: "Focus";
+    readonly BEHAVIOR: "Behaviors";
+    readonly OBJECTIVES: "Objectives";
+    readonly POSITION: "Position";
+    readonly COURSE: "Course";
+};
+
 export declare const LearnosityPreloader: FC<PropsWithChildren<ILearnosityPreloaderProps>>;
 
 export declare const LeftIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
@@ -5020,15 +5030,6 @@ export declare const PostGameStats: NamedExoticComponent<IPostGameStatsProps & R
 
 export declare const PracticeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-declare const PREFERENCE_CATEGORY: {
-    readonly LEVEL: "Level";
-    readonly FOCUS: "Focus";
-    readonly BEHAVIOR: "Behaviors";
-    readonly OBJECTIVES: "Objectives";
-    readonly POSITION: "Position";
-    readonly COURSE: "Course";
-};
-
 export declare const PreviewWorksheet: FC<IPreviewWorksheetProps>;
 
 export declare const ProgressIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -5323,10 +5324,6 @@ export declare const StudentDetails: FC<IStudentDetailsProps>;
 
 export declare const StudentProfileHighlights: FC<IStudentProfileHighlightsProps>;
 
-export declare const StudentProfileSummaryModal: () => JSX.Element;
-
-export declare const StudentTrialReportModal: () => JSX.Element;
-
 export declare const SubmitMilestoneModal: React.FC<ISubmitModalProps>;
 
 export declare const SwitchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -5911,8 +5908,6 @@ export declare type TJourneyId = JOURNEY_ID_STUDENT | JOURNEY_ID_TEACHER;
 
 declare type TLayerKey = 'layer-1' | 'layer-2' | 'layer-3' | 'layer-4';
 
-export declare type TLearningPreferenceCategory = (typeof PREFERENCE_CATEGORY)[keyof typeof PREFERENCE_CATEGORY];
-
 declare type TLearnosityPreloaderContextValue = {
     scriptStatus: Omit<TScriptStatus, 'loaded'>;
     defaultAPIURL: string;
@@ -6198,6 +6193,8 @@ declare type TPreference = {
     selectedTime: string;
 };
 
+declare type TPreferenceCategory = (typeof LEARNING_PREFERENCE_CATEGORY)[keyof typeof LEARNING_PREFERENCE_CATEGORY];
+
 declare type TProfileHighlight = {
     illustration: string;
     background: TColorNames;