@cuemath/leap 2.9.5-j2 → 2.9.5-j3
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.
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { STUDENT_GRADE_OPTIONS as
|
|
4
|
-
import { InputWrapper as
|
|
2
|
+
import a from "../../../../ui/text/text.js";
|
|
3
|
+
import { STUDENT_GRADE_OPTIONS as c } from "../../signup-constants.js";
|
|
4
|
+
import { InputWrapper as p } from "../input-wrapper/input-wrapper.js";
|
|
5
5
|
import { GradeListWrapper as $, GradeItem as l } from "./grade-input-styled.js";
|
|
6
|
-
const m = ({ value: n, onChange: d, error: i }) => /* @__PURE__ */ r(
|
|
6
|
+
const m = ({ value: n, onChange: d, error: i }) => /* @__PURE__ */ r(p, { helperText: i, children: /* @__PURE__ */ r($, { $flexDirection: "row", $flexWrap: !0, $flexGapX: 1, children: [...c].map(({ label: o, value: e }) => {
|
|
7
7
|
const t = e === n;
|
|
8
8
|
return /* @__PURE__ */ r(
|
|
9
9
|
l,
|
|
@@ -17,9 +17,9 @@ const m = ({ value: n, onChange: d, error: i }) => /* @__PURE__ */ r(c, { helper
|
|
|
17
17
|
$justifyContent: "center",
|
|
18
18
|
$background: t ? "WHITE" : "REAL_BLACK",
|
|
19
19
|
$borderColor: t ? "WHITE" : "BLACK_5",
|
|
20
|
-
$width: e === "
|
|
20
|
+
$width: e === "-1" ? 96 : 40,
|
|
21
21
|
$height: 40,
|
|
22
|
-
children: /* @__PURE__ */ r(
|
|
22
|
+
children: /* @__PURE__ */ r(a, { $align: "center", $renderAs: "ab1", children: o })
|
|
23
23
|
},
|
|
24
24
|
e
|
|
25
25
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grade-input.js","sources":["../../../../../../src/features/auth/signup/custom-input/grade-input/grade-input.tsx"],"sourcesContent":["import type { ICustomInputProps } from '../custom-input-types';\nimport type { FC } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport { STUDENT_GRADE_OPTIONS } from '../../signup-constants';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\nimport * as Styled from './grade-input-styled';\n\nconst GradeInput: FC<ICustomInputProps> = ({ value, onChange, error }) => {\n return (\n <InputWrapper helperText={error}>\n <Styled.GradeListWrapper $flexDirection=\"row\" $flexWrap $flexGapX={1}>\n {[...STUDENT_GRADE_OPTIONS].map(({ label, value: optionVal }) => {\n const isSelected = optionVal === value;\n\n return (\n <Styled.GradeItem\n key={optionVal}\n selected={isSelected}\n onClick={() => onChange(optionVal)}\n $borderRadius={48}\n $gutter={13}\n $gap={6}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $background={isSelected ? 'WHITE' : 'REAL_BLACK'}\n $borderColor={isSelected ? 'WHITE' : 'BLACK_5'}\n $width={optionVal === '
|
|
1
|
+
{"version":3,"file":"grade-input.js","sources":["../../../../../../src/features/auth/signup/custom-input/grade-input/grade-input.tsx"],"sourcesContent":["import type { ICustomInputProps } from '../custom-input-types';\nimport type { FC } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport { STUDENT_GRADE_OPTIONS } from '../../signup-constants';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\nimport * as Styled from './grade-input-styled';\n\nconst GradeInput: FC<ICustomInputProps> = ({ value, onChange, error }) => {\n return (\n <InputWrapper helperText={error}>\n <Styled.GradeListWrapper $flexDirection=\"row\" $flexWrap $flexGapX={1}>\n {[...STUDENT_GRADE_OPTIONS].map(({ label, value: optionVal }) => {\n const isSelected = optionVal === value;\n\n return (\n <Styled.GradeItem\n key={optionVal}\n selected={isSelected}\n onClick={() => onChange(optionVal)}\n $borderRadius={48}\n $gutter={13}\n $gap={6}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $background={isSelected ? 'WHITE' : 'REAL_BLACK'}\n $borderColor={isSelected ? 'WHITE' : 'BLACK_5'}\n $width={optionVal === '-1' ? 96 : 40}\n $height={40}\n >\n <Text $align=\"center\" $renderAs=\"ab1\">\n {label}\n </Text>\n </Styled.GradeItem>\n );\n })}\n </Styled.GradeListWrapper>\n </InputWrapper>\n );\n};\n\nexport default GradeInput;\n"],"names":["GradeInput","value","onChange","error","jsx","InputWrapper","Styled.GradeListWrapper","STUDENT_GRADE_OPTIONS","label","optionVal","isSelected","Styled.GradeItem","Text","GradeInput$1"],"mappings":";;;;;AAQA,MAAMA,IAAoC,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,QAE1D,gBAAAC,EAACC,GAAa,EAAA,YAAYF,GACxB,UAAA,gBAAAC,EAACE,GAAA,EAAwB,gBAAe,OAAM,WAAS,IAAC,WAAW,GAChE,UAAA,CAAC,GAAGC,CAAqB,EAAE,IAAI,CAAC,EAAE,OAAAC,GAAO,OAAOC,EAAA,MAAgB;AAC/D,QAAMC,IAAaD,MAAcR;AAG/B,SAAA,gBAAAG;AAAA,IAACO;AAAAA,IAAA;AAAA,MAEC,UAAUD;AAAA,MACV,SAAS,MAAMR,EAASO,CAAS;AAAA,MACjC,eAAe;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAaC,IAAa,UAAU;AAAA,MACpC,cAAcA,IAAa,UAAU;AAAA,MACrC,QAAQD,MAAc,OAAO,KAAK;AAAA,MAClC,SAAS;AAAA,MAET,4BAACG,GAAK,EAAA,QAAO,UAAS,WAAU,OAC7B,UACHJ,GAAA;AAAA,IAAA;AAAA,IAfKC;AAAA,EAAA;AAgBP,CAEH,GACH,EACF,CAAA,GAIJI,IAAeb;"}
|