@uxf/localize 10.0.0-beta.44 → 10.0.0-beta.72

package/README.md

@@ -34,6 +34,10 @@ export const {
     useFormatMoney,
     useFormatNumber,
     useFormatPercentage,
+    FormatDateTime,
+    FormatNumber,
+    FormatMoney,
+    FormatPercentage,
 } = createLocale({ cs, en });
 ```
 
@@ -42,7 +46,7 @@ export const {
 ```ts
 import {DateTimes, LocalizeConfig} from "@uxf/localize";
 
-const en: LocalizeConfig = {
+const en: LocalizeConfig<DateTimes> = {
     number: {
         thousandsSeparator: ",",
         decimalSeparator: ".",
@@ -103,49 +107,57 @@ const cs: LocalizeConfig<DateTimes> = {
 
 ## Format number
 ```tsx
-const { useFormatNumber } from "./localize";
+const { useFormatNumber, FormatNumber } from "./localize";
 
 const formatNumber = useFormatNumber();
 
 formatNumber(1000.23); // 1 000
 formatNumber(1000.23, { precision: 2 }); // 1 000,23
+
+<FormatNumber value={1000.23}/>
 ```
 
 ## Format datetime
 ```tsx
-const { useFormatDateTime } from "./localize";
+const { useFormatDateTime, FormatDateTime } from "./localize";
 
 const formatDateTime = useFormatDateTime();
 
-formatDateTime(new Date('2000-01-01'), "dateShort") // 1. 1. 20
-formatDateTime(new Date('2000-01-01'), "dateTimeMedium") // 1. 1. 2000 00:00
-formatDateTime(new Date('2000-01-01'), "timeFull") // 00:00:00
+formatDateTime(new Date('2000-01-01'), "dateShort"); // 1. 1. 20
+formatDateTime(new Date('2000-01-01'), "dateTimeMedium"); // 1. 1. 2000 00:00
+formatDateTime(new Date('2000-01-01'), "timeFull"); // 00:00:00
+
+<FormatDateTime value={new Date('2000-01-01')} format="dateShort"/>
 ```
 
 ## Format money
 ```tsx
-const { useFormatMoney } from "./localize";
+const { useFormatMoney, FormatMoney } from "./localize";
 
 const formatMoney = useFormatMoney();
 
-formatMoney(1000, "CZK") // 1 000 Kč
-formatMoney(1000, "USD") // 1 000 $
-formatMoney(1000.23, "CZK", { precision: 1 }) // 1 000,2 Kč
-formatMoney(1000.23, "CZK", { preferIsoCode: true }) // 1 000,23 CZK
-formatMoney(1000.23, "CZK", { hideSymbol: true }) // 1 000,23
+formatMoney({amount: 1000, currency: "CZK"}); // 1 000 Kč
+formatMoney({amount: 1000, currency: "USD"}); // 1 000 $
+formatMoney({amount: 1000.23, currency: "CZK"}, { precision: 1 }); // 1 000,2 Kč
+formatMoney({amount: 1000.23, currency: "CZK"}, { preferIsoCode: true }); // 1 000,23 CZK
+formatMoney({amount: 1000.23, currency: "CZK"}, { hideSymbol: true }); // 1 000,23
+
+<FormatMoney money={{amount: 1000, currency: "CZK"}}/>
 ```
 
 ## Format percentage
 
 ```tsx
-const { useFormatPercentage } from "./localize";
+const { useFormatPercentage, FormatPercentage } from "./localize";
 
 const formatPercentage = useFormatPercentage();
 
-formatPercentage(0.782) // 78,2 %
-formatPercentage(0.782, "nearest") // 78,2 %
-formatPercentage(0.782, "up") // 78,2 %
-formatPercentage(0.782, "down") // 78,2 %
+formatPercentage(0.782); // 78,2 %
+formatPercentage(0.782, "nearest"); // 78,2 %
+formatPercentage(0.782, "up"); // 78,2 %
+formatPercentage(0.782, "down"); // 78,2 %
+
+<FormatPercentage value={0.782} roundingType="up" />
 ```
 
 ## Format another locale

package/locale/sk.js

@@ -6,10 +6,10 @@ const locale = {
         decimalSeparator: ",",
     },
     currency: {
-        thousandsSeparator: " ",
+        thousandsSeparator: "\xa0",
         decimalSeparator: ",",
-        pattern: "!#",
-        negativePattern: "-!#",
+        pattern: "#\xa0!",
+        negativePattern: "-#\xa0!",
     },
     dateTime: {
         timeShort: "H:mm",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/localize",
-  "version": "10.0.0-beta.44",
+  "version": "10.0.0-beta.72",
   "description": "",
   "main": "index.js",
   "scripts": {