@dmsi/wedgekit-react 0.0.2

package/src/utils/formatting.tsx

@@ -0,0 +1,81 @@
+/**
+ * Utility functions for input formatting and value processing
+ */
+
+/**
+ * Generates placeholder text for decimal inputs based on the number of decimal places
+ * @param decimals - Number of decimal places to display
+ * @returns Object with placeholder property or empty object if no decimals
+ * @example
+ * getDecimalPlaceholder(2) // returns { placeholder: "0.00" }
+ * getDecimalPlaceholder(0) // returns {}
+ */
+export function getDecimalPlaceholder(decimals: number | undefined): {
+  placeholder?: string;
+} {
+  if (!decimals || decimals <= 0) {
+    return {};
+  }
+
+  return {
+    placeholder: `0.${"0".repeat(decimals)}`,
+  };
+}
+
+/**
+ * Formats a numeric value to a string with specified decimal places
+ * @param value - The value to format (string or number)
+ * @param decimals - Number of decimal places to format to
+ * @returns Formatted string value
+ * @example
+ * formatDecimalValue("123.456", 2) // returns "123.46"
+ * formatDecimalValue(123, 0) // returns "123"
+ * formatDecimalValue("", 2) // returns ""
+ */
+export function formatDecimalValue(
+  value: string | number | undefined,
+  decimals: number | undefined,
+): string {
+  if (!value || value === "") {
+    return "";
+  }
+
+  const numValue = typeof value === "string" ? parseFloat(value) : value;
+
+  if (isNaN(numValue)) {
+    return "";
+  }
+
+  if (!decimals || decimals <= 0) {
+    return String(Math.round(numValue));
+  }
+
+  return numValue.toFixed(decimals);
+}
+
+/**
+ * Formats a numeric string for currency display by adding thousand separators
+ * @param value - The numeric string to format
+ * @returns Formatted string with thousand separators
+ * @example
+ * formatCurrencyDisplay("1234.56") // returns "1,234.56"
+ * formatCurrencyDisplay("1000") // returns "1,000"
+ * formatCurrencyDisplay("") // returns ""
+ */
+export function formatCurrencyDisplay(value: string): string {
+  if (!value || value === "") {
+    return "";
+  }
+
+  const parts = value.split(".");
+  const integerPart = parts[0];
+  const decimalPart = parts[1];
+
+  // Add thousand separators to the integer part
+  const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+
+  // Combine with decimal part if it exists
+  return decimalPart !== undefined
+    ? `${formattedInteger}.${decimalPart}`
+    : formattedInteger;
+}

package/src/utils.ts

@@ -0,0 +1,23 @@
+export function findDocumentRoot(
+  element: Node | undefined | null,
+): Element | DocumentFragment {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    throw new Error(
+      "findDocumentRoot can only be used in a browser environment.",
+    );
+  }
+  if (!element || !(element instanceof Node)) {
+    return window.document.body;
+  }
+  var currentElement = element;
+  while (currentElement && currentElement.parentNode) {
+    if (currentElement.parentNode === document) {
+      return document.body;
+    } else if (currentElement.parentNode instanceof DocumentFragment) {
+      return currentElement.parentNode;
+    } else {
+      currentElement = currentElement.parentNode;
+    }
+  }
+  return window.document.body;
+}