@magmamath/students-features 0.9.0-rc2 → 0.9.0-rc20

package/src/features/keyboard/types/MathKeysGroups/calculusOperators.tsx

@@ -1,11 +1,11 @@
 import React from 'react'
-import { MathKeysGroup } from '../../types'
+import { MathKeysGroup } from '../types'
 import { COLORS } from '@magmamath/react-native-ui'
 import { IntegralIcon } from '../../../../shared/icons/MATH/IntegralIcon/IntegralIcon'
 import { DoubleIntegralIcon } from '../../../../shared/icons/MATH/DoubleIntegralIcon/DoubleIntegralIcon'
 import { DefiniteIntegralIcon } from '../../../../shared/icons/MATH/DefiniteIntegralIcon/DefiniteIntegralIcon'
 import { DerivativeIcon } from '../../../../shared/icons/MATH/DerivativeIcon/DerivativeIcon'
-import { DEFAULT_KEY_ICON_PROPS } from '../../constants'
+import { DEFAULT_KEY_ICON_PROPS } from '../../constants/constants'
 
 export enum MathIntegralsAndDerivativesOperator {
   INTEGRAL = 'INTEGRAL',
@@ -31,8 +31,8 @@ export const MATH_INTEGRALS_AND_DERIVATIVES: MathKeysGroup<
     icon: (
       <DefiniteIntegralIcon {...DEFAULT_KEY_ICON_PROPS} size={20} extraColor={COLORS.NEUTRAL_6} />
     ),
-    mathliveValue: '$\\int_{#@}^{\\placeholder{}}$',
-    katexValue: '∫',
+    mathliveValue: '\\int_{\\placeholder{lower}}^{\\placeholder{upper}}',
+    katexValue: '\\int_{a}^{b}',
   },
   [MathIntegralsAndDerivativesOperator.DERIVATIVE]: {
     icon: <DerivativeIcon {...DEFAULT_KEY_ICON_PROPS} size={20} />,

package/src/features/keyboard/types/MathKeysGroups/geometry.tsx

@@ -3,8 +3,8 @@ import { DegreeIcon } from '../../../../shared/icons/MATH/DegreeIcon/DegreeIcon'
 import { AngleIcon } from '../../../../shared/icons/MATH/AngleIcon/AngleIcon'
 import { ParallelIcon } from '../../../../shared/icons/MATH/ParallelIcon/ParallelIcon'
 import { PerpendicularIcon } from '../../../../shared/icons/MATH/PerpendicularIcon/PerpendicularIcon'
-import { MathKeysGroup } from '../../types'
-import { DEFAULT_KEY_ICON_PROPS } from '../../constants'
+import { MathKeysGroup } from '../types'
+import { DEFAULT_KEY_ICON_PROPS } from '../../constants/constants'
 
 export enum MathGeometrySymbols {
   DEGREE = 'DEGREE',
@@ -39,5 +39,11 @@ export const MATH_GEOMETRY_SYMBOLS: MathKeysGroup<typeof MathGeometrySymbols> =
     label: 'rad',
     mathliveValue: 'rad',
     katexValue: 'rad',
+    style: {
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
 }

package/src/features/keyboard/types/MathKeysGroups/index.ts

@@ -0,0 +1,7 @@
+export * from './basicOperators'
+export * from './textSymbols'
+export * from './units'
+export * from './specialOperators'
+export * from './trigonometric'
+export * from './calculusOperators'
+export * from './geometry'

package/src/features/keyboard/types/MathKeysGroups/specialOperators.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { MathKeysGroup } from '../../types'
-import { DEFAULT_KEY_ICON_PROPS } from '../../constants'
+import { MathKeysGroup } from '../types'
+import { DEFAULT_KEY_ICON_PROPS } from '../../constants/constants'
 import { BackspaceIcon } from '../../../../shared/icons/MATH/BackspaceIcon/BackspaceIcon'
 
 export enum MathSpecialOperator {
@@ -16,24 +16,44 @@ export const MATH_SPECIAL_OPERATORS: MathKeysGroup<typeof MathSpecialOperator> =
     label: 'lim',
     mathliveValue: '$\\lim_{\\placeholder{}}^{\\placeholder{}}$',
     katexValue: 'lim',
+    style: {
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathSpecialOperator.LN]: {
     label: 'ln',
     mathliveValue: '$\\ln(\\placeholder{})$',
     katexValue: 'ln',
+    style: {
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathSpecialOperator.LOG]: {
     label: 'log',
     mathliveValue: '$\\log_{\\placeholder{}}$',
     katexValue: 'log',
+    style: {
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathSpecialOperator.LOG10]: {
     label: 'log10',
     mathliveValue: '$\\log_{10}(\\placeholder{})$',
     katexValue: 'log₁₀',
+    style: {
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathSpecialOperator.BACKSPACE]: {
-    icon: <BackspaceIcon {...DEFAULT_KEY_ICON_PROPS} />,
+    icon: <BackspaceIcon {...DEFAULT_KEY_ICON_PROPS} size={20} />,
     mathliveValue: 'backspace',
     katexValue: 'backspace',
   },

package/src/features/keyboard/types/MathKeysGroups/symbols.tsx

@@ -1,5 +1,5 @@
 import { PiIcon } from '../../../../shared/icons/MATH/PiIcon/PiIcon'
-import { MathKeysGroup } from '../../types'
+import { MathKeysGroup } from '../types'
 import { AlphaIcon } from '../../../../shared/icons/MATH/AlphaIcon/AlphaIcon'
 import { BetaIcon } from '../../../../shared/icons/MATH/BetaIcon/BetaIcon'
 import { GammaIcon } from '../../../../shared/icons/MATH/GammaIcon/GammaIcon'
@@ -15,7 +15,7 @@ import { SigmaIcon } from '../../../../shared/icons/MATH/SigmaIcon/SigmaIcon'
 import { SigmaSumIcon } from '../../../../shared/icons/MATH/SigmaSumIcon/SigmaSumIcon'
 import { RhoIcon } from '../../../../shared/icons/MATH/RhoIcon/RhoIcon'
 import { PhiIcon } from '../../../../shared/icons/MATH/PhiIcon/PhiIcon'
-import { DEFAULT_KEY_ICON_PROPS } from '../../constants'
+import { DEFAULT_KEY_ICON_PROPS } from '../../constants/constants'
 import React from 'react'
 
 export enum MathSymbol {

package/src/features/keyboard/types/MathKeysGroups/textSymbols.tsx

@@ -1,6 +1,6 @@
-import { MathKeysGroup } from '../../types'
+import { MathKeysGroup } from '../types'
 import { XIcon } from '../../../../shared/icons/MATH/XIcon/XIcon'
-import { DEFAULT_KEY_ICON_PROPS } from '../../constants'
+import { DEFAULT_KEY_ICON_PROPS } from '../../constants/constants'
 import React from 'react'
 import { YIcon } from '../../../../shared/icons/MATH/YIcon/YIcon'
 import { ZIcon } from '../../../../shared/icons/MATH/ZIcon/ZIcon'
@@ -20,47 +20,47 @@ export enum MathTextSymbol {
 export const MATH_TEXT_SYMBOLS: MathKeysGroup<typeof MathTextSymbol> = {
   [MathTextSymbol.A]: {
     label: 'a',
-    mathliveValue: '$a$',
+    mathliveValue: 'a',
     katexValue: 'a',
   },
   [MathTextSymbol.B]: {
     label: 'b',
-    mathliveValue: '$b$',
+    mathliveValue: 'b',
     katexValue: 'b',
   },
   [MathTextSymbol.C]: {
     label: 'c',
-    mathliveValue: '$c$',
+    mathliveValue: 'c',
     katexValue: 'c',
   },
   [MathTextSymbol.F]: {
     label: 'f',
-    mathliveValue: '$f$',
+    mathliveValue: 'f',
     katexValue: 'f',
   },
   [MathTextSymbol.G]: {
     label: 'g',
-    mathliveValue: '$g$',
+    mathliveValue: 'g',
     katexValue: 'g',
   },
   [MathTextSymbol.H]: {
     label: 'h',
-    mathliveValue: '$h$',
+    mathliveValue: 'h',
     katexValue: 'h',
   },
   [MathTextSymbol.X]: {
     icon: <XIcon {...DEFAULT_KEY_ICON_PROPS} />,
-    mathliveValue: '$x$',
+    mathliveValue: 'x',
     katexValue: 'x',
   },
   [MathTextSymbol.Y]: {
     icon: <YIcon {...DEFAULT_KEY_ICON_PROPS} />,
-    mathliveValue: '$y$',
+    mathliveValue: 'y',
     katexValue: 'y',
   },
   [MathTextSymbol.Z]: {
     icon: <ZIcon {...DEFAULT_KEY_ICON_PROPS} />,
-    mathliveValue: '$z$',
+    mathliveValue: 'z',
     katexValue: 'z',
   },
 }

package/src/features/keyboard/types/MathKeysGroups/trigonometric.tsx

@@ -1,4 +1,4 @@
-import { MathKeysGroup } from '../../types'
+import { MathKeysGroup } from '../types'
 
 export enum MathBasicTrigonometricFunction {
   SIN = 'SIN',
@@ -24,32 +24,62 @@ export const MATH_BASIC_TRIGONOMETRIC_FUNCTIONS: MathKeysGroup<
   [MathBasicTrigonometricFunction.SIN]: {
     label: 'sin',
     mathliveValue: '$\\sin(\\placeholder{})$',
-    katexValue: 'sin',
+    katexValue: 'sin()',
+    style: {
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathBasicTrigonometricFunction.COS]: {
     label: 'cos',
     mathliveValue: '$\\cos(\\placeholder{})$',
     katexValue: 'cos',
+    style: {
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathBasicTrigonometricFunction.TAN]: {
     label: 'tan',
     mathliveValue: '$\\tan(\\placeholder{})$',
     katexValue: 'tan',
+    style: {
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathBasicTrigonometricFunction.COT]: {
     label: 'cot',
     mathliveValue: '$\\cot(\\placeholder{})$',
     katexValue: 'cot',
+    style: {
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathBasicTrigonometricFunction.SEC]: {
     label: 'sec',
     mathliveValue: '$\\sec(\\placeholder{})$',
     katexValue: 'sec',
+    style: {
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathBasicTrigonometricFunction.CSC]: {
     label: 'csc',
     mathliveValue: '$\\csc(\\placeholder{})$',
     katexValue: 'csc',
+    style: {
+      text: {
+        fontSize: 11,
+      },
+    },
   },
 }
 
@@ -60,30 +90,78 @@ export const MATH_INVERSE_TRIGONOMETRIC_FUNCTIONS: MathKeysGroup<
     label: 'arcsin',
     mathliveValue: '$\\arcsin(\\placeholder{})$',
     katexValue: 'arcsin',
+    style: {
+      button: {
+        width: 58,
+      },
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathInverseTrigonometricFunction.ARCCOS]: {
     label: 'arccos',
     mathliveValue: '$\\arccos(\\placeholder{})$',
     katexValue: 'arccos',
+    style: {
+      button: {
+        width: 58,
+      },
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathInverseTrigonometricFunction.ARCTAN]: {
     label: 'arctan',
     mathliveValue: '$\\arctan(\\placeholder{})$',
     katexValue: 'arctan',
+    style: {
+      button: {
+        width: 58,
+      },
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathInverseTrigonometricFunction.ARCCOT]: {
     label: 'arccot',
     mathliveValue: '$\\operatorname{arccot}(\\placeholder{})$',
     katexValue: 'arccot',
+    style: {
+      button: {
+        width: 58,
+      },
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathInverseTrigonometricFunction.ARCSEC]: {
     label: 'arcsec',
     mathliveValue: '$\\operatorname{arcsec}(\\placeholder{})$',
     katexValue: 'arcsec',
+    style: {
+      button: {
+        width: 58,
+      },
+      text: {
+        fontSize: 11,
+      },
+    },
   },
   [MathInverseTrigonometricFunction.ARCCSC]: {
     label: 'arccsc',
     mathliveValue: '$\\operatorname{arccsc}(\\placeholder{})$',
     katexValue: 'arccsc',
+    style: {
+      button: {
+        width: 58,
+      },
+      text: {
+        fontSize: 11,
+      },
+    },
   },
 }