@homefile/components-v2 2.8.11 → 2.8.13

package/dist/components/contacts/ContactsContent.js

@@ -12,7 +12,7 @@ export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, ch
     });
     const { windowDimensions: { width }, } = useWindowDimensions();
     const maxW = width > 413 ? '16rem' : '10rem';
-    const isDisabled = Number(itemsSelected.length) === 0;
+    const isDisabled = Number(itemsSelected.length) === 0 || disabled;
     return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: handleClose, icon: Contacts, title: t('contacts.title') }), _jsxs(Flex, { justify: "space-between", pl: "base", my: "base", align: "center", gap: "base", children: [_jsx(SearchInput, { maxW: maxW, value: search, onChange: handleChange }), _jsx(LeftButtonAnimated, { onClick: handleAdd, label: t('contacts.addBtn'), disabled: disabled })] })] }), _jsxs(DrawerBody, { p: "0", overflowX: "hidden", children: [_jsxs(Stack, { spacing: "base", pt: "base", pb: "120px", pr: "base", bg: "lightBlue.2", minHeight: "full", children: [_jsxs(Flex, { gap: "3", pl: "base", children: [_jsx(Checkbox, { onChange: handleSelectAll }), _jsx(Text, { fontFamily: "secondary", fontSize: "xs", children: t('subscription.select') })] }), _jsx(Box, { children: Object.keys(splittedContacts).map((letter, idx) => {
                                     const showLetterDivider = idx !== 0;
                                     return (_jsxs(Stack, { spacing: "0", children: [showLetterDivider && _jsx(LetterDivider, { letter: letter }), _jsx(Stack, { spacing: "2px", children: splittedContacts[letter].map((contact, idx) => {
@@ -22,15 +22,13 @@ export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, ch
                                 }) }), Number(contactsWithoutFirstOrLastName.length) > 0 && (_jsx(LetterDivider, { letter: "Others" })), _jsx(Box, { children: contactsWithoutFirstOrLastName.map((contact, idx) => {
                                     const selected = isItemSelected(contact._id);
                                     return (_jsx(Card, { apiError: apiError, contact: contact, onClick: onClick, index: idx, menuItems: menuItems, selected: selected, onChange: handleItemSelect }, contact._id));
-                                }) })] }), children] }), _jsx(DrawerFooter, { p: "0", zIndex: "overlay", children: _jsx(FooterDrawer, { isOpen: true, children: _jsx(FooterButtons, { button1: {
+                                }) })] }), children] }), _jsx(DrawerFooter, { p: "0", zIndex: "overlay", children: _jsx(FooterDrawer, { isOpen: !isDisabled, children: _jsx(FooterButtons, { button1: {
                             buttonStyle: 'primaryFooter',
                             label: t('buttons.share'),
-                            isDisabled,
                             onClick: () => onShareContacts(getContactByIds(itemsSelected)),
                         }, button2: {
                             buttonStyle: 'secondaryFooter',
                             label: t('buttons.delete'),
-                            isDisabled,
                             onClick: () => onDeleteContacts(itemsSelected),
                         } }) }) })] }));
 };

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormPanel.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { ItemFormPanelI } from '../../../../interfaces';
-export declare const ItemFormPanel: ({ children, itemName, onClose, onSaveItemName, onSubmitForm, panelIcon, panelTitle, showFooter, showOverlay, }: PropsWithChildren<ItemFormPanelI>) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemFormPanel: ({ children, itemName, onClose, onSaveItemName, onSubmitForm, panelIcon, panelTitle, showOverlay, }: PropsWithChildren<ItemFormPanelI>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DrawerBody, DrawerHeader, DrawerContent, DrawerFooter, Box, } from '@chakra-ui/react';
 import { PanelHeader, FooterDrawer, ItemNameHeader, ItemFormFooter, Overlay, } from '../../..';
-export const ItemFormPanel = ({ children, itemName, onClose, onSaveItemName, onSubmitForm, panelIcon, panelTitle, showFooter = false, showOverlay = false, }) => {
-    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsxs(DrawerBody, { p: "0", pb: "12", overflowX: "hidden", bg: "lightBlue.1", children: [_jsx(ItemNameHeader, { id: "item-name", onSave: onSaveItemName, value: itemName }), _jsxs(Box, { position: "relative", children: [_jsx(Overlay, { showOverlay: showOverlay, position: "absolute", w: "inherit", h: "inherit", zIndex: "9" }), children] })] }), _jsx(FooterDrawer, { isOpen: showFooter, children: _jsx(DrawerFooter, { w: "100%", children: _jsx(ItemFormFooter, { onSave: onSubmitForm, onCancel: onClose }) }) })] }));
+export const ItemFormPanel = ({ children, itemName, onClose, onSaveItemName, onSubmitForm, panelIcon, panelTitle, showOverlay = false, }) => {
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsxs(DrawerBody, { p: "0", overflowX: "hidden", bg: "lightBlue.1", children: [_jsx(ItemNameHeader, { id: "item-name", onSave: onSaveItemName, value: itemName }), _jsxs(Box, { position: "relative", mb: "200px", children: [_jsx(Overlay, { showOverlay: showOverlay, position: "absolute", w: "inherit", h: "inherit", zIndex: "9" }), children] })] }), _jsx(FooterDrawer, { isOpen: !showOverlay, children: _jsx(DrawerFooter, { w: "100%", py: "0", children: _jsx(ItemFormFooter, { onSave: onSubmitForm, onCancel: onClose }) }) })] }));
 };

package/dist/interfaces/forms/ItemFormPanel/ItemFormPanel.interface.d.ts

@@ -5,6 +5,5 @@ export interface ItemFormPanelI {
     onSubmitForm: () => void;
     panelIcon: string;
     panelTitle: string;
-    showFooter?: boolean;
     showOverlay?: boolean;
 }

package/package.json

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

package/src/components/contacts/ContactsContent.tsx

@@ -66,7 +66,7 @@ export const ContactsContent = ({
   } = useWindowDimensions()
 
   const maxW = width > 413 ? '16rem' : '10rem'
-  const isDisabled = Number(itemsSelected.length) === 0
+  const isDisabled = Number(itemsSelected.length) === 0 || disabled
 
   return (
     <DrawerContent bg="lightBlue.1">
@@ -157,18 +157,16 @@ export const ContactsContent = ({
         {children}
       </DrawerBody>
       <DrawerFooter p="0" zIndex="overlay">
-        <FooterDrawer isOpen>
+        <FooterDrawer isOpen={!isDisabled}>
           <FooterButtons
             button1={{
               buttonStyle: 'primaryFooter',
               label: t('buttons.share'),
-              isDisabled,
               onClick: () => onShareContacts(getContactByIds(itemsSelected)),
             }}
             button2={{
               buttonStyle: 'secondaryFooter',
               label: t('buttons.delete'),
-              isDisabled,
               onClick: () => onDeleteContacts(itemsSelected),
             }}
           />

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

@@ -23,7 +23,6 @@ export const ItemFormPanel = ({
   onSubmitForm,
   panelIcon,
   panelTitle,
-  showFooter = false,
   showOverlay = false,
 }: PropsWithChildren<ItemFormPanelI>) => {
   return (
@@ -36,13 +35,13 @@ export const ItemFormPanel = ({
         />
       </DrawerHeader>
 
-      <DrawerBody p="0" pb="12" overflowX="hidden" bg="lightBlue.1">
+      <DrawerBody p="0" overflowX="hidden" bg="lightBlue.1">
         <ItemNameHeader
           id="item-name"
           onSave={onSaveItemName}
           value={itemName}
         />
-        <Box position="relative">
+        <Box position="relative" mb="200px">
           <Overlay
             showOverlay={showOverlay}
             position="absolute"
@@ -53,8 +52,8 @@ export const ItemFormPanel = ({
           {children}
         </Box>
       </DrawerBody>
-      <FooterDrawer isOpen={showFooter}>
-        <DrawerFooter w="100%">
+      <FooterDrawer isOpen={!showOverlay}>
+        <DrawerFooter w="100%" py="0">
           <ItemFormFooter onSave={onSubmitForm} onCancel={onClose} />
         </DrawerFooter>
       </FooterDrawer>

package/src/interfaces/forms/ItemFormPanel/ItemFormPanel.interface.ts

@@ -5,6 +5,5 @@ export interface ItemFormPanelI {
   onSubmitForm: () => void
   panelIcon: string
   panelTitle: string
-  showFooter?: boolean
   showOverlay?: boolean
 }