@homefile/components-v2 2.8.12 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.8.12",
+  "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),
             }}
           />