jfs-components 0.0.2 → 0.0.3

package/lib/commonjs/components/MoneyValue/MoneyValue.js

@@ -53,29 +53,56 @@ const CURRENCY_SYMBOLS = {
  * (e.g. "INR", "USD"). When an ISO code is provided, it will be mapped to the
  * appropriate symbol, with special care to support INR and other major currencies.
  *
+ * Negative values are auto-detected from the value prop (e.g., -500 or "-500").
+ * The `negative` prop can be used to explicitly override this behavior.
+ *
  * @component
  * @param {Object} props
- * @param {string|number} [props.value="500"] - Monetary value to display.
+ * @param {string|number} [props.value="500"] - Monetary value to display. Negative values are auto-detected.
  * @param {string} [props.currency="₹"] - Currency symbol or ISO code (e.g. "INR").
+ * @param {boolean} [props.negative] - Explicitly override negative display. If undefined, auto-detects from value.
  * @param {Object} [props.modes={}] - Modes object passed directly to `getVariableByName`.
  *                                   Example: {"MoneyValue / Theme": "Default"}
  * @param {Object} [props.style] - Optional container style overrides.
  * @param {Object} [props.valueStyle] - Optional value text style overrides.
  * @param {Object} [props.currencyStyle] - Optional currency text style overrides.
+ * @param {Object} [props.negativeSignStyle] - Optional negative sign text style overrides.
  * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, generates from value and currency
  * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
  */
 function MoneyValue({
   value = '500',
   currency = '₹',
+  negative,
   modes = {},
   style,
   valueStyle,
   currencyStyle,
+  negativeSignStyle,
   accessibilityLabel,
   accessibilityHint,
   ...rest
 }) {
+  // Auto-detect negative from value and compute display value
+  const {
+    isNegative,
+    displayValue
+  } = _react.default.useMemo(() => {
+    const stringValue = String(value);
+    const trimmed = stringValue.trim();
+    const valueIsNegative = trimmed.startsWith('-') || typeof value === 'number' && value < 0;
+
+    // Strip leading minus sign for display (we show it separately)
+    const absoluteValue = trimmed.startsWith('-') ? trimmed.slice(1) : trimmed;
+
+    // Use explicit negative prop if provided, otherwise use auto-detected
+    const showNegative = negative !== undefined ? negative : valueIsNegative;
+    return {
+      isNegative: showNegative,
+      displayValue: absoluteValue
+    };
+  }, [value, negative]);
+
   // Resolve typography and layout tokens from Figma
   const textColor = (0, _figmaVariablesResolver.getVariableByName)('moneyValue/text/color', modes) || '#0f0d0a';
   const fontSize = (0, _figmaVariablesResolver.getVariableByName)('moneyValue/supportText/fontSize', modes) || 14;
@@ -105,14 +132,19 @@ function MoneyValue({
   };
 
   // Generate default accessibility label from value and currency
-  const defaultAccessibilityLabel = accessibilityLabel || `${resolvedCurrency} ${value}`;
+  const defaultAccessibilityLabel = accessibilityLabel || `${isNegative ? 'negative ' : ''}${resolvedCurrency} ${displayValue}`;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [containerStyle, style],
     accessibilityRole: "text",
     accessibilityLabel: defaultAccessibilityLabel,
     accessibilityHint: accessibilityHint,
     ...rest,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    children: [isNegative && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [baseTextStyle, negativeSignStyle],
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no",
+      children: "-"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: [baseTextStyle, currencyStyle],
       accessibilityElementsHidden: true,
       importantForAccessibility: "no",
@@ -121,7 +153,7 @@ function MoneyValue({
       style: [baseTextStyle, valueStyle],
       accessibilityElementsHidden: true,
       importantForAccessibility: "no",
-      children: value
+      children: displayValue
     })]
   });
 }

package/lib/commonjs/components/MoneyValue/MoneyValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","CURRENCY_SYMBOLS","INR","USD","EUR","GBP","JPY","CNY","AUD","CAD","CHF","HKD","SGD","NZD","SEK","NOK","DKK","RUB","BRL","ZAR","AED","SAR","TRY","KRW","IDR","THB","MYR","PHP","VND","PKR","BDT","LKR","NPR","MoneyValue","value","currency","modes","style","valueStyle","currencyStyle","accessibilityLabel","accessibilityHint","rest","textColor","getVariableByName","fontSize","lineHeight","fontWeightValue","fontWeight","toString","fontFamily","gap","resolvedCurrency","React","useMemo","upper","toUpperCase","baseTextStyle","color","containerStyle","flexDirection","alignItems","defaultAccessibilityLabel","jsxs","View","accessibilityRole","children","jsx","Text","accessibilityElementsHidden","importantForAccessibility","_default","exports"],"sourceRoot":"../../../../src","sources":["components/MoneyValue/MoneyValue.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","CURRENCY_SYMBOLS","INR","USD","EUR","GBP","JPY","CNY","AUD","CAD","CHF","HKD","SGD","NZD","SEK","NOK","DKK","RUB","BRL","ZAR","AED","SAR","TRY","KRW","IDR","THB","MYR","PHP","VND","PKR","BDT","LKR","NPR","MoneyValue","value","currency","negative","modes","style","valueStyle","currencyStyle","negativeSignStyle","accessibilityLabel","accessibilityHint","rest","isNegative","displayValue","React","useMemo","stringValue","String","trimmed","trim","valueIsNegative","startsWith","absoluteValue","slice","showNegative","undefined","textColor","getVariableByName","fontSize","lineHeight","fontWeightValue","fontWeight","toString","fontFamily","gap","resolvedCurrency","upper","toUpperCase","baseTextStyle","color","containerStyle","flexDirection","alignItems","defaultAccessibilityLabel","jsxs","View","accessibilityRole","children","jsx","Text","accessibilityElementsHidden","importantForAccessibility","_default","exports"],"sourceRoot":"../../../../src","sources":["components/MoneyValue/MoneyValue.tsx"],"mappings":"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","ignoreList":[]}