Merge branch 'master' into server-payees-handlers

.github/actions/bump-package-versions

@@ -1,7 +1,11 @@
 #!/bin/bash
 set -euo pipefail
 
-version="${1#v}"
+if [ "$#" -gt 0 ]; then
+    version="${1#v}"
+else
+    version=""
+fi
 
 files_to_bump=(
     packages/api/package.json

.github/workflows/docker-edge.yml

@@ -24,6 +24,7 @@ env:
   IMAGES: |
     actualbudget/actual-server
     ghcr.io/actualbudget/actual-server
+    ghcr.io/actualbudget/actual
 
   # Creates the following tags:
   # - actual-server:edge

.github/workflows/docker-release.yml

@@ -13,6 +13,7 @@ env:
   IMAGES: |
     actualbudget/actual-server
     ghcr.io/actualbudget/actual-server
+    ghcr.io/actualbudget/actual
 
   # Creates the following tags:
   # - actual-server:latest (see docker/metadata-action flavor inputs, below)

packages/api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actual-app/api",
-  "version": "25.2.1",
+  "version": "25.3.0",
   "license": "MIT",
   "description": "An API for Actual",
   "engines": {

packages/desktop-client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actual-app/web",
-  "version": "25.2.1",
+  "version": "25.3.0",
   "license": "MIT",
   "files": [
     "build"

packages/desktop-client/src/components/banksync/AccountsList.tsx

@@ -24,7 +24,11 @@ export function AccountsList({
   }
 
   return (
-    <View>
+    <View
+      style={{
+        minHeight: 'initial',
+      }}
+    >
       {accounts.map(account => {
         const hovered = hoveredAccount === account.id;
 

packages/desktop-client/src/components/banksync/index.tsx

@@ -115,7 +115,7 @@ export function BankSync() {
         )}
         {Object.entries(groupedAccounts).map(([syncProvider, accounts]) => {
           return (
-            <View key={syncProvider}>
+            <View key={syncProvider} style={{ minHeight: 'initial' }}>
               {Object.keys(groupedAccounts).length > 1 && (
                 <Text
                   style={{ fontWeight: 500, fontSize: 20, margin: '.5em 0' }}

packages/desktop-client/src/components/mobile/MobileNavTabs.tsx

@@ -22,7 +22,7 @@ import {
   SvgWallet,
 } from '../../icons/v1';
 import { SvgReports } from '../../icons/v1/Reports';
-import { SvgCalendar } from '../../icons/v2';
+import { SvgCalendar3 } from '../../icons/v2';
 import { theme } from '../../style';
 import { useResponsive } from '../responsive/ResponsiveProvider';
 import { useScrollListener } from '../ScrollProvider';
@@ -119,7 +119,7 @@ export function MobileNavTabs() {
       name: t('Schedules (Soon)'),
       path: '/schedules/soon',
       style: navTabStyle,
-      Icon: SvgCalendar,
+      Icon: SvgCalendar3,
     },
     {
       name: t('Payees (Soon)'),

packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx

@@ -789,6 +789,7 @@ const ExpenseGroupHeader = memo(function ExpenseGroupHeader({
   showBudgetedCol,
   collapsed,
   onToggleCollapse,
+  style,
 }) {
   const opacity = blank ? 0 : 1;
   const listItemRef = useRef();
@@ -814,9 +815,9 @@ const ExpenseGroupHeader = memo(function ExpenseGroupHeader({
         flexDirection: 'row',
         justifyContent: 'space-between',
         alignItems: 'center',
-        backgroundColor: theme.tableRowHeaderBackground,
         opacity: !!group.hidden ? 0.5 : undefined,
         paddingLeft: 0,
+        ...style,
       }}
       data-testid="category-group-row"
       innerRef={listItemRef}
@@ -995,6 +996,7 @@ const IncomeGroupHeader = memo(function IncomeGroupHeader({
   onEdit,
   collapsed,
   onToggleCollapse,
+  style,
 }) {
   const listItemRef = useRef();
   const format = useFormat();
@@ -1007,9 +1009,9 @@ const IncomeGroupHeader = memo(function IncomeGroupHeader({
         flexDirection: 'row',
         justifyContent: 'space-between',
         alignItems: 'center',
-        backgroundColor: theme.tableRowHeaderBackground,
         opacity: !!group.hidden ? 0.5 : undefined,
         paddingLeft: 0,
+        ...style,
       }}
       innerRef={listItemRef}
       data-testid="category-group-row"
@@ -1354,6 +1356,11 @@ const ExpenseGroup = memo(function ExpenseGroup({
         collapsed={collapsed}
         onToggleCollapse={onToggleCollapse}
         // onReorderCategory={onReorderCategory}
+        style={{
+          backgroundColor: monthUtils.isCurrentMonth(month)
+            ? theme.budgetHeaderCurrentMonth
+            : theme.budgetHeaderOtherMonth,
+        }}
       />
 
       {group.categories
@@ -1400,7 +1407,9 @@ const ExpenseGroup = memo(function ExpenseGroup({
                   : envelopeBudget.catCarryover(category.id)
               }
               style={{
-                backgroundColor: theme.tableBackground,
+                backgroundColor: monthUtils.isCurrentMonth(month)
+                  ? theme.budgetCurrentMonth
+                  : theme.budgetOtherMonth,
               }}
               showBudgetedCol={showBudgetedCol}
               editMode={editMode}
@@ -1465,6 +1474,11 @@ function IncomeGroup({
           onEdit={onEditGroup}
           collapsed={collapsed}
           onToggleCollapse={onToggleCollapse}
+          style={{
+            backgroundColor: monthUtils.isCurrentMonth(month)
+              ? theme.budgetHeaderCurrentMonth
+              : theme.budgetHeaderOtherMonth,
+          }}
         />
 
         {group.categories
@@ -1491,7 +1505,9 @@ function IncomeGroup({
                     : envelopeBudget.catSumAmount(category.id)
                 }
                 style={{
-                  backgroundColor: theme.tableBackground,
+                  backgroundColor: monthUtils.isCurrentMonth(month)
+                    ? theme.budgetCurrentMonth
+                    : theme.budgetOtherMonth,
                 }}
                 editMode={editMode}
                 onEdit={onEditCategory}
@@ -1709,7 +1725,9 @@ export function BudgetTable({
               aria-label={t('Today')}
               style={{ margin: 10 }}
             >
-              <SvgCalendar width={20} height={20} />
+              {!monthUtils.isCurrentMonth(month) && (
+                <SvgCalendar width={20} height={20} />
+              )}
             </Button>
           }
         />
@@ -1793,7 +1811,9 @@ function BudgetTableHeader({
         flexShrink: 0,
         padding: '10px 15px',
         paddingLeft: 10,
-        backgroundColor: theme.tableRowHeaderBackground,
+        backgroundColor: monthUtils.isCurrentMonth(month)
+          ? theme.budgetHeaderCurrentMonth
+          : theme.budgetHeaderOtherMonth,
         borderBottomWidth: 1,
         borderColor: theme.tableBorder,
       }}

packages/desktop-client/src/components/mobile/budget/index.tsx

@@ -159,7 +159,7 @@ export function Budget() {
         );
       } else {
         dispatch(collapseModals('category-group-menu'));
-        dispatch(deleteGroup(groupId));
+        dispatch(deleteGroup({ id: groupId }));
       }
     },
     [categoryGroups, dispatch],

packages/desktop-client/src/components/mobile/transactions/TransactionListItem.tsx

@@ -32,7 +32,7 @@ import { usePayee } from '../../../hooks/usePayee';
 import { SvgLeftArrow2, SvgRightArrow2, SvgSplit } from '../../../icons/v0';
 import {
   SvgArrowsSynchronize,
-  SvgCalendar,
+  SvgCalendar3,
   SvgCheckCircle1,
   SvgLockClosed,
 } from '../../../icons/v2';
@@ -319,7 +319,7 @@ function PayeeIcons({ transaction, transferAccount }: PayeeIconsProps) {
         (isScheduleRecurring ? (
           <SvgArrowsSynchronize style={getScheduleIconStyle({ isPreview })} />
         ) : (
-          <SvgCalendar style={getScheduleIconStyle({ isPreview })} />
+          <SvgCalendar3 style={getScheduleIconStyle({ isPreview })} />
         ))}
       {transferAccount &&
         (transaction.amount > 0 ? (

packages/desktop-client/src/components/modals/CreateAccountModal.tsx

@@ -291,11 +291,9 @@ export function CreateAccountModal({ upgradingAccountId }: CreateAccountProps) {
                           <strong>
                             Link a <em>European</em> bank account
                           </strong>{' '}
-                          to automatically download transactions.
-                        </Trans>
-                        <Trans>
-                          GoCardless provides reliable, up-to-date information
-                          from hundreds of banks.
+                          to automatically download transactions. GoCardless
+                          provides reliable, up-to-date information from
+                          hundreds of banks.
                         </Trans>
                       </Text>
                       <View
@@ -356,11 +354,9 @@ export function CreateAccountModal({ upgradingAccountId }: CreateAccountProps) {
                           <strong>
                             Link a <em>North American</em> bank account
                           </strong>{' '}
-                          to automatically download transactions.
-                        </Trans>
-                        <Trans>
-                          SimpleFIN provides reliable, up-to-date information
-                          from hundreds of banks.
+                          to automatically download transactions. SimpleFIN
+                          provides reliable, up-to-date information from
+                          hundreds of banks.
                         </Trans>
                       </Text>
                     </>

packages/desktop-client/src/components/schedules/StatusBadge.tsx

@@ -8,7 +8,7 @@ import { titleFirst } from 'loot-core/shared/util';
 
 import {
   SvgAlertTriangle,
-  SvgCalendar,
+  SvgCalendar3,
   SvgCheckCircle1,
   SvgCheckCircleHollow,
   SvgEditSkull1,
@@ -38,7 +38,7 @@ export function getStatusProps(status: StatusTypes) {
       return {
         color: theme.upcomingText,
         backgroundColor: theme.upcomingBackground,
-        Icon: SvgCalendar,
+        Icon: SvgCalendar3,
       };
     case 'paid':
       return {
@@ -56,13 +56,13 @@ export function getStatusProps(status: StatusTypes) {
       return {
         color: theme.noticeTextLight,
         backgroundColor: theme.noticeBackgroundLight,
-        Icon: SvgCalendar,
+        Icon: SvgCalendar3,
       };
     case 'scheduled':
       return {
         color: theme.tableRowHeaderText,
         backgroundColor: theme.tableRowHeaderBackground,
-        Icon: SvgCalendar,
+        Icon: SvgCalendar3,
       };
     case 'cleared':
       return {

packages/desktop-client/src/components/sidebar/PrimaryButtons.tsx

@@ -15,7 +15,7 @@ import {
   SvgTuning,
   SvgWallet,
 } from '../../icons/v1';
-import { SvgCalendar } from '../../icons/v2';
+import { SvgCalendar3 } from '../../icons/v2';
 
 import { Item } from './Item';
 import { SecondaryItem } from './SecondaryItem';
@@ -47,7 +47,7 @@ export function PrimaryButtons() {
     <View style={{ flexShrink: 0 }}>
       <Item title={t('Budget')} Icon={SvgWallet} to="/budget" />
       <Item title={t('Reports')} Icon={SvgReports} to="/reports" />
-      <Item title={t('Schedules')} Icon={SvgCalendar} to="/schedules" />
+      <Item title={t('Schedules')} Icon={SvgCalendar3} to="/schedules" />
       <Item
         title={t('More')}
         Icon={isOpen ? SvgCheveronDown : SvgCheveronRight}

packages/desktop-client/src/components/transactions/TransactionList.jsx

@@ -220,7 +220,7 @@ export function TransactionList({
 
   const onManagePayees = useCallback(
     id => {
-      navigate('/payees', { state: { selectedPayee: id } });
+      navigate('/payees', id && { state: { selectedPayee: id } });
     },
     [navigate],
   );

packages/desktop-client/src/components/transactions/TransactionsTable.jsx

@@ -62,7 +62,7 @@ import { SvgLeftArrow2, SvgRightArrow2, SvgSplit } from '../../icons/v0';
 import { SvgArrowDown, SvgArrowUp, SvgCheveronDown } from '../../icons/v1';
 import {
   SvgArrowsSynchronize,
-  SvgCalendar,
+  SvgCalendar3,
   SvgHyperlink2,
 } from '../../icons/v2';
 import { useDispatch } from '../../redux';
@@ -742,7 +742,7 @@ function PayeeIcons({
           {recurring ? (
             <SvgArrowsSynchronize style={scheduleIconStyle} />
           ) : (
-            <SvgCalendar style={scheduleIconStyle} />
+            <SvgCalendar3 style={scheduleIconStyle} />
           )}
         </Button>
       )}
@@ -1861,6 +1861,7 @@ function TransactionTableInner({
       : trans.error;
 
     const hasSplitError =
+      (trans.is_parent || trans.is_child) &&
       (!expanded || isLastChild(transactions, index)) &&
       error &&
       error.type === 'SplitTransactionError';

packages/desktop-client/src/i18n.test.ts

@@ -39,11 +39,11 @@ describe('setI18NextLanguage', () => {
   });
 
   test('should fallback to English if the provided language is unavailable', () => {
-    vi.spyOn(console, 'error');
+    vi.spyOn(console, 'info');
 
     setI18NextLanguage('unknown');
 
-    expect(console.error).toHaveBeenCalledWith(
+    expect(console.info).toHaveBeenCalledWith(
       'Unknown locale unknown, falling back to en',
     );
     expect(i18n.changeLanguage).toHaveBeenCalledWith('en');
@@ -58,22 +58,22 @@ describe('setI18NextLanguage', () => {
   });
 
   test('should fallback to base language if the provided language has an unknown region code', () => {
-    vi.spyOn(console, 'error');
+    vi.spyOn(console, 'info');
 
     setI18NextLanguage('uk-ZZ');
 
-    expect(console.error).toHaveBeenCalledWith(
+    expect(console.info).toHaveBeenCalledWith(
       'Unknown locale uk-ZZ, falling back to uk',
     );
     expect(i18n.changeLanguage).toHaveBeenCalledWith('uk');
   });
 
   test('should fallback to lowercase language if the provided language has uppercase letters', () => {
-    vi.spyOn(console, 'error');
+    vi.spyOn(console, 'info');
 
     setI18NextLanguage('EN');
 
-    expect(console.error).toHaveBeenCalledWith(
+    expect(console.info).toHaveBeenCalledWith(
       'Unknown locale EN, falling back to en',
     );
     expect(i18n.changeLanguage).toHaveBeenCalledWith('en');