@ceed/cds 1.23.1 → 1.24.0

package/dist/index.cjs

@@ -1694,7 +1694,6 @@ Container.displayName = "Container";
 
 // src/components/CurrencyInput/CurrencyInput.tsx
 var import_react18 = __toESM(require("react"));
-var import_intl_messageformat2 = require("intl-messageformat");
 var import_react_number_format = require("react-number-format");
 
 // src/components/Input/Input.tsx
@@ -1818,7 +1817,6 @@ var Input_default = Input;
 var import_joy24 = require("@mui/joy");
 
 // src/components/CurrencyInput/hooks/use-currency-setting.ts
-var import_intl_messageformat = __toESM(require("intl-messageformat"));
 var CURRENCY_DECIMAL_MAP = {
   AED: 2,
   ALL: 2,
@@ -1963,9 +1961,10 @@ var CURRENCY_DECIMAL_MAP = {
 };
 var useCurrencySetting = (props) => {
   const { currency = "USD", placeholder } = props;
-  const [symbol, thousandSeparator, decimalSeparator, ...rest] = new import_intl_messageformat.default(
-    `{amount, number, ::currency/${currency} unit-width-narrow}`
-  ).format({ amount: 1e3 }).toString().replace(/\d/g, "").split("");
+  const parts = new Intl.NumberFormat("en-US", { style: "currency", currency }).formatToParts(1000.01);
+  const symbol = parts.find((p) => p.type === "currency")?.value ?? "$";
+  const thousandSeparator = parts.find((p) => p.type === "group")?.value ?? ",";
+  const decimalSeparator = parts.find((p) => p.type === "decimal")?.value;
   const decimalScale = CURRENCY_DECIMAL_MAP[currency];
   return {
     symbol: `${symbol} `,
@@ -2042,7 +2041,7 @@ var CurrencyInput = import_react18.default.forwardRef(function CurrencyInput2(in
         setValue(void 0);
         return;
       }
-      const amount = useMinorUnit ? Number(event.target.value?.replace(decimalSeparator, "")) : Number(event.target.value);
+      const amount = useMinorUnit ? Number(decimalSeparator ? event.target.value?.replace(decimalSeparator, "") : event.target.value) : Number(event.target.value);
       if (!!max && Number(event.target.value) > max) {
         setIsOverLimit(true);
       } else {
@@ -2065,9 +2064,7 @@ var CurrencyInput = import_react18.default.forwardRef(function CurrencyInput2(in
       required,
       color: error || isOverLimit ? "danger" : props.color,
       label,
-      helperText: isOverLimit ? new import_intl_messageformat2.IntlMessageFormat(`limit: {amount, number, ::currency/${currency} unit-width-narrow}`).format({
-        amount: max
-      }) : helperText,
+      helperText: isOverLimit ? `limit: ${new Intl.NumberFormat("en-US", { style: "currency", currency }).format(max)}` : helperText,
       slotProps: {
         input: {
           component: TextMaskAdapter,

package/dist/index.js

@@ -1560,7 +1560,6 @@ Container.displayName = "Container";
 
 // src/components/CurrencyInput/CurrencyInput.tsx
 import React16, { useCallback as useCallback7, useMemo as useMemo5, useState as useState6 } from "react";
-import { IntlMessageFormat as IntlMessageFormat2 } from "intl-messageformat";
 import { NumericFormat } from "react-number-format";
 
 // src/components/Input/Input.tsx
@@ -1684,7 +1683,6 @@ var Input_default = Input;
 import { styled as styled7, useThemeProps as useThemeProps3 } from "@mui/joy";
 
 // src/components/CurrencyInput/hooks/use-currency-setting.ts
-import IntlMessageFormat from "intl-messageformat";
 var CURRENCY_DECIMAL_MAP = {
   AED: 2,
   ALL: 2,
@@ -1829,9 +1827,10 @@ var CURRENCY_DECIMAL_MAP = {
 };
 var useCurrencySetting = (props) => {
   const { currency = "USD", placeholder } = props;
-  const [symbol, thousandSeparator, decimalSeparator, ...rest] = new IntlMessageFormat(
-    `{amount, number, ::currency/${currency} unit-width-narrow}`
-  ).format({ amount: 1e3 }).toString().replace(/\d/g, "").split("");
+  const parts = new Intl.NumberFormat("en-US", { style: "currency", currency }).formatToParts(1000.01);
+  const symbol = parts.find((p) => p.type === "currency")?.value ?? "$";
+  const thousandSeparator = parts.find((p) => p.type === "group")?.value ?? ",";
+  const decimalSeparator = parts.find((p) => p.type === "decimal")?.value;
   const decimalScale = CURRENCY_DECIMAL_MAP[currency];
   return {
     symbol: `${symbol} `,
@@ -1908,7 +1907,7 @@ var CurrencyInput = React16.forwardRef(function CurrencyInput2(inProps, ref) {
         setValue(void 0);
         return;
       }
-      const amount = useMinorUnit ? Number(event.target.value?.replace(decimalSeparator, "")) : Number(event.target.value);
+      const amount = useMinorUnit ? Number(decimalSeparator ? event.target.value?.replace(decimalSeparator, "") : event.target.value) : Number(event.target.value);
       if (!!max && Number(event.target.value) > max) {
         setIsOverLimit(true);
       } else {
@@ -1931,9 +1930,7 @@ var CurrencyInput = React16.forwardRef(function CurrencyInput2(inProps, ref) {
       required,
       color: error || isOverLimit ? "danger" : props.color,
       label,
-      helperText: isOverLimit ? new IntlMessageFormat2(`limit: {amount, number, ::currency/${currency} unit-width-narrow}`).format({
-        amount: max
-      }) : helperText,
+      helperText: isOverLimit ? `limit: ${new Intl.NumberFormat("en-US", { style: "currency", currency }).format(max)}` : helperText,
       slotProps: {
         input: {
           component: TextMaskAdapter,