@utilitywarehouse/hearth-react-native 0.2.0 → 0.3.0

package/src/types/values.ts

@@ -1,5 +1,5 @@
 import { AnimatableNumericValue, DimensionValue } from 'react-native';
-import { lightTheme } from '../core/themes';
+import { lightTheme, themes } from '../core/themes';
 import color from '../tokens/color';
 
 export type addPrefixToObject<T, P extends string> = {
@@ -80,3 +80,5 @@ export type BordeWidthValue =
   | undefined;
 
 export type OpacityValue = AnimatableNumericValue | undefined;
+
+export type SpacingValues = keyof (typeof themes)['light']['globalStyle']['variants']['space'];

package/src/utils/formatThousands.ts

@@ -0,0 +1,14 @@
+const formatThousands = (value: string) => {
+  if (!value) return value;
+  // Remove existing commas first
+  const cleaned = value.replace(/,/g, '');
+  // Allow leading minus, digits, optional decimal part
+  const match = cleaned.match(/^(-)?(\d*)(\.\d*)?$/);
+  if (!match) return value; // If it doesn't match a numeric pattern, return original (lets user continue typing)
+  const [, sign = '', intPart = '', decimalPart = ''] = match;
+  if (!intPart) return sign + intPart + decimalPart; // nothing to format yet
+  const withCommas = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+  return sign + withCommas + (decimalPart || '');
+};
+
+export default formatThousands;

package/src/utils/index.ts

@@ -1,4 +1,5 @@
 export { default as coloursAsArray, extractLightColorValues } from './coloursAsArray';
+export { default as formatThousands } from './formatThousands';
 export { default as getFlattenedColorValue } from './getFlattenedColorValue';
 export { default as getStyleValue } from './getStyleValue';
 export { default as hexWithOpacity } from './hexWithOpacity';