@homefile/components-v2 2.23.3 → 2.23.5

package/dist/components/householdItems/ItemNameHeader.d.ts

@@ -1,2 +1,2 @@
 import { ItemNameHeaderI } from '../../interfaces';
-export declare const ItemNameHeader: ({ id, value, onSave, onValueChange, padding, }: ItemNameHeaderI) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemNameHeader: ({ id, value, onSave, onValueChange, padding, required, }: ItemNameHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/householdItems/ItemNameHeader.js

@@ -4,7 +4,7 @@ import { Box, Flex, Button } from '@chakra-ui/react';
 import { TextInput } from '..';
 import { isEmptyField } from '../../utils';
 import { useState, useEffect } from 'react';
-export const ItemNameHeader = ({ id = '', value = '', onSave, onValueChange, padding = 'base', }) => {
+export const ItemNameHeader = ({ id = '', value = '', onSave, onValueChange, padding = 'base', required = true, }) => {
     const [name, setName] = useState(value);
     useEffect(() => {
         setName(value);
@@ -13,5 +13,5 @@ export const ItemNameHeader = ({ id = '', value = '', onSave, onValueChange, pad
         setName(e.target.value);
         onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(e.target.value);
     };
-    return (_jsx(Box, { bg: "lightBlue.2", p: padding, w: "100%", children: _jsxs(Flex, { gap: "base", align: "center", children: [_jsx(TextInput, { errorMessage: `${t('householdItems.headers.itemName')} ${t('forms.required')}`, hasError: isEmptyField(name), id: id, handleChange: handleChange, placeholder: t('householdItems.headers.placeholder'), value: name }), name && (_jsx(Button, { variant: "secondary", maxW: "fit-content", maxH: "input.md", onClick: () => onSave(name), children: t('createDocument.buttons.save') }))] }) }));
+    return (_jsx(Box, { bg: "lightBlue.2", p: padding, w: "100%", children: _jsxs(Flex, { gap: "base", align: "center", children: [_jsx(TextInput, { errorMessage: `${t('householdItems.headers.itemName')} ${t('forms.required')}`, hasError: required && isEmptyField(name), id: id, handleChange: handleChange, placeholder: t('householdItems.headers.placeholder'), value: name }), name && (_jsx(Button, { variant: "secondary", maxW: "fit-content", maxH: "input.md", onClick: () => onSave(name), children: t('createDocument.buttons.save') }))] }) }));
 };

package/dist/hooks/forms/useDynamicForm.js

@@ -51,6 +51,7 @@ export const useDynamicForm = ({ fields, onUpload }) => {
     };
     useEffect(() => {
         handleSetDefaultValues(fields);
+        setStateFields(fields);
     }, [fields]);
     return {
         form,

package/dist/interfaces/headers/ItemNameHeader.interface.d.ts

@@ -4,4 +4,5 @@ export interface ItemNameHeaderI {
     onValueChange?: (value: string) => void;
     onSave: (name: string) => void;
     padding?: string;
+    required?: boolean;
 }

package/package.json

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

package/src/components/householdItems/ItemNameHeader.tsx

@@ -11,6 +11,7 @@ export const ItemNameHeader = ({
   onSave,
   onValueChange,
   padding = 'base',
+  required = true,
 }: ItemNameHeaderI) => {
   const [name, setName] = useState(value)
 
@@ -29,7 +30,7 @@ export const ItemNameHeader = ({
           errorMessage={`${t('householdItems.headers.itemName')} ${t(
             'forms.required'
           )}`}
-          hasError={isEmptyField(name)}
+          hasError={required && isEmptyField(name)}
           id={id}
           handleChange={handleChange}
           placeholder={t('householdItems.headers.placeholder')}

package/src/hooks/forms/useDynamicForm.ts

@@ -91,6 +91,7 @@ export const useDynamicForm = ({ fields, onUpload }: UseDynamicFormI) => {
 
   useEffect(() => {
     handleSetDefaultValues(fields)
+    setStateFields(fields)
   }, [fields])
 
   return {

package/src/interfaces/headers/ItemNameHeader.interface.ts

@@ -4,4 +4,5 @@ export interface ItemNameHeaderI {
   onValueChange?: (value: string) => void
   onSave: (name: string) => void
   padding?: string
+  required?: boolean
 }