@homefile/components-v2 2.59.1 → 2.59.2

package/dist/components/propertyTiles/propertyTaxes/PropertyTaxes.js

@@ -15,5 +15,5 @@ export const PropertyTaxes = ({ estimatedTaxValue, estimatedMonthlyAverage, menu
         colorPositive: 'orange.1',
     });
     const currentYear = new Date().getFullYear();
-    return (_jsx(TileTooltip, { label: "propertyTaxes", children: _jsx(Box, { children: _jsxs(TileCard, { menuItems: menuItems, title: t('propertyTiles.taxes.title'), icon: Money, fontWeight: "regular", showHelp: showHelp, children: [title && (_jsx(Box, { bg: "lightBlue.2", px: "base", py: "4", children: _jsx(Text, { variant: "home", children: title }) })), _jsxs(Box, { px: "base", bg: "neutral.white", children: [_jsx(AssessedValue, Object.assign({}, lastYear, { value: formattedLastYearValue })), _jsxs(Stack, { spacing: "1", py: "base", children: [_jsx(Text, { textTransform: "uppercase", children: `${currentYear} ${t('propertyTiles.taxes.estimated')}` }), _jsxs(Flex, { gap: "2", w: "full", children: [_jsx(Box, { flex: "3", children: _jsx(TotalHeader, { bg: bgColor, value: estimatedTaxValue, fontSize: "3xl", title: t('propertyTiles.taxes.annually') }) }), estimatedMonthlyAverage && (_jsx(Box, { flex: "2", children: _jsx(TotalHeader, { bg: "lightBlue.4", value: estimatedMonthlyAverage, fontSize: "3xl", title: t('propertyTiles.taxes.monthly') }) }))] })] })] }), _jsx(Box, { px: "base", children: _jsx(TaxesTable, { taxes: taxes }) })] }) }) }));
+    return (_jsx(TileTooltip, { label: "propertyTaxes", children: _jsx(Box, { h: "full", children: _jsxs(TileCard, { menuItems: menuItems, title: t('propertyTiles.taxes.title'), icon: Money, fontWeight: "regular", showHelp: showHelp, children: [title && (_jsx(Box, { bg: "lightBlue.2", px: "base", py: "4", children: _jsx(Text, { variant: "home", children: title }) })), _jsxs(Box, { px: "base", bg: "neutral.white", children: [_jsx(AssessedValue, Object.assign({}, lastYear, { value: formattedLastYearValue })), _jsxs(Stack, { spacing: "1", py: "base", children: [_jsx(Text, { textTransform: "uppercase", children: `${currentYear} ${t('propertyTiles.taxes.estimated')}` }), _jsxs(Flex, { gap: "2", w: "full", children: [_jsx(Box, { flex: "3", children: _jsx(TotalHeader, { bg: bgColor, value: estimatedTaxValue, fontSize: "3xl", title: t('propertyTiles.taxes.annually') }) }), estimatedMonthlyAverage && (_jsx(Box, { flex: "2", children: _jsx(TotalHeader, { bg: "lightBlue.4", value: estimatedMonthlyAverage, fontSize: "3xl", title: t('propertyTiles.taxes.monthly') }) }))] })] })] }), _jsx(Box, { px: "base", children: _jsx(TaxesTable, { taxes: taxes }) })] }) }) }));
 };

package/dist/components/propertyTiles/trendingValue/TrendingValue.js

@@ -9,5 +9,5 @@ export const TrendingValue = ({ chartData, marketValue = 0, menuItems, mortgageB
     // Purchase price + mortgage are "set once" inputs — collapsed by default so
     // the value + chart get the room (future: a "predicted" segment on the chart).
     const [showInputs, setShowInputs] = useState(false);
-    return (_jsx(TileTooltip, { label: "trendingValue", children: _jsx(Box, { children: _jsxs(TileCard, { bg: "lightGreen.8", menuItems: menuItems, title: t('propertyTiles.trending.title'), icon: ComputerReport, fontWeight: "normal", showHelp: showHelp, children: [_jsxs(Flex, { as: "button", onClick: () => setShowInputs((v) => !v), align: "center", justify: "space-between", w: "full", px: "base", py: "2", bg: "lightBlue.1", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", color: "gray.3", children: "Purchase & Mortgage" }), showInputs ? _jsx(ChevronUp, { size: 16 }) : _jsx(ChevronDown, { size: 16 })] }), _jsx(Collapse, { in: showInputs, animateOpacity: true, children: _jsxs(Flex, { gap: "base", px: "base", pb: "base", bg: "lightBlue.1", children: [_jsx(TrendingValueCard, { bg: "lightBlue.2", label: t('propertyTiles.trending.purchase'), value: purchasePrice }), (mortgageBalance > 0) ? (_jsx(TrendingValueCard, { bg: "lightBlue.4", editButton: Boolean(mortgageBalance) && (_jsx(Tooltip, { label: t('tooltips.editMortgage'), children: _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, { size: 16 }), onClick: onMortgageClick }) })), label: t('propertyTiles.trending.mortgage'), value: mortgageBalance })) : (_jsxs(Stack, { spacing: "1", flex: "auto", children: [_jsx(Flex, { align: "center", justify: "space-between", h: "20px", children: _jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: t('propertyTiles.trending.mortgage') }) }), _jsxs(Button, { variant: "tertiary", h: "full", onClick: onMortgageClick, w: "full", px: "1", children: [_jsx(Plus, { stroke: colors.blue[3], size: 20 }), _jsx(Text, { color: colors.blue[3], as: "span", pl: '.25rem', children: t('propertyTiles.trending.addMortgage') })] })] }))] }) }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsxs(Flex, { children: [_jsx(TrendingValueCard, { bg: "lightGreen.6", fontSize: "3xl", label: t('propertyTiles.trending.estimated'), value: marketValue }), marketValue > 0 && (_jsx(EstEquity, { value: marketValue - mortgageBalance }))] }), chartData && (_jsx(TrendingLineChart, { data: chartData, purchasePrice: purchasePrice })), !chartData && (_jsx(Box, { h: "140px", border: "1px solid", borderColor: "lightGreen.6" })), _jsx(RefinanceCta, {})] })] }) }) }));
+    return (_jsx(TileTooltip, { label: "trendingValue", children: _jsx(Box, { h: "full", children: _jsxs(TileCard, { bg: "lightGreen.8", menuItems: menuItems, title: t('propertyTiles.trending.title'), icon: ComputerReport, fontWeight: "normal", showHelp: showHelp, children: [_jsxs(Flex, { as: "button", onClick: () => setShowInputs((v) => !v), align: "center", justify: "space-between", w: "full", px: "base", py: "2", bg: "lightBlue.1", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", color: "gray.3", children: "Purchase & Mortgage" }), showInputs ? _jsx(ChevronUp, { size: 16 }) : _jsx(ChevronDown, { size: 16 })] }), _jsx(Collapse, { in: showInputs, animateOpacity: true, children: _jsxs(Flex, { gap: "base", px: "base", pb: "base", bg: "lightBlue.1", children: [_jsx(TrendingValueCard, { bg: "lightBlue.2", label: t('propertyTiles.trending.purchase'), value: purchasePrice }), (mortgageBalance > 0) ? (_jsx(TrendingValueCard, { bg: "lightBlue.4", editButton: Boolean(mortgageBalance) && (_jsx(Tooltip, { label: t('tooltips.editMortgage'), children: _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, { size: 16 }), onClick: onMortgageClick }) })), label: t('propertyTiles.trending.mortgage'), value: mortgageBalance })) : (_jsxs(Stack, { spacing: "1", flex: "auto", children: [_jsx(Flex, { align: "center", justify: "space-between", h: "20px", children: _jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: t('propertyTiles.trending.mortgage') }) }), _jsxs(Button, { variant: "tertiary", h: "full", onClick: onMortgageClick, w: "full", px: "1", children: [_jsx(Plus, { stroke: colors.blue[3], size: 20 }), _jsx(Text, { color: colors.blue[3], as: "span", pl: '.25rem', children: t('propertyTiles.trending.addMortgage') })] })] }))] }) }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsxs(Flex, { children: [_jsx(TrendingValueCard, { bg: "lightGreen.6", fontSize: "3xl", label: t('propertyTiles.trending.estimated'), value: marketValue }), marketValue > 0 && (_jsx(EstEquity, { value: marketValue - mortgageBalance }))] }), chartData && (_jsx(TrendingLineChart, { data: chartData, purchasePrice: purchasePrice })), !chartData && (_jsx(Box, { h: "140px", border: "1px solid", borderColor: "lightGreen.6" })), _jsx(RefinanceCta, {})] })] }) }) }));
 };

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel
 export { useCustomToast, useConfirmPropertyModel } from './hooks';
 export { useFilesUploader } from './hooks/folderPanel/useFilesUploader';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
-export { Ambulance, CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Messages, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, YellowFolder, EstValue, Billing, Inbox, } from './assets/images';
+export { Ambulance, CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Messages, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, YellowFolder, EstValue, Billing, Inbox, Plus, } from './assets/images';
 export { homeAssistantWizardSteps, partnerWizardSteps } from './helpers';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, addressProxy, } from './proxies';
 import theme from './theme';

package/dist/index.js

@@ -2,7 +2,7 @@ export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel
 export { useCustomToast, useConfirmPropertyModel } from './hooks';
 export { useFilesUploader } from './hooks/folderPanel/useFilesUploader';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
-export { Ambulance, CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Messages, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, YellowFolder, EstValue, Billing, Inbox, } from './assets/images';
+export { Ambulance, CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Messages, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, YellowFolder, EstValue, Billing, Inbox, Plus, } from './assets/images';
 export { homeAssistantWizardSteps, partnerWizardSteps } from './helpers';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, addressProxy, } from './proxies';
 import theme from './theme';

package/package.json

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