itemengine-cypress-automation 1.0.86 → 1.0.88

package/cypress/fixtures/equationEditorCategoriesAndSymbols .js

@@ -131,127 +131,127 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             lowerExponent: {
                 title: 'Lower Exponent',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Subscript',
                 displayText: null,
             },
             upperExponent: {
                 title: 'Upper Exponent',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Superscript',
                 displayText: null,
             },
             square: {
                 title: 'Square (x^2)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Square',
                 displayText: null,
             },
             fraction: {
                 title: 'Fraction',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Fraction',
                 displayText: null,
             },
             mixedFraction: {
                 title: 'Mixed Fraction',
-                text: null,
+                textElement: null,
                 ariaLabel: 'MixedFraction',
                 displayText: null,
             },
             sqrt: {
                 title: 'Square Root',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SquareRoot',
                 displayText: null,
             },
             cubeRoot: {
                 title: 'Cube Root',
-                text: null,
+                textElement: null,
                 ariaLabel: 'CubeRoot',
                 displayText: null,
             },
             nRoot: {
                 title: 'nth Root',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NthRoot',
                 displayText: null,
             },
             longDivision: {
                 title: 'Long Division',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LongDivision',
                 displayText: null,
             },
             angleBracket: {
                 title: 'Angle Brackets',
-                text: null,
+                textElement: null,
                 ariaLabel: 'AngleBracket',
                 displayText: null,
             },
             binomialCoefficient: {
                 title: 'Binomial Coefficient',
-                text: null,
+                textElement: null,
                 ariaLabel: 'BinomialCoefficient',
                 displayText: null,
             },
             matrix: {
                 title: 'Matrix',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Matrix',
                 displayText: null,
             },
             function: {
                 title: 'Function',
-                text: null,
+                textElement: null,
                 ariaLabel: 'FunctionF',
                 displayText: null,
             },
             prime: {
                 title: 'Prime/Arcminute',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Prime',
                 displayText: null,
             },
             absoluteValue: {
                 title: 'Absolute Value',
-                text: null,
+                textElement: null,
                 ariaLabel: 'AbsoluteValue',
                 displayText: null,
             },
             add: {
                 title: 'Addition',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Plus',
                 displayText: '+',
             },
             subtract: {
                 title: 'Subtraction',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Minus',
                 displayText: '−',
             },
             plusMinus: {
                 title: 'Plus or minus one below the other',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Plusminus',
                 displayText: '±',
             },
             minusPlus: {
                 title: 'Minus or plus one below the other',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Minusplus',
                 displayText: '∓',
             },
             dotMultiplier: {
                 title: 'Dot Multiplier',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DotMultiplier',
                 displayText: '·',
             },
             equalTo: {
                 title: 'Equal To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Equalto',
                 displayText: '=',
             },
@@ -426,253 +426,253 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             alpha: {
                 title: 'Alpha',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Alpha',
                 displayText: 'α',
             },
             beta: {
                 title: 'Beta',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Beta',
                 displayText: 'β'
             },
             gamma: {
                 title: 'Gamma',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Gamma',
                 displayText: 'γ'
             },
             delta: {
                 title: 'Delta',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Delta',
                 displayText: 'δ'
             },
             epsilon: {
                 title: 'Epsilon',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Epsilon',
                 displayText: 'ϵ'
             },
             zeta: {
                 title: 'Zeta',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Zeta',
                 displayText: 'ζ'
             },
             eta: {
                 title: 'Eta',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Eta',
                 displayText: 'η'
             },
             theta: {
                 title: 'Theta',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Theta',
                 displayText: 'θ'
             },
             iota: {
                 title: 'Iota',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Iota',
                 displayText: 'ι'
             },
             kappa: {
                 title: 'Kappa',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Kappa',
                 displayText: 'κ'
             },
             lambda: {
                 title: 'Lambda',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Lambda',
                 displayText: 'λ'
             },
             mu: {
                 title: 'Mu',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Mu',
                 displayText: 'μ'
             },
             nu: {
                 title: 'Nu',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Nu',
                 displayText: 'ν'
             },
             xi: {
                 title: 'Xi',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Xi',
                 displayText: 'ξ'
             },
             pi: {
                 title: 'Pi',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Pi',
                 displayText: 'π'
             },
             rho: {
                 title: 'Rho',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Rho',
                 displayText: 'ρ'
             },
             sigma: {
                 title: 'Sigma',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Sigma',
                 displayText: 'σ'
             },
             tau: {
                 title: 'Tau',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Tau',
                 displayText: 'τ'
             },
             upsilon: {
                 title: 'Upsilon',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Upsilon',
                 displayText: 'υ'
             },
             phi: {
                 title: 'Phi',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Phi',
                 displayText: 'ϕ'
             },
             chi: {
                 title: 'Chi',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Chi',
                 displayText: 'χ'
             },
             psi: {
                 title: 'Psi',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Psi',
                 displayText: 'ψ'
             },
             omega: {
                 title: 'Omega',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Omega',
                 displayText: 'ω'
             },
             diGamma: {
                 title: 'Digamma',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DiGamma',
                 displayText: 'ϝ'
             },
             varEpsilon: {
                 title: 'Variant Of Epsilon',
-                text: null,
+                textElement: null,
                 ariaLabel: 'VarEpsilon',
                 displayText: 'ε'
             },
             varTheta: {
                 title: 'Variant Of Theta',
-                text: null,
+                textElement: null,
                 ariaLabel: 'VariantOfTheta',
                 displayText: 'ϑ'
             },
             varKappa: {
                 title: 'Variant Of Kappa',
-                text: null,
+                textElement: null,
                 ariaLabel: 'VarKappa',
                 displayText: 'ϰ'
             },
             varPi: {
                 title: 'Variant Of Pi',
-                text: null,
+                textElement: null,
                 ariaLabel: 'VarPi',
                 displayText: 'ϖ'
             },
             varRho: {
                 title: 'Variant Of Rho',
-                text: null,
+                textElement: null,
                 ariaLabel: 'VarRho',
                 displayText: 'ϱ'
             },
             varSigma: {
                 title: 'Variant Of Sigma',
-                text: null,
+                textElement: null,
                 ariaLabel: 'VarSigma',
                 displayText: 'ς'
             },
             varPhi: {
                 title: 'Variant Of Phi',
-                text: null,
+                textElement: null,
                 ariaLabel: 'VarPhi',
                 displayText: 'φ'
             },
             gammaUpper: {
                 title: 'Gamma Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'GammaUppercase',
                 displayText: 'Γ'
             },
             deltaUpper: {
                 title: 'Delta Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DeltaUppercase',
                 displayText: 'Δ'
             },
             thetaUpper: {
                 title: 'Theta Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ThetaUppercase',
                 displayText: 'Θ'
             },
             lambdaUpper: {
                 title: 'Lambda Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LambdaUppercase',
                 displayText: 'Λ'
             },
             xiUpper: {
                 title: 'Xi Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'XiUppercase',
                 displayText: 'Ξ'
             },
             piUpper: {
                 title: 'Pi Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'PiUppercase',
                 displayText: 'Π'
             },
             sigmaUpper: {
                 title: 'Sigma Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SigmaUppercase',
                 displayText: 'Σ'
             },
             upsilonUpper: {
                 title: 'Upsilon Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'UpsilonUppercase',
                 displayText: 'ϒ'
             },
             phiUpper: {
                 title: 'Phi Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'PhiUppercase',
                 displayText: 'Φ'
             },
             psiUpper: {
                 title: 'Psi Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'PsiUppercase',
                 displayText: 'Ψ'
             },
             omegaUpper: {
                 title: 'Omega Uppercase',
-                text: null,
+                textElement: null,
                 ariaLabel: 'OmegaUppercase',
                 displayText: 'Ω'
             }
@@ -684,133 +684,133 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             and: {
                 title: 'Logical And',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LogicalAnd',
                 displayText: '∧'
             },
             or: {
                 title: 'Logical Or',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LogicalOr',
                 displayText: '∨'
             },
             not: {
                 title: 'Logical Not',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LogicalNot',
                 displayText: '¬'
             },
             union: {
                 title: 'Union',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Union',
                 displayText: '∪'
             },
             intersection: {
                 title: 'Intersection',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Intersection',
                 displayText: '∩'
             },
             diamond: {
                 title: 'Diamond',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Diamond',
                 displayText: '◇'
             },
             triangle: {
                 title: 'Triangle',
-                text: null,
+                textElement: null,
                 ariaLabel: 'triangle',
                 displayText: '△'
             },
             circledMinus: {
                 title: 'Circled Minus',
-                text: null,
+                textElement: null,
                 ariaLabel: 'CirclesMinus',
                 displayText: '⊖'
             },
             multiset: {
                 title: 'Multiset',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Multiset',
                 displayText: '⊎'
             },
             circledTimes: {
                 title: 'Circled Times',
-                text: null,
+                textElement: null,
                 ariaLabel: 'circlesTimes',
                 displayText: '⊗'
             },
             circledPlus: {
                 title: 'Circled Plus',
-                text: null,
+                textElement: null,
                 ariaLabel: 'circlesPlus',
                 displayText: '⊕'
             },
             nabla: {
                 title: 'Nabla',
-                text: null,
+                textElement: null,
                 ariaLabel: 'nabla',
                 displayText: '▽'
             },
             product: {
                 title: 'Product',
-                text: null,
+                textElement: null,
                 ariaLabel: 'product',
                 displayText: '⊓'
             },
             triangleLeft: {
                 title: 'Triangle Left',
-                text: null,
+                textElement: null,
                 ariaLabel: 'triangleLeft',
                 displayText: '⊲'
             },
             coproduct: {
                 title: 'Coproduct',
-                text: null,
+                textElement: null,
                 ariaLabel: 'coproduct',
                 displayText: '⊔'
             },
             triangleRight: {
                 title: 'Triangle Right',
-                text: null,
+                textElement: null,
                 ariaLabel: 'triangleRight',
                 displayText: '⊳'
             },
             circledDotOperator: {
                 title: 'Circled Dot Operator',
-                text: null,
+                textElement: null,
                 ariaLabel: 'circlesDot',
                 displayText: '⊙'
             },
             circle: {
                 title: 'Circle',
-                text: null,
+                textElement: null,
                 ariaLabel: 'BigCircle',
                 displayText: '◯'
             },
             dagger: {
                 title: 'Dagger',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Dagger',
                 displayText: '†'
             },
             dDagger: {
                 title: 'Ddagger',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DDagger',
                 displayText: '‡'
             },
             wreathProduct: {
                 title: 'Wreath Product',
-                text: null,
+                textElement: null,
                 ariaLabel: 'WreathProduct',
                 displayText: '≀'
             },
             amalg: {
                 title: 'Amalg',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Amalg',
                 displayText: '∐'
             }
@@ -822,301 +822,301 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             lessThan: {
                 title: 'Less Than',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LessThan',
                 displayText: '<'
             },
             greaterThan: {
                 title: 'Greater Than',
-                text: null,
+                textElement: null,
                 ariaLabel: 'GreaterThan',
                 displayText: '>'
             },
             equivalance: {
                 title: 'Equivalence',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Equivalance',
                 displayText: '≡'
             },
             congruentTo: {
                 title: 'Congruent To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'CongruentTo',
                 displayText: '≅'
             },
             similarTo: {
                 title: 'Similar To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SimilarTo',
                 displayText: '~'
             },
             notMemberOf: {
                 title: 'Not Member Of',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotMemberOf',
                 displayText: '∉'
             },
             notEqualTo: {
                 title: 'Not Equal To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotEqualTo',
                 displayText: '≠'
             },
             propTo: {
                 title: 'Proportionate To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'proportionateTo',
                 displayText: '∝'
             },
             approxEqualTo: {
                 title: 'Approx. Equal To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ApproxEqualTo',
                 displayText: '≈'
             },
             lessThanEqual: {
                 title: 'Less Than Or Equal To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LessThanEqual',
                 displayText: '≤'
             },
             greaterThanEqual: {
                 title: 'Greater Than Or Equal To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'GreaterThanEqual',
                 displayText: '≥'
             },
             memberOf: {
                 title: 'Member Of',
-                text: null,
+                textElement: null,
                 ariaLabel: 'MemberOf',
                 displayText: '∈'
             },
             contains: {
                 title: 'Contains',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Contains',
                 displayText: '∋'
             },
             notContain: {
                 title: 'Does Not Contain',
-                text: null,
+                textElement: null,
                 ariaLabel: 'doesNotContain',
                 displayText: '∌'
             },
             subset: {
                 title: 'Subset (Strict)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Subset',
                 displayText: '⊂'
             },
             superset: {
                 title: 'Superset (Strict)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Superset',
                 displayText: '⊃'
             },
             notSubset: {
                 title: 'Not Subset (Strict)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotSubset',
                 displayText: '⊄'
             },
             notSuperset: {
                 title: 'Not Superset (Strict)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotSuperset',
                 displayText: '⊅'
             },
             subsetEq: {
                 title: 'Subset',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SubsetEq',
                 displayText: '⊆'
             },
             supersetEq: {
                 title: 'Superset',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SupersetEq',
                 displayText: '⊇'
             },
             notSubsetEq: {
                 title: 'Not Subset',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotSubsetEq',
                 displayText: '⊈'
             },
             notSupersetEq: {
                 title: 'Not Superset',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotSupersetEq',
                 displayText: '⊉'
             },
             models: {
                 title: 'Models',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Models',
                 displayText: '⊨'
             },
             precede: {
                 title: 'Precede',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Precede',
                 displayText: '≺'
             },
             succeed: {
                 title: 'Succeed',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Succeed',
                 displayText: '≻'
             },
             precedingEqual: {
                 title: 'Preceding Or Equal To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'precedingOrEqualTo',
                 displayText: '≼'
             },
             succeedingEqual: {
                 title: 'Succeeding Or Equal To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'succeedingOrEqualTo',
                 displayText: '≽'
             },
             similarEqual: {
                 title: 'Similar Or Equal To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'similarOrEqualTo',
                 displayText: '≃'
             },
             mid: {
                 title: 'Mid',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Mid',
                 displayText: '∣'
             },
             muchLessThan: {
                 title: 'Much Less Than',
-                text: null,
+                textElement: null,
                 ariaLabel: 'MuchLessThan',
                 displayText: '≪'
             },
             muchGreaterThan: {
                 title: 'Much Greater Than',
-                text: null,
+                textElement: null,
                 ariaLabel: 'MuchGreaterThan',
                 displayText: '≫'
             },
             parallel: {
                 title: 'Parallel',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Parallel',
                 displayText: '∥'
             },
             join: {
                 title: 'Join',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Join',
                 displayText: '⋈'
             },
             squareSubset: {
                 title: 'Square Subset',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SquareSubset',
                 displayText: '⊏'
             },
             squareSuperset: {
                 title: 'Square Superset',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SquareSuperset',
                 displayText: '⊐'
             },
             smile: {
                 title: 'Smile',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Smile',
                 displayText: '⌣'
             },
             squareSubsetEqual: {
                 title: 'Square Subset Or Equal To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SquareSubsetEqual',
                 displayText: '⊑'
             },
             squareSupersetEqual: {
                 title: 'Square Superset Or Equal To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SquareSupersetEqual',
                 displayText: '⊒'
             },
             equalToDot: {
                 title: 'Defined As',
-                text: null,
+                textElement: null,
                 ariaLabel: 'EqualToDot',
                 displayText: '≐'
             },
             frown: {
                 title: 'Frown',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Frown',
                 displayText: '⌢'
             },
             vdashRightTack: {
                 title: 'Vdash/Right Tack',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RightTack',
                 displayText: '⊦'
             },
             vdashLeftTack: {
                 title: 'Dashv/Left Tack',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LeftTack',
                 displayText: '⊣'
             },
             existentialQuantifier: {
                 title: 'Existential Quantifier',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ExistentialQuantifier',
                 displayText: '∃'
             },
             emptySet: {
                 title: 'Minuscule',
-                text: null,
+                textElement: null,
                 ariaLabel: 'EmptySet',
                 displayText: '∅'
             },
             notSimilarTo: {
                 title: 'Not Similar To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotSimilarTo',
                 displayText: '≁'
             },
             notCongruentTo: {
                 title: 'Not Congruent To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotCongruentTo',
                 displayText: '≇'
             },
             notLessThan: {
                 title: 'Not Less Than',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotLessThan',
                 displayText: '≮'
             },
             notGreaterThan: {
                 title: 'Not Greater Than',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotGreaterThan',
                 displayText: '≯'
             },
             systemOfEquationsInequalities: {
                 title: 'System Of Equations/Inequalities',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SystemOfEquationsInequalities',
                 displayText: '{'
             },
             simultaneousEquations: {
                 title: 'Simultaneous Equations',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SimultaneousEquations',
                 displayText: '+=+='
             },
@@ -1128,145 +1128,145 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             leftArrow: {
                 title: 'Leftwards arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LeftArrow',
                 displayText: '←'
             },
             rightArrow: {
                 title: 'Rightwards arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RightArrow',
                 displayText: '→'
             },
             leftArrowDouble: {
                 title: 'Leftwards double arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LeftArrowDouble',
                 displayText: '⇐'
             },
             rightArrowDouble: {
                 title: 'Rightwards double arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RightArrowDouble',
                 displayText: '⇒'
             },
             biDirectionalLR: {
                 title: 'Bi-directional arrow (left - right)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'biDirectionalArrowLeftRight',
                 displayText: '↔'
             },
             biDirectionalUD: {
                 title: 'Bi-directional arrow (up - down)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'biDirectionalArrowUpDown',
                 displayText: '↕'
             },
             biDirectionalLRDouble: {
                 title: 'Bi-directional arrow (left - right, double lines)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'biDirectionalArrowLeftRightDouble',
                 displayText: '⇔'
             },
             biDirectionalUDDouble: {
                 title: 'Bi-directional arrow (up - down, double lines)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'biDirectionalArrowUpDownDouble',
                 displayText: '⇕'
             },
             mapsTo: {
                 title: 'Maps to arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'MapsTo',
                 displayText: '↦'
             },
             NWArrow: {
                 title: 'North east arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'northWestArrow',
                 displayText: '↗'
             },
             leftwardsArrowHook: {
                 title: 'leftwards arrow with hook',
-                text: null,
+                textElement: null,
                 ariaLabel: 'leftwardsArrowHook',
                 displayText: '↩'
             },
             rightwardsArrowHook: {
                 title: 'Rightwards arrow with hook',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RightwardsArrowHook',
                 displayText: '↪'
             },
             SWArrow: {
                 title: 'South east arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'southWestArrow',
                 displayText: '↘'
             },
             leftHarpoonBarbUp: {
                 title: 'Leftwards Harpoon With Barb Upwards',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LeftHarpoonBarbUp',
                 displayText: '↼'
             },
             rightHarpoonBarbUp: {
                 title: 'Rightwards Harpoon With Barb Upwards',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RightHarpoonBarbUp',
                 displayText: '⇀'
             },
             SEArrow: {
                 title: 'South west arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'southEastArrow',
                 displayText: '↙'
             },
             leftHarpoonBarbDown: {
                 title: 'Leftwards Harpoon With Barb Downwards',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LeftHarpoonBarbDown',
                 displayText: '↽'
             },
             rightHarpoonBarbDown: {
                 title: 'Rightwards Harpoon With Barb Downwards',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RightHarpoonBarbDown',
                 displayText: '⇁'
             },
             NEArrow: {
                 title: 'North west arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'northEastArrow',
                 displayText: '↖'
             },
             downArrow: {
                 title: 'Downwards Arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DownArrow',
                 displayText: '↓'
             },
             downArrowDouble: {
                 title: 'Downwards Double Arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'downArrowDouble',
                 displayText: '⇓'
             },
             upwardsArrow: {
                 title: 'Upwards Arrow',
-                text: null,
+                textElement: null,
                 ariaLabel: 'UpwardsArrow',
                 displayText: '↑'
             },
             rightLeftHarpoons: {
                 title: 'Right/left harpoons',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RightLeftHarpoons',
                 displayText: '⇌'
             },
             leftRightHarpoons: {
                 title: 'Left/right harpoons',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LeftRightHarpoons',
                 displayText: '⇋'
             }
@@ -1278,85 +1278,85 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             lFloor: {
                 title: 'L-Floor',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LFloor',
                 displayText: '⌊'
             },
             rFloor: {
                 title: 'R-Floor',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RFloor',
                 displayText: '⌋'
             },
             lCeil: {
                 title: 'L-Ceil',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LCeil',
                 displayText: '⌈'
             },
             rCeil: {
                 title: 'R-Ceil',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RCeil',
                 displayText: '⌉'
             },
             forwardSlash: {
                 title: 'Forward slash',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ForwardSlash',
                 displayText: '/'
             },
             openCurlBracket: {
                 title: 'Left curly bracket',
-                text: null,
+                textElement: null,
                 ariaLabel: 'OpenCurlBracket',
                 displayText: '{'
             },
             closedCurlBracket: {
                 title: 'Right curly bracket',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ClosedCurlBracket',
                 displayText: '}'
             },
             groupInParathesis: {
                 title: 'Group In Parenthesis',
-                text: null,
+                textElement: null,
                 ariaLabel: 'GroupInParathesis',
                 displayText: '()'
             },
             groupInBrackets: {
                 title: 'Group In Brackets',
-                text: null,
+                textElement: null,
                 ariaLabel: 'GroupInBrackets',
                 displayText: '[]'
             },
             squareRoundBrackets: {
                 title: 'Square round brackets',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SquareRoundBrackets',
                 displayText: '[)'
             },
             roundSquareBrackets: {
                 title: 'Round square brackets',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RoundSquareBrackets',
                 displayText: '(]'
             },
             angleBracket: {
                 title: 'Angular brackets',
-                text: null,
+                textElement: null,
                 ariaLabel: 'AngleBracket',
                 displayText: '⟨⟩'
             },
             singleSquareOpen: {
                 title: 'Single square open',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SingleSquareOpen',
                 displayText: '['
             },
             singleSquareClose: {
                 title: 'Single square close',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SingleSquareClose',
                 displayText: ']'
             }
@@ -1368,217 +1368,217 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             forAll: {
                 title: 'For-All',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ForAll',
                 displayText: '∀'
             },
             dotsBottom: {
                 title: 'Horizontal dots (baseline)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DotsBottom',
                 displayText: '…'
             },
             horizontalDots: {
                 title: 'Horizontal dots (centered)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DotsMiddle',
                 displayText: '⋯'
             },
             verticalDots: {
                 title: 'Vertical dots',
-                text: null,
+                textElement: null,
                 ariaLabel: 'VerticalDots',
                 displayText: '⋮'
             },
             diagonalDots: {
                 title: 'Diagonal dots',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DiagonalDots',
                 displayText: '⋱'
             },
             sqrt: {
                 title: 'Square Root',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SquareRoot',
                 displayText: '√'
             },
             triangle: {
                 title: 'Triangle (variation)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'triangle',
                 displayText: '△'
             },
             ell: {
                 title: 'Ell',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Ell',
                 displayText: 'ℓ'
             },
             top: {
                 title: 'Top',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Top',
                 displayText: '⊤'
             },
             flat: {
                 title: 'Flat',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Flat',
                 displayText: '♭'
             },
             natural: {
                 title: 'Natural',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Natural',
                 displayText: '♮'
             },
             sharp: {
                 title: 'Sharp',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Sharp',
                 displayText: '♯'
             },
             elliptic: {
                 title: 'Weierstrass\'s Elliptic Function',
-                text: null,
+                textElement: null,
                 ariaLabel: 'weierstrassEllipticFunction',
                 displayText: '℘'
             },
             perpendicularTo: {
                 title: 'Perpendicular To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'PerpendicularTo',
                 displayText: '⊥'
             },
             clubSuit: {
                 title: 'Club-Suit',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ClubSuit',
                 displayText: '♧'
             },
             diamondSuit: {
                 title: 'Diamond-Suit',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DiamondSuit',
                 displayText: '♢'
             },
             heartSuit: {
                 title: 'Heart-Suit',
-                text: null,
+                textElement: null,
                 ariaLabel: 'HeartSuit',
                 displayText: '♡'
             },
             spadeSuit: {
                 title: 'Spade-Suit',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SpadeSuit',
                 displayText: '♤'
             },
             exponent: {
                 title: 'Exponent',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Exponent',
                 displayText: '^'
             },
             underscore: {
                 title: 'Underscore',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Underscore',
                 displayText: '_'
             },
             backSlash: {
                 title: 'Backslash',
-                text: null,
+                textElement: null,
                 ariaLabel: 'BackSlash',
                 displayText: '\\'
             },
             forwardSlash: {
                 title: 'Forward slash',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ForwardSlash',
                 displayText: '/'
             },
             vert: {
                 title: 'Mid',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Mid',
                 displayText: '|'
             },
             nabla: {
                 title: 'Nabla',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Nabla',
                 displayText: '∇'
             },
             planck: {
                 title: 'Reduced Planck\'s constant',
-                text: null,
+                textElement: null,
                 ariaLabel: 'HBar',
                 displayText: 'ℏ'
             },
             angstrom: {
                 title: 'Angstrom',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Angstrom',
                 displayText: 'Å'
             },
             circle: {
                 title: 'Circle',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Circle',
                 displayText: '∘'
             },
             bullet: {
                 title: 'Bullet',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Bullet',
                 displayText: '•'
             },
             not: {
                 title: 'Not',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Not',
                 displayText: '¬'
             },
             real: {
                 title: 'Real part',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RealPart',
                 displayText: 'ℜ'
             },
             imaginary: {
                 title: 'Imaginary part',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ImaginaryPart',
                 displayText: 'ℑ'
             },
             partialDerivative: {
                 title: 'Partial Derivative',
-                text: null,
+                textElement: null,
                 ariaLabel: 'PartialDerivative',
                 displayText: '∂'
             },
             infinity: {
                 title: 'Infinity',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Infinity',
                 displayText: '∞'
             },
             alpeh: {
                 title: 'Aleph',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Aleph',
                 displayText: 'ℵ'
             },
             degree: {
                 title: 'Degree',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Degree',
                 displayText: '°'
             },
             angle: {
                 title: 'Angle',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Angle',
                 displayText: '∠'
             }
@@ -1590,103 +1590,103 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             matrix: {
                 title: 'Matrix',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Matrix',
                 displayText: null
             },
             twoByTwoMatrixBoundedBrackets: {
                 title: '2 x 2 Matrix bounded by brackets',
-                text: null,
+                textElement: null,
                 ariaLabel: 'TwoByTwoMatrixBoundedBrackets',
                 displayText: null
             },
             matrixBoundedParenthesis: {
                 title: 'Matrix bounded by parenthesis',
-                text: null,
+                textElement: null,
                 ariaLabel: 'MatrixBoundedParenthesis',
                 displayText: null
             },
             matrixBoundedBraces: {
                 title: 'Matrix bounded by braces',
-                text: null,
+                textElement: null,
                 ariaLabel: 'MatrixBoundedBraces',
                 displayText: null
             },
             singleMatrixBoundedBrackets: {
                 title: 'Single matrix bounded by brackets',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SingleMatrixBoundedBrackets',
                 displayText: null
             },
             insertColumnInMatrix: {
                 title: 'Insert column in matrix',
-                text: null,
+                textElement: null,
                 ariaLabel: 'InsertColumnInMatrix',
                 displayText: null
             },
             insertRowInMatrix: {
                 title: 'Insert row in matrix',
-                text: null,
+                textElement: null,
                 ariaLabel: 'InsertRowInMatrix',
                 displayText: null
             },
             matrixBoundedVerticalLines: {
                 title: 'Matrix bounded by vertical lines',
-                text: null,
+                textElement: null,
                 ariaLabel: 'MatrixBoundedVerticalLines',
                 displayText: null
             },
             matrixBoundedDoubleVerticalLines: {
                 title: 'Matrix bounded by double vertical lines',
-                text: null,
+                textElement: null,
                 ariaLabel: 'MatrixBoundedDoubleVerticalLines',
                 displayText: null
             },
             threeByThreeMatrixBoundedBrackets: {
                 title: '3 x 3 Matrix bounded by brackets',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ThreeByThreeMatrixBoundedBrackets',
                 displayText: null
             },
             subscript: {
                 title: 'Lower Exponent',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Subscript',
                 displayText: null
             },
             superscript: {
                 title: 'Upper Exponent',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Superscript',
                 displayText: null
             },
             factorial: {
                 title: 'Factorial',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Factorial',
                 displayText: null
             },
             dotsBottom: {
                 title: 'Horizontal dots (baseline)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DotsBottom',
                 displayText: '…'
             },
             dotsMiddle: {
                 title: 'Horizontal dots (centered)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DotsMiddle',
                 displayText: '⋯'
             },
             verticalDots: {
                 title: 'Vertical dots',
-                text: null,
+                textElement: null,
                 ariaLabel: 'VerticalDots',
                 displayText: '⋮'
             },
             diagonalDots: {
                 title: 'Diagonal dots',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DiagonalDots',
                 displayText: '⋱'
             }
@@ -1698,91 +1698,91 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             sin: {
                 title: 'sin',
-                text: 'sin',
+                textElement: 'sin',
                 ariaLabel: 'Sine',
                 displayText: 'sin'
             },
             cos: {
                 title: 'cos',
-                text: 'cos',
+                textElement: 'cos',
                 ariaLabel: 'CosineT',
                 displayText: 'cos'
             },
             tan: {
                 title: 'tan',
-                text: 'tan',
+                textElement: 'tan',
                 ariaLabel: 'TangentT',
                 displayText: 'tan'
             },
             sec: {
                 title: 'sec',
-                text: 'sec',
+                textElement: 'sec',
                 ariaLabel: 'Sec',
                 displayText: 'sec'
             },
             cosec: {
                 title: 'cosec',
-                text: 'cosec',
+                textElement: 'cosec',
                 ariaLabel: 'Cosec',
                 displayText: 'cosec'
             },
             cot: {
                 title: 'cot',
-                text: 'cot',
+                textElement: 'cot',
                 ariaLabel: 'Cot',
                 displayText: 'cot'
             },
             sinInverse: {
                 title: 'sin inverse',
-                text: 'sin',
+                textElement: 'sin',
                 ariaLabel: 'SinInverse',
                 displayText: 'sin−1'
             },
             cosInverse: {
                 title: 'cos inverse',
-                text: 'cos',
+                textElement: 'cos',
                 ariaLabel: 'CosInverse',
                 displayText: 'cos−1'
             },
             TanInverse: {
                 title: 'tan inverse',
-                text: 'tan',
+                textElement: 'tan',
                 ariaLabel: 'TanInverse',
                 displayText: 'tan−1'
             },
             secInverse: {
                 title: 'sec inverse',
-                text: 'sec',
+                textElement: 'sec',
                 ariaLabel: 'SecInverse',
                 displayText: 'sec−1'
             },
             cosecInverse: {
                 title: 'cosec inverse',
-                text: 'csc',
+                textElement: 'csc',
                 ariaLabel: 'CosecInverse',
                 displayText: 'csc−1'
             },
             cotInverse: {
                 title: 'cot inverse',
-                text: 'cot',
+                textElement: 'cot',
                 ariaLabel: 'CotInverse',
                 displayText: 'cot−1'
             },
             arcsin: {
                 title: 'arcsin',
-                text: 'arcsin',
+                textElement: 'arcsin',
                 ariaLabel: 'Arcsin',
                 displayText: 'arcsin'
             },
             arccos: {
                 title: 'arccos',
-                text: 'arccos',
+                textElement: 'arccos',
                 ariaLabel: 'Arccos',
                 displayText: 'arccos'
             },
             arctan: {
                 title: 'arctan',
-                text: 'arctan',
+                textElement: 'arctan',
                 ariaLabel: 'Arctan',
                 displayText: 'arctan'
             }
@@ -1794,187 +1794,187 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             gram: {
                 title: 'Gram',
-                text: 'g',
+                textElement: 'g',
                 ariaLabel: 'Gram',
                 displayText: 'g'
             },
             meter: {
                 title: 'Meter',
-                text: 'm',
+                textElement: 'm',
                 ariaLabel: 'Meter',
                 displayText: 'm'
             },
             litre: {
                 title: 'Litre',
-                text: 'L',
+                textElement: 'L',
                 ariaLabel: 'Litre',
                 displayText: 'L'
             },
             second: {
                 title: 'Second',
-                text: 's',
+                textElement: 's',
                 ariaLabel: 'Second',
                 displayText: 's'
             },
             kilogram: {
                 title: 'Kilogram',
-                text: 'kg',
+                textElement: 'kg',
                 ariaLabel: 'Kilogram',
                 displayText: 'kg'
             },
             centigram: {
                 title: 'Centigram',
-                text: 'cg',
+                textElement: 'cg',
                 ariaLabel: 'Centigram',
                 displayText: 'cg'
             },
             milligram: {
                 title: 'Milligram',
-                text: 'mg',
+                textElement: 'mg',
                 ariaLabel: 'Milligram',
                 displayText: 'mg'
             },
             microgram: {
                 title: 'Microgram',
-                text: 'μg',
+                textElement: 'μg',
                 ariaLabel: 'Microgram',
                 displayText: 'µg'
             },
             nanogram: {
                 title: 'Nanogram',
-                text: 'ng',
+                textElement: 'ng',
                 ariaLabel: 'Nanogram',
                 displayText: 'ng'
             },
             kilometer: {
                 title: 'Kilometer',
-                text: 'km',
+                textElement: 'km',
                 ariaLabel: 'Kilometer',
                 displayText: 'km'
             },
             centimeter: {
                 title: 'Centimeter',
-                text: 'cm',
+                textElement: 'cm',
                 ariaLabel: 'Centimeter',
                 displayText: 'cm'
             },
             millimeter: {
                 title: 'Millimeter',
-                text: 'mm',
+                textElement: 'mm',
                 ariaLabel: 'Millimeter',
                 displayText: 'mm'
             },
             micrometer: {
                 title: 'Micrometer',
-                text: 'μm',
+                textElement: 'μm',
                 ariaLabel: 'Micrometer',
                 displayText: 'µm'
             },
             nanometer: {
                 title: 'Nanometer',
-                text: 'nm',
+                textElement: 'nm',
                 ariaLabel: 'Nanometer',
                 displayText: 'nm'
             },
             millilitre: {
                 title: 'Millilitre',
-                text: 'mL',
+                textElement: 'mL',
                 ariaLabel: 'Millilitre',
                 displayText: 'mL'
             },
             microlitre: {
                 title: 'Microlitre',
-                text: 'μL',
+                textElement: 'μL',
                 ariaLabel: 'Microlitre',
                 displayText: 'µL'
             },
             kilosecond: {
                 title: 'Kilosecond',
-                text: 'ks',
+                textElement: 'ks',
                 ariaLabel: 'Kilosecond',
                 displayText: 'ks'
             },
             centisecond: {
                 title: 'Centisecond',
-                text: 'cs',
+                textElement: 'cs',
                 ariaLabel: 'Centisecond',
                 displayText: 'cs'
             },
             millisecond: {
                 title: 'Millisecond',
-                text: 'ms',
+                textElement: 'ms',
                 ariaLabel: 'Millisecond',
                 displayText: 'ms'
             },
             microsecond: {
                 title: 'Microsecond',
-                text: 'μs',
+                textElement: 'μs',
                 ariaLabel: 'Microsecond',
                 displayText: 'µs'
             },
             nanosecond: {
                 title: 'Nanosecond',
-                text: 'ns',
+                textElement: 'ns',
                 ariaLabel: 'Nanosecond',
                 displayText: 'ns'
             },
             ounce: {
                 title: 'Ounce',
-                text: 'oz',
+                textElement: 'oz',
                 ariaLabel: 'Ounce',
                 displayText: 'oz'
             },
             Pound: {
                 title: 'Pound',
-                text: 'lb',
+                textElement: 'lb',
                 ariaLabel: 'Pound',
                 displayText: 'lb'
             },
             inch: {
                 title: 'Inch',
-                text: 'in',
+                textElement: 'in',
                 ariaLabel: 'Inch',
                 displayText: 'in'
             },
             foot: {
                 title: 'Foot',
-                text: 'ft',
+                textElement: 'ft',
                 ariaLabel: 'Foot',
                 displayText: 'ft'
             },
             mile: {
                 title: 'Mile',
-                text: 'mi',
+                textElement: 'mi',
                 ariaLabel: 'Mile',
                 displayText: 'mi'
             },
             fluidOunce: {
                 title: 'Fluid Ounce',
-                text: 'fl oz',
+                textElement: 'fl oz',
                 ariaLabel: 'FluidOunce',
                 displayText: 'fl oz'
             },
             cup: {
                 title: 'Cup',
-                text: 'cup',
+                textElement: 'cup',
                 ariaLabel: 'Cup',
                 displayText: 'cup'
             },
             pint: {
                 title: 'Pint',
-                text: 'pt',
+                textElement: 'pt',
                 ariaLabel: 'Pint',
                 displayText: 'pt'
             },
             quart: {
                 title: 'Quart',
-                text: 'qt',
+                textElement: 'qt',
                 ariaLabel: 'Quart',
                 displayText: 'qt'
             },
             gallon: {
                 title: 'Gallon',
-                text: 'gal',
+                textElement: 'gal',
                 ariaLabel: 'Gallon',
                 displayText: 'gal'
             }
@@ -1986,139 +1986,139 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             limit: {
                 title: 'Limit x to',
-                text: 'lim',
+                textElement: 'lim',
                 ariaLabel: 'LimitXTo',
                 displayText: 'limx→'
             },
             epsilon: {
                 title: 'Epsilon',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Epsilon',
                 displayText: 'ϵ'
             },
             eulersNumber: {
                 title: 'Euler\'s number',
-                text: 'e',
+                textElement: 'e',
                 ariaLabel: 'EulersNumber',
                 displayText: 'e'
             },
             deltaUppercase: {
                 title: 'Delta (uppercase)',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DeltaUppercase',
                 displayText: 'Δ'
             },
             derivative: {
                 title: 'Derivative dy/dx',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Derivative',
                 displayText: 'dydx'
             },
             secondDerivative: {
                 title: 'Second derivative',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SecondDerivative',
                 displayText: '​d2ydx2'
             },
             nDerivative: {
                 title: 'nth derivative',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NthDerivative',
                 displayText: '​dydx​'
             },
             partialDerivative: {
                 title: 'Partial derivative',
-                text: null,
+                textElement: null,
                 ariaLabel: 'PartialDerivative',
                 displayText: '∂y∂x'
             },
             timeDerivative: {
                 title: 'Time derivative',
-                text: null,
+                textElement: null,
                 ariaLabel: 'TimeDerivative',
                 displayText: '​˙y'
             },
             timeSecondDerivative: {
                 title: 'Time second derivative',
-                text: null,
+                textElement: null,
                 ariaLabel: 'TimeSecondDerivative',
                 displayText: '˙˙y'
             },
             integral: {
                 title: 'Integral',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Integral',
                 displayText: '∫​'
             },
             doubleIntegral: {
                 title: 'Double integral',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DoubleIntegral',
                 displayText: '∬'
             },
             tripleIntegral: {
                 title: 'Triple integral',
-                text: null,
+                textElement: null,
                 ariaLabel: 'TripleIntegral',
                 displayText: '​∭'
             },
             lineIntegral: {
                 title: 'closed contour integral',
-                text: null,
+                textElement: null,
                 ariaLabel: 'LineIntegral',
                 displayText: '​∮'
             },
             closedSurfaceIntegral: {
                 title: 'Closed surface integral',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ClosedSurfaceIntegral',
                 displayText: '∯'
             },
             closedVolumeIntegral: {
                 title: 'Closed volume integral',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ClosedVolumeIntegral',
                 displayText: '∰'
             },
             summation: {
                 title: 'Summation',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Summation',
                 displayText: '∑'
             },
             underSim: {
                 title: 'Under sim',
-                text: null,
+                textElement: null,
                 ariaLabel: 'UnderSim',
                 displayText: '~'
             },
             vector: {
                 title: 'Vector',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Vector',
                 displayText: '→'
             },
             unitVector: {
                 title: 'Unit vector',
-                text: null,
+                textElement: null,
                 ariaLabel: 'UnitVector',
                 displayText: '^'
             },
             nabla: {
                 title: 'Nabla',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Nabla',
                 displayText: '∇'
             },
             infinity: {
                 title: 'Infinity',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Infinity',
                 displayText: '∞'
             },
             absoluteValue: {
                 title: 'Absolute Value',
-                text: null,
+                textElement: null,
                 ariaLabel: 'AbsoluteValue',
                 displayText: '||'
             }
@@ -2130,139 +2130,139 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             circle: {
                 title: 'Circle',
-                text: null,
+                textElement: null,
                 ariaLabel: 'BigCircle',
                 displayText: '◯'
             },
             square: {
                 title: 'Square',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SquareShape',
                 displayText: '□'
             },
             triangle: {
                 title: 'Triangle',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Triangle',
                 displayText: '△'
             },
             parallelogram: {
                 title: 'Parallelogram',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Parallelogram',
                 displayText: '▱'
             },
             perpendicularTo: {
                 title: 'Perpendicular to',
-                text: null,
+                textElement: null,
                 ariaLabel: 'PerpendicularTo',
                 displayText: '⊥'
             },
             similarTo: {
                 title: 'Similar To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'SimilarTo',
                 displayText: '~'
             },
             congruentTo: {
                 title: 'Congruent To',
-                text: null,
+                textElement: null,
                 ariaLabel: 'CongruentTo',
                 displayText: '≅'
             },
             parallelTo: {
                 title: 'Parallel to',
-                text: null,
+                textElement: null,
                 ariaLabel: 'ParallelTo',
                 displayText: '∥'
             },
             notParallel: {
                 title: 'Not parallel',
-                text: null,
+                textElement: null,
                 ariaLabel: 'NotParallel',
                 displayText: '∦'
             },
             pi: {
                 title: 'Pi',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Pi',
                 displayText: 'π'
             },
             dotMultiplier: {
                 title: 'Dot Multiplier',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DotMultiplier',
                 displayText: '·'
             },
             degree: {
                 title: 'Degree',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Degree',
                 displayText: '°'
             },
             prime: {
                 title: 'Prime/Arcminute',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Prime',
                 displayText: '′'
             },
             doublePrime: {
                 title: 'Double Prime/Arcsecond',
-                text: null,
+                textElement: null,
                 ariaLabel: 'DoublePrime',
                 displayText: '″'
             },
             angle: {
                 title: 'Angle',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Angle',
                 displayText: '∠'
             },
             measureOfAngle: {
                 title: 'Measure of angle',
-                text: null,
+                textElement: null,
                 ariaLabel: 'MeasureOfAngle',
                 displayText: 'm∠'
             },
             arc: {
                 title: 'Arc',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Arc',
                 displayText: null
             },
             topLineSegment: {
                 title: 'Line segment on top',
-                text: null,
+                textElement: null,
                 ariaLabel: 'TopLineSegment',
                 displayText: null
             },
             vector: {
                 title: 'Vector',
-                text: null,
+                textElement: null,
                 ariaLabel: 'Vector',
                 displayText: '→'
             },
             topDoubleSidedArrow: {
                 title: 'Double sided arrow on top',
-                text: null,
+                textElement: null,
                 ariaLabel: 'TopDoubleSidedArrow',
                 displayText: null
             },
             topLeftArrow: {
                 title: 'Left Arrow (Ray) on top',
-                text: null,
+                textElement: null,
                 ariaLabel: 'TopLeftArrow',
                 displayText: null
             },
             topRightArrow: {
                 title: 'Right Arrow (Ray) on top',
-                text: null,
+                textElement: null,
                 ariaLabel: 'TopRightArrow',
                 displayText: null
             },
             recurringDecimal: {
                 title: 'Recurring decimal',
-                text: null,
+                textElement: null,
                 ariaLabel: 'RecurringDecimal',
                 displayText: '˙'
             }