chore(deps-dev): bump the dev-dependencies group across 1 directory with 11 updates

apps/main/package.json

@@ -95,8 +95,8 @@
     "victory-native": "^41.26.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.7",
-    "@playwright/test": "^1.60.0",
+    "@babel/core": "^8.0.1",
+    "@playwright/test": "^1.61.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/react": "^19.2.17",

apps/template-studio/package.json

@@ -36,8 +36,8 @@
 		"@types/react": "^19.2.17",
 		"@types/react-dom": "^19.2.3",
 		"jsdom": "^26.1.0",
-		"playwright": "1.60.0",
-		"tsx": "^4.22.4",
-		"vitest": "^4.1.8"
+		"playwright": "1.61.1",
+		"tsx": "^4.23.0",
+		"vitest": "^4.1.10"
 	}
 }

package.json

@@ -39,10 +39,10 @@
     "!(*.worker).{js,jsx,ts,tsx}": "eslint --fix"
   },
   "devDependencies": {
-    "eslint": "^9.39.4",
+    "eslint": "^10.6.0",
     "expo": "~56.0.11",
     "glob": "^13.0.6",
-    "lint-staged": "^16.4.0",
+    "lint-staged": "^17.0.8",
     "prettier-plugin-tailwindcss": "^0.8.0"
   },
   "dependencies": {

packages/components/src/combobox/combobox.tsx

@@ -59,8 +59,7 @@ function Combobox<T = undefined>({
 		prop: valueProp as Option<any> | Option<any>[] | undefined,
 		defaultProp: defaultValue as Option<any> | Option<any>[] | undefined,
 		onChange: onValueChangeProp as
-			| ((value: Option<any> | Option<any>[] | undefined) => void)
-			| undefined,
+			((value: Option<any> | Option<any>[] | undefined) => void) | undefined,
 	});
 	const [filterValue, setFilterValue] = React.useState('');
 

packages/components/src/error-boundary/react-error-boundary.tsx

@@ -55,9 +55,7 @@ interface ErrorBoundaryPropsWithFallback {
 }
 
 type ErrorBoundaryProps =
-	| ErrorBoundaryPropsWithFallback
-	| ErrorBoundaryPropsWithComponent
-	| ErrorBoundaryPropsWithRender;
+	ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
 
 type ErrorBoundaryState = { error: Error | null };
 

packages/components/src/form/combobox.tsx

@@ -12,8 +12,7 @@ import type { FormItemProps } from './common';
  * Multi-select: value is Option[], passed through directly.
  */
 type FormComboboxProps = (
-	| (FormItemProps<string> & { multiple?: false })
-	| (FormItemProps<Option[]> & { multiple: true })
+	(FormItemProps<string> & { multiple?: false }) | (FormItemProps<Option[]> & { multiple: true })
 ) &
 	Omit<Partial<React.ComponentProps<typeof Combobox>>, 'value' | 'onValueChange' | 'multiple'>;
 

packages/components/src/form/select.tsx

@@ -11,8 +11,7 @@ import type { FormItemProps } from './common';
  * Multi-select: value is Option[], passed through directly.
  */
 type FormSelectProps = (
-	| (FormItemProps<string> & { multiple?: false })
-	| (FormItemProps<Option[]> & { multiple: true })
+	(FormItemProps<string> & { multiple?: false }) | (FormItemProps<Option[]> & { multiple: true })
 ) &
 	Omit<Partial<React.ComponentProps<typeof Select>>, 'value' | 'onValueChange' | 'multiple'>;
 

packages/components/src/tree-combobox/tree-combobox.tsx

@@ -113,8 +113,7 @@ function TreeCombobox<T = undefined>({
 		prop: valueProp as ComboboxOption | ComboboxOption[] | undefined,
 		defaultProp: defaultValue as ComboboxOption | ComboboxOption[] | undefined,
 		onChange: onValueChangeProp as
-			| ((v: ComboboxOption | ComboboxOption[] | undefined) => void)
-			| undefined,
+			((v: ComboboxOption | ComboboxOption[] | undefined) => void) | undefined,
 	});
 
 	const isSelected = React.useCallback(

packages/components/src/tree-combobox/types.ts

@@ -32,8 +32,7 @@ export type TreeComboboxMultiProps<T = undefined> = TreeComboboxBaseProps<T> & {
 };
 
 export type TreeComboboxProps<T = undefined> =
-	| TreeComboboxSingleProps<T>
-	| TreeComboboxMultiProps<T>;
+	TreeComboboxSingleProps<T> | TreeComboboxMultiProps<T>;
 
 // --- Content props ---
 

packages/core/src/hooks/use-wcpos-auth/index.web.ts

@@ -114,8 +114,7 @@ function parseAuthFromUrl(): WcposAuthResult | null {
 	if (result.type === 'success' && result.params) {
 		const savedState = getSavedCsrfState();
 		const returnedState = (result.params as unknown as Record<string, unknown>)?.state as
-			| string
-			| undefined;
+			string | undefined;
 
 		if (savedState && returnedState !== savedState) {
 			oauthLogger.error('State parameter mismatch - possible CSRF attack');

packages/core/src/screens/auth/hooks/use-site-connect.ts

@@ -58,13 +58,7 @@ interface ExtendedSiteData extends WpJsonResponse {
 }
 
 export type SiteConnectStatus =
-	| 'idle'
-	| 'discovering-url'
-	| 'discovering-api'
-	| 'testing-auth'
-	| 'saving'
-	| 'success'
-	| 'error';
+	'idle' | 'discovering-url' | 'discovering-api' | 'testing-auth' | 'saving' | 'success' | 'error';
 
 export interface SiteConnectProgress {
 	step: number;

packages/core/src/screens/main/components/drawer-content/drawer-item-list.tsx

@@ -31,8 +31,7 @@ export function DrawerItemList({ state, navigation, descriptors }: DrawerContent
 				key={route.key}
 				label={
 					(drawerLabel !== undefined ? drawerLabel : title !== undefined ? title : route.name) as
-						| string
-						| ((props: { focused?: boolean; color?: string }) => React.ReactNode)
+						string | ((props: { focused?: boolean; color?: string }) => React.ReactNode)
 				}
 				icon={
 					drawerIcon as

packages/core/src/screens/main/components/product/variable-price.tsx

@@ -24,15 +24,11 @@ export function VariableProductPrice({
 }: CellContext<{ document: ProductDocument }, 'price' | 'regular_price' | 'sale_price'>) {
 	const product = row.original.document;
 	const taxStatus = useObservableState(product.tax_status$!, product.tax_status) as
-		| 'none'
-		| 'taxable'
-		| 'shipping'
-		| undefined;
+		'none' | 'taxable' | 'shipping' | undefined;
 	const taxClass = useObservableState(product.tax_class$!, product.tax_class) as string | undefined;
 
 	const metaData = useObservableState(product.meta_data$!, product.meta_data) as
-		| { key?: string; value?: string }[]
-		| undefined;
+		{ key?: string; value?: string }[] | undefined;
 	const variablePrices = getVariablePrices(metaData);
 	const key = column.id as PriceKey;
 

packages/core/src/screens/main/hooks/mutations/use-local-mutation.ts

@@ -20,11 +20,7 @@ import { convertLocalDateToUTCString } from '../../../../hooks/use-local-date';
 const mutationLogger = getLogger(['wcpos', 'mutations', 'local']);
 
 type Document =
-	| OrderDocument
-	| ProductDocument
-	| CustomerDocument
-	| ProductVariationDocument
-	| CouponDocument;
+	OrderDocument | ProductDocument | CustomerDocument | ProductVariationDocument | CouponDocument;
 
 // Generic interface for LocalPatchProps, where T extends Document.
 interface LocalPatchProps<T extends Document> {

packages/core/src/screens/main/hooks/mutations/use-mutation.ts

@@ -22,11 +22,7 @@ import { CollectionKey, useCollection } from '../use-collection';
 const mutationLogger = getLogger(['wcpos', 'mutations', 'document']);
 
 type Document =
-	| OrderDocument
-	| ProductDocument
-	| CustomerDocument
-	| ProductVariationDocument
-	| CouponDocument;
+	OrderDocument | ProductDocument | CustomerDocument | ProductVariationDocument | CouponDocument;
 
 interface Props {
 	collectionName: CollectionKey;

packages/core/src/screens/main/hooks/use-current-order-currency-format.ts

@@ -9,8 +9,7 @@ import { useCurrentOrder } from '../pos/contexts/current-order';
 export const useCurrentOrderCurrencyFormat = (options?: CurrencyFormatOptions) => {
 	const { currentOrder } = useCurrentOrder();
 	const currencySymbol = useObservableEagerState(currentOrder.currency_symbol$!) as
-		| string
-		| undefined;
+		string | undefined;
 	const { format } = useCurrencyFormat({ currencySymbol, ...options });
 
 	return {

packages/core/src/screens/main/logs/cells/level.tsx

@@ -22,8 +22,7 @@ const variantMap: Record<string, string> = {
 export function Level({ row, table }: CellContext<{ document: LogDocument }, 'level'>) {
 	const log = row.original.document;
 	const query = (table.options.meta as Record<string, unknown> | undefined)?.query as
-		| Query<any>
-		| undefined;
+		Query<any> | undefined;
 
 	const handlePress = React.useCallback(() => {
 		if (query) {

packages/core/src/screens/main/orders/refund/form.tsx

@@ -121,9 +121,7 @@ export function RefundOrderForm({ order }: Props) {
 	const taxRates = React.useContext(TaxRatesContext);
 	const storeDp = useObservableEagerState(store?.wc_price_decimals$) as number | undefined;
 	const taxDisplayCart = useObservableEagerState(store?.tax_display_cart$) as
-		| 'incl'
-		| 'excl'
-		| undefined;
+		'incl' | 'excl' | undefined;
 	const displayTax: 'incl' | 'excl' = taxDisplayCart === 'excl' ? 'excl' : 'incl';
 	const dp = resolvePriceNumDecimals({
 		contextDp: taxRates?.priceNumDecimals,

packages/core/src/screens/main/receipt/hooks/use-resolved-printer.ts

@@ -11,9 +11,7 @@ import { useAvailablePrinterProfiles } from '../../settings/printer/use-availabl
 import { useAppState } from '../../../../contexts/app-state';
 
 export type PrinterSelection =
-	| { type: 'auto' }
-	| { type: 'system' }
-	| { type: 'manual'; printerId: string };
+	{ type: 'auto' } | { type: 'system' } | { type: 'manual'; printerId: string };
 
 interface UseResolvedPrinterOptions {
 	template: TemplateInfo | null;

packages/core/src/screens/main/settings/printer/available-printer-profiles.ts

@@ -19,10 +19,7 @@ export type CloudPrintResponse =
 	| CloudPrinterPayload[]
 	| {
 			printers?:
-				| CloudPrinterPayload[]
-				| CloudPrinterPayload
-				| Record<string, CloudPrinterPayload>
-				| null;
+				CloudPrinterPayload[] | CloudPrinterPayload | Record<string, CloudPrinterPayload> | null;
 	  };
 
 const SYSTEM_PRINTER: PrinterProfile = {

packages/database/package.json

@@ -39,7 +39,7 @@
     "uuid": "^14.0.0"
   },
   "devDependencies": {
-    "@faker-js/faker": "^10.4.0",
+    "@faker-js/faker": "^10.5.0",
     "@types/jest": "^30.0.0",
     "@types/lodash": "^4.17.24",
     "expo-sqlite": "~56.0.5",

packages/database/src/migration/storage/index.native.test.ts

@@ -98,8 +98,7 @@ describe('native storage migration configuration', () => {
 
 		getNativeOldStorage();
 		const sqliteStorageArgs = mockGetRxStorageSQLite.mock.calls[0]?.[0] as
-			| { sqliteBasics: { open(name: string): Promise<unknown> } }
-			| undefined;
+			{ sqliteBasics: { open(name: string): Promise<unknown> } } | undefined;
 
 		expect(sqliteStorageArgs).toBeDefined();
 		await sqliteStorageArgs!.sqliteBasics.open('wcposusers_v2');

packages/eslint/index.js

@@ -1,3 +1,4 @@
+import { fixupConfigRules } from '@eslint/compat';
 import expoConfig from 'eslint-config-expo/flat.js';
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
 import reactCompiler from 'eslint-plugin-react-compiler';
@@ -6,7 +7,14 @@ export const config = [
 	// Global ignores - git submodules manage their own linting
 	{ ignores: ['apps/electron/**', 'apps/web/**'] },
 	eslintPluginPrettierRecommended,
-	...expoConfig,
+	...fixupConfigRules(expoConfig),
+	{
+		settings: {
+			react: {
+				version: '19.2.3',
+			},
+		},
+	},
 	{
 		files: ['**/*.{js,jsx,ts,tsx}'],
 		settings: {
@@ -105,7 +113,7 @@ export const config = [
 			],
 
 			// prefer named exports over default exports
-			'import/no-default-export': 'error',
+			'no-restricted-exports': ['error', { restrictedNamedExports: ['default'] }],
 		},
 	},
 
@@ -156,7 +164,7 @@ export const config = [
 			'**/reports/chart/chart.tsx', // Dynamic import via WithSkiaWeb requires default export
 		],
 		rules: {
-			'import/no-default-export': 'off',
+			'no-restricted-exports': 'off',
 		},
 	},
 ];

packages/eslint/package.json

@@ -12,18 +12,19 @@
 	},
 	"peerDependencies": {
 		"eslint": ">=9",
-		"eslint-config-expo": "^56.0.4",
+		"eslint-config-expo": "^57.0.0",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-prettier": "^5.5.3",
 		"prettier": "^3.6.2",
 		"prettier-plugin-tailwindcss": "^0.8.0"
 	},
 	"devDependencies": {
-		"eslint": "^9.39.4",
-		"eslint-config-expo": "^56.0.4",
+		"@eslint/compat": "2.1.0",
+		"eslint": "^10.6.0",
+		"eslint-config-expo": "^57.0.0",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-prettier": "^5.5.6",
-		"prettier": "^3.8.4",
+		"prettier": "^3.9.4",
 		"prettier-plugin-tailwindcss": "^0.8.0"
 	},
 	"dependencies": {

packages/hooks/package.json

@@ -56,7 +56,7 @@
     "@types/react": "^19.2.17",
     "jest": "^30.4.2",
     "react-native": "0.85.3",
-    "react-test-renderer": "19.2.3",
+    "react-test-renderer": "19.2.7",
     "ts-jest": "^29.4.11"
   }
 }

packages/printer/package.json

@@ -26,7 +26,7 @@
 		"@testing-library/react": "^16.3.2",
 		"jsdom": "^26.1.0",
 		"react-dom": "19.2.7",
-		"vitest": "^4.1.8"
+		"vitest": "^4.1.10"
 	},
 	"peerDependencies": {
 		"expo-print": ">=55.0.0",

packages/query/src/manager.ts

@@ -582,8 +582,7 @@ export class Manager<TDatabase extends RxDatabase> extends SubscribableBase {
 		}
 
 		return this.replicationStates.get(endpoint) as
-			| CollectionReplicationState<RxCollection>
-			| undefined;
+			CollectionReplicationState<RxCollection> | undefined;
 	}
 
 	/**
@@ -634,8 +633,7 @@ export class Manager<TDatabase extends RxDatabase> extends SubscribableBase {
 		}
 
 		return this.replicationStates.get(queryEndpoint) as
-			| QueryReplicationState<RxCollection>
-			| undefined;
+			QueryReplicationState<RxCollection> | undefined;
 	}
 
 	/**

packages/query/src/query-state.ts

@@ -782,8 +782,7 @@ export class Query<T extends RxCollection>
 	 */
 	public getSelector(path: string): MangoQuerySelector<any> | undefined {
 		const selector = get(this.currentRxQuery, ['mangoQuery', 'selector', path]) as
-			| MangoQuerySelector<any>
-			| undefined;
+			MangoQuerySelector<any> | undefined;
 
 		if (
 			selector &&

packages/receipt-renderer/package.json

@@ -39,7 +39,7 @@
 	"devDependencies": {
 		"@types/mustache": "^4.2.6",
 		"jsdom": "^26.1.0",
-		"vitest": "^4.1.8"
+		"vitest": "^4.1.10"
 	},
 	"sideEffects": false
 }