@homefile/components-v2 2.8.51 → 2.8.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/headers/ContainerHeader.js +1 -1
  2. package/dist/components/inboxTile/InboxCard.js +2 -2
  3. package/dist/components/inboxTile/InboxForwardBanner.js +1 -1
  4. package/dist/interfaces/inboxTile/InboxCard.interface.d.ts +1 -0
  5. package/package.json +1 -1
  6. package/src/components/headers/ContainerHeader.tsx +1 -0
  7. package/src/components/inboxTile/InboxCard.tsx +2 -1
  8. package/src/components/inboxTile/InboxForwardBanner.tsx +1 -1
  9. package/src/interfaces/inboxTile/InboxCard.interface.ts +1 -0
package/dist/components/headers/ContainerHeader.js CHANGED
@@ -3,5 +3,5 @@ import { Flex, Text, Image } from '@chakra-ui/react';
3
3
  import { HelpButton, IconMenu } from '..';
4
4
  export const ContainerHeader = ({ disabled, icon, iconSize, index, isThin, itemForm, menuItems = [], onHelpClick = () => { }, showHelp, title, titleIcon, }) => {
5
5
  const isDisabled = disabled !== null && disabled !== void 0 ? disabled : menuItems.length === 0;
6
- return (_jsxs(Flex, { justifyContent: "space-between", bg: "neutral.white", align: "center", h: isThin ? '32px' : '60px', px: "base", children: [_jsxs(Flex, { gap: "2", w: "full", align: "center", children: [titleIcon && (_jsx(Image, { src: titleIcon, alt: titleIcon, h: iconSize, w: "auto" })), title && (_jsx(Text, { fontWeight: "medium", textTransform: "capitalize", children: title }))] }), _jsxs(Flex, { align: "center", gap: "2", minW: "fit-content", bg: "neutral.white", id: index === 0 ? 'removeHome' : '', children: [showHelp && _jsx(HelpButton, { onClick: onHelpClick }), icon && (_jsx(IconMenu, { icon: icon, itemForm: itemForm, menuItems: menuItems, disabled: isDisabled }))] })] }));
6
+ return (_jsxs(Flex, { justifyContent: "space-between", bg: "neutral.white", align: "center", h: isThin ? '32px' : '60px', px: "base", children: [_jsxs(Flex, { gap: "2", w: "full", align: "center", children: [titleIcon && (_jsx(Image, { src: titleIcon, alt: titleIcon, h: iconSize, w: "auto" })), title && (_jsx(Text, { fontWeight: "medium", textTransform: "capitalize", children: title }))] }), _jsxs(Flex, { align: "center", gap: "2", minW: "fit-content", bg: "neutral.white", id: index === 0 ? 'removeHome' : '', children: [showHelp && _jsx(HelpButton, { onClick: onHelpClick }), icon && (_jsx(IconMenu, { icon: icon, itemForm: itemForm, menuItems: menuItems, disabled: isDisabled, zIndex: "1" }))] })] }));
7
7
  };
package/dist/components/inboxTile/InboxCard.js CHANGED
@@ -3,8 +3,8 @@ import { t } from 'i18next';
3
3
  import { AspectRatio, Flex, Image, Text } from '@chakra-ui/react';
4
4
  import { TextBadge } from '..';
5
5
  export const InboxCard = ({ box, onClick }) => {
6
- const { image, name, newMessages = 0, totalMessages } = box;
6
+ const { image, name, newMessages = 0, totalMessages, id } = box;
7
7
  const hasNewMessages = newMessages > 0;
8
8
  const message = `${newMessages} ${t('badges.new')}`;
9
- return (_jsxs(Flex, { as: "button", align: "center", justify: "space-between", px: "base", py: "6", bg: "neutral.white", transition: "background-color 0.2s", _hover: { bg: 'lightGreen.1' }, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(name), children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(AspectRatio, { ratio: 1, w: "34px", h: "auto", children: _jsx(Image, { src: image, alt: name }) }), _jsx(Text, { children: name })] }), _jsxs(Flex, { align: "center", gap: "6", children: [hasNewMessages && (_jsx(TextBadge, { text: message, showAnimation: false, bgColor: "violet.1" })), _jsx(Text, { fontSize: "30px", fontWeight: "medium", color: "blue.2", children: totalMessages })] })] }));
9
+ return (_jsxs(Flex, { as: "button", align: "center", justify: "space-between", px: "base", py: "6", bg: "neutral.white", transition: "background-color 0.2s", _hover: { bg: 'lightGreen.1' }, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(name), id: id, children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(AspectRatio, { ratio: 1, w: "34px", h: "auto", children: _jsx(Image, { src: image, alt: name }) }), _jsx(Text, { children: name })] }), _jsxs(Flex, { align: "center", gap: "6", children: [hasNewMessages && (_jsx(TextBadge, { text: message, showAnimation: false, bgColor: "violet.1" })), _jsx(Text, { fontSize: "30px", fontWeight: "medium", color: "blue.2", children: totalMessages })] })] }));
10
10
  };
package/dist/components/inboxTile/InboxForwardBanner.js CHANGED
@@ -3,5 +3,5 @@ import { t } from 'i18next';
3
3
  import { AspectRatio, Flex, Text, Image, chakra } from '@chakra-ui/react';
4
4
  import { IA } from '../../assets/images';
5
5
  export const InboxForwardBanner = () => {
6
- return (_jsxs(Flex, { p: "base", gap: "base", align: "center", bg: "lightBlue.2", children: [_jsx(AspectRatio, { ratio: 1, minW: "35px", h: "auto", children: _jsx(Image, { src: IA, alt: "IA" }) }), _jsxs(Text, { variant: "home", lineHeight: "1", children: [t('inbox.forwardTo'), _jsx(chakra.span, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1", color: "neutral.black", fontWeight: "bold", display: "inline", children: "homefileit@homefile.com." })] })] }));
6
+ return (_jsxs(Flex, { p: "base", gap: "base", align: "center", bg: "lightBlue.2", id: 'forwardReceipts', children: [_jsx(AspectRatio, { ratio: 1, minW: "35px", h: "auto", children: _jsx(Image, { src: IA, alt: "IA" }) }), _jsxs(Text, { variant: "home", lineHeight: "1", children: [t('inbox.forwardTo'), _jsx(chakra.span, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1", color: "neutral.black", fontWeight: "bold", display: "inline", children: "homefileit@homefile.com." })] })] }));
7
7
  };
package/dist/interfaces/inboxTile/InboxCard.interface.d.ts CHANGED
@@ -3,6 +3,7 @@ export interface BoxI {
3
3
  name: string;
4
4
  newMessages?: number;
5
5
  totalMessages: number;
6
+ id?: string;
6
7
  }
7
8
  export interface InboxCardI {
8
9
  box: BoxI;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@homefile/components-v2",
3
- "version": "2.8.51",
3
+ "version": "2.8.53",
4
4
  "author": "Homefile",
5
5
  "license": "UNLICENSED",
6
6
  "typings": "dist/index.d.ts",
package/src/components/headers/ContainerHeader.tsx CHANGED
@@ -48,6 +48,7 @@ export const ContainerHeader = <T extends unknown>({
48
48
  itemForm={itemForm}
49
49
  menuItems={menuItems}
50
50
  disabled={isDisabled}
51
+ zIndex="1"
51
52
  />
52
53
  )}
53
54
  </Flex>
package/src/components/inboxTile/InboxCard.tsx CHANGED
@@ -4,7 +4,7 @@ import { TextBadge } from '@/components'
4
4
  import { InboxCardI } from '@/interfaces'
5
5
 
6
6
  export const InboxCard = ({ box, onClick }: InboxCardI) => {
7
- const { image, name, newMessages = 0, totalMessages } = box
7
+ const { image, name, newMessages = 0, totalMessages, id } = box
8
8
  const hasNewMessages = newMessages > 0
9
9
  const message = `${newMessages} ${t('badges.new')}`
10
10
  return (
@@ -18,6 +18,7 @@ export const InboxCard = ({ box, onClick }: InboxCardI) => {
18
18
  transition="background-color 0.2s"
19
19
  _hover={{ bg: 'lightGreen.1' }}
20
20
  onClick={() => onClick?.(name)}
21
+ id={id}
21
22
  >
22
23
  <Flex align="center" gap="base">
23
24
  <AspectRatio ratio={1} w="34px" h="auto">
package/src/components/inboxTile/InboxForwardBanner.tsx CHANGED
@@ -4,7 +4,7 @@ import { IA } from '@/assets/images'
4
4
 
5
5
  export const InboxForwardBanner = () => {
6
6
  return (
7
- <Flex p="base" gap="base" align="center" bg="lightBlue.2">
7
+ <Flex p="base" gap="base" align="center" bg="lightBlue.2" id='forwardReceipts'>
8
8
  <AspectRatio ratio={1} minW="35px" h="auto">
9
9
  <Image src={IA} alt="IA" />
10
10
  </AspectRatio>
package/src/interfaces/inboxTile/InboxCard.interface.ts CHANGED
@@ -3,6 +3,7 @@ export interface BoxI {
3
3
  name: string
4
4
  newMessages?: number
5
5
  totalMessages: number
6
+ id?: string
6
7
  }
7
8
 
8
9
  export interface InboxCardI {