@ceed/cds 1.23.0 → 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

@@ -1,59 +1,3 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/libs/rehype-accent/index.ts
-var rehype_accent_exports = {};
-__export(rehype_accent_exports, {
-  rehypeAccent: () => rehypeAccent
-});
-import { visit } from "unist-util-visit";
-function rehypeAccent(options) {
-  const { accentColor } = options;
-  return (tree) => {
-    visit(tree, "text", (node, index, parent) => {
-      const value = node.value;
-      const regex = /\|\|.*?\|\|/g;
-      let match;
-      let lastIndex = 0;
-      const newNodes = [];
-      while ((match = regex.exec(value)) !== null) {
-        if (match.index > lastIndex) {
-          newNodes.push({
-            type: "text",
-            value: value.slice(lastIndex, match.index)
-          });
-        }
-        const innerText = match[0].split("||")[1];
-        newNodes.push({
-          type: "element",
-          tagName: "span",
-          properties: { textColor: accentColor },
-          children: [{ type: "text", value: innerText }]
-        });
-        lastIndex = match.index + match[0].length;
-      }
-      if (lastIndex < value.length) {
-        newNodes.push({ type: "text", value: value.slice(lastIndex) });
-      }
-      if (newNodes.length) {
-        parent.children.splice(index, 1, ...newNodes);
-      }
-    });
-  };
-}
-var init_rehype_accent = __esm({
-  "src/libs/rehype-accent/index.ts"() {
-    "use strict";
-  }
-});
-
 // src/index.ts
 import {
   useTheme as useTheme2,
@@ -1616,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
@@ -1740,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,
@@ -1885,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} `,
@@ -1964,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 {
@@ -1987,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,
@@ -5096,10 +5037,10 @@ import { Link as Link2 } from "@mui/joy";
 import remarkGfm from "remark-gfm";
 var LazyReactMarkdown = lazy(() => import("react-markdown"));
 var Markdown = (props) => {
-  const [rehypeAccent2, setRehypeAccent] = useState12(null);
+  const [rehypeAccent, setRehypeAccent] = useState12(null);
   useEffect10(() => {
     const loadRehypeAccent = async () => {
-      const module = await Promise.resolve().then(() => (init_rehype_accent(), rehype_accent_exports));
+      const module = await import("./chunks/rehype-accent-FZRUD7VI.js");
       setRehypeAccent(() => module.rehypeAccent);
     };
     loadRehypeAccent();
@@ -5116,7 +5057,7 @@ var Markdown = (props) => {
     fallback,
     ...innerProps
   } = props;
-  if (!rehypeAccent2) {
+  if (!rehypeAccent) {
     return null;
   }
   return /* @__PURE__ */ React33.createElement(Typography, { component: "div", color, textColor, level: defaultLevel, ...innerProps }, /* @__PURE__ */ React33.createElement(
@@ -5129,7 +5070,7 @@ var Markdown = (props) => {
       {
         ...markdownOptions,
         children: content,
-        rehypePlugins: [[rehypeAccent2, { accentColor }]],
+        rehypePlugins: [[rehypeAccent, { accentColor }]],
         remarkPlugins: [remarkGfm],
         components: {
           a: ({ children, href }) => /* @__PURE__ */ React33.createElement(Link2, { href, target: defaultLinkAction }, children),