@gearbox-protocol/permissionless-ui 1.22.0-next.37 → 1.22.0-next.39

package/dist/esm/utils/format-money.js

@@ -1,48 +1,76 @@
-import { BigIntMath as f, formatBN as a, WAD_DECIMALS_POW as s } from "@gearbox-protocol/sdk";
-const N = 10000000000000000n;
-function b(t) {
+import { BigIntMath as M, formatBN as A, WAD_DECIMALS_POW as $, PERCENTAGE_FACTOR as g } from "@gearbox-protocol/sdk";
+import "react";
+import { bnToInputView as h } from "./bn-to-input-view.js";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "react/jsx-runtime";
+const _ = 10000000000000000n;
+function F(t) {
   return BigInt(t.toFixed(18).replace(".", ""));
 }
-function p(t, e) {
-  const r = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", o = typeof t == "number" ? b(Math.abs(t)) : f.abs(t), u = o < N && o > 0n, i = u ? "0.01" : a(o, s, e), c = `${r}$${i}`;
-  return u ? `< ${c}` : c;
+function R(t, r) {
+  const n = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", s = typeof t == "number" ? F(Math.abs(t)) : M.abs(t), u = s < _ && s > 0n, f = u ? "0.01" : A(s, $, r), o = `${n}$${f}`;
+  return u ? `< ${o}` : o;
 }
-const y = 1e4;
-function m(t, e, n = !0) {
-  const r = typeof t == "number" ? t : Number(t);
-  return Number.isNaN(r) || r === void 0 || r === null ? "0" : r === 0 ? 0 : n && r > y ? r.toExponential(e) : r.toFixed(e);
+const O = 1e4;
+function p(t, r, i = !0) {
+  const n = typeof t == "number" ? t : Number(t);
+  return Number.isNaN(n) || n === void 0 || n === null ? "0" : n === 0 ? 0 : i && n > O ? n.toExponential(r) : n.toFixed(r);
 }
-function g(t, e = 2) {
-  return `${m(t, e)}%`;
+function y(t, r = 2) {
+  return `${p(t, r)}%`;
 }
-const E = 1e4;
-function T(t, e = 2) {
-  const n = Number(t) / Number(E);
-  return `${m(n, e)}%`;
-}
-const A = 1000n;
-function S(t, e) {
-  let n;
-  return typeof t == "string" ? n = Number.parseFloat(t) || 0 : typeof t == "bigint" ? n = Number(t) : n = t, typeof e == "number" ? new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: "USD",
-    minimumFractionDigits: e,
-    maximumFractionDigits: e
-  }).format(n) : e && typeof e == "object" ? new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: "USD",
-    ...e
-  }).format(n) : new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: "USD"
-  }).format(n);
+function H(t, r = 2) {
+  const i = Number(t) / Number(g);
+  return `${p(i, r)}%`;
 }
+const c = {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2,
+  decimalPrecision: 4,
+  minDecimalThreshold: 1,
+  minExponentialThreshold: 1e-4,
+  maxExponentialThreshold: 1e6,
+  locale: "en-US"
+}, U = ({
+  amount: t,
+  format: r = "full",
+  maximumFractionDigits: i = c.maximumFractionDigits,
+  minimumFractionDigits: n = c.minimumFractionDigits,
+  decimalPrecision: s = c.decimalPrecision,
+  minDecimalThreshold: u = c.minDecimalThreshold,
+  minExponentialThreshold: f = c.minExponentialThreshold,
+  maxExponentialThreshold: o = c.maxExponentialThreshold,
+  locale: N = c.locale
+}) => {
+  const m = typeof t == "bigint" ? Number(h(t, 8)) : t, e = Math.abs(m);
+  if (r === "short") {
+    const T = m < 0 ? "-" : "", a = (l, d) => {
+      const b = l >= 100 ? 0 : i, E = l.toFixed(b).replace(/(\.\d*?)0+$/, "$1").replace(/\.$/, "");
+      return `${T}${E}${d}`;
+    };
+    if (e >= 1e9 && e <= o)
+      return a(e / 1e9, "B");
+    if (e >= 1e6 && e <= o)
+      return a(e / 1e6, "M");
+    if (e >= 1e3 && e <= o)
+      return a(e / 1e3, "K");
+    if (e > o)
+      return a(e / o, "M+");
+  }
+  return e > o && r === "full" ? (m / c.maxExponentialThreshold).toFixed(
+    n
+  ) + "M" : e < f && e > 0 ? m.toFixed(Math.max(10, i)) : e < u && e > 0 ? m.toPrecision(s) : m.toLocaleString(N, {
+    minimumFractionDigits: n,
+    maximumFractionDigits: i
+  });
+};
 export {
-  E as PERCENTAGE_FACTOR,
-  A as SLIPPAGE_DECIMALS,
-  p as formatMoney,
-  S as formatMoneyAmount,
-  m as formatPercentAmount,
-  g as percentTemplate,
-  T as percentageTemplate
+  c as DEFAULT_FORMAT_MONEY_CONSTANTS,
+  R as formatMoney,
+  U as formatMoneyAmount,
+  p as formatPercentAmount,
+  y as percentTemplate,
+  H as percentageTemplate
 };

package/dist/esm/utils/index.js

@@ -4,87 +4,85 @@ import { bnToPrettyView as i } from "./bn-to-pretty-view.js";
 import { cn as f, cn as l } from "./cn.js";
 import { generateColorsFromBase as T, getCSSVariable as x, hexToRgba as c, resolveCSSColor as g } from "./colors.js";
 import { copyToClipboard as u } from "./copy.js";
-import { convertPercent as A, formatBytecodeSize as N, formatBytecodeVersion as P, formatTimestamp as b, shortenHash as h, significantTrunc as I } from "./format.js";
-import { formatAssetAmount as L } from "./format-asset-amount.js";
-import { PERCENTAGE_FACTOR as F, SLIPPAGE_DECIMALS as k, formatMoney as v, formatMoney as w, formatPercentAmount as E, percentTemplate as V, percentageTemplate as B } from "./format-money.js";
-import { FORMAT_CONSTANTS as M, formatNumberWithSuffix as R, formatPrice as _, getAdaptiveDecimals as O, isBelowDisplayThreshold as z, isEffectivelyZero as Z, toSignificantDigits as G } from "./format-number.js";
-import { slippageTemplate as W } from "./format-slippage.js";
-import { allLoaded as X, loadingProgress as j, round5 as J } from "./loading.js";
-import { getNetworkIcon as Q } from "./network-icons.js";
-import { bnToLiquidationPriceView as Y, isPositiveFloat as $, parseInputToBN as ee, parseSmallNumber as oe } from "./parse-input-to-bn.js";
-import { pluralize as te, selectPluralString as ae } from "./plural.js";
-import { getAvailableRanges as ne } from "./ranges.js";
-import { extractTextFromLabel as pe, serializeValue as fe } from "./react.js";
-import { searchInString as se } from "./search.js";
-import { createTokenSearchFilter as xe, searchInToken as ce } from "./search-in-token.js";
-import { shortSHA as Se } from "./short-sha.js";
-import { isLongString as de, shortenString as Ae } from "./shorten-string.js";
-import { negativeTokenTemplate as Pe, tokenTemplate as be, tokenTemplateNumber as he, tokenTemplateString as Ie } from "./templates.js";
-import { TTL_CONSTANTS as Le, getTTLZone as ye, ttlFromTimestamp as Fe, ttlLeft as ke, ttlLeftParsed as ve } from "./ttl.js";
-import { openInNewWindow as Ee } from "./window.js";
-import { Z_INDEX as Be } from "./z-index.js";
+import { convertPercent as b, formatBytecodeSize as h, formatBytecodeVersion as N, formatTimestamp as A, shortenHash as I, significantTrunc as P } from "./format.js";
+import { formatAssetAmount as F } from "./format-asset-amount.js";
+import { formatMoney as k, formatMoneyAmount as v, formatPercentAmount as w, percentTemplate as C, percentageTemplate as V } from "./format-money.js";
+import { FORMAT_CONSTANTS as D, formatNumberWithSuffix as z, formatPrice as M, getAdaptiveDecimals as O, isBelowDisplayThreshold as R, isEffectivelyZero as Z, toSignificantDigits as _ } from "./format-number.js";
+import { slippageTemplate as H } from "./format-slippage.js";
+import { allLoaded as q, loadingProgress as X, round5 as j } from "./loading.js";
+import { getNetworkIcon as J } from "./network-icons.js";
+import { bnToLiquidationPriceView as Q, isPositiveFloat as U, parseInputToBN as Y, parseSmallNumber as $ } from "./parse-input-to-bn.js";
+import { pluralize as oe, selectPluralString as re } from "./plural.js";
+import { getAvailableRanges as ae } from "./ranges.js";
+import { extractTextFromLabel as ne, serializeValue as ie } from "./react.js";
+import { searchInString as fe } from "./search.js";
+import { createTokenSearchFilter as se, searchInToken as Te } from "./search-in-token.js";
+import { shortSHA as ce } from "./short-sha.js";
+import { isLongString as Se, shortenString as ue } from "./shorten-string.js";
+import { negativeTokenTemplate as be, tokenTemplate as he, tokenTemplateNumber as Ne, tokenTemplateString as Ae } from "./templates.js";
+import { TTL_CONSTANTS as Pe, getTTLZone as ye, ttlFromTimestamp as Fe, ttlLeft as Le, ttlLeftParsed as ke } from "./ttl.js";
+import { openInNewWindow as we } from "./window.js";
+import { Z_INDEX as Ve } from "./z-index.js";
 export {
-  M as FORMAT_CONSTANTS,
-  F as PERCENTAGE_FACTOR,
-  k as SLIPPAGE_DECIMALS,
-  Le as TTL_CONSTANTS,
-  Be as Z_INDEX,
-  X as allLoaded,
+  D as FORMAT_CONSTANTS,
+  Pe as TTL_CONSTANTS,
+  Ve as Z_INDEX,
+  q as allLoaded,
   m as bnToInputView,
-  Y as bnToLiquidationPriceView,
+  Q as bnToLiquidationPriceView,
   i as bnToPrettyView,
   f as cn,
-  A as convertPercent,
+  b as convertPercent,
   u as copyToClipboard,
-  xe as createTokenSearchFilter,
+  se as createTokenSearchFilter,
   l as default,
-  pe as extractTextFromLabel,
-  L as formatAssetAmount,
-  N as formatBytecodeSize,
-  P as formatBytecodeVersion,
-  v as formatMoney,
-  w as formatMoneyAmount,
-  R as formatNumberWithSuffix,
-  E as formatPercentAmount,
-  _ as formatPrice,
-  b as formatTimestamp,
+  ne as extractTextFromLabel,
+  F as formatAssetAmount,
+  h as formatBytecodeSize,
+  N as formatBytecodeVersion,
+  k as formatMoney,
+  v as formatMoneyAmount,
+  z as formatNumberWithSuffix,
+  w as formatPercentAmount,
+  M as formatPrice,
+  A as formatTimestamp,
   T as generateColorsFromBase,
   r as generateId,
   O as getAdaptiveDecimals,
-  ne as getAvailableRanges,
+  ae as getAvailableRanges,
   x as getCSSVariable,
-  Q as getNetworkIcon,
+  J as getNetworkIcon,
   ye as getTTLZone,
   c as hexToRgba,
-  z as isBelowDisplayThreshold,
+  R as isBelowDisplayThreshold,
   Z as isEffectivelyZero,
-  de as isLongString,
-  $ as isPositiveFloat,
-  j as loadingProgress,
-  Pe as negativeTokenTemplate,
-  Ee as openInNewWindow,
-  ee as parseInputToBN,
-  oe as parseSmallNumber,
-  V as percentTemplate,
-  B as percentageTemplate,
-  te as pluralize,
+  Se as isLongString,
+  U as isPositiveFloat,
+  X as loadingProgress,
+  be as negativeTokenTemplate,
+  we as openInNewWindow,
+  Y as parseInputToBN,
+  $ as parseSmallNumber,
+  C as percentTemplate,
+  V as percentageTemplate,
+  oe as pluralize,
   g as resolveCSSColor,
-  J as round5,
-  se as searchInString,
-  ce as searchInToken,
-  ae as selectPluralString,
-  fe as serializeValue,
-  Se as shortSHA,
-  h as shortenHash,
-  Ae as shortenString,
-  I as significantTrunc,
-  W as slippageTemplate,
-  G as toSignificantDigits,
-  be as tokenTemplate,
-  he as tokenTemplateNumber,
-  Ie as tokenTemplateString,
+  j as round5,
+  fe as searchInString,
+  Te as searchInToken,
+  re as selectPluralString,
+  ie as serializeValue,
+  ce as shortSHA,
+  I as shortenHash,
+  ue as shortenString,
+  P as significantTrunc,
+  H as slippageTemplate,
+  _ as toSignificantDigits,
+  he as tokenTemplate,
+  Ne as tokenTemplateNumber,
+  Ae as tokenTemplateString,
   Fe as ttlFromTimestamp,
-  ke as ttlLeft,
-  ve as ttlLeftParsed,
+  Le as ttlLeft,
+  ke as ttlLeftParsed,
   t as useFormFieldIds
 };

package/dist/types/index.d.ts

@@ -133,5 +133,5 @@ export * from './utils/a11y';
 export { cn } from './utils/cn';
 export * from './utils/copy';
 export * from './utils/format';
-export { formatMoney, formatPercentAmount, PERCENTAGE_FACTOR, percentageTemplate, percentTemplate, } from './utils/format-money';
+export { formatMoney, formatPercentAmount, percentageTemplate, percentTemplate, } from './utils/format-money';
 export * from './utils/templates';

package/dist/types/utils/format-money.d.ts

@@ -44,10 +44,6 @@ export declare function formatPercentAmount(value: number, decimals: number, all
  * ```
  */
 export declare function percentTemplate(value: number, decimals?: number): string;
-/**
- * The factor used for percentage values in basis points (10000 = 100%)
- */
-export declare const PERCENTAGE_FACTOR = 10000;
 /**
  * Formats a percentage value from basis points
  * Use this when your value is in basis points (10000 = 100%)
@@ -64,23 +60,24 @@ export declare const PERCENTAGE_FACTOR = 10000;
  * ```
  */
 export declare function percentageTemplate(value: number | bigint, decimals?: number): string;
-/**
- * The factor used for slippage values (1000 = 1%)
- */
-export declare const SLIPPAGE_DECIMALS = 1000n;
-/**
- * Formats a number or bigint as a money amount with currency formatting
- * Compatible with legacy API that accepts options object
- *
- * @param value - The number or bigint to format
- * @param options - Number of decimal places or Intl.NumberFormatOptions
- * @returns Formatted string like "$1,234.56"
- *
- * @example
- * ```ts
- * formatMoneyAmount(1234.56) // "$1,234.56"
- * formatMoneyAmount(1234.56, 0) // "$1,235"
- * formatMoneyAmount(1234.56, { minimumFractionDigits: 2, maximumFractionDigits: 2 }) // "$1,234.56"
- * ```
- */
-export declare function formatMoneyAmount(value: number | bigint | string, options?: number | Intl.NumberFormatOptions): string;
+export declare const DEFAULT_FORMAT_MONEY_CONSTANTS: {
+    minimumFractionDigits: number;
+    maximumFractionDigits: number;
+    decimalPrecision: number;
+    minDecimalThreshold: number;
+    minExponentialThreshold: number;
+    maxExponentialThreshold: number;
+    locale: string;
+};
+export interface FormatMoneyAmountProps {
+    amount: number | bigint;
+    format?: "short" | "full";
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    decimalPrecision?: number;
+    minDecimalThreshold?: number;
+    minExponentialThreshold?: number;
+    maxExponentialThreshold?: number;
+    locale?: string;
+}
+export declare const formatMoneyAmount: ({ amount, format, maximumFractionDigits, minimumFractionDigits, decimalPrecision, minDecimalThreshold, minExponentialThreshold, maxExponentialThreshold, locale, }: FormatMoneyAmountProps) => string;

package/dist/types/utils/index.d.ts

@@ -7,7 +7,7 @@ export * from './colors';
 export * from './copy';
 export * from './format';
 export * from './format-asset-amount';
-export { formatMoney, formatMoney as formatMoneyAmount, formatPercentAmount, PERCENTAGE_FACTOR, percentageTemplate, percentTemplate, SLIPPAGE_DECIMALS, } from './format-money';
+export { formatMoney, formatMoneyAmount, formatPercentAmount, percentageTemplate, percentTemplate, } from './format-money';
 export { FORMAT_CONSTANTS, type FormatNumberOptions, formatNumberWithSuffix, formatPrice, getAdaptiveDecimals, isBelowDisplayThreshold, isEffectivelyZero, toSignificantDigits, } from './format-number';
 export * from './format-slippage';
 export * from './interface';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.22.0-next.37",
+  "version": "1.22.0-next.39",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",