@uxf/localize 10.0.0-beta.21

package/README.md

@@ -0,0 +1,66 @@
+# @uxf/localize
+[![npm](https://img.shields.io/npm/v/@uxf/localize)](https://www.npmjs.com/package/@uxf/localize)
+[![size](https://img.shields.io/bundlephobia/min/@uxf/localize)](https://www.npmjs.com/package/@uxf/localize)
+[![quality](https://img.shields.io/npms-io/quality-score/@uxf/localize)](https://www.npmjs.com/package/@uxf/localize)
+[![license](https://img.shields.io/npm/l/@uxf/localize)](https://www.npmjs.com/package/@uxf/localize)
+
+## Installation
+
+```bash
+yarn add @uxf/localize
+```
+
+```bash
+npm install @uxf/localize
+```
+
+## Basic usage
+
+### Initialize and configure package
+
+```ts
+import { createLocalize } from "@uxf/localize";
+import cs from "@uxf/localize/locale/cs";
+import en from "@uxf/localize/locale/en";
+
+export const { 
+    LocalizeProvider,
+    formatDateTime,
+    formatMoney,
+    formatNumber,
+    formatPercentage,
+    useFormatDateTime,
+    useFormatMoney,
+    useFormatNumber,
+    useFormatPercentage,
+} = createLocale({ cs, en });
+```
+
+### Implement context provider
+
+use LocalizeProvider in **_app.tsx**
+
+```tsx
+<LocalizeProvider locale="en">{props.children}</LocalizeProvider>
+```
+
+### Format for default locale
+
+```ts
+import { useFormatMoney } from "...";
+
+const formatMoney = useFormatMoney();
+
+formatMoney(5800, "EUR"); // €5.800
+```
+
+### Format for another locale
+
+```ts
+import { formatMoney } from "...";
+
+formatMoney("cs", 5800, "EUR"); // 5 800 €
+formatMoney("cs", 5800, "EUR", { preferIsoCode: true }); // 5 800 EUR
+```
+
+This approach is consistent for all the methods, so you can format numbers, money, percentage and date times.

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./src";
+export type * from "./src/types";

package/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./src"), exports);

package/locale/cs.d.ts

@@ -0,0 +1,3 @@
+import { LocalizeConfig } from "../src/types";
+declare const locale: LocalizeConfig;
+export default locale;

package/locale/cs.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale = {
+    number: {
+        thousandsSeparator: "\xa0",
+        decimalSeparator: ",",
+    },
+    currency: {
+        thousandsSeparator: "\xa0",
+        decimalSeparator: ",",
+        pattern: "#\xa0!",
+        negativePattern: "-#\xa0!",
+    },
+    dateTime: {
+        timeShort: "H:mm",
+        timeFull: "H:mm:ss",
+        dateShort: "D. M. YY",
+        dateMedium: "D. M. YYYY",
+        dateLong: "D. MMMM YYYY",
+        dateTimeShort: "D. M. YY, H:mm",
+        dateTimeMedium: "D. M. YYYY, H:mm",
+        dateTimeLong: "D. MMMM YYYY, H:mm:ss",
+    },
+};
+exports.default = locale;

package/locale/de.d.ts

@@ -0,0 +1,3 @@
+import { LocalizeConfig } from "../src/types";
+declare const locale: LocalizeConfig;
+export default locale;

package/locale/de.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale = {
+    number: {
+        thousandsSeparator: ".",
+        decimalSeparator: ",",
+    },
+    currency: {
+        thousandsSeparator: ".",
+        decimalSeparator: ",",
+        pattern: "! #",
+        negativePattern: "-! #",
+    },
+    dateTime: {
+        timeShort: "H:mm",
+        timeFull: "H:mm:ss",
+        dateShort: "D. M. YY",
+        dateMedium: "D. M. YYYY",
+        dateLong: "D. MMMM YYYY",
+        dateTimeShort: "D. M. YY, H:mm",
+        dateTimeMedium: "D. M. YYYY, H:mm",
+        dateTimeLong: "D. MMMM YYYY, H:mm:ss",
+    },
+};
+exports.default = locale;

package/locale/en.d.ts

@@ -0,0 +1,3 @@
+import { LocalizeConfig } from "../src/types";
+declare const locale: LocalizeConfig;
+export default locale;

package/locale/en.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale = {
+    number: {
+        thousandsSeparator: ",",
+        decimalSeparator: ".",
+    },
+    currency: {
+        thousandsSeparator: ",",
+        decimalSeparator: ".",
+        pattern: "!#",
+        negativePattern: "-!#",
+    },
+    dateTime: {
+        timeShort: "H:mm A",
+        timeFull: "H:mm:ss A",
+        dateShort: "M/D/YY",
+        dateMedium: "M/D/YYYY",
+        dateLong: "MMMM D. YYYY",
+        dateTimeShort: "M/D/YY H:mm A",
+        dateTimeMedium: "M/D/YYYY H:mm A",
+        dateTimeLong: "MMMM D. YYYY H:mm:ss A",
+    },
+};
+exports.default = locale;

package/locale/es.d.ts

@@ -0,0 +1,3 @@
+import { LocalizeConfig } from "../src/types";
+declare const locale: LocalizeConfig;
+export default locale;

package/locale/es.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale = {
+    number: {
+        thousandsSeparator: ".",
+        decimalSeparator: ",",
+    },
+    currency: {
+        thousandsSeparator: ".",
+        decimalSeparator: ",",
+        pattern: "! #",
+        negativePattern: "-! #",
+    },
+    dateTime: {
+        timeShort: "H:mm",
+        timeFull: "H:mm:ss",
+        dateShort: "DD/MM/YY",
+        dateMedium: "D MMM YYYY",
+        dateLong: "D MMMM YYYY",
+        dateTimeShort: "DD/MM/YY, H:mm",
+        dateTimeMedium: "D MMM YYYY, H:mm",
+        dateTimeLong: "D MMMM YYYY, H:mm:ss",
+    },
+};
+exports.default = locale;

package/locale/fr.d.ts

@@ -0,0 +1,3 @@
+import { LocalizeConfig } from "../src/types";
+declare const locale: LocalizeConfig;
+export default locale;

package/locale/fr.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale = {
+    number: {
+        thousandsSeparator: " ",
+        decimalSeparator: ",",
+    },
+    currency: {
+        thousandsSeparator: " ",
+        decimalSeparator: ",",
+        pattern: "! #",
+        negativePattern: "-! #",
+    },
+    dateTime: {
+        timeShort: "HH:mm",
+        timeFull: "HH:mm:ss",
+        dateShort: "DD/MM/YY",
+        dateMedium: "D MMM YYYY",
+        dateLong: "D MMMM YYYY",
+        dateTimeShort: "DD/MM/YY, HH:mm",
+        dateTimeMedium: "D MMM YYYY, HH:mm",
+        dateTimeLong: "D MMMM YYYY, HH:mm:ss",
+    },
+};
+exports.default = locale;

package/locale/pl.d.ts

@@ -0,0 +1,3 @@
+import { LocalizeConfig } from "../src/types";
+declare const locale: LocalizeConfig;
+export default locale;

package/locale/pl.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale = {
+    number: {
+        thousandsSeparator: " ",
+        decimalSeparator: ",",
+    },
+    currency: {
+        thousandsSeparator: " ",
+        decimalSeparator: ",",
+        pattern: "# !",
+        negativePattern: "-# !",
+    },
+    dateTime: {
+        timeShort: "HH:mm",
+        timeFull: "HH:mm:ss",
+        dateShort: "D.MM.YY",
+        dateMedium: "D.MM.YYYY",
+        dateLong: "D. MMMM YYYY",
+        dateTimeShort: "D.MM.YY, HH:mm",
+        dateTimeMedium: "D.MM.YYYY, HH:mm",
+        dateTimeLong: "D. MMMM YYYY, HH:mm:ss",
+    },
+};
+exports.default = locale;

package/locale/sk.d.ts

@@ -0,0 +1,3 @@
+import { LocalizeConfig } from "../src/types";
+declare const locale: LocalizeConfig;
+export default locale;

package/locale/sk.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale = {
+    number: {
+        thousandsSeparator: " ",
+        decimalSeparator: ",",
+    },
+    currency: {
+        thousandsSeparator: " ",
+        decimalSeparator: ",",
+        pattern: "!#",
+        negativePattern: "-!#",
+    },
+    dateTime: {
+        timeShort: "H:mm",
+        timeFull: "H:mm:ss",
+        dateShort: "D. M. YY",
+        dateMedium: "D. M. YYYY",
+        dateLong: "D. MMMM YYYY",
+        dateTimeShort: "D. M. YY, H:mm",
+        dateTimeMedium: "D. M. YYYY, H:mm",
+        dateTimeLong: "D. MMMM YYYY, H:mm:ss",
+    },
+};
+exports.default = locale;

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@uxf/localize",
+  "version": "10.0.0-beta.21",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "tsc -P tsconfig.json",
+    "typecheck": "tsc --noEmit --skipLibCheck"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "currency.js": "^2.0.4",
+    "dayjs": "^1.11.9"
+  }
+}

package/src/context/context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CreateLocalizeProps, DateTimes } from "../types";
+export declare const _useLocalizeContext: () => string;
+export declare const _LocalizeProvider: import("react").Provider<string>;
+export declare const getLocaleConfigHook: <DT extends string = DateTimes>(allConfigurations: CreateLocalizeProps<DT>) => () => import("../types").LocalizeConfig<DT>;

package/src/context/context.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLocaleConfigHook = exports._LocalizeProvider = exports._useLocalizeContext = void 0;
+const react_1 = require("react");
+const localizeContext = (0, react_1.createContext)("");
+const _useLocalizeContext = () => (0, react_1.useContext)(localizeContext);
+exports._useLocalizeContext = _useLocalizeContext;
+exports._LocalizeProvider = localizeContext.Provider;
+const getLocaleConfigHook = (allConfigurations) => () => {
+    const locale = (0, react_1.useContext)(localizeContext);
+    return allConfigurations[locale];
+};
+exports.getLocaleConfigHook = getLocaleConfigHook;

package/src/format-datetime/format-datetime.d.ts

@@ -0,0 +1,3 @@
+import { DateTimes, FormatDatetimeFunction, LocalizeConfig } from "../types";
+export declare const _formatDatetime: <DT extends string = DateTimes, Locales extends string = string>(localizeConfigs: Record<Locales, LocalizeConfig<DT>>) => FormatDatetimeFunction<DT, Locales>;
+export declare const _useFormatDatetime: <DT extends string = DateTimes>(localizeConfigs: Record<string, LocalizeConfig<DT>>) => () => (value: Date, format: DT) => string;

package/src/format-datetime/format-datetime.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._useFormatDatetime = exports._formatDatetime = void 0;
+const context_1 = require("../context/context");
+const curry_1 = require("../utils/curry");
+const dayjs_1 = __importDefault(require("dayjs"));
+const _formatDatetime = (localizeConfigs) => (locale, value, format) => {
+    const localeDateTimes = localizeConfigs[locale].dateTime;
+    return (0, dayjs_1.default)(value).format(localeDateTimes[format]);
+};
+exports._formatDatetime = _formatDatetime;
+const _useFormatDatetime = (localizeConfigs) => () => {
+    const locale = (0, context_1._useLocalizeContext)();
+    return (0, curry_1._curry)((0, exports._formatDatetime)(localizeConfigs))(locale);
+};
+exports._useFormatDatetime = _useFormatDatetime;

package/src/format-datetime/format-datetime.test.d.ts

@@ -0,0 +1 @@
+export {};

package/src/format-datetime/format-datetime.test.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const format_datetime_1 = require("./format-datetime");
+const cs_1 = __importDefault(require("../../locale/cs"));
+const en_1 = __importDefault(require("../../locale/en"));
+const date = new Date("2023-07-21T07:58:35");
+describe("datetime formatter", function () {
+    const formatDatetimeWithLocales = (0, format_datetime_1._formatDatetime)({ cs: cs_1.default, en: en_1.default });
+    it("format datetime with 'en' locale", function () {
+        expect(formatDatetimeWithLocales("cs", date, "dateShort")).toBe("21. 7. 23");
+        expect(formatDatetimeWithLocales("cs", date, "dateMedium")).toBe("21. 7. 2023");
+        expect(formatDatetimeWithLocales("cs", date, "dateTimeShort")).toBe("21. 7. 23, 7:58");
+        expect(formatDatetimeWithLocales("cs", date, "dateTimeMedium")).toBe("21. 7. 2023, 7:58");
+        expect(formatDatetimeWithLocales("cs", date, "dateTimeLong")).toBe("21. July 2023, 7:58:35");
+        expect(formatDatetimeWithLocales("cs", date, "timeShort")).toBe("7:58");
+        expect(formatDatetimeWithLocales("cs", date, "timeFull")).toBe("7:58:35");
+    });
+    it("format datetime with 'en' locale", function () {
+        expect(formatDatetimeWithLocales("en", date, "dateShort")).toBe("7/21/23");
+        expect(formatDatetimeWithLocales("en", date, "dateMedium")).toBe("7/21/2023");
+        expect(formatDatetimeWithLocales("en", date, "dateTimeShort")).toBe("7/21/23 7:58 AM");
+        expect(formatDatetimeWithLocales("en", date, "dateTimeMedium")).toBe("7/21/2023 7:58 AM");
+        expect(formatDatetimeWithLocales("en", date, "dateTimeLong")).toBe("July 21. 2023 7:58:35 AM");
+        expect(formatDatetimeWithLocales("en", date, "timeShort")).toBe("7:58 AM");
+        expect(formatDatetimeWithLocales("en", date, "timeFull")).toBe("7:58:35 AM");
+    });
+});

package/src/format-money/format-money.d.ts

@@ -0,0 +1,3 @@
+import { DateTimes, FormatMoneyFunction, LocalizeConfig } from "../types";
+export declare const _formatMoney: <DT extends string = DateTimes, Locales extends string = string>(localizeConfigs: Record<Locales, LocalizeConfig<DT>>) => FormatMoneyFunction<Locales>;
+export declare const _useFormatMoney: <DT extends string = DateTimes>(localizeConfigs: Record<string, LocalizeConfig<DT>>) => () => (value: number, currency: "CHF" | "AED" | "AFN" | "AMD" | "ANG" | "ARS" | "AUD" | "AWG" | "AZN" | "BDT" | "BGN" | "BHD" | "BIF" | "BRL" | "BTN" | "BYN" | "CAD" | "CLP" | "CNY" | "COP" | "CRC" | "CUP" | "CVE" | "CZK" | "DJF" | "DKK" | "EGP" | "ERN" | "EUR" | "FJD" | "GBP" | "GEL" | "GMD" | "GNF" | "HKD" | "HRK" | "HTG" | "HUF" | "IDR" | "INR" | "IQD" | "ISK" | "JPY" | "KGS" | "KHR" | "KMF" | "KRW" | "KWD" | "KZT" | "LKR" | "LRD" | "LSL" | "MDL" | "MMK" | "MNT" | "MRO" | "MWK" | "MXN" | "MYR" | "MZN" | "NGN" | "NOK" | "NPR" | "NZD" | "PEN" | "PGK" | "PHP" | "PKR" | "PLN" | "PYG" | "RON" | "RSD" | "RUB" | "SBD" | "SDG" | "SEK" | "SGD" | "SLL" | "SRD" | "SYP" | "SZL" | "THB" | "TJS" | "TMT" | "TRY" | "TZS" | "UGX" | "USD" | "UYU" | "UZS" | "VES" | "VND" | "VUV" | "WST" | "XOF" | "XPF" | "YER" | "ZAR" | "ZMW", options?: import("../types").FormatMoneyOptions | undefined) => string;

package/src/format-money/format-money.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._useFormatMoney = exports._formatMoney = void 0;
+const context_1 = require("../context/context");
+const curry_1 = require("../utils/curry");
+const currency_js_1 = __importDefault(require("currency.js"));
+const map_options_1 = require("../utils/map-options");
+const data_1 = require("../utils/data");
+const _formatMoney = (localizeConfigs) => (locale, value, currency, options) => {
+    var _a, _b, _c;
+    const precision = (_a = options === null || options === void 0 ? void 0 : options.precision) !== null && _a !== void 0 ? _a : 0;
+    const symbol = (options === null || options === void 0 ? void 0 : options.preferIsoCode) ? currency : data_1.CURRENCIES[currency].symbol;
+    const formatOptions = { ...(0, map_options_1._mapOptions)(localizeConfigs[locale].currency), precision, symbol };
+    if (options === null || options === void 0 ? void 0 : options.hideSymbol) {
+        formatOptions.pattern = (_b = formatOptions.pattern) === null || _b === void 0 ? void 0 : _b.replace("!", "").trim();
+        formatOptions.negativePattern = (_c = formatOptions.negativePattern) === null || _c === void 0 ? void 0 : _c.replace("!", "").trim();
+    }
+    return (0, currency_js_1.default)(value, { precision }).format(formatOptions);
+};
+exports._formatMoney = _formatMoney;
+const _useFormatMoney = (localizeConfigs) => () => {
+    const locale = (0, context_1._useLocalizeContext)();
+    return (0, curry_1._curry)((0, exports._formatMoney)(localizeConfigs))(locale);
+};
+exports._useFormatMoney = _useFormatMoney;

package/src/format-money/format-money.test.d.ts

@@ -0,0 +1 @@
+export {};

package/src/format-money/format-money.test.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const format_money_1 = require("./format-money");
+const cs_1 = __importDefault(require("../../locale/cs"));
+const en_1 = __importDefault(require("../../locale/en"));
+describe("money formatter", function () {
+    const formatMoneyWithLocales = (0, format_money_1._formatMoney)({ cs: cs_1.default, en: en_1.default });
+    it("format money with 'cs' locale", function () {
+        expect(formatMoneyWithLocales("cs", 2000.78, "CZK")).toBe("2\xa0001\xa0Kč");
+        expect(formatMoneyWithLocales("cs", 2000.78, "CZK", { precision: 1 })).toBe("2\xa0000,8\xa0Kč");
+        expect(formatMoneyWithLocales("cs", 2000.78, "CZK", { precision: 1, preferIsoCode: true })).toBe("2\xa0000,8\xa0CZK");
+        expect(formatMoneyWithLocales("cs", 2000.78, "CZK", { precision: 1, hideSymbol: true })).toBe("2\xa0000,8");
+        expect(formatMoneyWithLocales("cs", 2000.78, "USD")).toBe("2\xa0001\xa0$");
+        expect(formatMoneyWithLocales("cs", 2000.78, "USD", { precision: 1 })).toBe("2\xa0000,8\xa0$");
+        expect(formatMoneyWithLocales("cs", 2000.78, "USD", { precision: 1, preferIsoCode: true })).toBe("2\xa0000,8\xa0USD");
+        expect(formatMoneyWithLocales("cs", 2000.78, "USD", { precision: 1, hideSymbol: true })).toBe("2\xa0000,8");
+    });
+    it("format money with 'en' locale", function () {
+        expect(formatMoneyWithLocales("en", 2000.78, "CZK")).toBe("Kč2,001");
+        expect(formatMoneyWithLocales("en", 2000.78, "CZK", { precision: 1 })).toBe("Kč2,000.8");
+        expect(formatMoneyWithLocales("en", 2000.78, "CZK", { precision: 1, preferIsoCode: true })).toBe("CZK2,000.8");
+        expect(formatMoneyWithLocales("en", 2000.78, "CZK", { precision: 1, hideSymbol: true })).toBe("2,000.8");
+        expect(formatMoneyWithLocales("en", 2000.78, "USD")).toBe("$2,001");
+        expect(formatMoneyWithLocales("en", 2000.78, "USD", { precision: 1 })).toBe("$2,000.8");
+        expect(formatMoneyWithLocales("en", 2000.78, "USD", { precision: 1, preferIsoCode: true })).toBe("USD2,000.8");
+        expect(formatMoneyWithLocales("en", 2000.78, "USD", { precision: 1, hideSymbol: true })).toBe("2,000.8");
+    });
+});

package/src/format-number/format-number.d.ts

@@ -0,0 +1,3 @@
+import { DateTimes, FormatNumberFunction, LocalizeConfig } from "../types";
+export declare const _formatNumber: <DT extends string = DateTimes, Locales extends string = string>(localizeConfigs: Record<Locales, LocalizeConfig<DT>>) => FormatNumberFunction<Locales>;
+export declare const _useFormatNumber: <DT extends string = DateTimes>(localizeConfigs: Record<string, LocalizeConfig<DT>>) => () => (value: number, options?: import("../types").FormatNumberOptions | undefined) => string;

package/src/format-number/format-number.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._useFormatNumber = exports._formatNumber = void 0;
+const currency_js_1 = __importDefault(require("currency.js"));
+const context_1 = require("../context/context");
+const curry_1 = require("../utils/curry");
+const map_options_1 = require("../utils/map-options");
+const _formatNumber = (localizeConfigs) => (locale, value, options) => {
+    var _a;
+    const precision = (_a = options === null || options === void 0 ? void 0 : options.precision) !== null && _a !== void 0 ? _a : 0;
+    const formatOptions = { ...(0, map_options_1._mapOptions)(localizeConfigs[locale].number), precision };
+    return (0, currency_js_1.default)(value, { precision }).format(formatOptions);
+};
+exports._formatNumber = _formatNumber;
+const _useFormatNumber = (localizeConfigs) => () => {
+    const locale = (0, context_1._useLocalizeContext)();
+    return (0, curry_1._curry)((0, exports._formatNumber)(localizeConfigs))(locale);
+};
+exports._useFormatNumber = _useFormatNumber;

package/src/format-number/format-number.test.d.ts

@@ -0,0 +1 @@
+export {};

package/src/format-number/format-number.test.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const format_number_1 = require("./format-number");
+const cs_1 = __importDefault(require("../../locale/cs"));
+const en_1 = __importDefault(require("../../locale/en"));
+describe("number formatter", function () {
+    const formatNumberWithLocales = (0, format_number_1._formatNumber)({ cs: cs_1.default, en: en_1.default });
+    it("format number with 'cs' locale", function () {
+        expect(formatNumberWithLocales("cs", 2000.78)).toBe("2\xa0001");
+        expect(formatNumberWithLocales("cs", 2000.78, { precision: 2 })).toBe("2\xa0000,78");
+    });
+    it("format number with 'en' locale", function () {
+        expect(formatNumberWithLocales("en", 2000.78)).toBe("2,001");
+        expect(formatNumberWithLocales("en", 2000.78, { precision: 2 })).toBe("2,000.78");
+    });
+});

package/src/format-percentage/format-percentage.d.ts

@@ -0,0 +1,3 @@
+import { DateTimes, FormatPercentageFunction, LocalizeConfig, RoundingType } from "../types";
+export declare const _formatPercentage: <DT extends string = DateTimes, Locales extends string = string>(localizeConfigs: Record<Locales, LocalizeConfig<DT>>) => FormatPercentageFunction<Locales>;
+export declare const _useFormatPercentage: <DT extends string = DateTimes>(localizeConfigs: Record<string, LocalizeConfig<DT>>) => () => (value: number, roundingType?: RoundingType | null | undefined, options?: import("../types").FormatPercentageOptions | undefined) => string;

package/src/format-percentage/format-percentage.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._useFormatPercentage = exports._formatPercentage = void 0;
+const format_number_1 = require("../format-number/format-number");
+const context_1 = require("../context/context");
+const curry_1 = require("../utils/curry");
+const ROUND_FUNCTION_MAP = {
+    nearest: Math.round,
+    up: Math.ceil,
+    down: Math.floor,
+};
+const PERCENTAGE_MULTIPLIER = 100;
+const _formatPercentage = (localizeConfigs) => (locale, value, roundingType = null, options) => {
+    const percentage = value * PERCENTAGE_MULTIPLIER;
+    const percentageValue = roundingType ? ROUND_FUNCTION_MAP[roundingType](percentage) : percentage;
+    return `${(0, format_number_1._formatNumber)(localizeConfigs)(locale, percentageValue, options)}\xa0%`;
+};
+exports._formatPercentage = _formatPercentage;
+const _useFormatPercentage = (localizeConfigs) => () => {
+    const locale = (0, context_1._useLocalizeContext)();
+    return (0, curry_1._curry)((0, exports._formatPercentage)(localizeConfigs))(locale);
+};
+exports._useFormatPercentage = _useFormatPercentage;

package/src/format-percentage/format-percentage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/src/format-percentage/format-percentage.test.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const format_percentage_1 = require("./format-percentage");
+const cs_1 = __importDefault(require("../../locale/cs"));
+const en_1 = __importDefault(require("../../locale/en"));
+describe("percentage formatter", function () {
+    const formatPercentageWithLocales = (0, format_percentage_1._formatPercentage)({ cs: cs_1.default, en: en_1.default });
+    it("format percentage with 'cs' locale", function () {
+        expect(formatPercentageWithLocales("cs", 0.782)).toBe("78\xa0%");
+        expect(formatPercentageWithLocales("cs", 0.782, null, { precision: 2 })).toBe("78,20\xa0%");
+        expect(formatPercentageWithLocales("cs", 0.782, "nearest")).toBe("78\xa0%");
+        expect(formatPercentageWithLocales("cs", 0.782, "up")).toBe("79\xa0%");
+        expect(formatPercentageWithLocales("cs", 0.788, "down")).toBe("78\xa0%");
+    });
+    it("format percentage with 'en' locale", function () {
+        expect(formatPercentageWithLocales("en", 0.782)).toBe("78\xa0%");
+        expect(formatPercentageWithLocales("en", 0.782, null, { precision: 2 })).toBe("78.20\xa0%");
+        expect(formatPercentageWithLocales("en", 0.782, "nearest")).toBe("78\xa0%");
+        expect(formatPercentageWithLocales("en", 0.782, "up")).toBe("79\xa0%");
+        expect(formatPercentageWithLocales("en", 0.788, "down")).toBe("78\xa0%");
+    });
+});

package/src/get-currency-symbol/get-currency-symbol.d.ts

@@ -0,0 +1,2 @@
+import { Currency } from "../types";
+export declare const getCurrencySymbol: (currency: Currency) => string;

package/src/get-currency-symbol/get-currency-symbol.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCurrencySymbol = void 0;
+const data_1 = require("../utils/data");
+const getCurrencySymbol = (currency) => data_1.CURRENCIES[currency].symbol;
+exports.getCurrencySymbol = getCurrencySymbol;

package/src/index.d.ts

@@ -0,0 +1,3 @@
+import { CreateLocalizeProps, CreateLocalizeReturn, DateTimes } from "./types";
+export * from "./get-currency-symbol/get-currency-symbol";
+export declare function createLocalize<DT extends string = DateTimes, Locales extends string = string>(props: CreateLocalizeProps<DT, Locales>): CreateLocalizeReturn<DT, Locales>;

package/src/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLocalize = void 0;
+const context_1 = require("./context/context");
+const format_number_1 = require("./format-number/format-number");
+const format_percentage_1 = require("./format-percentage/format-percentage");
+const format_datetime_1 = require("./format-datetime/format-datetime");
+const format_money_1 = require("./format-money/format-money");
+__exportStar(require("./get-currency-symbol/get-currency-symbol"), exports);
+function createLocalize(props) {
+    return {
+        LocalizeProvider: context_1._LocalizeProvider,
+        formatDateTime: (0, format_datetime_1._formatDatetime)(props),
+        formatNumber: (0, format_number_1._formatNumber)(props),
+        formatPercentage: (0, format_percentage_1._formatPercentage)(props),
+        formatMoney: (0, format_money_1._formatMoney)(props),
+        useFormatDateTime: (0, format_datetime_1._useFormatDatetime)(props),
+        useFormatNumber: (0, format_number_1._useFormatNumber)(props),
+        useFormatPercentage: (0, format_percentage_1._useFormatPercentage)(props),
+        useFormatMoney: (0, format_money_1._useFormatMoney)(props),
+        useLocaleConfig: (0, context_1.getLocaleConfigHook)(props),
+    };
+}
+exports.createLocalize = createLocalize;

package/src/types.d.ts

@@ -0,0 +1,52 @@
+import { CURRENCIES } from "./utils/data";
+import { Provider } from "react";
+export type DateTimes = "timeShort" | "timeFull" | "dateShort" | "dateMedium" | "dateLong" | "dateTimeShort" | "dateTimeMedium" | "dateTimeLong";
+export type LocalizeConfig<DT extends string = DateTimes> = {
+    number: {
+        thousandsSeparator: string;
+        decimalSeparator: string;
+    };
+    currency: {
+        thousandsSeparator: string;
+        decimalSeparator: string;
+        pattern: string;
+        negativePattern: string;
+    };
+    dateTime: Record<DT, string>;
+};
+export type LocalizeProviderType = Provider<string>;
+export type UseLocaleConfigType<DT extends string = DateTimes> = () => LocalizeConfig<DT>;
+export type FormatNumberFunction<Locales extends string> = (locale: Locales, value: number, options?: FormatNumberOptions) => string;
+export type UseFormatNumberFunction = () => (value: number, options?: FormatNumberOptions) => string;
+export type FormatMoneyFunction<Locales extends string> = (locale: Locales, value: number, currency: Currency, options?: FormatMoneyOptions) => string;
+export type UseFormatMoneyFunction = () => (value: number, currency: Currency, options?: FormatMoneyOptions) => string;
+export type FormatPercentageFunction<Locales extends string> = (locale: Locales, value: number, roundingType?: RoundingType | null, options?: FormatPercentageOptions) => string;
+export type UseFormatPercentageFunction = () => (value: number, roundingType?: RoundingType | null, options?: FormatPercentageOptions) => string;
+export type FormatDatetimeFunction<DT extends string = DateTimes, Locales extends string = string> = (locale: Locales, value: Date, format: DT) => string;
+export type UseFormatDatetimeFunction<DT extends string = DateTimes> = () => (value: Date, format: DT) => string;
+export type CreateLocalizeProps<DT extends string = DateTimes, Locales extends string = string> = Record<Locales, LocalizeConfig<DT>>;
+export type CreateLocalizeReturn<DT extends string = DateTimes, Locales extends string = string> = {
+    LocalizeProvider: LocalizeProviderType;
+    useLocaleConfig: UseLocaleConfigType<DT>;
+    formatNumber: FormatNumberFunction<Locales>;
+    useFormatNumber: UseFormatNumberFunction;
+    formatMoney: FormatMoneyFunction<Locales>;
+    useFormatMoney: UseFormatMoneyFunction;
+    formatPercentage: FormatPercentageFunction<Locales>;
+    useFormatPercentage: UseFormatPercentageFunction;
+    formatDateTime: FormatDatetimeFunction<DT, Locales>;
+    useFormatDateTime: UseFormatDatetimeFunction<DT>;
+};
+export type Currency = keyof typeof CURRENCIES;
+export type FormatMoneyOptions = {
+    hideSymbol?: boolean;
+    precision?: number;
+    preferIsoCode?: boolean;
+};
+export type FormatNumberOptions = {
+    precision?: number;
+};
+export type RoundingType = "nearest" | "up" | "down";
+export type FormatPercentageOptions = {
+    precision?: number;
+};

package/src/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/utils/curry.d.ts

@@ -0,0 +1,4 @@
+type CurryFunction<T extends any[], R> = (arg1: T[0]) => (...rest: Tail<T>) => R;
+type Tail<T extends any[]> = T extends [any, ...infer U] ? U : never;
+export declare function _curry<T extends any[], R>(fn: (...args: T) => R): CurryFunction<T, R>;
+export {};

package/src/utils/curry.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._curry = void 0;
+function _curry(fn) {
+    return (arg1) => {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        return (...rest) => fn(arg1, ...rest);
+    };
+}
+exports._curry = _curry;

package/src/utils/data.d.ts

@@ -0,0 +1,299 @@
+export declare const CURRENCIES: {
+    AED: {
+        symbol: string;
+    };
+    AFN: {
+        symbol: string;
+    };
+    AMD: {
+        symbol: string;
+    };
+    ANG: {
+        symbol: string;
+    };
+    ARS: {
+        symbol: string;
+    };
+    AUD: {
+        symbol: string;
+    };
+    AWG: {
+        symbol: string;
+    };
+    AZN: {
+        symbol: string;
+    };
+    BDT: {
+        symbol: string;
+    };
+    BGN: {
+        symbol: string;
+    };
+    BHD: {
+        symbol: string;
+    };
+    BIF: {
+        symbol: string;
+    };
+    BRL: {
+        symbol: string;
+    };
+    BTN: {
+        symbol: string;
+    };
+    BYN: {
+        symbol: string;
+    };
+    CAD: {
+        symbol: string;
+    };
+    CHF: {
+        symbol: string;
+    };
+    CLP: {
+        symbol: string;
+    };
+    CNY: {
+        symbol: string;
+    };
+    COP: {
+        symbol: string;
+    };
+    CRC: {
+        symbol: string;
+    };
+    CUP: {
+        symbol: string;
+    };
+    CVE: {
+        symbol: string;
+    };
+    CZK: {
+        symbol: string;
+    };
+    DJF: {
+        symbol: string;
+    };
+    DKK: {
+        symbol: string;
+    };
+    EGP: {
+        symbol: string;
+    };
+    ERN: {
+        symbol: string;
+    };
+    EUR: {
+        symbol: string;
+    };
+    FJD: {
+        symbol: string;
+    };
+    GBP: {
+        symbol: string;
+    };
+    GEL: {
+        symbol: string;
+    };
+    GMD: {
+        symbol: string;
+    };
+    GNF: {
+        symbol: string;
+    };
+    HKD: {
+        symbol: string;
+    };
+    HRK: {
+        symbol: string;
+    };
+    HTG: {
+        symbol: string;
+    };
+    HUF: {
+        symbol: string;
+    };
+    IDR: {
+        symbol: string;
+    };
+    INR: {
+        symbol: string;
+    };
+    IQD: {
+        symbol: string;
+    };
+    ISK: {
+        symbol: string;
+    };
+    JPY: {
+        symbol: string;
+    };
+    KGS: {
+        symbol: string;
+    };
+    KHR: {
+        symbol: string;
+    };
+    KMF: {
+        symbol: string;
+    };
+    KRW: {
+        symbol: string;
+    };
+    KWD: {
+        symbol: string;
+    };
+    KZT: {
+        symbol: string;
+    };
+    LKR: {
+        symbol: string;
+    };
+    LRD: {
+        symbol: string;
+    };
+    LSL: {
+        symbol: string;
+    };
+    MDL: {
+        symbol: string;
+    };
+    MMK: {
+        symbol: string;
+    };
+    MNT: {
+        symbol: string;
+    };
+    MRO: {
+        symbol: string;
+    };
+    MWK: {
+        symbol: string;
+    };
+    MXN: {
+        symbol: string;
+    };
+    MYR: {
+        symbol: string;
+    };
+    MZN: {
+        symbol: string;
+    };
+    NGN: {
+        symbol: string;
+    };
+    NOK: {
+        symbol: string;
+    };
+    NPR: {
+        symbol: string;
+    };
+    NZD: {
+        symbol: string;
+    };
+    PEN: {
+        symbol: string;
+    };
+    PGK: {
+        symbol: string;
+    };
+    PHP: {
+        symbol: string;
+    };
+    PKR: {
+        symbol: string;
+    };
+    PLN: {
+        symbol: string;
+    };
+    PYG: {
+        symbol: string;
+    };
+    RON: {
+        symbol: string;
+    };
+    RSD: {
+        symbol: string;
+    };
+    RUB: {
+        symbol: string;
+    };
+    SBD: {
+        symbol: string;
+    };
+    SDG: {
+        symbol: string;
+    };
+    SEK: {
+        symbol: string;
+    };
+    SGD: {
+        symbol: string;
+    };
+    SLL: {
+        symbol: string;
+    };
+    SRD: {
+        symbol: string;
+    };
+    SYP: {
+        symbol: string;
+    };
+    SZL: {
+        symbol: string;
+    };
+    THB: {
+        symbol: string;
+    };
+    TJS: {
+        symbol: string;
+    };
+    TMT: {
+        symbol: string;
+    };
+    TRY: {
+        symbol: string;
+    };
+    TZS: {
+        symbol: string;
+    };
+    UGX: {
+        symbol: string;
+    };
+    USD: {
+        symbol: string;
+    };
+    UYU: {
+        symbol: string;
+    };
+    UZS: {
+        symbol: string;
+    };
+    VES: {
+        symbol: string;
+    };
+    VND: {
+        symbol: string;
+    };
+    VUV: {
+        symbol: string;
+    };
+    WST: {
+        symbol: string;
+    };
+    XOF: {
+        symbol: string;
+    };
+    XPF: {
+        symbol: string;
+    };
+    YER: {
+        symbol: string;
+    };
+    ZAR: {
+        symbol: string;
+    };
+    ZMW: {
+        symbol: string;
+    };
+};

package/src/utils/data.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CURRENCIES = void 0;
+exports.CURRENCIES = {
+    AED: { symbol: "د.إ" },
+    AFN: { symbol: "؋" },
+    AMD: { symbol: "֏" },
+    ANG: { symbol: "ƒ" },
+    ARS: { symbol: "$" },
+    AUD: { symbol: "$" },
+    AWG: { symbol: "ƒ" },
+    AZN: { symbol: "₼" },
+    BDT: { symbol: "৳" },
+    BGN: { symbol: "лв" },
+    BHD: { symbol: ".د.ب" },
+    BIF: { symbol: "FBu" },
+    BRL: { symbol: "R$" },
+    BTN: { symbol: "Nu." },
+    BYN: { symbol: "Br" },
+    CAD: { symbol: "$" },
+    CHF: { symbol: "CHF" },
+    CLP: { symbol: "$" },
+    CNY: { symbol: "¥" },
+    COP: { symbol: "$" },
+    CRC: { symbol: "₡" },
+    CUP: { symbol: "₱" },
+    CVE: { symbol: "$" },
+    CZK: { symbol: "Kč" },
+    DJF: { symbol: "Fdj" },
+    DKK: { symbol: "kr" },
+    EGP: { symbol: "£" },
+    ERN: { symbol: "Nfk" },
+    EUR: { symbol: "€" },
+    FJD: { symbol: "$" },
+    GBP: { symbol: "£" },
+    GEL: { symbol: "₾" },
+    GMD: { symbol: "D" },
+    GNF: { symbol: "FG" },
+    HKD: { symbol: "$" },
+    HRK: { symbol: "kn" },
+    HTG: { symbol: "G" },
+    HUF: { symbol: "Ft" },
+    IDR: { symbol: "Rp" },
+    INR: { symbol: "₹" },
+    IQD: { symbol: "ع.د" },
+    ISK: { symbol: "kr" },
+    JPY: { symbol: "¥" },
+    KGS: { symbol: "с" },
+    KHR: { symbol: "៛" },
+    KMF: { symbol: "CF" },
+    KRW: { symbol: "₩" },
+    KWD: { symbol: "د.ك" },
+    KZT: { symbol: "₸" },
+    LKR: { symbol: "₨" },
+    LRD: { symbol: "$" },
+    LSL: { symbol: "L" },
+    MDL: { symbol: "L" },
+    MMK: { symbol: "K" },
+    MNT: { symbol: "₮" },
+    MRO: { symbol: "UM" },
+    MWK: { symbol: "MK" },
+    MXN: { symbol: "$" },
+    MYR: { symbol: "RM" },
+    MZN: { symbol: "MT" },
+    NGN: { symbol: "₦" },
+    NOK: { symbol: "kr" },
+    NPR: { symbol: "₨" },
+    NZD: { symbol: "$" },
+    PEN: { symbol: "S/" },
+    PGK: { symbol: "K" },
+    PHP: { symbol: "₱" },
+    PKR: { symbol: "₨" },
+    PLN: { symbol: "zł" },
+    PYG: { symbol: "₲" },
+    RON: { symbol: "lei" },
+    RSD: { symbol: "дин." },
+    RUB: { symbol: "₽" },
+    SBD: { symbol: "$" },
+    SDG: { symbol: "ج.س." },
+    SEK: { symbol: "kr" },
+    SGD: { symbol: "$" },
+    SLL: { symbol: "Le" },
+    SRD: { symbol: "$" },
+    SYP: { symbol: "£" },
+    SZL: { symbol: "E" },
+    THB: { symbol: "฿" },
+    TJS: { symbol: "ЅМ" },
+    TMT: { symbol: "m" },
+    TRY: { symbol: "₺" },
+    TZS: { symbol: "Sh" },
+    UGX: { symbol: "USh" },
+    USD: { symbol: "$" },
+    UYU: { symbol: "$" },
+    UZS: { symbol: "soʻm" },
+    VES: { symbol: "Bs" },
+    VND: { symbol: "₫" },
+    VUV: { symbol: "VT" },
+    WST: { symbol: "T" },
+    XOF: { symbol: "CFA" },
+    XPF: { symbol: "₣" },
+    YER: { symbol: "﷼" },
+    ZAR: { symbol: "R" },
+    ZMW: { symbol: "ZK" },
+};

package/src/utils/map-options.d.ts

@@ -0,0 +1,3 @@
+import { LocalizeConfig } from "../types";
+import currencyjs from "currency.js";
+export declare const _mapOptions: (options: LocalizeConfig["number"] | LocalizeConfig["currency"]) => currencyjs.Options;

package/src/utils/map-options.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._mapOptions = void 0;
+const _mapOptions = (options) => {
+    return {
+        separator: options.thousandsSeparator,
+        decimal: options.decimalSeparator,
+        pattern: "pattern" in options ? options.pattern : "#",
+        negativePattern: "negativePattern" in options ? options.negativePattern : "-#",
+    };
+};
+exports._mapOptions = _mapOptions;