fix: typos in comments and components

material-table-core · Aug 12, 2021 · cc2b40e · cc2b40e
1 parent a5847e2
commit cc2b40e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -662,7 +662,7 @@ export default class DataManager {
   };
 
   // =====================================================================================================
-  // DATA MANUPULATIONS
+  // DATA MANIPULATIONS
   // =====================================================================================================
 
   filterData = () => {