dry-ux 1.75.0 → 1.77.0

package/dist/helpers/utilities.d.ts

@@ -60,6 +60,11 @@ export declare const toHashCode: (input: string) => number;
  * @param value The value of the parameter.
  */
 export declare const insertUrlParam: (key: any, value: any) => void;
+/**
+ * Deletes a URL parameter.
+ * @param key
+ */
+export declare const deleteUrlParam: (key: any) => void;
 /**
  * Inserts multiple URL parameters.
  * @param params An object containing key-value pairs of parameters.
@@ -129,4 +134,5 @@ export declare const useDimensions: (ref?: React.MutableRefObject<HTMLElement>)
 export declare const useSearchParams: <T>() => {
     params: T;
     setParam: <TKey extends keyof T, TValue extends T[TKey]>(key: TKey, value: TValue) => void;
+    clearParams: <TKey extends keyof T>(...keys: TKey[]) => void;
 };

package/dist/helpers/utilities.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchParams = exports.useDimensions = exports.usePubSub = exports.useIsVisible = exports.tryParseJson = exports.Deferred = exports.getUrlParams = exports.insertUrlParams = exports.insertUrlParam = exports.toHashCode = exports.StorageUtils = exports.fnWithAuthCheck = exports.formatDollar = exports.useCountdown = exports.importStyleSheet = exports.importScript = exports.preventDefault = void 0;
+exports.useSearchParams = exports.useDimensions = exports.usePubSub = exports.useIsVisible = exports.tryParseJson = exports.Deferred = exports.getUrlParams = exports.insertUrlParams = exports.deleteUrlParam = exports.insertUrlParam = exports.toHashCode = exports.StorageUtils = exports.fnWithAuthCheck = exports.formatDollar = exports.useCountdown = exports.importStyleSheet = exports.importScript = exports.preventDefault = void 0;
 const React = require("react");
 /**
  * Returns a function that will call the given handler and prevent the default event behavior.
@@ -167,6 +167,24 @@ const insertUrlParam = (key, value) => {
     }
 };
 exports.insertUrlParam = insertUrlParam;
+/**
+ * Deletes a URL parameter.
+ * @param key
+ */
+const deleteUrlParam = (key) => {
+    if (history.pushState) {
+        let searchParams = new URLSearchParams(window.location.search);
+        searchParams.delete(key);
+        let newUrl = window.location.protocol +
+            "//" +
+            window.location.host +
+            window.location.pathname +
+            "?" +
+            searchParams.toString();
+        window.history.pushState({ path: newUrl }, "", newUrl);
+    }
+};
+exports.deleteUrlParam = deleteUrlParam;
 /**
  * Inserts multiple URL parameters.
  * @param params An object containing key-value pairs of parameters.
@@ -314,9 +332,17 @@ const useSearchParams = () => {
         (0, exports.insertUrlParam)(key, value);
         setParams((0, exports.getUrlParams)());
     }, []);
+    /**
+     * Clears one or more URL parameters and updates the state.
+     */
+    const clearParams = React.useCallback((...keys) => {
+        keys.forEach(key => (0, exports.deleteUrlParam)(key));
+        setParams((0, exports.getUrlParams)());
+    }, []);
     return {
         params,
         setParam,
+        clearParams,
     };
 };
 exports.useSearchParams = useSearchParams;

package/dist/ui-utils/Money.d.ts

@@ -1,9 +1,37 @@
 import * as React from "react";
-/**
- * Renders a formatted dollar amount with a dollar sign and parentheses if the amount is negative.
- */
-export declare const Money: React.FC<{
+type MoneyProps = {
+    /**
+     * Numeric amount to display. Negative values are wrapped in parentheses and styled using negativeColor/negativeStyles.
+     */
     amount: number;
+    /**
+     * Whether to include decimal places in the formatted output. When true, the helper will format with standard cents precision.
+     * Defaults to false.
+     */
     decimal_places?: boolean;
+    /**
+     * Currency symbol prefix to display before the formatted amount. Defaults to "$".
+     */
     currency?: string;
-}>;
+    /**
+     * Fallback text color applied when the amount is negative (unless overridden via negativeStyles). Defaults to Bootstrap danger-like red.
+     */
+    negativeColor?: string;
+    /**
+     * Base styles applied to the <span>. These are merged last and can override sign-specific styles.
+     */
+    styles?: React.CSSProperties;
+    /**
+     * Additional styles merged when amount is negative (after negativeColor). Overridden by properties in styles if conflicts occur.
+     */
+    negativeStyles?: React.CSSProperties;
+    /**
+     * Additional styles merged when amount is zero or positive. Overridden by properties in styles if conflicts occur.
+     */
+    positiveStyles?: React.CSSProperties;
+};
+/**
+ * Renders a formatted dollar amount with a currency symbol and parentheses if the amount is negative.
+ */
+export declare const Money: React.FC<MoneyProps>;
+export {};

package/dist/ui-utils/Money.js

@@ -4,10 +4,10 @@ exports.Money = void 0;
 const React = require("react");
 const utilities_1 = require("../helpers/utilities");
 /**
- * Renders a formatted dollar amount with a dollar sign and parentheses if the amount is negative.
+ * Renders a formatted dollar amount with a currency symbol and parentheses if the amount is negative.
  */
-exports.Money = React.memo(({ amount, decimal_places = false, currency = "$" }) => {
+exports.Money = React.memo(({ amount, decimal_places = false, currency = "$", negativeColor = "#d9534f", styles = {}, negativeStyles = {}, positiveStyles = {}, }) => {
     const isNegative = amount < 0;
     const converted = `${currency}${(0, utilities_1.formatDollar)(Math.abs(amount), decimal_places)}`;
-    return (React.createElement("span", { style: Object.assign({}, (isNegative && { color: "#d9534f" })) }, isNegative ? `(${converted})` : converted));
+    return (React.createElement("span", { style: Object.assign(Object.assign({}, (isNegative ? Object.assign({ color: negativeColor }, negativeStyles) : positiveStyles)), styles) }, isNegative ? `(${converted})` : converted));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dry-ux",
-  "version": "1.75.0",
+  "version": "1.77.0",
   "description": "",
   "main": "dist/index",
   "scripts": {