next-helios-fe 1.1.3 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-helios-fe",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/content-container/drawer.tsx

@@ -13,7 +13,7 @@ export const Drawer: React.FC<DrawerProps> = ({
   title,
   subtitle,
 }) => {
-  const [isOpen, setIsOpen] = useState(false);
+  const [open, setOpen] = useState(false);
 
   useEffect(() => {
     document.addEventListener("mousedown", (e) => {
@@ -21,7 +21,7 @@ export const Drawer: React.FC<DrawerProps> = ({
         e.target instanceof HTMLElement &&
         !e.target.closest("#info-screen")
       ) {
-        setIsOpen(false);
+        setOpen(false);
       }
     });
   }, []);
@@ -29,19 +29,19 @@ export const Drawer: React.FC<DrawerProps> = ({
   return (
     <div
       className={`absolute top-0 right-0 h-full z-40 ${
-        !isOpen && "pointer-events-none"
+        !open && "pointer-events-none"
       }`}
     >
       <div
         className={`flex h-full duration-300 ${
-          isOpen ? "translate-x-0" : "translate-x-96"
+          open ? "translate-x-0" : "translate-x-96"
         }`}
       >
         <button
           type="button"
           className="group sticky top-36 h-min rounded-l-md text-white bg-primary p-2 hover:bg-primary-dark pointer-events-auto active:opacity-70 active:duration-300 active:ease-out"
           onClick={() => {
-            setIsOpen((prev) => !prev);
+            setOpen((prev) => !prev);
           }}
         >
           <Icon
@@ -63,7 +63,7 @@ export const Drawer: React.FC<DrawerProps> = ({
                 type="button"
                 className="flex justify-center items-center rounded-full p-1 text-slate-400 hover:bg-secondary-light"
                 onClick={() => {
-                  setIsOpen(false);
+                  setOpen(false);
                 }}
               >
                 <Icon icon="pajamas:close" className="text-2xl" />

package/src/components/content-container/modal/index.tsx

@@ -19,8 +19,8 @@ interface ModalProps {
     label?: string;
     onClick: () => void;
   };
-  isOpen: boolean;
-  onClose: (isOpen: boolean) => void;
+  open: boolean;
+  onClose: (open: boolean) => void;
 }
 
 export const Modal: React.FC<ModalProps> = ({
@@ -29,7 +29,7 @@ export const Modal: React.FC<ModalProps> = ({
   title,
   options,
   action,
-  isOpen,
+  open,
   onClose,
 }) => {
   useEffect(() => {
@@ -57,7 +57,7 @@ export const Modal: React.FC<ModalProps> = ({
       <div
         id={id}
         className={`absolute top-0 left-0 w-dvw h-dvh z-40 bg-black/30 backdrop-blur-sm ${
-          !isOpen && "hidden"
+          !open && "hidden"
         }`}
       >
         <div className="flex justify-center items-center w-full h-full">

package/src/components/dialog/index.tsx

@@ -11,15 +11,15 @@ interface DialogProps {
   options?: {
     timeout?: 3000 | 5000 | 7000 | 10000;
   };
-  isOpen: boolean;
-  onClose: (isOpen: boolean) => void;
+  open: boolean;
+  onClose: (open: boolean) => void;
 }
 
 export const Dialog: React.FC<DialogProps> = ({
   children,
   action,
   options,
-  isOpen,
+  open,
   onClose,
 }) => {
   const actionVariant =
@@ -50,12 +50,12 @@ export const Dialog: React.FC<DialogProps> = ({
       }, options.timeout);
       return () => clearTimeout(timeout);
     }
-  }, [isOpen]);
+  }, [open]);
 
   return (
     <div
       className={`absolute top-0 left-0 w-dvw h-dvh z-40 ${
-        !isOpen && "hidden"
+        !open && "hidden"
       } ${options?.timeout ? "pointer-events-none" : "bg-black/30"}`}
     >
       <div className="flex justify-center mt-4">