@automattic/number-formatters 1.1.2 → 1.1.4

package/CHANGELOG.md

@@ -4,6 +4,17 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## [1.1.4] - 2026-04-06
+### Changed
+- Update package dependencies. [#47887]
+
+### Fixed
+- Access wp.date settings directly. [#47812]
+
+## [1.1.3] - 2026-03-30
+### Changed
+- Update package dependencies. [#47799]
+
 ## [1.1.2] - 2026-03-16
 ### Changed
 - Tests: Disable test incompatible with newer Node versions (22.22.1+). [#47588]
@@ -117,6 +128,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Initial release
 - Basic number formatting functionality
 
+[1.1.4]: https://github.com/Automattic/number-formatters/compare/1.1.3...1.1.4
+[1.1.3]: https://github.com/Automattic/number-formatters/compare/1.1.2...1.1.3
 [1.1.2]: https://github.com/Automattic/number-formatters/compare/1.1.1...1.1.2
 [1.1.1]: https://github.com/Automattic/number-formatters/compare/1.1.0...1.1.1
 [1.1.0]: https://github.com/Automattic/number-formatters/compare/1.0.18...1.1.0

package/dist/cjs/constants.cjs

@@ -1,5 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FALLBACK_CURRENCY = exports.FALLBACK_LOCALE = void 0;
+const tslib_1 = require("tslib");
 exports.FALLBACK_LOCALE = 'en';
 exports.FALLBACK_CURRENCY = 'USD';
+// This is just to hint to the dependency extraction tool that this package depends on @wordpress/date
+// See: https://github.com/Automattic/jetpack/pull/47812#issuecomment-4142452829
+tslib_1.__exportStar(require("@wordpress/date"), exports);

package/dist/cjs/create-number-formatters.cjs

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const date_1 = require("@wordpress/date");
 const constants_ts_1 = require("./constants.cjs");
 const index_ts_1 = require("./number-format-currency/index.cjs");
 const number_format_ts_1 = require("./number-format.cjs");
@@ -31,9 +30,13 @@ function createNumberFormatters() {
      * @return {string} The locale to use for formatting.
      */
     const getBrowserSafeLocale = () => {
-        const { l10n: { locale: localeFromUserSettings }, } = (0, date_1.getSettings)();
+        // Accessing the user's locale from `@wordpress/date` package.
+        // This is a bit hacky but it's better than importing `@wordpress/date` and using its `getSettings` function,
+        // because it drags moment.js with it even though we don't need it here.
+        const localeFromUserSettings = typeof window !== 'undefined' ? window.wp?.date?.getSettings?.()?.l10n?.locale : undefined;
+        const localeFromNavigator = typeof window !== 'undefined' ? window?.navigator?.language : undefined;
         return (localeState ??
-            (localeFromUserSettings || global?.window?.navigator?.language) ??
+            (localeFromUserSettings || localeFromNavigator) ??
             constants_ts_1.FALLBACK_LOCALE).split('_')[0];
     };
     const setGeoLocation = (geoLocation) => {

package/dist/esm/constants.js

@@ -1,2 +1,5 @@
 export const FALLBACK_LOCALE = 'en';
 export const FALLBACK_CURRENCY = 'USD';
+// This is just to hint to the dependency extraction tool that this package depends on @wordpress/date
+// See: https://github.com/Automattic/jetpack/pull/47812#issuecomment-4142452829
+export * from '@wordpress/date';

package/dist/esm/create-number-formatters.js

@@ -1,4 +1,3 @@
-import { getSettings } from '@wordpress/date';
 import { FALLBACK_LOCALE } from "./constants.js";
 import { numberFormatCurrency, getCurrencyObject as getCurrencyObjectFromCurrencyFormatter, } from "./number-format-currency/index.js";
 import { numberFormat, numberFormatCompact } from "./number-format.js";
@@ -29,9 +28,13 @@ function createNumberFormatters() {
      * @return {string} The locale to use for formatting.
      */
     const getBrowserSafeLocale = () => {
-        const { l10n: { locale: localeFromUserSettings }, } = getSettings();
+        // Accessing the user's locale from `@wordpress/date` package.
+        // This is a bit hacky but it's better than importing `@wordpress/date` and using its `getSettings` function,
+        // because it drags moment.js with it even though we don't need it here.
+        const localeFromUserSettings = typeof window !== 'undefined' ? window.wp?.date?.getSettings?.()?.l10n?.locale : undefined;
+        const localeFromNavigator = typeof window !== 'undefined' ? window?.navigator?.language : undefined;
         return (localeState ??
-            (localeFromUserSettings || global?.window?.navigator?.language) ??
+            (localeFromUserSettings || localeFromNavigator) ??
             FALLBACK_LOCALE).split('_')[0];
     };
     const setGeoLocation = (geoLocation) => {

package/dist/types/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const FALLBACK_LOCALE = "en";
 export declare const FALLBACK_CURRENCY = "USD";
+export * from '@wordpress/date';

package/dist/types/create-number-formatters.d.ts

@@ -1,4 +1,17 @@
 import type { FormatCurrency, FormatNumber, GetCurrencyObject } from './types.ts';
+declare global {
+    interface Window {
+        wp?: {
+            date?: {
+                getSettings?: () => {
+                    l10n?: {
+                        locale?: string;
+                    };
+                };
+            };
+        };
+    }
+}
 export interface NumberFormatters {
     /**
      * Sets the locale for number formatting

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/number-formatters",
-	"version": "1.1.2",
+	"version": "1.1.4",
 	"description": "Number formatting utilities",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/number-formatters/#readme",
 	"bugs": {
@@ -39,11 +39,11 @@
 	"devDependencies": {
 		"@babel/core": "7.29.0",
 		"@babel/preset-react": "7.28.5",
-		"@jest/globals": "30.2.0",
-		"@knighted/duel": "2.1.5",
+		"@jest/globals": "30.3.0",
+		"@knighted/duel": "4.0.2",
 		"@types/jest": "30.0.0",
 		"@typescript/native-preview": "7.0.0-dev.20260225.1",
-		"jest": "30.2.0",
+		"jest": "30.3.0",
 		"typescript": "5.9.3"
 	}
 }

package/src/constants.ts

@@ -1,2 +1,6 @@
 export const FALLBACK_LOCALE = 'en';
 export const FALLBACK_CURRENCY = 'USD';
+
+// This is just to hint to the dependency extraction tool that this package depends on @wordpress/date
+// See: https://github.com/Automattic/jetpack/pull/47812#issuecomment-4142452829
+export * from '@wordpress/date';

package/src/create-number-formatters.ts

@@ -1,4 +1,3 @@
-import { getSettings } from '@wordpress/date';
 import { FALLBACK_LOCALE } from './constants.ts';
 import {
 	numberFormatCurrency,
@@ -7,8 +6,19 @@ import {
 import { numberFormat, numberFormatCompact } from './number-format.ts';
 import type { CurrencyObject, FormatCurrency, FormatNumber, GetCurrencyObject } from './types.ts';
 
-// Since global is used inside createNumberFormatters, we need to declare it for TS
-declare const global: typeof globalThis;
+declare global {
+	interface Window {
+		wp?: {
+			date?: {
+				getSettings?: () => {
+					l10n?: {
+						locale?: string;
+					};
+				};
+			};
+		};
+	}
+}
 
 export interface NumberFormatters {
 	/**
@@ -162,13 +172,18 @@ function createNumberFormatters(): NumberFormatters {
 	 * @return {string} The locale to use for formatting.
 	 */
 	const getBrowserSafeLocale = (): string => {
-		const {
-			l10n: { locale: localeFromUserSettings },
-		} = getSettings();
+		// Accessing the user's locale from `@wordpress/date` package.
+		// This is a bit hacky but it's better than importing `@wordpress/date` and using its `getSettings` function,
+		// because it drags moment.js with it even though we don't need it here.
+		const localeFromUserSettings =
+			typeof window !== 'undefined' ? window.wp?.date?.getSettings?.()?.l10n?.locale : undefined;
+
+		const localeFromNavigator =
+			typeof window !== 'undefined' ? window?.navigator?.language : undefined;
 
 		return (
 			localeState ??
-			( localeFromUserSettings || global?.window?.navigator?.language ) ??
+			( localeFromUserSettings || localeFromNavigator ) ??
 			FALLBACK_LOCALE
 		).split( '_' )[ 0 ];
 	};