@campxdev/react-blueprint 1.0.7 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "main": "./export.ts",
   "private": false,
   "dependencies": {

package/src/components/Feedback/Tutorial/Tutorial.tsx

@@ -8,6 +8,7 @@ export interface TutorialProps {
   steps: Step[];
   children?: ReactNode;
   tourName: string;
+  showProgress?: boolean;
   iconPosition?: "left" | "right";
 }
 
@@ -16,6 +17,7 @@ export const Tutorial = ({
   children,
   tourName,
   iconPosition = "right",
+  showProgress = true,
 }: TutorialProps) => {
   const [run, setRun] = useState(false);
   const userTours = localStorage.getItem("userTours") || "[]";
@@ -33,7 +35,7 @@ export const Tutorial = ({
 
   const handleJoyrideCallback = (data: CallBackProps) => {
     console.log(data);
-    const { action, status, lifecycle, type } = data;
+    const { action, status, lifecycle, type, size } = data;
     const reqData = {
       tourName: tourName,
       skipped: false,
@@ -46,11 +48,15 @@ export const Tutorial = ({
       lifecycle === "complete" &&
       type === "tour:end"
     ) {
+      console.log("Tour is skipped");
       reqData.skipped = true;
+    } else if (action === ACTIONS.CLOSE) {
+      setRun(false);
     } else if (action === ACTIONS.RESET) {
+      console.log("Tour is reset");
       reqData.completed = true;
     }
-
+    console.log(reqData);
     if (reqData.skipped || reqData.completed) {
       setRun(false); // Stop the tour
       completeTour(reqData).catch((err) => {
@@ -97,10 +103,10 @@ export const Tutorial = ({
         continuous
         run={run}
         showSkipButton
-        showProgress
+        showProgress={showProgress}
         spotlightPadding={5}
         locale={{
-          last: "Finish",
+          last: "Got it",
           next: "Next",
           skip: "Skip",
           back: "Previous",

package/src/components/Layout/AppHeader/AppHeader.tsx

@@ -50,7 +50,14 @@ export const AppHeader = ({
           id="jiraIssueCollector"
           className="reportAnIssue"
         >
-          <Typography variant="button">Report an Issue</Typography>
+          <Typography
+            variant="button"
+            sx={{
+              fontWeight: "bold",
+            }}
+          >
+            Report an Issue
+          </Typography>
         </Button>
         <UserBox
           fullName={userFullName}

package/src/stories/Feedback/Tutorial.stories.tsx

@@ -42,15 +42,17 @@ export const PrimaryTutorial: StoryObj<typeof Tutorial> = {
   ),
   args: {
     tourName: "Active Batches",
+    showProgress: false,
     steps: [
       {
         target: ".tutorial-target",
         content: "This is my first step",
+        disableBeacon: true,
       },
-      {
-        target: ".next-target",
-        content: "This is the next step",
-      },
+      // {
+      //   target: ".next-target",
+      //   content: "This is the next step",
+      // },
     ],
   },
 };