@algorithm-shift/design-system 1.2.986 → 1.2.988

package/dist/index.mjs

@@ -350,7 +350,7 @@ function useFileService(options) {
         formData.append(key, value);
       });
       const axiosClient = options.axiosInstance ?? axios;
-      const apiUrl = "/fileservice/upload";
+      const apiUrl = options.apiUrl ?? "/fileservice/upload";
       const result = await axiosClient.post(`${apiUrl}`, formData, {
         withCredentials: true
       });
@@ -422,6 +422,7 @@ var ImageControl = ({
   style,
   imageUrl,
   altText = "Preview",
+  apiUrl,
   ...props
 }) => {
   const defaultImgClass = cn(
@@ -438,6 +439,7 @@ var ImageControl = ({
   };
   const { uploadFile } = useFileService({
     axiosInstance: props.axiosInstance,
+    apiUrl,
     onSuccess: async (result) => {
       if (!result?.data?.url && !props.onSuccess) return;
       props.onSuccess?.({ url: result.data.url || "", fileName: result.data.originalname || "" });
@@ -5053,7 +5055,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
 var Tabs_default = Tabs;
 
 // src/components/Navigation/Stages/Stages.tsx
-import React11, { useState as useState13 } from "react";
+import React11, { useEffect as useEffect26, useState as useState13 } from "react";
 import { jsx as jsx60, jsxs as jsxs37 } from "react/jsx-runtime";
 var StagesComponent = ({
   stages,
@@ -5070,8 +5072,15 @@ var StagesComponent = ({
   triggerOnClick = false,
   canvasMode = "desktop"
 }) => {
-  const [activeStage, setActiveStage] = useState13(currentStage || (stages && stages.length > 0 ? stages[0][dataKey] : null));
+  const [activeStage, setActiveStage] = useState13("");
   const [isCompleted, setIsCompleted] = useState13(false);
+  useEffect26(() => {
+    if (currentStage) {
+      setActiveStage(currentStage);
+    } else {
+      setActiveStage(stages && stages.length > 0 ? stages[0][dataKey] : null);
+    }
+  }, [currentStage]);
   const updateStage = (stageKey) => {
     setActiveStage(stageKey);
     onStageChange?.(stageKey);
@@ -5086,7 +5095,7 @@ var StagesComponent = ({
       return;
     }
     if (currentIndex < stages.length - 1) {
-      const nextStageObj = stages[currentIndex + 1];
+      const nextStageObj = stages[currentIndex];
       updateStage(nextStageObj[dataKey]);
       return;
     }
@@ -5207,7 +5216,7 @@ import { jsx as jsx63, jsxs as jsxs39 } from "react/jsx-runtime";
 import { jsx as jsx64 } from "react/jsx-runtime";
 
 // src/components/Navigation/Navbar/Navbar.tsx
-import { useCallback as useCallback4, useMemo as useMemo9, useState as useState14, useEffect as useEffect26 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo9, useState as useState14, useEffect as useEffect27 } from "react";
 import { Bell, Search as Search2, Menu as Menu2 } from "lucide-react";
 import Image3 from "next/image";
 import Link4 from "next/link";
@@ -5276,7 +5285,7 @@ function Navbar({
   const [screenMode, setScreenMode] = useState14(
     canvasMode
   );
-  useEffect26(() => {
+  useEffect27(() => {
     const detectMode = () => {
       if (window.innerWidth < 640) setScreenMode("mobile");
       else if (window.innerWidth < 1024) setScreenMode("tablet");
@@ -5383,7 +5392,7 @@ function Navbar({
 }
 
 // src/components/Chart/BarChart.tsx
-import React13, { useEffect as useEffect27, useMemo as useMemo10, useState as useState15, useCallback as useCallback5 } from "react";
+import React13, { useEffect as useEffect28, useMemo as useMemo10, useState as useState15, useCallback as useCallback5 } from "react";
 import axios3 from "axios";
 import {
   BarChart,
@@ -5461,7 +5470,7 @@ var ChartComponent = ({
   const [currentPage, setCurrentPage] = useState15(1);
   const effectiveData = apiUrl ? rawData : props.data || [];
   const effectiveLoading = apiUrl ? localLoading : externalLoading;
-  useEffect27(() => {
+  useEffect28(() => {
     if (apiUrl) {
       setCurrentPage(1);
     }
@@ -5503,7 +5512,7 @@ var ChartComponent = ({
       if (!cancelled) setLocalLoading(false);
     }
   }, [apiUrl, limit]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!apiUrl) return;
     fetchData(currentPage);
   }, [apiUrl, currentPage, fetchData]);
@@ -5702,7 +5711,7 @@ var ChartComponent = ({
 var BarChart_default = React13.memo(ChartComponent);
 
 // src/components/Chart/PieChart.tsx
-import React14, { useEffect as useEffect28, useMemo as useMemo11, useState as useState16 } from "react";
+import React14, { useEffect as useEffect29, useMemo as useMemo11, useState as useState16 } from "react";
 import axios4 from "axios";
 import {
   PieChart,
@@ -5792,7 +5801,7 @@ var DonutChart = ({
   const [localLoading, setLocalLoading] = useState16(false);
   const effectiveData = apiUrl ? rawData : props.data || [];
   const effectiveLoading = apiUrl ? localLoading : externalLoading;
-  useEffect28(() => {
+  useEffect29(() => {
     if (!apiUrl) return;
     let cancelled = false;
     const fetchData = async () => {
@@ -5874,7 +5883,7 @@ var DonutChart = ({
     return { inner: 70, outer: 130 };
   };
   const [mounted, setMounted] = useState16(false);
-  useEffect28(() => {
+  useEffect29(() => {
     const timeout = setTimeout(() => setMounted(true), 100);
     return () => clearTimeout(timeout);
   }, []);