added hideSkip option

docs/docs/intro/options.md

@@ -12,6 +12,7 @@ permalink: /intro/options/
  - `doneLabel`: Done button label
  - `hidePrev`: Hide previous button in the first step? Otherwise, it will be disabled button.
  - `hideNext`: Hide next button in the last step? Otherwise, it will be disabled button.
+ - `hideSkip`: Hide the skip button.
  - `tooltipPosition`: Default tooltip position
  - `tooltipClass`: Adding CSS class to all tooltips
  - `highlightClass`: Additional CSS class for the helperLayer

src/core/showElement.js

@@ -458,6 +458,16 @@ export default function _showElement(targetElement) {
     _disableInteraction.call(self);
   }
 
+  // hide skip button
+  if (this._options.hideSkip === true) {
+    if (
+      typeof skipTooltipButton !== "undefined" &&
+      skipTooltipButton !== null
+    ) {
+      skipTooltipButton.className = "".concat("introjs-skipbutton introjs-hidden");
+    }
+  }
+
   // when it's the first step of tour
   if (this._currentStep === 0 && this._introItems.length > 1) {
     if (

src/index.js

@@ -44,6 +44,8 @@ function IntroJs(obj) {
     hidePrev: false,
     /* Hide next button in the last step? Otherwise, it will be disabled button (note: this will also hide the "Done" button) */
     hideNext: false,
+    /* Hide the skip button */
+    hideSkip: false,
     /* Change the Next button to Done in the last step of the intro? otherwise, it will render a disabled button */
     nextToDone: true,
     /* Default tooltip box position */

tests/core/hideSkip.test.js

@@ -0,0 +1,47 @@
+import introJs from "../../src";
+
+describe("hideSkip", () => {
+
+    test("shold show the skip button by default", () => {
+        const targetElement = document.createElement("div");
+        document.body.appendChild(targetElement);
+
+        const intro = introJs(targetElement).setOptions({
+            steps: [
+                {
+                    intro: "hello world"
+                }
+            ]
+        })
+
+        intro.start();
+
+        const skipbutton = document.querySelectorAll(".introjs-skipbutton");
+
+        expect(intro._options.hideSkip).toBe(false);
+        expect(skipbutton.length).toBe(1);
+        expect(skipbutton[0].className).toBe('introjs-skipbutton')
+    })
+
+    test("should hide the skip button", () => {
+        const targetElement = document.createElement("div");
+        document.body.appendChild(targetElement);
+
+        const intro = introJs(targetElement).setOptions({
+            hideSkip: true,
+            steps: [
+                {
+                    intro: "hello world"
+                }
+            ]
+        })
+
+        intro.start();
+
+        const skipbutton = document.querySelectorAll(".introjs-skipbutton");
+
+        expect(intro._options.hideSkip).toBe(true);
+        expect(skipbutton.length).toBe(1);
+        expect(skipbutton[0].className).toBe('introjs-skipbutton introjs-hidden')
+    });
+})