@homefile/components-v2 1.1.0 → 1.2.0

package/src/interfaces/contacts/ContactsContent.interface.ts

@@ -1,11 +1,13 @@
-import { InfoContactCardI, MenuItemI } from '@/interfaces'
-import { ReactNode } from "react"
+import { InfoContactCardI, MenuItemI, ShareContactPopoverI } from '@/interfaces'
+import { ReactNode } from 'react'
 
 export interface ContactsContentI {
+  apiError?: boolean
   contacts: InfoContactCardI[]
   handleClose: () => void
   handleAdd: () => void
   menuItems: MenuItemI[]
   children?: ReactNode
   disabled?: boolean
-}
+  onShare: ShareContactPopoverI['onShare']
+}

package/src/interfaces/contacts/ShareContactByEmail.interface.ts

@@ -0,0 +1,12 @@
+import { InfoContactCardI } from '@/interfaces'
+
+interface ShareFormI {
+  contact: InfoContactCardI
+  emailTo: string
+}
+
+export interface ShareContactByEmailI {
+  apiError?: boolean
+  contact: InfoContactCardI
+  onShare: (form: ShareFormI) => void
+}

package/src/interfaces/contacts/ShareContactPopover.interface.ts

@@ -0,0 +1,9 @@
+import { InfoContactCardI } from '@/interfaces'
+
+export interface ShareContactPopoverI {
+  apiError?: boolean
+  contact: InfoContactCardI
+  isOpen: boolean
+  onClose: () => void
+  onShare: (form: unknown) => void
+}

package/src/interfaces/contacts/index.ts

@@ -2,4 +2,6 @@ export * from './ContactCard.interface'
 export * from './ContactCardAddress.interface'
 export * from './ContactCardHeader.interface'
 export * from './ContactCardInfo.interface'
-export * from './ContactsContent.interface'
+export * from './ContactsContent.interface'
+export * from './ShareContactByEmail.interface'
+export * from './ShareContactPopover.interface'

package/src/interfaces/forms/dynamicForm/HiddenField.interface.ts

@@ -1,8 +1,10 @@
 import { ReportI } from '@/interfaces'
 
 export interface HiddenFieldI {
+  disabled?: boolean
   name: string
   icon: string
   id: string
+  isActive?: boolean
   onClick: (id: string) => void
 }

package/src/interfaces/overlay/Overlay.interface.ts

@@ -1,5 +1,6 @@
-import { ChakraProps } from "@chakra-ui/react"
+import { ChakraProps } from '@chakra-ui/react'
 
 export interface OverlayI extends ChakraProps {
   showOverlay?: boolean
+  onClick?: () => void
 }

package/src/interfaces/rooms/GroupCard.interface.ts

@@ -11,4 +11,5 @@ export interface GroupCardI
   onClickDetails: (id: string) => void
   onMove: (data: Partial<ReportsI>) => void
   disabled?: boolean
+  itemsDisabled?: boolean
 }

package/src/interfaces/rooms/ItemCard.interface.ts

@@ -7,4 +7,5 @@ export interface ItemCardI extends MoveModalI, Partial<ReportsI> {
   onClickDelete: (id: string) => void
   onClickDetails: (id: string) => void
   onMove: (data: Partial<ReportsI>) => void
+  disabled?: boolean
 }

package/src/mocks/myProfile/Permissions.mock.ts

@@ -9,7 +9,7 @@ export const featuresSelectedMock: RolePermissionObject = {
       'folders',
       'home-items',
       'rooms',
-      'rooms-items',
+      'rooms-categories',
     ],
     add: [],
     edit: [],
@@ -23,11 +23,11 @@ export const featuresSelectedMock: RolePermissionObject = {
       'folders',
       'home-items',
       'rooms',
-      'rooms-items',
+      'rooms-categories',
     ],
-    add: ['home-items', 'rooms', 'rooms-items'],
-    edit: ['folders', 'rooms', 'rooms-items'],
-    delete: ['rooms-items'],
+    add: ['home-items', 'rooms', 'rooms-categories'],
+    edit: ['folders', 'rooms', 'rooms-categories'],
+    delete: ['rooms-categories'],
   },
   manager: {
     view: [
@@ -37,7 +37,7 @@ export const featuresSelectedMock: RolePermissionObject = {
       'folders',
       'home-items',
       'rooms',
-      'rooms-items',
+      'rooms-categories',
     ],
     add: [
       'property-data',
@@ -46,25 +46,23 @@ export const featuresSelectedMock: RolePermissionObject = {
       'folders',
       'home-items',
       'rooms',
-      'rooms-items',
+      'rooms-categories',
     ],
     edit: [
       'property-data',
       'financial-data',
-      'partners',
       'folders',
       'home-items',
       'rooms',
-      'rooms-items',
+      'rooms-categories',
     ],
     delete: [
-      'property-data',
       'financial-data',
       'partners',
       'folders',
       'home-items',
       'rooms',
-      'rooms-items',
+      'rooms-categories',
     ],
   },
 }

package/src/stories/assets/Illustrations.stories.tsx

@@ -143,6 +143,8 @@ import {
   ShareHome,
   ShareWith,
   SixtyEight,
+  SMS,
+  Social,
   SmallAppliances,
   SolarPanel,
   Sprinkler,
@@ -373,6 +375,8 @@ export const Illustrations = () => {
       <IconWrapper icon={ShareHome} name="ShareHome" />
       <IconWrapper icon={ShareWith} name="ShareWith" />
       <IconWrapper icon={SixtyEight} name="SixtyEight" />
+      <IconWrapper icon={SMS} name="SMS" />
+      <IconWrapper icon={Social} name="Social" />
       <IconWrapper icon={SolarPanel} name="SolarPanel" />
       <IconWrapper icon={Sprinkler} name="Sprinkler" />
       <IconWrapper icon={Structure} name="Structure" />

package/src/theme/colors.ts

@@ -112,4 +112,5 @@ export const colors = {
     2: '#F544DA',
   },
   skyGradient: 'linear(to-b, #cff1fc, #F9FEFF)',
+  overlay: '#00000040',
 }