Fix spelling

.github/pull_request_template.md

@@ -11,6 +11,6 @@
 ### optionals
 
 - [ ] I have added entry in the `CHANGELOG.md`
-- [ ] If this PR needs a follow-up in **dash docs**, **community thread**, I have mentioned the relevant URLS as follow
-    -  [ ] this github [#PR number]() updates the dash docs
-    -  [ ] here is the show and tell thread in plotly dash community 
+- [ ] If this PR needs a follow-up in **dash docs**, **community thread**, I have mentioned the relevant URLS as follows
+    -  [ ] this GitHub [#PR number]() updates the dash docs
+    -  [ ] here is the show and tell thread in Plotly Dash community 

dash-renderer/src/components/error/CallbackGraph/CallbackGraphContainer.react.js

@@ -24,7 +24,7 @@ Cytoscape.use(dagre);
 Cytoscape.use(fcose);
 
 /*
- * Generates all the elements (nodes, edeges) for the dependency graph.
+ * Generates all the elements (nodes, edges) for the dependency graph.
  */
 function generateElements(graphs, profile, extraLinks) {
     const consumed = [];
@@ -229,7 +229,7 @@ function CallbackGraph() {
         };
     }
 
-    // Adds callbacks once cyctoscape is intialized.
+    // Adds callbacks once cyctoscape is initialized.
     useCytoscapeEffect(
         cy => {
             cytoscape.on('tap', 'node', e => setSelected(e.target));

dash-renderer/src/components/error/CallbackGraph/CallbackGraphEffects.js

@@ -6,7 +6,7 @@ import {STATUS, STATUSMAP} from '../../../constants/constants';
  * Finds all edges connected to a node and splits them by type.
  *
  * @param {Object} node - Cytoscape node.
- * @returns {Object} - Object contaiing the edges, sorted by type.
+ * @returns {Object} - Object containing the edges, sorted by type.
  */
 function getEdgeTypes(node) {
     const elements = node.connectedEdges();
@@ -30,7 +30,7 @@ export function updateSelectedNode(cy, id) {
     if (id) {
         const node = cy.getElementById(id);
 
-        // Highlght the selected node.
+        // Highlight the selected node.
 
         node.addClass('selected-node');
 
@@ -112,7 +112,7 @@ export function updateChangedProps(cy, id, props, flashTime = 500) {
  *
  * @param {Object} cy - Reference to the cytoscape instance.
  * @param {String} id - The id of the callback (i.e., it's output identifier)
- * @param {Object} profile - The callback profiling infomration.
+ * @param {Object} profile - The callback profiling information.
  * @param {Number} flashTime - The time to flash classes for in ms.
  * @returns {undefined}
  */

dash-renderer/src/observers/prioritizedCallbacks.ts

@@ -114,7 +114,7 @@ const observer: IStoreObserverDefinition<IStoreState> = {
         }
 
         if (pickedAsyncCallbacks.length) {
-            const deffered = map<IPrioritizedCallback, IBlockedCallback>(
+            const deferred = map<IPrioritizedCallback, IBlockedCallback>(
                 cb => ({
                     ...cb,
                     ...getStash(cb, paths),
@@ -126,7 +126,7 @@ const observer: IStoreObserverDefinition<IStoreState> = {
             dispatch(
                 aggregateCallbacks([
                     removePrioritizedCallbacks(pickedAsyncCallbacks),
-                    addBlockedCallbacks(deffered)
+                    addBlockedCallbacks(deferred)
                 ])
             );
 
@@ -165,7 +165,7 @@ const observer: IStoreObserverDefinition<IStoreState> = {
                         addExecutingCallbacks([executingCallback])
                     ])
                 );
-            }, deffered);
+            }, deferred);
         }
     },
     inputs: ['callbacks.prioritized', 'callbacks.completed']

dash-renderer/src/reducers/profile.js

@@ -28,7 +28,7 @@ const defaultState = {
 const profile = (state = defaultState, action) => {
     if (action.type === 'UPDATE_RESOURCE_USAGE') {
         // Keep a record of the most recent change. This
-        // is subtly different from history.present becasue
+        // is subtly different from history.present because
         // it watches all props, not just inputs.
         const {id, usage, status} = action.payload;
         const statusMapped = STATUSMAP[status] || status;

tests/integration/test_integration.py

@@ -151,7 +151,7 @@ def test_inin008_index_customization(dash_duo):
             </footer>
             <div id="custom-footer">My custom footer</div>
             <script>
-            // Test the formatting doesn"t mess up script tags.
+            // Test the formatting doesn't mess up script tags.
             var elem = document.getElementById('add');
             if (!elem) {
                 throw Error('could not find container to add');