@homefile/components-v2 2.8.44 → 2.8.46

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/components/partner/panel/PartnerCatalogPanel.js

@@ -8,5 +8,5 @@ export const PartnerCatalogPanel = ({ config, onClose, onPartnerAdd, partners, }
     const { codeValue, displayType, handleSearchByCode, handleCategoryFilter, handleSearch, partnerList, searchTerm, setDisplayType, } = usePartnerCatalogPanel({
         partners,
     });
-    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, title: t('partner.add'), icon: Catalog }), (config === null || config === void 0 ? void 0 : config.showCode) && (_jsx(PartnerCode, { code: codeValue, onCodeChange: handleSearchByCode })), _jsx(CatalogFilters, { onCategoryClick: handleCategoryFilter, onSearchChange: handleSearch, searchValue: searchTerm, showCategories: config === null || config === void 0 ? void 0 : config.showCategories })] }), _jsxs(DrawerBody, { p: "0", children: [_jsx(CatalogDisplay, { initialDisplay: displayType, onDisplayClick: setDisplayType, totalItems: partners.length, totalShowing: partnerList.length }), displayType === 'grid' && (_jsx(Grid, { templateColumns: ['repeat(2, 1fr)', 'repeat(3, 1fr)'], gap: "base", px: "base", pb: "40px", children: partnerList.map((partner) => (_jsx(CatalogPartnerCard, Object.assign({}, partner, { onAdd: onPartnerAdd })))) })), displayType === 'list' && (_jsx(Stack, { spacing: "1", px: "base", pb: "40px", children: partnerList.map((partner) => (_jsx(CatalogPartnerList, Object.assign({}, partner, { onAdd: onPartnerAdd })))) }))] })] }));
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, title: t('partner.add'), icon: Catalog }), (config === null || config === void 0 ? void 0 : config.showCode) && (_jsx(PartnerCode, { code: codeValue, onCodeChange: handleSearchByCode })), _jsx(CatalogFilters, { onCategoryClick: handleCategoryFilter, onSearchChange: handleSearch, searchValue: searchTerm, showCategories: config === null || config === void 0 ? void 0 : config.showCategories })] }), _jsxs(DrawerBody, { p: "0", children: [_jsx(CatalogDisplay, { initialDisplay: displayType, onDisplayClick: setDisplayType, totalItems: partners.length, totalShowing: partnerList.length }), displayType === 'grid' && (_jsx(Grid, { templateColumns: ['repeat(2, 1fr)', 'repeat(3, 1fr)'], gap: "base", px: "base", pb: "40px", children: partnerList.map((partner) => (_jsx(CatalogPartnerCard, Object.assign({}, partner, { onAdd: onPartnerAdd }), partner._id))) })), displayType === 'list' && (_jsx(Stack, { spacing: "1", px: "base", pb: "40px", children: partnerList.map((partner) => (_jsx(CatalogPartnerList, Object.assign({}, partner, { onAdd: onPartnerAdd })))) }))] })] }));
 };

package/dist/hooks/partner/panel/usePartnerCatalogPanel.d.ts

@@ -9,7 +9,6 @@ export declare const usePartnerCatalogPanel: ({ partners, }: UsePartnerCatalogPa
     handleCategoryFilter: (category: string) => void;
     handleSearch: (input: React.ChangeEvent<HTMLInputElement>) => void;
     partnerList: {
-        key: string;
         _id: string;
         bgColor: string;
         category: string;

package/dist/hooks/partner/panel/usePartnerCatalogPanel.js

@@ -4,7 +4,7 @@ import { categoryColors, partnerCategoriesIcons } from '../../../helpers';
 export const usePartnerCatalogPanel = ({ partners, }) => {
     const partnerListMapped = partners.map((partner) => {
         var _a, _b, _c;
-        return Object.assign(Object.assign({}, partner), { key: partner._id, _id: partner._id, bgColor: categoryColors[(_a = partner.category) !== null && _a !== void 0 ? _a : 'other'], category: t(`partner.categories.${(_b = partner.category) !== null && _b !== void 0 ? _b : 'other'}`), description: partner.description, icon: partnerCategoriesIcons[(_c = partner.category) !== null && _c !== void 0 ? _c : 'other'], name: partner.name, code: partner.code });
+        return Object.assign(Object.assign({}, partner), { _id: partner._id, bgColor: categoryColors[(_a = partner.category) !== null && _a !== void 0 ? _a : 'other'], category: t(`partner.categories.${(_b = partner.category) !== null && _b !== void 0 ? _b : 'other'}`), description: partner.description, icon: partnerCategoriesIcons[(_c = partner.category) !== null && _c !== void 0 ? _c : 'other'], name: partner.name, code: partner.code });
     });
     const [displayType, setDisplayType] = useState('grid');
     const [partnerList, setPartnerList] = useState(partnerListMapped);

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/package.json

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

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/components/partner/panel/PartnerCatalogPanel.tsx

@@ -69,7 +69,7 @@ export const PartnerCatalogPanel = ({
             pb="40px"
           >
             {partnerList.map((partner) => (
-              <CatalogPartnerCard {...partner} onAdd={onPartnerAdd} />
+              <CatalogPartnerCard key={partner._id} {...partner} onAdd={onPartnerAdd} />
             ))}
           </Grid>
         )}

package/src/hooks/partner/panel/usePartnerCatalogPanel.ts

@@ -13,7 +13,6 @@ export const usePartnerCatalogPanel = ({
   const partnerListMapped = partners.map((partner) => {
     return {
       ...partner,
-      key: partner._id,
       _id: partner._id,
       bgColor: categoryColors[partner.category ?? 'other'],
       category: t(`partner.categories.${partner.category ?? 'other'}`),

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[]
+}