@zzish/math-rich-input 0.1.5 → 0.1.6

package/dist/index.js

@@ -19543,7 +19543,7 @@ function addCharacters(characters, start, end) {
 
 function buildGreekLowerCaseLetters() {
   var characters = [];
-  addCharacters(characters, 0x03B1, 0x03C9);
+  addCharacters(characters, 0x03b1, 0x03c9);
   return characters;
 }
 
@@ -19577,13 +19577,13 @@ function buildFractionMathSymbols() {
 
 function buildArrowSymbols() {
   var characters = [];
-  addCharacters(characters, 0x2190, 0x21FF);
+  addCharacters(characters, 0x2190, 0x21ff);
   return characters;
 }
 
 function buildAdvancedMathSymbols() {
   var characters = [];
-  addCharacters(characters, 0x2200, 0x22FF);
+  addCharacters(characters, 0x2200, 0x22ff);
   return characters;
 }
 
@@ -19618,7 +19618,7 @@ function buildSymbols() {
 
 function buildEmoticonsSmileys() {
   var characters = [];
-  characters.push.apply(characters, ["😀", "😀", "😁", "😆", "😅", "😂", "🤣", "😊", "😇", "🙂", "🙃", "😉", "😍", "🥰", "😘", "😜", "🤪", "🤨", "🧐", "🤓", "😎", "🤩", "🥳", "🙁", "🥺", "😢", "😭", "😤", "🤯", "😳", "🥶", "😱", "🤗", "🤔", "🤭", "🤫", "🤥", "😶", "😐", "😴", "🤐", "🥴", "🤠", "😈", "👹", "👺", "🤡", "💩", "👻", "💀", "☠️", "👽", "👾", "🤖", "🎃", "😺", "😸", "😹", "😻", "😼", "😽", "🙀", "😿", "😾"]);
+  characters.push.apply(characters, ["😀", "😀", "😁", "😆", "😅", "😂", "🤣", "😊", "😇", "🙂", "🙃", "😉", "😍", "🥰", "😘", "😜", "🤪", "🤨", "🤓", "😎", "🤩", "🥳", "🙁", "🥺", "😢", "😭", "😤", "🤯", "😳", "🥶", "😱", "🤗", "🤔", "🤫", "🤥", "😶", "😐", "😴", "🤐", "🥴", "🤠", "😈", "👹", "👺", "🤡", "💩", "👻", "💀", "☠️", "👽", "👾", "🤖", "🎃", "😺", "😸", "😹", "😻", "😼", "😽", "🙀", "😿", "😾"]);
   return characters;
 }
 
@@ -19643,19 +19643,19 @@ function buildEmoticonsFood() {
 
 function buildEmoticonsGames() {
   var characters = [];
-  characters.push.apply(characters, ["⚽️", "🏀", "🏈", "⚾️", "🥎", "🎾", "🏐", "🏉", "🥏", "🎱", "🏏", "🏆", "🥇", "🥈", "🥉", "🏅", "🎖", "🎲", "🎭", "🎨", "🎬", "🎤", "🎹", "🎷"]);
+  characters.push.apply(characters, ["⚽️", "🏀", "🏈", "⚾️", "🥎", "🎾", "🏐", "🏉", "🥏", "🎱", "🏏", "🏆", "🥇", "🥈", "🥉", "🏅", "🎖", "🎲", "🎨", "🎬", "🎤", "🎹", "🎷"]);
   return characters;
 }
 
 function buildEmoticonsTransport() {
   var characters = [];
-  characters.push.apply(characters, ["🚗", "🚕", "🚙", "🚌", "🏎", "🚓", "🚑", "🚒", "🚐", "🚚", "🚜", "🛴", "🚲", "🛵", "🏍", "🚂", "🚋", "✈️", "🚀", "🛸", "🚁", "🛶", "⛵️", "🚤"]);
+  characters.push.apply(characters, ["🚗", "🚕", "🚙", "🚌", "🏎", "🚓", "🚑", "🚒", "🚐", "🚚", "🚜", "🛴", "🚲", "🛵", "🏍", "🚂", "🚋", "✈️", "🛸", "🚁", "🛶", "⛵️", "🚤"]);
   return characters;
 }
 
 function buildEmoticonsMisc() {
   var characters = [];
-  characters.push.apply(characters, ["💰", "💎", "💣", "🧨", "⚗️", "🔭", "🔬", "💉", "🧬", "🦠", "🧫", "🧪", "🌡", "🔑", "🗝", "🎁", "🎈", "📒", "📕", "📗", "📘", "📙", "📚", "📖", "📊", "📈", "🧮", "❤️", "🧡", "💛", "💚", "💙", "💜", "🖤", "⚪️", "⚫️", "🔴", "🔵", "🔺", "🔻", "🔸", "🔹", "🔶", "🔷", "♠️", "♣️", "♥️", "♦️"]);
+  characters.push.apply(characters, ["💰", "💎", "💣", "🧨", "⚗️", "🔭", "🔬", "💉", "🧬", "🦠", "🧫", "🧪", "🌡", "🔑", "🗝", "🎁", "🎈", "📒", "📗", "📘", "📙", "📚", "📖", "📊", "📈", "🧮", "❤️", "🧡", "💛", "💚", "💙", "💜", "🖤", "⚪️", "⚫️", "🔴", "🔵", "🔺", "🔻", "🔸", "🔹", "🔶", "🔷", "♠️", "♣️", "♥️", "♦️"]);
   return characters;
 }
 
@@ -19695,10 +19695,6 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "handleButtonClick", function (e, character) {
       var insert = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      // console.log("handleButtonClick")
-      // console.log(character)
-      // console.log(this.letterForAccents)
-      // console.log(insert)
       if (insert) _this.suppliedClickHandler(e, null, character);else _this.suppliedClickHandler(e, _this.letterForAccents, character);
     });
 
@@ -19790,7 +19786,6 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      // console.log("Rendering accent bar")
       this.suppliedClickHandler = this.props.onButtonClick;
       var compactMode = false;
       if (this.props.compactMode !== null && this.props.compactMode !== undefined) compactMode = this.props.compactMode; // Get the right accent letter for the replace functionality
@@ -19804,7 +19799,7 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
       this.letterForAccents = accentKey;
       if (quickAccents === null || quickAccents === undefined) quickAccents = []; // Set className
 
-      var className = compactMode ? 'AccentBar-compact' : 'AccentBar';
+      var className = compactMode ? "AccentBar-compact" : "AccentBar";
       if (this.props.className) className = className + " " + this.props.className; // Set up the tranlation to place the accent bar where we want it
 
       var style = _objectSpread2({}, this.props.style);
@@ -19870,7 +19865,7 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
       }, this.state.selectedTab === "Accents" && /*#__PURE__*/React__default['default'].createElement("div", {
         className: "tabArea"
       }, quickAccents.length > -1 && /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "replace-section"
+        className: "replace-section symbols-grid"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
       }, "Replace"), quickAccents.length === 0 && /*#__PURE__*/React__default['default'].createElement("div", {
@@ -19891,7 +19886,9 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
         }, character);
       })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Insert"), allAccents.map(function (character, index) {
+      }, "Insert"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, allAccents.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -19905,11 +19902,13 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      })), this.state.selectedTab === "Greek" && /*#__PURE__*/React__default['default'].createElement("div", {
+      }))), this.state.selectedTab === "Greek" && /*#__PURE__*/React__default['default'].createElement("div", {
         className: "tabArea"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Lower case"), GREEK_LOWER_CASE_LETTERS.map(function (character, index) {
+      }, "Lower case"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, GREEK_LOWER_CASE_LETTERS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -19923,9 +19922,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Capitals"), GREEK_CAPITAL_LETTERS.map(function (character, index) {
+      }, "Capitals"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, GREEK_CAPITAL_LETTERS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -19939,11 +19940,13 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      })), this.state.selectedTab === "Math" && /*#__PURE__*/React__default['default'].createElement("div", {
+      }))), this.state.selectedTab === "Math" && /*#__PURE__*/React__default['default'].createElement("div", {
         className: "tabArea"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Common"), COMMON_MATH_SYMBOLS.map(function (character, index) {
+      }, "Common"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, COMMON_MATH_SYMBOLS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -19957,9 +19960,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Fractions"), FRACTION_MATH_SYMBOLS.map(function (character, index) {
+      }, "Fractions"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, FRACTION_MATH_SYMBOLS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -19973,9 +19978,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Letters"), LETTER_MATH_SYMBOLS.map(function (character, index) {
+      }, "Letters"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, LETTER_MATH_SYMBOLS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -19989,9 +19996,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Advanced"), ADVANCE_MATH_SYMBOLS.map(function (character, index) {
+      }, "Advanced"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, ADVANCE_MATH_SYMBOLS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20005,9 +20014,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Arrows"), ARROW_SYBOLS.map(function (character, index) {
+      }, "Arrows"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, ARROW_SYBOLS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20021,11 +20032,13 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      })), this.state.selectedTab === "Emoticons" && /*#__PURE__*/React__default['default'].createElement("div", {
+      }))), this.state.selectedTab === "Emoticons" && /*#__PURE__*/React__default['default'].createElement("div", {
         className: "tabArea"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Smileys"), EMOTICONS_SMILEYS.map(function (character, index) {
+      }, "Smileys"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, EMOTICONS_SMILEYS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20039,9 +20052,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "People"), EMOTICONS_PEOPLE.map(function (character, index) {
+      }, "People"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, EMOTICONS_PEOPLE.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20055,9 +20070,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Animals"), EMOTICONS_ANIMALS.map(function (character, index) {
+      }, "Animals"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, EMOTICONS_ANIMALS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20071,9 +20088,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Flowers and food"), EMOTICONS_FOOD.map(function (character, index) {
+      }, "Flowers and food"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, EMOTICONS_FOOD.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20087,9 +20106,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Fun"), EMOTICONS_GAMES.map(function (character, index) {
+      }, "Fun"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, EMOTICONS_GAMES.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20103,9 +20124,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Transport"), EMOTICONS_TRANSPORT.map(function (character, index) {
+      }, "Transport"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, EMOTICONS_TRANSPORT.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20119,9 +20142,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Miscellaneous"), EMOTICONS_MISC.map(function (character, index) {
+      }, "Miscellaneous"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, EMOTICONS_MISC.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20135,11 +20160,13 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      })), this.state.selectedTab === "More" && /*#__PURE__*/React__default['default'].createElement("div", {
+      }))), this.state.selectedTab === "More" && /*#__PURE__*/React__default['default'].createElement("div", {
         className: "tabArea"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Symbols"), COMMON_SYMBOLS.map(function (character, index) {
+      }, "Symbols"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, COMMON_SYMBOLS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20153,9 +20180,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Currency"), CURRENCY_SYMBOLS.map(function (character, index) {
+      }, "Currency"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, CURRENCY_SYMBOLS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20169,9 +20198,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Numbers"), NUMBER_SYMBOLS.map(function (character, index) {
+      }, "Numbers"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, NUMBER_SYMBOLS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20185,9 +20216,11 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "section-label"
-      }, "Letters"), LATIN_LETTERS.map(function (character, index) {
+      }, "Letters"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "symbols-grid insert-grid"
+      }, LATIN_LETTERS.map(function (character, index) {
         return /*#__PURE__*/React__default['default'].createElement("button", {
           className: "AccentBar-button AB-narrow",
           key: "accent-button-" + index,
@@ -20201,7 +20234,7 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
             return e.preventDefault();
           }
         }, character);
-      }))))));
+      })))))));
     }
   }]);
 
@@ -20333,7 +20366,7 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
       var enableMath = (_this$props$enableMat = this.props.enableMath) !== null && _this$props$enableMat !== void 0 ? _this$props$enableMat : true;
       var katexHTML = katex$1.renderToString("f(x)"); // Not really necessary, but lets clean out some unnessary mathml nodes
 
-      var start = katexHTML.indexOf("<span class=\"katex-mathml\">");
+      var start = katexHTML.indexOf('<span class="katex-mathml">');
       var end = -1;
       if (start > 0) end = katexHTML.indexOf("</math></span>", start + 30);
       if (end > 0) katexHTML = katexHTML.substring(0, start) + katexHTML.substring(end + 14); // Set up the tranlation to place the toolbar where we want it
@@ -20404,7 +20437,7 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         }
       }, "a", /*#__PURE__*/React__default['default'].createElement("sup", null, "x")), /*#__PURE__*/React__default['default'].createElement("button", {
         name: "Subscript",
-        className: "Toolbar-button TB-narrow TB-up4" + (this.props.activeButtons.subscript ? " TB-selected" : ""),
+        className: "Toolbar-button TB-narrow" + (this.props.activeButtons.subscript ? " TB-selected" : ""),
         onClick: function onClick(e) {
           return e.preventDefault();
         },
@@ -21553,7 +21586,7 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
 
       var node = prevNode;
       var new_index = 0;
-      var new_offset = 0; // Note that if startNodeIndex == 2, then that means that the latex node is at the start 
+      var new_offset = 0; // Note that if startNodeIndex == 2, then that means that the latex node is at the start
       // of the whole input at index 1. This is because we insert a SMALL_SPACE
       // at the beginning in index 0, if the whole input starts with a latex node
 
@@ -21818,11 +21851,11 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
       // This method automatically converts text between a pair of typed dollars into
       // a latex math component. It only does this when the second dollar is preceded by certain
       // characters and NOT when the second dollar is preceded by a space.
-      // 
-      // This is because when the user actually wants actual dollar symbols for ammounts 
+      //
+      // This is because when the user actually wants actual dollar symbols for ammounts
       // the dollar symbol will usually be preceded by a space, eg:
       //
-      //    "The pie was $3.50 and the cheese was $1.30" 
+      //    "The pie was $3.50 and the cheese was $1.30"
       //
       // will not be converted as the $1.30 is preceded by a space.
       //
@@ -21842,7 +21875,7 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
         var c = text.charAt(second_dollar_pos - 1);
         var convert_to_latex = false;
 
-        if (c >= 'a' && c <= 'z' || c >= 'A' && c <= 'Z' || c >= '0' && c <= '9' || c === ')' || c === '}') {
+        if (c >= "a" && c <= "z" || c >= "A" && c <= "Z" || c >= "0" && c <= "9" || c === ")" || c === "}") {
           convert_to_latex = true;
         }
 
@@ -21941,7 +21974,7 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
             });
           } else {
             _this2.setState({
-              showAccentBar: false
+              showAccentBar: true
             });
           }
 
@@ -21953,14 +21986,14 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
         _this2.setState({
           keyPressed: e.key
         }); // Hide the accent bar if a key is typed except when it is an automatic key repeat press
-        // If it is automatic key repeat, then keyPressStartTime will be greater than 0 
+        // If it is automatic key repeat, then keyPressStartTime will be greater than 0
         // (keyPressStartTime is reset to -1 on key up)
 
 
         if (_this2.keyPressStartTime < 0) {
           _this2.keyPressStartTime = Date.now();
           if (_this2.state.showAccentBar) _this2.setState({
-            showAccentBar: false
+            showAccentBar: true
           });
         }
 
@@ -22463,8 +22496,8 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
         // console.log("Latex returned from equation editor: "+latex)
 
 
-        var new_raw_text = replaceMarksWithMath(_this2.markedRawText, latex, _this2.enableHtml()); // let new_raw_text = 
-        //   this.markedRawText.substring(0,start_pos) + 
+        var new_raw_text = replaceMarksWithMath(_this2.markedRawText, latex, _this2.enableHtml()); // let new_raw_text =
+        //   this.markedRawText.substring(0,start_pos) +
         //   RAW_TEXT_MATH_START_TAG + latex + RAW_TEXT_MATH_END_TAG +
         //   this.markedRawText.substring(end_pos + MARK.length)
 
@@ -22483,8 +22516,8 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
               startOffset: SMALL_SPACE_LENGTH,
               endNodeIndex: 2,
               endOffset: SMALL_SPACE_LENGTH
-            };else // normal case
-            new_rangeParams = {
+            }; // normal case
+          else new_rangeParams = {
               startNodeIndex: oldRangeParams.startNodeIndex + 2,
               startOffset: SMALL_SPACE_LENGTH,
               endNodeIndex: oldRangeParams.startNodeIndex + 2,
@@ -22719,7 +22752,7 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
         _this2.insertAccentLetter(event, oldCharacter, newCharacter);
 
         _this2.setState({
-          showAccentBar: false
+          showAccentBar: true
         });
       } catch (error) {
         console.error(error);
@@ -22739,21 +22772,17 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this2), "handleBlur", function (event) {
-      try {
-        _this2.setState({
-          hasFocus: false,
-          showAccentBar: false
-        });
-      } catch (error) {
-        console.error(error);
-      }
+    _defineProperty(_assertThisInitialized(_this2), "handleBlur", function (event) {// try {
+      //   this.setState({ hasFocus: false, showAccentBar: true });
+      // } catch (error) {
+      //   console.error(error);
+      // }
     });
 
     _this2.state = {
       showEquationEditor: false,
       equationEditorLatex: "",
-      showAccentBar: false,
+      showAccentBar: true,
       activeButtons: {
         bold: false,
         italic: false,
@@ -22899,8 +22928,8 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       try {
         setupKatex();
-        this.editableDiv.addEventListener('keydown', this.handleKeyDown);
-        this.editableDiv.addEventListener('keyup', this.handleKeyUp);
+        this.editableDiv.addEventListener("keydown", this.handleKeyDown);
+        this.editableDiv.addEventListener("keyup", this.handleKeyUp);
       } catch (error) {
         console.error(error);
       }
@@ -22909,8 +22938,8 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       try {
-        this.editableDiv.removeEventListener('keydown', this.handleKeyDown);
-        this.editableDiv.removeEventListener('keyup', this.handleKeyUp);
+        this.editableDiv.removeEventListener("keydown", this.handleKeyDown);
+        this.editableDiv.removeEventListener("keyup", this.handleKeyUp);
       } catch (error) {
         console.error(error);
       }
@@ -22939,7 +22968,7 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
       console.log("Rendering MathRichInput. Latex: " + this.props.value);
 
       if (this.props.value === undefined) {
-        console.error("MathRichInput must have prop called \"text\"");
+        console.error('MathRichInput must have prop called "text"');
         console.log(this.props);
       }