From cc2b40e374bc424fe4cdc3f466f9dff9e340d277 Mon Sep 17 00:00:00 2001
From: Kevin Kirsche <kevin.kirsche@one.verizon.com>
Date: Thu, 12 Aug 2021 13:23:00 -0400
Subject: [PATCH] fix: typos in comments and components

---
 src/components/MTableBodyRow/index.js            | 6 +++---
 src/components/MTableEditRow/index.js            | 4 ++--
 src/components/MTableEditRow/m-table-edit-row.js | 4 ++--
 src/utils/data-manager.js                        | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/MTableBodyRow/index.js b/src/components/MTableBodyRow/index.js
index d1fb418b..a3791ab3 100644
--- a/src/components/MTableBodyRow/index.js
+++ b/src/components/MTableBodyRow/index.js
@@ -220,7 +220,7 @@ export default function MTableBodyRow(props) {
           }}
         >
           <IconButton
-            aria-label="Detail panel visiblity toggle"
+            aria-label="Detail panel visibility toggle"
             size={size}
             style={{
               transition: 'all ease 200ms',
@@ -286,7 +286,7 @@ export default function MTableBodyRow(props) {
 
               iconButton = (
                 <IconButton
-                  aria-label="Detail panel visiblity toggle"
+                  aria-label="Detail panel visibility toggle"
                   size={size}
                   key={'key-detail-panel-' + index}
                   style={{
@@ -336,7 +336,7 @@ export default function MTableBodyRow(props) {
           style={{ width: 48 + 9 * (props.treeDataMaxLevel - 2) }}
         >
           <IconButton
-            aria-label="Detail panel visiblity toggle"
+            aria-label="Detail panel visibility toggle"
             size={size}
             style={{
               transition: 'all ease 200ms',
diff --git a/src/components/MTableEditRow/index.js b/src/components/MTableEditRow/index.js
index e316906f..e8ff16eb 100644
--- a/src/components/MTableEditRow/index.js
+++ b/src/components/MTableEditRow/index.js
@@ -285,8 +285,8 @@ function MTableEditRow(props) {
 
     // Lastly we add detail panel icon
     if (props.detailPanel && props.mode !== 'bulk') {
-      const aligment = props.options.detailPanelColumnAlignment;
-      const index = aligment === 'left' ? 0 : columns.length;
+      const alignment = props.options.detailPanelColumnAlignment;
+      const index = alignment === 'left' ? 0 : columns.length;
       columns.splice(
         index,
         0,
diff --git a/src/components/MTableEditRow/m-table-edit-row.js b/src/components/MTableEditRow/m-table-edit-row.js
index c3e1fbdd..581d8e19 100644
--- a/src/components/MTableEditRow/m-table-edit-row.js
+++ b/src/components/MTableEditRow/m-table-edit-row.js
@@ -320,8 +320,8 @@ export default class MTableEditRow extends React.Component {
 
     // Lastly we add detail panel icon
     if (this.props.detailPanel) {
-      const aligment = this.props.options.detailPanelColumnAlignment;
-      const index = aligment === 'left' ? 0 : columns.length;
+      const alignment = this.props.options.detailPanelColumnAlignment;
+      const index = alignment === 'left' ? 0 : columns.length;
       columns.splice(
         index,
         0,
diff --git a/src/utils/data-manager.js b/src/utils/data-manager.js
index f4d38eb8..afc7d7c5 100644
--- a/src/utils/data-manager.js
+++ b/src/utils/data-manager.js
@@ -662,7 +662,7 @@ export default class DataManager {
   };
 
   // =====================================================================================================
-  // DATA MANUPULATIONS
+  // DATA MANIPULATIONS
   // =====================================================================================================
 
   filterData = () => {