@homefile/components-v2 2.8.28 → 2.8.29

package/dist/hooks/rooms/useRoomHeader.d.ts

@@ -1,11 +1,11 @@
-import { ChangeEvent } from "react";
+import { ChangeEvent } from 'react';
 import { RoomItemI } from '../../interfaces';
-interface useRoomHeaderI {
+interface UseRoomHeaderI {
     onSubmit: (room: RoomItemI) => void;
     room: RoomItemI;
     roomAmount: string;
 }
-export declare const useRoomHeader: ({ onSubmit, room: { _id, name, type, active, home }, roomAmount, }: useRoomHeaderI) => {
+export declare const useRoomHeader: ({ onSubmit, room: { _id, name, type, active, home }, roomAmount, }: UseRoomHeaderI) => {
     formattedAmount: string;
     handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
     handleClick: () => void;

package/dist/hooks/rooms/useRoomHeader.js

@@ -1,5 +1,5 @@
-import { useState, useEffect } from "react";
-import { formatCurrency } from "../../utils";
+import { useState, useEffect } from 'react';
+import { formatCurrency } from '../../utils';
 export const useRoomHeader = ({ onSubmit, room: { _id, name, type, active, home }, roomAmount, }) => {
     const [isEditing, setIsEditing] = useState(false);
     const [inputValue, setInputValue] = useState(null);
@@ -8,12 +8,11 @@ export const useRoomHeader = ({ onSubmit, room: { _id, name, type, active, home
         setInputValue(name);
     }, [name]);
     const handleClick = () => {
-        setIsEditing((editing) => {
-            editing = !editing;
+        if (isEditing) {
             const roomRest = { active, home, _id, type };
-            !editing && onSubmit(Object.assign({ name: inputValue || name }, roomRest));
-            return editing;
-        });
+            onSubmit(Object.assign({ name: inputValue !== null && inputValue !== void 0 ? inputValue : name }, roomRest));
+        }
+        setIsEditing(!isEditing);
     };
     const handleChange = (e) => {
         setInputValue(e.target.value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.8.28",
+  "version": "2.8.29",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

package/src/hooks/rooms/useRoomHeader.ts

@@ -1,8 +1,8 @@
-import { useState, useEffect, ChangeEvent } from "react"
-import { formatCurrency } from "@/utils"
+import { useState, useEffect, ChangeEvent } from 'react'
+import { formatCurrency } from '@/utils'
 import { RoomItemI } from '@/interfaces'
 
-interface useRoomHeaderI {
+interface UseRoomHeaderI {
   onSubmit: (room: RoomItemI) => void
   room: RoomItemI
   roomAmount: string
@@ -12,7 +12,7 @@ export const useRoomHeader = ({
   onSubmit,
   room: { _id, name, type, active, home },
   roomAmount,
-}: useRoomHeaderI) => {
+}: UseRoomHeaderI) => {
   const [isEditing, setIsEditing] = useState(false)
   const [inputValue, setInputValue] = useState<string | null>(null)
 
@@ -23,12 +23,11 @@ export const useRoomHeader = ({
   }, [name])
 
   const handleClick = () => {
-    setIsEditing((editing) => {
-      editing = !editing
+    if (isEditing) {
       const roomRest = { active, home, _id, type }
-      !editing && onSubmit({ name: inputValue || name, ...roomRest })
-      return editing
-    })
+      onSubmit({ name: inputValue ?? name, ...roomRest })
+    }
+    setIsEditing(!isEditing)
   }
 
   const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
@@ -41,4 +40,4 @@ export const useRoomHeader = ({
     inputValue,
     isEditing,
   }
-}
+}