@cuemath/leap 3.0.30-j → 3.0.30
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.
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js +12 -0
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js.map +1 -0
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +9 -8
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
- package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js +1 -1
- package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js.map +1 -1
- package/dist/features/auth/forgot-password/forgot-password-styled.js +3 -15
- package/dist/features/auth/forgot-password/forgot-password-styled.js.map +1 -1
- package/dist/features/auth/forgot-password/otp-form/otp-form.js +29 -29
- package/dist/features/auth/forgot-password/otp-form/otp-form.js.map +1 -1
- package/dist/features/auth/forgot-password/reset-password-form/reset-password-form.js +4 -2
- package/dist/features/auth/forgot-password/reset-password-form/reset-password-form.js.map +1 -1
- package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js +15 -13
- package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js.map +1 -1
- package/dist/features/auth/login/social-login-methods/social-login-methods.js +34 -43
- package/dist/features/auth/login/social-login-methods/social-login-methods.js.map +1 -1
- package/dist/features/auth/login/username-password-form/username-password-form.js +21 -22
- package/dist/features/auth/login/username-password-form/username-password-form.js.map +1 -1
- package/dist/features/homework/styles.js +5 -4
- package/dist/features/homework/styles.js.map +1 -1
- package/dist/features/ui/buttons/button/button-styled.js +29 -29
- package/dist/features/ui/buttons/button/button-styled.js.map +1 -1
- package/dist/index.d.ts +2 -19
- package/dist/index.js +49 -53
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styled.js +0 -21
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styled.js.map +0 -1
- package/dist/features/auth/login/login-styled.js +0 -13
- package/dist/features/auth/login/login-styled.js.map +0 -1
- package/dist/features/auth/login/social-login-methods/social-login-methods-styled.js +0 -9
- package/dist/features/auth/login/social-login-methods/social-login-methods-styled.js.map +0 -1
- package/dist/features/hooks/use-device-type.js +0 -25
- package/dist/features/hooks/use-device-type.js.map +0 -1
- package/dist/features/utils/media.js +0 -16
- package/dist/features/utils/media.js.map +0 -1
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"auth-page-layout-styled.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { media } from '../../../utils/media';\n\nexport const Container = styled(FlexView)`\n min-height: 100vh;\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n overflow: hidden;\n ${media.down919} {\n width: 100%;\n }\n`;\n\nexport const RightPanel = styled(FlexView)`\n ${media.down919} {\n display: none;\n }\n`;\n"],"names":["Container","styled","FlexView","ContentWrapper","media","RightPanel"],"mappings":";;;AAKa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAiBF,EAAOC,CAAQ;AAAA;AAAA,IAEzCE,EAAM,OAAO;AAAA;AAAA;AAAA,GAKJC,IAAaJ,EAAOC,CAAQ;AAAA,IACrCE,EAAM,OAAO;AAAA;AAAA;AAAA;"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import t from "styled-components";
|
2
|
-
import o from "../../ui/buttons/button/button.js";
|
3
|
-
const i = t.form`
|
4
|
-
max-width: 336px;
|
5
|
-
width: 100%;
|
6
|
-
`;
|
7
|
-
t(o)`
|
8
|
-
max-width: 160px;
|
9
|
-
`;
|
10
|
-
export {
|
11
|
-
i as FormContainer
|
12
|
-
};
|
13
|
-
//# sourceMappingURL=login-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"login-styled.js","sources":["../../../../src/features/auth/login/login-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../ui/buttons/button/button';\n\nconst FormContainer = styled.form`\n max-width: 336px;\n width: 100%;\n`;\n\nconst ButtonWrapper = styled(Button)`\n max-width: 160px;\n`;\n\nexport { FormContainer, ButtonWrapper };\n"],"names":["FormContainer","styled","Button"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAKPA,EAAOC,CAAM;AAAA;AAAA;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"social-login-methods-styled.js","sources":["../../../../../src/features/auth/login/social-login-methods/social-login-methods-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Wrapper = styled(FlexView)`\n max-width: 336px;\n`;\n"],"names":["Wrapper","styled","FlexView"],"mappings":";;AAIa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA;AAAA;"}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { useState as n, useEffect as o } from "react";
|
2
|
-
import { getDeviceType as r } from "../utils/media.js";
|
3
|
-
const d = () => {
|
4
|
-
const [i, s] = n(() => window.innerWidth);
|
5
|
-
o(() => {
|
6
|
-
function t() {
|
7
|
-
s(window.innerWidth);
|
8
|
-
}
|
9
|
-
return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
10
|
-
}, []);
|
11
|
-
const e = r(i);
|
12
|
-
return {
|
13
|
-
width: i,
|
14
|
-
isMobile: e === "mobile",
|
15
|
-
isTablet: e === "tablet",
|
16
|
-
isDesktop: e === "desktop",
|
17
|
-
isLarge: e === "large",
|
18
|
-
isXL: e === "xl",
|
19
|
-
deviceType: e
|
20
|
-
};
|
21
|
-
}, p = d;
|
22
|
-
export {
|
23
|
-
p as default
|
24
|
-
};
|
25
|
-
//# sourceMappingURL=use-device-type.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"use-device-type.js","sources":["../../../src/features/hooks/use-device-type.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDeviceType } from '../utils/media';\n\ninterface IUseDeviceTypeReturn {\n width: number;\n isMobile: boolean;\n isTablet: boolean;\n isDesktop: boolean;\n isLarge: boolean;\n isXL: boolean;\n deviceType: 'mobile' | 'tablet' | 'desktop' | 'large' | 'xl';\n}\n\nconst useDeviceType = (): IUseDeviceTypeReturn => {\n const [width, setWidth] = useState(() => window.innerWidth);\n\n useEffect(() => {\n function handleResize() {\n setWidth(window.innerWidth);\n }\n\n window.addEventListener('resize', handleResize);\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n const deviceType = getDeviceType(width);\n\n return {\n width,\n isMobile: deviceType === 'mobile',\n isTablet: deviceType === 'tablet',\n isDesktop: deviceType === 'desktop',\n isLarge: deviceType === 'large',\n isXL: deviceType === 'xl',\n deviceType,\n };\n};\n\nexport default useDeviceType;\n"],"names":["useDeviceType","width","setWidth","useState","useEffect","handleResize","deviceType","getDeviceType","useDeviceType$1"],"mappings":";;AAcA,MAAMA,IAAgB,MAA4B;AAChD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAM,OAAO,UAAU;AAE1D,EAAAC,EAAU,MAAM;AACd,aAASC,IAAe;AACtB,MAAAH,EAAS,OAAO,UAAU;AAAA,IAC5B;AAEO,kBAAA,iBAAiB,UAAUG,CAAY,GAEvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAE,CAAA;AAEC,QAAAC,IAAaC,EAAcN,CAAK;AAE/B,SAAA;AAAA,IACL,OAAAA;AAAA,IACA,UAAUK,MAAe;AAAA,IACzB,UAAUA,MAAe;AAAA,IACzB,WAAWA,MAAe;AAAA,IAC1B,SAASA,MAAe;AAAA,IACxB,MAAMA,MAAe;AAAA,IACrB,YAAAA;AAAA,EAAA;AAEJ,GAEAE,IAAeR;"}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
const e = {
|
2
|
-
mobile: 480,
|
3
|
-
tablet: 760,
|
4
|
-
desktop: 920,
|
5
|
-
large: 1200,
|
6
|
-
xl: 1424
|
7
|
-
}, t = (r) => r < e.mobile || r >= e.mobile && r < e.tablet ? "mobile" : r >= e.tablet && r < e.desktop ? "tablet" : r >= e.desktop && r < e.large ? "desktop" : r >= e.large && r < e.xl ? "large" : (r >= e.xl, "xl"), l = {
|
8
|
-
up920: `@media (min-width: ${e.desktop}px)`,
|
9
|
-
down919: `@media (max-width: ${e.desktop - 1}px)`
|
10
|
-
};
|
11
|
-
export {
|
12
|
-
e as BREAKPOINTS,
|
13
|
-
t as getDeviceType,
|
14
|
-
l as media
|
15
|
-
};
|
16
|
-
//# sourceMappingURL=media.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"media.js","sources":["../../../src/features/utils/media.ts"],"sourcesContent":["export const BREAKPOINTS = {\n mobile: 480,\n tablet: 760,\n desktop: 920,\n large: 1200,\n xl: 1424,\n};\nexport type TDeviceType = 'mobile' | 'tablet' | 'desktop' | 'large' | 'xl';\n\nexport const getDeviceType = (width: number): TDeviceType => {\n if (width < BREAKPOINTS.mobile) return 'mobile';\n\n if (width >= BREAKPOINTS.mobile && width < BREAKPOINTS.tablet) return 'mobile';\n\n if (width >= BREAKPOINTS.tablet && width < BREAKPOINTS.desktop) return 'tablet';\n\n if (width >= BREAKPOINTS.desktop && width < BREAKPOINTS.large) return 'desktop';\n\n if (width >= BREAKPOINTS.large && width < BREAKPOINTS.xl) return 'large';\n\n if (width >= BREAKPOINTS.xl) return 'xl';\n\n return 'xl';\n};\n\nexport const media = {\n up920: `@media (min-width: ${BREAKPOINTS.desktop}px)`,\n down919: `@media (max-width: ${BREAKPOINTS.desktop - 1}px)`,\n};\n"],"names":["BREAKPOINTS","getDeviceType","width","media"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,IAAI;AACN,GAGaC,IAAgB,CAACC,MACxBA,IAAQF,EAAY,UAEpBE,KAASF,EAAY,UAAUE,IAAQF,EAAY,SAAe,WAElEE,KAASF,EAAY,UAAUE,IAAQF,EAAY,UAAgB,WAEnEE,KAASF,EAAY,WAAWE,IAAQF,EAAY,QAAc,YAElEE,KAASF,EAAY,SAASE,IAAQF,EAAY,KAAW,WAE7DE,KAASF,EAAY,IAAW,OAKzBG,IAAQ;AAAA,EACnB,OAAO,sBAAsBH,EAAY,OAAO;AAAA,EAChD,SAAS,sBAAsBA,EAAY,UAAU,CAAC;AACxD;"}
|