@arkyn/components 1.3.89 → 1.3.91

package/dist/components/Switch/index.js

@@ -6,11 +6,11 @@ function Switch(props) {
     const { size = "lg", defaultChecked = false, checked: baseChecked = null, value, name, className: baseClassName = "", onCheck, ...rest } = props;
     const [isChecked, setIsChecked] = useState(defaultChecked);
     const { id, inputRef } = useFormController();
+    const currentChecked = typeof baseChecked === "boolean" ? baseChecked : isChecked;
     function handleCheck() {
         setIsChecked(!isChecked);
-        onCheck && onCheck(!defaultChecked ? value || "checked" : "");
+        onCheck && onCheck(!currentChecked ? value || "checked" : "");
     }
-    const currentChecked = typeof baseChecked === "boolean" ? baseChecked : isChecked;
     const checkedClass = currentChecked ? "checkedTrue" : "checkedFalse";
     const className = `arkynSwitch ${checkedClass} ${size} ${baseClassName}`;
     return (_jsx("button", { id: id, type: "button", onClick: handleCheck, className: className, ...rest, children: _jsx("input", { type: "hidden", name: name, ref: inputRef, value: currentChecked ? value || "checked" : "" }) }));

package/dist/hooks/useAutomation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAoBA,iBAAS,aAAa,SAuBrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAqBA,iBAAS,aAAa,SA8BrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/hooks/useAutomation.js

@@ -1,5 +1,6 @@
 import { useActionData } from "@remix-run/react";
 import { useContext, useEffect } from "react";
+import { animateScroll } from "react-scroll";
 import { ModalContext } from "../context/ModalContext";
 import { useToast } from "./useToast";
 function isToastProps(obj) {
@@ -34,5 +35,11 @@ function useAutomation() {
             });
         }
     }, [actionData]);
+    useEffect(() => {
+        if (typeof actionData?.data?.scrollTo === "string") {
+            const element = document.getElementById(actionData?.data?.scrollTo);
+            element && animateScroll.scrollTo(element.offsetTop - 200);
+        }
+    }, [actionData]);
 }
 export { useAutomation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.3.89",
+  "version": "1.3.91",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",
@@ -15,6 +15,7 @@
     "@react-input/mask": "^1.2.5",
     "framer-motion": "^11.3.21",
     "lucide-react": "^0.424.0",
+    "react-scroll": "^1.9.0",
     "sonner": "^1.5.0"
   },
   "peerDependencies": {

package/src/components/Switch/index.tsx

@@ -19,14 +19,14 @@ function Switch(props: SwitchProps) {
   const [isChecked, setIsChecked] = useState(defaultChecked);
   const { id, inputRef } = useFormController();
 
+  const currentChecked =
+    typeof baseChecked === "boolean" ? baseChecked : isChecked;
+
   function handleCheck() {
     setIsChecked(!isChecked);
-    onCheck && onCheck(!defaultChecked ? value || "checked" : "");
+    onCheck && onCheck(!currentChecked ? value || "checked" : "");
   }
 
-  const currentChecked =
-    typeof baseChecked === "boolean" ? baseChecked : isChecked;
-
   const checkedClass = currentChecked ? "checkedTrue" : "checkedFalse";
   const className = `arkynSwitch ${checkedClass} ${size} ${baseClassName}`;
 

package/src/hooks/useAutomation.ts

@@ -1,6 +1,7 @@
+import { ToastProps } from "@arkyn/types";
 import { useActionData } from "@remix-run/react";
 import { useContext, useEffect } from "react";
-import { ToastProps } from "@arkyn/types";
+import { animateScroll } from "react-scroll";
 
 import { ModalContext } from "../context/ModalContext";
 import { useToast } from "./useToast";
@@ -41,6 +42,13 @@ function useAutomation() {
       });
     }
   }, [actionData]);
+
+  useEffect(() => {
+    if (typeof actionData?.data?.scrollTo === "string") {
+      const element = document.getElementById(actionData?.data?.scrollTo);
+      element && animateScroll.scrollTo(element.offsetTop - 200);
+    }
+  }, [actionData]);
 }
 
 export { useAutomation };