@homefile/components-v2 2.39.3 → 2.39.4

package/dist/components/contacts/ContactCard.d.ts

@@ -1,2 +1,2 @@
 import { ContactCardI } from '../../interfaces';
-export declare const ContactCard: ({ apiError, contact, index, menuItems, onClick, showAvatar, showHeader, }: ContactCardI) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactCard: ({ apiError, contact, index, menuItems, onClick, onShare, showAvatar, showHeader, }: ContactCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/ContactCard.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Container, Flex, Stack } from '@chakra-ui/react';
-import { ContactCardHeader, ContactCardInfo, ContactCardAddress, IconMenu, MoreHorizontal, } from '../../components';
+import { Box, Container, Flex, IconButton, Stack } from '@chakra-ui/react';
+import { ContactCardHeader, ContactCardInfo, ContactCardAddress, IconMenu, MoreHorizontal, Share, } from '../../components';
 import { colors } from '../../theme/colors';
-export const ContactCard = ({ apiError, contact, index, menuItems, onClick, showAvatar, showHeader = true, }) => {
+export const ContactCard = ({ apiError, contact, index, menuItems, onClick, onShare, showAvatar, showHeader = true, }) => {
     const hasOnClick = typeof onClick === 'function';
     return (_jsxs(Box, { position: "relative", w: "100%", children: [_jsx(Container, { maxW: "none", textAlign: "start", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(Object.assign(Object.assign({}, contact), { index })), transition: "background-color 0.3s", _hover: {
                     bg: hasOnClick ? 'lightGreen.1' : 'neutral.white',
-                }, cursor: hasOnClick ? 'pointer' : 'default', children: _jsxs(Stack, { pb: "base", pt: "1", px: "base", spacing: "base", children: [showHeader && (_jsx(ContactCardHeader, { apiError: apiError, contact: contact })), _jsx(CardBody, { contact, index, showAvatar })] }) }), _jsx(Box, { position: "absolute", right: "1", top: "0", zIndex: "overlay", children: _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: contact, menuItems: menuItems, disabled: Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) < 1 }) })] }));
+                }, cursor: hasOnClick ? 'pointer' : 'default', children: _jsxs(Stack, { pb: "base", pt: "1", px: "base", spacing: "base", children: [showHeader && (_jsx(ContactCardHeader, { apiError: apiError, contact: contact })), _jsx(CardBody, { contact, index, showAvatar })] }) }), Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0 && (_jsx(Box, { position: "absolute", right: "1", top: "0", zIndex: "overlay", children: _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: contact, menuItems: menuItems, disabled: Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) < 1 }) })), onShare && (_jsx(Box, { position: "absolute", right: "2", bottom: "2", children: _jsx(IconButton, { variant: "icon", icon: _jsx(Share, { size: 14 }), onClick: () => onShare(contact), "aria-label": "share-contact" }) }))] }));
 };
 const CardBody = ({ contact, index, showAvatar, }) => {
     return (_jsxs(Flex, { justify: "space-between", align: "end", gap: "base", children: [_jsx(ContactCardInfo, Object.assign({}, contact, { index, showAvatar })), _jsx(Box, { borderLeft: `1px solid ${colors.lightBlue[1]}`, w: "45%", pl: "base", children: _jsx(ContactCardAddress, Object.assign({}, contact)) })] }));

package/dist/components/contacts/ContactsContent.d.ts

@@ -1,2 +1,2 @@
 import { ContactsContentI } from '../../interfaces';
-export declare const ContactsContent: ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onClick, onDeleteContacts, onShareContacts, showLoadMore, handleLoadMore, loadMoreDisabled }: ContactsContentI) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactsContent: ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onClick, onDeleteContacts, onShareContacts, showLoadMore, handleLoadMore, loadMoreDisabled, }: ContactsContentI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/ContactsContent.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { DrawerContent, DrawerHeader, DrawerBody, Flex, Stack, Checkbox, Box, Text, DrawerFooter, Button } from '@chakra-ui/react';
+import { DrawerContent, DrawerHeader, DrawerBody, Flex, Stack, Checkbox, Box, Text, DrawerFooter, Button, } from '@chakra-ui/react';
 import { Contacts } from '../../assets/images';
 import { ContactCard, FooterButtons, FooterDrawer, LeftButtonAnimated, LetterDivider, PanelHeader, SearchInput, } from '../../components';
 import { useAssignableList, useContactsContent, useWindowDimensions, } from '../../hooks';
-export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onClick, onDeleteContacts, onShareContacts, showLoadMore, handleLoadMore, loadMoreDisabled }) => {
+export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onClick, onDeleteContacts, onShareContacts, showLoadMore, handleLoadMore, loadMoreDisabled, }) => {
     const { contactsWithoutFirstOrLastName, handleChange, search, splittedContacts, } = useContactsContent(contacts);
     const { getContactByIds, handleItemSelect, handleSelectAll, isItemSelected, itemsSelected, } = useAssignableList({
         onItemSelectedChange: () => null,
@@ -17,12 +17,12 @@ export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, ch
                                     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) => {
                                                     const selected = isItemSelected(contact._id);
-                                                    return (_jsx(Card, { apiError: apiError, contact: contact, onClick: onClick, index: idx, menuItems: menuItems, selected: selected, onChange: handleItemSelect }, contact._id));
+                                                    return (_jsx(Card, { apiError: apiError, contact: contact, onClick: onClick, index: idx, menuItems: menuItems, selected: selected, onChange: handleItemSelect, onShareContact: (contact) => onShareContacts([contact]) }, contact._id));
                                                 }) })] }, letter));
                                 }) }), 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, showLoadMore && (_jsx(Flex, { justifyContent: 'center', bg: "lightBlue.2", p: '1rem', children: _jsx(Button, { onClick: handleLoadMore, variant: "primaryFooter", disabled: loadMoreDisabled, children: t('buttons.loadMore') }) }))] }), _jsx(DrawerFooter, { p: "0", zIndex: "overlay", children: _jsx(FooterDrawer, { isOpen: !isDisabled, children: _jsx(FooterButtons, { button1: {
+                                    return (_jsx(Card, { apiError: apiError, contact: contact, onClick: onClick, index: idx, menuItems: menuItems, selected: selected, onChange: handleItemSelect, onShareContact: (contact) => onShareContacts([contact]) }, contact._id));
+                                }) })] }), children, showLoadMore && (_jsx(Flex, { justifyContent: 'center', bg: "lightBlue.2", p: '1rem', children: _jsx(Button, { onClick: handleLoadMore, variant: 'primaryFooter', disabled: loadMoreDisabled, children: t('buttons.loadMore') }) }))] }), _jsx(DrawerFooter, { p: "0", zIndex: "overlay", children: _jsx(FooterDrawer, { isOpen: !isDisabled, children: _jsx(FooterButtons, { button1: {
                             buttonStyle: 'primaryFooter',
                             label: t('buttons.share'),
                             onClick: () => onShareContacts(getContactByIds(itemsSelected)),
@@ -32,6 +32,6 @@ export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, ch
                             onClick: () => onDeleteContacts(itemsSelected),
                         } }) }) })] }));
 };
-const Card = ({ apiError, contact, onClick, index, menuItems, selected, onChange, }) => {
-    return (_jsxs(Flex, { gap: "3", pl: "base", bg: selected ? 'lightBlue.6' : 'transparent', children: [_jsx(Checkbox, { isChecked: selected, onChange: () => onChange(contact._id) }), _jsx(ContactCard, { apiError: apiError, contact: contact, menuItems: menuItems, onClick: onClick, index: index }, contact._id)] }, contact._id));
+const Card = ({ apiError, contact, onClick, index, menuItems, selected, onChange, onShareContact, }) => {
+    return (_jsxs(Flex, { gap: "3", pl: "base", bg: selected ? 'lightBlue.6' : 'transparent', children: [_jsx(Checkbox, { isChecked: selected, onChange: () => onChange(contact._id) }), _jsx(ContactCard, { apiError: apiError, contact: contact, menuItems: menuItems, onClick: onClick, index: index, onShare: onShareContact }, contact._id)] }, contact._id));
 };

package/dist/components/icons/Share.d.ts

@@ -0,0 +1,4 @@
+export declare const Share: ({ stroke, size }: {
+    stroke?: string | undefined;
+    size?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/Share.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Share = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16.256 17.896", children: _jsxs("g", { id: "Icon_feather-share-2", "data-name": "Icon feather-share-2", transform: "translate(-3.75 -2.25)", children: [_jsx("path", { id: "Caminho_18690", "data-name": "Caminho 18690", d: "M27.419,5.459A2.459,2.459,0,1,1,24.959,3,2.459,2.459,0,0,1,27.419,5.459Z", transform: "translate(-8.163 0)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18691", "data-name": "Caminho 18691", d: "M9.419,15.959A2.459,2.459,0,1,1,6.959,13.5,2.459,2.459,0,0,1,9.419,15.959Z", transform: "translate(0 -4.761)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18692", "data-name": "Caminho 18692", d: "M27.419,26.459A2.459,2.459,0,1,1,24.959,24,2.459,2.459,0,0,1,27.419,26.459Z", transform: "translate(-8.163 -9.523)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18693", "data-name": "Caminho 18693", d: "M12.885,20.265l5.6,3.263", transform: "translate(-3.802 -7.829)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18694", "data-name": "Caminho 18694", d: "M18.476,9.765l-5.591,3.263", transform: "translate(-3.802 -3.068)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" })] }) }));
+};

package/dist/components/icons/index.d.ts

@@ -25,6 +25,7 @@ export * from './MoreHorizontal';
 export * from './OpenVideo';
 export * from './Plus';
 export * from './SearchIcon';
+export * from './Share';
 export * from './ShareIcon';
 export * from './Star';
 export * from './TikTok';

package/dist/components/icons/index.js

@@ -25,6 +25,7 @@ export * from './MoreHorizontal';
 export * from './OpenVideo';
 export * from './Plus';
 export * from './SearchIcon';
+export * from './Share';
 export * from './ShareIcon';
 export * from './Star';
 export * from './TikTok';

package/dist/interfaces/contacts/ContactCard.interface.d.ts

@@ -32,6 +32,7 @@ export interface ContactCardI {
     index: number;
     menuItems?: MenuItemI[];
     onClick?: (contact: ContactAndIndexForm) => void;
+    onShare?: (contact: InfoContactCardI) => void;
     showAvatar?: boolean;
     showHeader?: boolean;
 }

package/dist/interfaces/contacts/ContactsContent.interface.d.ts

@@ -26,4 +26,5 @@ export interface CardOnContactListI {
     menuItems: ContactsContentI['menuItems'];
     selected: boolean;
     onChange: (id: string) => void;
+    onShareContact: (contact: InfoContactCardI) => void;
 }

package/dist/stories/icons/ShareIcon.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { Share } from '../../components';
+declare const _default: Meta<typeof Share>;
+export default _default;
+export declare const ShareComponent: typeof Share;

package/dist/stories/icons/ShareIcon.stories.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Center } from '@chakra-ui/react';
+import { Share } from '../../components';
+import { colors } from '../../theme/colors';
+export default {
+    title: 'Components/Icons',
+    component: Share,
+};
+export const ShareComponent = (args) => {
+    return (_jsx(Center, { width: "10rem", p: "base", bg: "white", children: _jsx(Share, Object.assign({}, args, { stroke: colors.blue[1] })) }));
+};

package/package.json

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