@homefile/components-v2 2.8.48 → 2.8.50

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

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

package/dist/components/householdItems/ItemNameHeader.js

@@ -4,13 +4,14 @@ 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, padding = 'base', }) => {
+export const ItemNameHeader = ({ id = '', value = '', onSave, onValueChange, padding = 'base', }) => {
     const [name, setName] = useState(value);
     useEffect(() => {
         setName(value);
     }, [value]);
     const handleChange = (e) => {
         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') }))] }) }));
 };

package/dist/interfaces/folderPanel/displayFiles/MoveModal.interface.d.ts

@@ -5,7 +5,7 @@ export interface MoveModalI {
     firstInitialFilter?: string;
     loading?: boolean;
     onClose?: () => void;
-    onFirstFilterClick: (value: string | SelectItemI) => void;
+    onFirstFilterClick?: (value: string | SelectItemI) => void;
     onSave: (form: SelectFiltersFormI) => void;
     secondFilterItems: SelectItemI[] | string[];
     secondInitialFilter?: string;

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

@@ -1,6 +1,7 @@
 export interface ItemNameHeaderI {
     id?: string;
     value?: string;
+    onValueChange?: (value: string) => void;
     onSave: (name: string) => void;
     padding?: string;
 }

package/package.json

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

package/src/components/householdItems/ItemNameHeader.tsx

@@ -9,16 +9,18 @@ export const ItemNameHeader = ({
   id = '',
   value = '',
   onSave,
+  onValueChange,
   padding = 'base',
 }: ItemNameHeaderI) => {
   const [name, setName] = useState(value)
-  
+
   useEffect(() => {
     setName(value)
   }, [value])
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setName(e.target.value)
+    onValueChange?.(e.target.value)
   }
   return (
     <Box bg="lightBlue.2" p={padding} w="100%">

package/src/interfaces/folderPanel/displayFiles/MoveModal.interface.ts

@@ -6,7 +6,7 @@ export interface MoveModalI {
   firstInitialFilter?: string
   loading?: boolean
   onClose?: () => void
-  onFirstFilterClick: (value: string | SelectItemI) => void
+  onFirstFilterClick?: (value: string | SelectItemI) => void
   onSave: (form: SelectFiltersFormI) => void
   secondFilterItems: SelectItemI[] | string[]
   secondInitialFilter?: string

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

@@ -1,6 +1,7 @@
 export interface ItemNameHeaderI {
   id?: string
   value?: string
+  onValueChange?: (value: string) => void
   onSave: (name: string) => void
   padding?: string
 }