@magmamath/students-features 0.9.0-rc26 → 0.9.0-rc4

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

@@ -1,102 +1,121 @@
-import { PiIcon } from '../../../../shared/icons/keyboard/PiIcon/PiIcon'
-import { AlphaIcon } from '../../../../shared/icons/keyboard/AlphaIcon/AlphaIcon'
-import { BetaIcon } from '../../../../shared/icons/keyboard/BetaIcon/BetaIcon'
-import { GammaIcon } from '../../../../shared/icons/keyboard/GammaIcon/GammaIcon'
-import { LambdaIcon } from '../../../../shared/icons/keyboard/LambdaIcon/LambdaIcon'
-import { DeltaIcon } from '../../../../shared/icons/keyboard/DeltaIcon/DeltaIcon'
-import { ThetaIcon } from '../../../../shared/icons/keyboard/ThetaIcon/ThetaIcon'
-import { OmegaUppercaseIcon } from '../../../../shared/icons/keyboard/OmegaUppercaseIcon/OmegaUppercaseIcon'
-import { OmegaLowercaseIcon } from '../../../../shared/icons/keyboard/OmegaLowercaseIcon/OmegaLowercaseIcon'
-import { MuIcon } from '../../../../shared/icons/keyboard/MuIcon/MuIcon'
-import { EtaIcon } from '../../../../shared/icons/keyboard/EtaIcon/EtaIcon'
-import { EpsilonIcon } from '../../../../shared/icons/keyboard/EpsilonIcon/EpsilonIcon'
-import { SigmaIcon } from '../../../../shared/icons/keyboard/SigmaIcon/SigmaIcon'
-import { SigmaSumIcon } from '../../../../shared/icons/keyboard/SigmaSumIcon/SigmaSumIcon'
-import { RhoIcon } from '../../../../shared/icons/keyboard/RhoIcon/RhoIcon'
-import { PhiIcon } from '../../../../shared/icons/keyboard/PhiIcon/PhiIcon'
-import { DEFAULT_KEY_ICON_PROPS } from '../../constants/constants'
+import { PiIcon } from '../../../../shared/icons/MATH/PiIcon/PiIcon'
+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'
+import { LambdaIcon } from '../../../../shared/icons/MATH/LambdaIcon/LambdaIcon'
+import { DeltaIcon } from '../../../../shared/icons/MATH/DeltaIcon/DeltaIcon'
+import { ThetaIcon } from '../../../../shared/icons/MATH/ThetaIcon/ThetaIcon'
+import { OmegaUppercaseIcon } from '../../../../shared/icons/MATH/OmegaUppercaseIcon/OmegaUppercaseIcon'
+import { OmegaLowercaseIcon } from '../../../../shared/icons/MATH/OmegaLowercaseIcon/OmegaLowercaseIcon'
+import { MuIcon } from '../../../../shared/icons/MATH/MuIcon/MuIcon'
+import { EtaIcon } from '../../../../shared/icons/MATH/EtaIcon/EtaIcon'
+import { EpsilonIcon } from '../../../../shared/icons/MATH/EpsilonIcon/EpsilonIcon'
+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 React from 'react'
-import { createMathKeysGroup } from './helpers'
 
-export const MATH_SYMBOLS = createMathKeysGroup({
-  ALPHA: {
+export enum MathSymbol {
+  ALPHA = 'ALPHA',
+  BETA = 'BETA',
+  GAMMA = 'GAMMA',
+  LAMBDA = 'LAMBDA',
+  DELTA = 'DELTA',
+  THETA = 'THETA',
+  OMEGA_UPPERCASE = 'OMEGAUPPERCASE',
+  OMEGA_LOWERCASE = 'OMEGALOWERCASE',
+  MU = 'MU',
+  ETA = 'ETA',
+  EPSILON = 'EPSILON',
+  SIGMA = 'SIGMA',
+  SIGMA_SUM = 'SIGMA_SUM',
+  RHO = 'RHO',
+  PI = 'PI',
+  PHI = 'PHI',
+}
+
+export const MATH_SYMBOLS: MathKeysGroup<typeof MathSymbol> = {
+  [MathSymbol.ALPHA]: {
     icon: <AlphaIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\alpha$',
     katexValue: 'α',
   },
-  BETA: {
+  [MathSymbol.BETA]: {
     icon: <BetaIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\beta$',
     katexValue: 'β',
   },
-  GAMMA: {
+  [MathSymbol.GAMMA]: {
     icon: <GammaIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\gamma$',
     katexValue: 'γ',
   },
-  LAMBDA: {
+  [MathSymbol.LAMBDA]: {
     icon: <LambdaIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\lambda$',
     katexValue: 'λ',
   },
-  DELTA: {
+  [MathSymbol.DELTA]: {
     icon: <DeltaIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\delta$',
     katexValue: 'δ',
   },
-  THETA: {
+  [MathSymbol.THETA]: {
     icon: <ThetaIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\theta$',
     katexValue: 'θ',
   },
-  OMEGAUPPERCASE: {
+  [MathSymbol.OMEGA_UPPERCASE]: {
     icon: <OmegaUppercaseIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\Omega$',
     katexValue: 'Ω',
   },
-  OMEGALOWERCASE: {
+  [MathSymbol.OMEGA_LOWERCASE]: {
     icon: <OmegaLowercaseIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\omega$',
     katexValue: 'ω',
   },
-  MU: {
+  [MathSymbol.MU]: {
     icon: <MuIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\mu$',
     katexValue: 'μ',
   },
-  ETA: {
+  [MathSymbol.ETA]: {
     icon: <EtaIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\eta$',
     katexValue: 'η',
   },
-  EPSILON: {
+  [MathSymbol.EPSILON]: {
     icon: <EpsilonIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\epsilon$',
     katexValue: 'ε',
   },
-  SIGMA: {
+  [MathSymbol.SIGMA]: {
     icon: <SigmaIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\sigma$',
     katexValue: 'σ',
   },
-  SIGMA_SUM: {
+  [MathSymbol.SIGMA_SUM]: {
     icon: <SigmaSumIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\Sigma$',
     katexValue: 'Σ',
   },
-  RHO: {
+  [MathSymbol.RHO]: {
     icon: <RhoIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\rho$',
     katexValue: 'ρ',
   },
-  PI: {
+  [MathSymbol.PI]: {
     icon: <PiIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\pi$',
     katexValue: 'π',
   },
-  PHI: {
+  [MathSymbol.PHI]: {
     icon: <PhiIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '$\\phi$',
     katexValue: 'φ',
   },
-})
+}

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

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

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

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