@beweco/aurora-ui 0.1.8 → 0.1.9

package/dist/index.cjs.js

@@ -1400,28 +1400,12 @@ var MultistepNavigationButtons = function (_a) {
     return (jsxRuntime.jsx("div", { className: react.cn("flex w-full flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-between md:justify-end", className), children: jsxRuntime.jsxs("div", { className: "flex w-full flex-col-reverse gap-2 md:w-auto md:flex-row", children: [jsxRuntime.jsx(react.Button, __assign({ className: "w-full md:w-auto", color: "default", variant: "flat" }, restCancelButtonProps, { children: cancelButtonChildren || "Cancel" })), jsxRuntime.jsx(react.Button, __assign({ className: "w-full md:w-auto", color: "primary" }, restNextButtonProps, { children: nextButtonChildren || "Next" }))] }) }));
 };
 
-var variants = {
-    enter: function (direction) { return ({
-        y: direction > 0 ? 30 : -30,
-        opacity: 0,
-    }); },
-    center: {
-        zIndex: 1,
-        y: 0,
-        opacity: 1,
-    },
-    exit: function (direction) { return ({
-        zIndex: 0,
-        y: direction < 0 ? 30 : -30,
-        opacity: 0,
-    }); },
-};
 var MultiStepWizard = function (_a) {
     var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText;
-    var _b = React.useState([0, 0]), _c = _b[0], page = _c[0], direction = _c[1], setPage = _b[1];
+    var _b = React.useState(0), page = _b[0], setPage = _b[1];
     React.useEffect(function () {
         if (isOpen) {
-            setPage([0, 0]);
+            setPage(0);
         }
     }, [isOpen]);
     var t = __assign({
@@ -1433,11 +1417,11 @@ var MultiStepWizard = function (_a) {
     }, translations);
     var paginate = React.useCallback(function (newDirection) {
         setPage(function (prev) {
-            var nextPage = prev[0] + newDirection;
+            var nextPage = prev + newDirection;
             if (nextPage < 0 || nextPage > steps.length - 1) {
                 return prev;
             }
-            return [nextPage, newDirection];
+            return nextPage;
         });
     }, [steps]);
     var onChangePage = React.useCallback(function (newPage) {
@@ -1445,8 +1429,7 @@ var MultiStepWizard = function (_a) {
             if (newPage < 0 || newPage > steps.length - 1) {
                 return prev;
             }
-            var currentPage = prev[0];
-            return [newPage, newPage > currentPage ? 1 : -1];
+            return newPage;
         });
     }, [steps]);
     var onBack = React.useCallback(function () {
@@ -1477,14 +1460,8 @@ var MultiStepWizard = function (_a) {
         }
     };
     var content = React.useMemo(function () {
-        return (jsxRuntime.jsx(framerMotion.LazyMotion, { features: framerMotion.domAnimation, children: jsxRuntime.jsx(framerMotion.m.div, { animate: "center", className: "col-span-12", custom: direction, exit: "exit", initial: "exit", transition: {
-                    y: {
-                        ease: "backOut",
-                        duration: 0.35,
-                    },
-                    opacity: { duration: 0.4 },
-                }, variants: variants, children: steps[page].content }, page) }));
-    }, [page, steps, direction]);
+        return (jsxRuntime.jsx("div", { className: "col-span-12", children: steps[page].content }, page));
+    }, [page, steps]);
     if (!isOpen) {
         return null;
     }

package/dist/index.esm.js

@@ -1399,28 +1399,12 @@ var MultistepNavigationButtons = function (_a) {
     return (jsx("div", { className: cn("flex w-full flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-between md:justify-end", className), children: jsxs("div", { className: "flex w-full flex-col-reverse gap-2 md:w-auto md:flex-row", children: [jsx(Button$1, __assign({ className: "w-full md:w-auto", color: "default", variant: "flat" }, restCancelButtonProps, { children: cancelButtonChildren || "Cancel" })), jsx(Button$1, __assign({ className: "w-full md:w-auto", color: "primary" }, restNextButtonProps, { children: nextButtonChildren || "Next" }))] }) }));
 };
 
-var variants = {
-    enter: function (direction) { return ({
-        y: direction > 0 ? 30 : -30,
-        opacity: 0,
-    }); },
-    center: {
-        zIndex: 1,
-        y: 0,
-        opacity: 1,
-    },
-    exit: function (direction) { return ({
-        zIndex: 0,
-        y: direction < 0 ? 30 : -30,
-        opacity: 0,
-    }); },
-};
 var MultiStepWizard = function (_a) {
     var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText;
-    var _b = React.useState([0, 0]), _c = _b[0], page = _c[0], direction = _c[1], setPage = _b[1];
+    var _b = React.useState(0), page = _b[0], setPage = _b[1];
     React.useEffect(function () {
         if (isOpen) {
-            setPage([0, 0]);
+            setPage(0);
         }
     }, [isOpen]);
     var t = __assign({
@@ -1432,11 +1416,11 @@ var MultiStepWizard = function (_a) {
     }, translations);
     var paginate = React.useCallback(function (newDirection) {
         setPage(function (prev) {
-            var nextPage = prev[0] + newDirection;
+            var nextPage = prev + newDirection;
             if (nextPage < 0 || nextPage > steps.length - 1) {
                 return prev;
             }
-            return [nextPage, newDirection];
+            return nextPage;
         });
     }, [steps]);
     var onChangePage = React.useCallback(function (newPage) {
@@ -1444,8 +1428,7 @@ var MultiStepWizard = function (_a) {
             if (newPage < 0 || newPage > steps.length - 1) {
                 return prev;
             }
-            var currentPage = prev[0];
-            return [newPage, newPage > currentPage ? 1 : -1];
+            return newPage;
         });
     }, [steps]);
     var onBack = React.useCallback(function () {
@@ -1476,14 +1459,8 @@ var MultiStepWizard = function (_a) {
         }
     };
     var content = React.useMemo(function () {
-        return (jsx(LazyMotion, { features: domAnimation, children: jsx(m.div, { animate: "center", className: "col-span-12", custom: direction, exit: "exit", initial: "exit", transition: {
-                    y: {
-                        ease: "backOut",
-                        duration: 0.35,
-                    },
-                    opacity: { duration: 0.4 },
-                }, variants: variants, children: steps[page].content }, page) }));
-    }, [page, steps, direction]);
+        return (jsx("div", { className: "col-span-12", children: steps[page].content }, page));
+    }, [page, steps]);
     if (!isOpen) {
         return null;
     }

package/dist/types/components/multi-step-wizard/MultiStepWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAqBpE,eAAO,MAAM,eAAe,GAAI,2EAO7B,oBAAoB,mDA6JtB,CAAC"}
+{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE,eAAO,MAAM,eAAe,GAAI,2EAO7B,oBAAoB,mDA2ItB,CAAC"}

package/package.json

@@ -1,12 +1,14 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.1.8",
+	"version": "0.1.9",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",
 	"types": "./dist/types/index.d.ts",
 	"style": "./dist/assets/css/styles.css",
-	"files": ["dist"],
+	"files": [
+		"dist"
+	],
 	"sideEffects": false,
 	"author": "Bewe",
 	"license": "MIT",