Add ability to specify ID for skill reporting event

Bump axios from 0.27.2 to 1.6.0 in /skills-client-js

skills-client-integration/skills-int-client-js/app/index.html

@@ -33,7 +33,11 @@ limitations under the License.
         SkillsConfiguration.configure(result.data);
       });
 
-      SkillsReporter.addSuccessHandler((result) => {
+    SkillsReporter.addSuccessHandler((result) => {
+      document.querySelector('#global-event-result-container-js').innerHTML = JSON.stringify(result, null, 2);
+    });
+
+    SkillsReporter.addErrorHandler((result) => {
       document.querySelector('#global-event-result-container-js').innerHTML = JSON.stringify(result, null, 2);
     });
 
@@ -41,9 +45,15 @@ limitations under the License.
       SkillsReporter.reportSkill(skillId)
         .then((response) => {
           document.querySelector('#report-result-container').innerHTML = JSON.stringify(response, null, 2);
-        });
+        }).catch((err) => {
+          document.querySelector('#report-result-container').innerHTML = JSON.stringify(err, null, 2);
+      });
     };
-    document.querySelector('#exampleDirectiveClickEvent').addEventListener('click', () => { reportSkill('IronMan'); });
+
+    document.querySelector('#exampleDirectiveClickEvent').addEventListener('click', () => {
+      var skillId = document.getElementById('skillId').value;
+      reportSkill(skillId);
+    });
 
     const toggleAllEvents = () => {
       const notifyIfSkillNotApplied = document.querySelector('#all-events-check').checked
@@ -95,7 +105,7 @@ limitations under the License.
           <pre id="global-event-result-container-js" data-cy="globalEventResult"></pre>
         </div>
         <div>
-          <h5 class="text-info"><strong>Skills Directive - Click Event</strong></h5>
+          <h5 class="text-info"><strong>Report Any Skill</strong></h5>
           <div class="card card-body bg-light">
             <pre class="m-0 sample-code">
 <code class="javascript">SkillsReporter.reportSkill(this.skill)
@@ -105,12 +115,18 @@ limitations under the License.
 
           </div>
           <div class="card card-body mt-3">
+            <div class="text-primary">Skill Id:</div>
+            <div class="code-example">
+              <input class="form-control" id="skillId" type="text" value="IronMan" />
+            </div>
+            <div>
             <div id="exampleDirectiveClickEvent">
-              <button
-                data-cy="exampleDirectiveClickEventButton"
-                class="btn btn-outline-primary">
-                Report Skill
-              </button>
+                <button
+                  data-cy="exampleDirectiveClickEventButton"
+                  class="btn btn-outline-primary">
+                  Report Skill
+                </button>
+              </div>
             </div>
             <hr>
             <div class="text-primary">Result:</div>

skills-client-integration/skills-int-client-js/package.json

@@ -17,7 +17,7 @@
     "author": "SkillTree Team",
     "dependencies": {
         "@skilltree/skills-client-js": "3.5.0",
-        "axios": "0.23.0",
+        "axios": "1.6.0",
         "bootstrap": "4.5.2",
         "jquery": "3.5.1",
         "js-beautify": "1.13.0"

skills-client-integration/skills-int-client-ng/package.json

@@ -31,7 +31,7 @@
         "@popperjs/core": "2.11.8",
         "@skilltree/skills-client-ng": "3.6.0",
         "@types/js-beautify": "1.11.0",
-        "axios": "0.23.0",
+        "axios": "1.6.0",
         "bootstrap": "4.5.3",
         "highlight.js": "11.3.1",
         "jquery": "3.5.1",

skills-client-integration/skills-int-client-react/package.json

@@ -6,7 +6,7 @@
     "homepage": "/react/",
     "dependencies": {
         "@skilltree/skills-client-react": "3.5.0",
-        "axios": "0.23.0",
+        "axios": "1.6.0",
         "bootstrap": "4.5.3",
         "core-js": "3.6.5",
         "highlightjs": "9.16.2",

skills-client-integration/skills-int-client-react17/package.json

@@ -6,7 +6,7 @@
     "homepage": "/react17/",
     "dependencies": {
         "@skilltree/skills-client-react": "3.5.0",
-        "axios": "0.23.0",
+        "axios": "1.6.0",
         "bootstrap": "5.1.3",
         "core-js": "3.6.5",
         "highlightjs": "9.16.2",

skills-client-integration/skills-int-client-react18/package.json

@@ -6,7 +6,7 @@
     "homepage": "/react18/",
     "dependencies": {
         "@skilltree/skills-client-react": "3.5.0",
-        "axios": "0.23.0",
+        "axios": "1.6.0",
         "bootstrap": "5.1.3",
         "core-js": "3.6.5",
         "js-beautify": "1.14.0",

skills-client-integration/skills-int-client-vue/package.json

@@ -15,7 +15,7 @@
     },
     "dependencies": {
         "@skilltree/skills-client-vue": "3.5.0",
-        "axios": "0.23.0",
+        "axios": "1.6.0",
         "bootstrap": "4.5.3",
         "bootstrap-vue": "2.17.3",
         "core-js": "3.2.1",

skills-client-js/package.json

@@ -6,7 +6,10 @@
     "main": "dist/skills-client-js.umd.min.js",
     "module": "dist/skills-client-js.esm.min.js",
     "jest": {
-        "testEnvironment": "./test/custom-test-env.js"
+        "testEnvironment": "./test/custom-test-env.js",
+        "transformIgnorePatterns": [
+            "/node_modules/(?!(axios)/)"
+        ]
     },
     "scripts": {
         "clean": "rm -rf dist",
@@ -33,7 +36,7 @@
         "@rollup/plugin-commonjs": "15.1.0",
         "@rollup/plugin-node-resolve": "9.0.0",
         "@rollup/plugin-replace": "2.3.3",
-        "axios-mock-adapter": "1.18.2",
+        "axios-mock-adapter": "1.22.0",
         "babel-jest": "26.5.2",
         "eslint": "7.11.0",
         "eslint-config-airbnb-base": "14.2.0",
@@ -49,7 +52,7 @@
         "xhr-mock": "2.5.1"
     },
     "dependencies": {
-        "axios": "0.27.2",
+        "axios": "1.6.2",
         "js-logger": "1.6.1",
         "postmate": "1.5.2",
         "sockjs-client": "1.6.1",
@@ -70,4 +73,4 @@
     "bugs": {
         "url": "https://github.com/NationalSecurityAgency/skills-client/issues"
     }
-}
+}

skills-client-react/package.json

@@ -57,7 +57,7 @@
     },
     "dependencies": {
         "@skilltree/skills-client-js": "3.5.0",
-        "axios": "0.23.0",
+        "axios": "1.6.0",
         "axios-auth-refresh": "3.2.1"
     },
     "eslintConfig": {

skills-client-vue/package.json

@@ -53,7 +53,7 @@
     },
     "dependencies": {
         "@skilltree/skills-client-js": "3.5.0",
-        "axios": "0.23.0",
+        "axios": "1.6.0",
         "axios-auth-refresh": "3.2.1",
         "lodash": "4.17.21",
         "postmate": "1.5.2"