@homefile/components-v2 2.8.45 → 2.8.47

package/dist/components/forms/dynamicForm/DynamicForm.js

@@ -26,7 +26,7 @@ export const DynamicForm = (_a) => {
                             id,
                             value,
                             icon: icon ? fieldIcons[icon] : undefined,
-                            placeholder: name !== null && name !== void 0 ? name : description,
+                            placeholder: (name && name !== "") ? name : description,
                         };
                         const fieldWithDeleteBaseProps = {
                             id,

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

@@ -1,2 +1,2 @@
 import { CreateHouseholdItemHeaderI } from '../../interfaces';
-export declare const CreateHouseholdItemHeader: ({ handleSelectGroup, handleSelectRoom, activeGroup, activeRoom, rooms, groups, initialGroup, initialRoom, roomFilterValue, roomHandleFilter, roomHasFilter, groupFilterValue, groupHandleFilter, groupHasFilter, }: CreateHouseholdItemHeaderI) => import("react/jsx-runtime").JSX.Element;
+export declare const CreateHouseholdItemHeader: ({ activeGroup, activeRoom, groupFilterValue, groupHandleFilter, groupHasFilter, groups, initialGroup, initialRoom, onSelectGroup, onSelectRoom, roomFilterValue, roomHandleFilter, roomHasFilter, rooms, }: CreateHouseholdItemHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/householdItems/CreateHouseholdItemHeader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex } from '@chakra-ui/react';
 import { SelectInput } from '..';
-export const CreateHouseholdItemHeader = ({ handleSelectGroup, handleSelectRoom, activeGroup = true, activeRoom = true, rooms, groups, initialGroup, initialRoom, roomFilterValue, roomHandleFilter, roomHasFilter, groupFilterValue, groupHandleFilter, groupHasFilter, }) => {
-    return (_jsx(Box, { w: "100%", children: initialRoom && initialGroup && (_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(SelectInput, { handleClick: handleSelectRoom, initialValue: initialRoom.name, items: rooms, isDisabled: !activeRoom, handleFilter: roomHandleFilter, filterValue: roomFilterValue, hasFilter: roomHasFilter, height: "md", width: "100%" }), _jsx(SelectInput, { handleClick: handleSelectGroup, initialValue: initialGroup, items: groups, isDisabled: !activeGroup, handleFilter: groupHandleFilter, filterValue: groupFilterValue, hasFilter: groupHasFilter, height: "md", width: "100%" })] })) }));
+export const CreateHouseholdItemHeader = ({ activeGroup = true, activeRoom = true, groupFilterValue, groupHandleFilter, groupHasFilter, groups, initialGroup, initialRoom, onSelectGroup, onSelectRoom, roomFilterValue, roomHandleFilter, roomHasFilter, rooms, }) => {
+    return (_jsx(Box, { w: "100%", children: initialRoom && initialGroup && (_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(SelectInput, { handleClick: onSelectRoom, initialValue: initialRoom.name, items: rooms, isDisabled: !activeRoom, handleFilter: roomHandleFilter, filterValue: roomFilterValue, hasFilter: roomHasFilter, height: "md", width: "100%" }), _jsx(SelectInput, { handleClick: onSelectGroup, initialValue: initialGroup, items: groups, isDisabled: !activeGroup, handleFilter: groupHandleFilter, filterValue: groupFilterValue, hasFilter: groupHasFilter, height: "md", width: "100%" })] })) }));
 };

package/dist/interfaces/householdItems/CreateHouseholdItemHeader.interface.d.ts

@@ -1,17 +1,17 @@
 import { SelectItemI } from '..';
 export interface CreateHouseholdItemHeaderI {
-    handleSelectRoom: (form: SelectItemI | string) => void;
-    handleSelectGroup: (form: SelectItemI | string) => void;
-    rooms: SelectItemI[];
+    activeGroup: boolean;
+    activeRoom: boolean;
+    groupFilterValue: string;
+    groupHandleFilter: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    groupHasFilter: boolean;
     groups: SelectItemI[];
-    initialRoom: SelectItemI;
     initialGroup: string;
-    activeRoom: boolean;
-    activeGroup: boolean;
-    roomHasFilter: boolean;
+    initialRoom: SelectItemI;
+    onSelectGroup: (form: SelectItemI | string) => void;
+    onSelectRoom: (form: SelectItemI | string) => void;
     roomFilterValue: string;
     roomHandleFilter: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    groupHasFilter: boolean;
-    groupFilterValue: string;
-    groupHandleFilter: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    roomHasFilter: boolean;
+    rooms: SelectItemI[];
 }

package/dist/mocks/forms/dynamicForm.mock.js

@@ -11,11 +11,11 @@ export const formFieldsMock = [
     },
     {
         id: faker.database.mongodbObjectId(),
-        name: 'Serial #',
+        name: '',
         description: faker.lorem.sentence(),
         comments: faker.lorem.sentence(),
         value: '',
-        type: 'text',
+        type: 'telephone',
         visible: true,
         icon: 'barcode',
     },

package/package.json

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

package/src/components/forms/dynamicForm/DynamicForm.tsx

@@ -77,7 +77,7 @@ export const DynamicForm = ({
               id,
               value,
               icon: icon ? (fieldIcons[icon] as IconTypes) : undefined,
-              placeholder: name ?? description,
+              placeholder: (name && name !== "") ? name : description,
             }
             const fieldWithDeleteBaseProps = {
               id,

package/src/components/householdItems/CreateHouseholdItemHeader.tsx

@@ -3,27 +3,27 @@ import { SelectInput } from '@/components'
 import { CreateHouseholdItemHeaderI } from '@/interfaces'
 
 export const CreateHouseholdItemHeader = ({
-  handleSelectGroup,
-  handleSelectRoom,
   activeGroup = true,
   activeRoom = true,
-  rooms,
+  groupFilterValue,
+  groupHandleFilter,
+  groupHasFilter,
   groups,
   initialGroup,
   initialRoom,
+  onSelectGroup,
+  onSelectRoom,
   roomFilterValue,
   roomHandleFilter,
   roomHasFilter,
-  groupFilterValue,
-  groupHandleFilter,
-  groupHasFilter,
+  rooms,
 }: CreateHouseholdItemHeaderI) => {
   return (
     <Box w="100%">
       {initialRoom && initialGroup && (
         <Flex align="center" gap="base">
           <SelectInput
-            handleClick={handleSelectRoom}
+            handleClick={onSelectRoom}
             initialValue={initialRoom.name}
             items={rooms}
             isDisabled={!activeRoom}
@@ -35,7 +35,7 @@ export const CreateHouseholdItemHeader = ({
           />
 
           <SelectInput
-            handleClick={handleSelectGroup}
+            handleClick={onSelectGroup}
             initialValue={initialGroup}
             items={groups}
             isDisabled={!activeGroup}

package/src/interfaces/householdItems/CreateHouseholdItemHeader.interface.ts

@@ -1,18 +1,18 @@
 import { SelectItemI } from '@/interfaces'
 
 export interface CreateHouseholdItemHeaderI {
-  handleSelectRoom: (form: SelectItemI | string) => void
-  handleSelectGroup: (form: SelectItemI | string) => void
-  rooms: SelectItemI[]
+  activeGroup: boolean
+  activeRoom: boolean
+  groupFilterValue: string
+  groupHandleFilter: (e: React.ChangeEvent<HTMLInputElement>) => void
+  groupHasFilter: boolean
   groups: SelectItemI[]
-  initialRoom: SelectItemI
   initialGroup: string
-  activeRoom: boolean
-  activeGroup: boolean
-  roomHasFilter: boolean
+  initialRoom: SelectItemI
+  onSelectGroup: (form: SelectItemI | string) => void
+  onSelectRoom: (form: SelectItemI | string) => void
   roomFilterValue: string
   roomHandleFilter: (e: React.ChangeEvent<HTMLInputElement>) => void
-  groupHasFilter: boolean
-  groupFilterValue: string
-  groupHandleFilter: (e: React.ChangeEvent<HTMLInputElement>) => void
-}
+  roomHasFilter: boolean
+  rooms: SelectItemI[]
+}

package/src/mocks/forms/dynamicForm.mock.ts

@@ -14,11 +14,11 @@ export const formFieldsMock: ReportI[] = [
   },
   {
     id: faker.database.mongodbObjectId(),
-    name: 'Serial #',
+    name: '',
     description: faker.lorem.sentence(),
     comments: faker.lorem.sentence(),
     value: '',
-    type: 'text',
+    type: 'telephone',
     visible: true,
     icon: 'barcode',
   },