react-asc 25.2.2 → 25.2.4

package/index.es.js

@@ -2361,6 +2361,13 @@ const Stepper = (props) => {
             setSteps(React.Children.toArray(children));
         }
     }, [children]);
+    const prevActiveIndexRef = useRef(activeIndex);
+    useEffect(() => {
+        if (activeIndex !== prevActiveIndexRef.current) {
+            prevActiveIndexRef.current = activeIndex;
+            onChange && onChange(activeIndex);
+        }
+    }, [activeIndex]);
     useEffect(() => {
         if (value !== undefined) {
             setActiveIndex(value);
@@ -2370,10 +2377,7 @@ const Stepper = (props) => {
         return skipped.has(step);
     };
     const handleClickStep = (index) => {
-        setActiveIndex(() => {
-            onChange && onChange(index);
-            return index;
-        });
+        setActiveIndex(index);
     };
     const renderSteps = (child, index) => {
         return (React.createElement(React.Fragment, null, React.isValidElement(child) &&
@@ -2391,11 +2395,7 @@ const Stepper = (props) => {
         return steps && steps[index].props.isOptional;
     };
     const handleBack = () => {
-        setActiveIndex((prevActiveStep) => {
-            const newIndex = prevActiveStep - 1;
-            onChange && onChange(newIndex);
-            return newIndex;
-        });
+        setActiveIndex((prevActiveStep) => prevActiveStep - 1);
     };
     // TODO
     const handleSkip = () => {
@@ -2417,11 +2417,7 @@ const Stepper = (props) => {
                 newSkipped = new Set(newSkipped.values());
                 newSkipped.delete(activeIndex);
             }
-            setActiveIndex((prevActiveStep) => {
-                const newIndex = prevActiveStep + 1;
-                onChange && onChange(newIndex);
-                return newIndex;
-            });
+            setActiveIndex((prevActiveStep) => prevActiveStep + 1);
             setSkipped(newSkipped);
         }
         else {

package/index.js

@@ -2370,6 +2370,13 @@ const Stepper = (props) => {
             setSteps(React__default["default"].Children.toArray(children));
         }
     }, [children]);
+    const prevActiveIndexRef = React.useRef(activeIndex);
+    React.useEffect(() => {
+        if (activeIndex !== prevActiveIndexRef.current) {
+            prevActiveIndexRef.current = activeIndex;
+            onChange && onChange(activeIndex);
+        }
+    }, [activeIndex]);
     React.useEffect(() => {
         if (value !== undefined) {
             setActiveIndex(value);
@@ -2379,10 +2386,7 @@ const Stepper = (props) => {
         return skipped.has(step);
     };
     const handleClickStep = (index) => {
-        setActiveIndex(() => {
-            onChange && onChange(index);
-            return index;
-        });
+        setActiveIndex(index);
     };
     const renderSteps = (child, index) => {
         return (React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].isValidElement(child) &&
@@ -2400,11 +2404,7 @@ const Stepper = (props) => {
         return steps && steps[index].props.isOptional;
     };
     const handleBack = () => {
-        setActiveIndex((prevActiveStep) => {
-            const newIndex = prevActiveStep - 1;
-            onChange && onChange(newIndex);
-            return newIndex;
-        });
+        setActiveIndex((prevActiveStep) => prevActiveStep - 1);
     };
     // TODO
     const handleSkip = () => {
@@ -2426,11 +2426,7 @@ const Stepper = (props) => {
                 newSkipped = new Set(newSkipped.values());
                 newSkipped.delete(activeIndex);
             }
-            setActiveIndex((prevActiveStep) => {
-                const newIndex = prevActiveStep + 1;
-                onChange && onChange(newIndex);
-                return newIndex;
-            });
+            setActiveIndex((prevActiveStep) => prevActiveStep + 1);
             setSkipped(newSkipped);
         }
         else {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-asc",
-	"version": "25.2.2",
+	"version": "25.2.4",
 	"description": "handcrafted react components",
 	"main": "index.js",
 	"module": "index.es.js",

package/react-asc.scss

@@ -287,10 +287,18 @@
 	text-align: center;
 }
 
+.text-uppercase {
+	text-transform: uppercase;
+}
+
 .rounded-pill {
 	border-radius: 50rem !important;
 }
 
+.fw-bold {
+    font-weight: 700!important;
+}
+
 @media (max-width: 576px) {
 	.flex-row {
 		flex-direction: column !important;