@stella-source/stellasource-dsl 1.3.2 → 1.4.1

package/dist/cjs/types/components/TextField/NumberInput/types.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
 import { StellaIconDefinition } from "../../StellaIcon/types";
-import { TextFieldAlignments, TextFieldLeftCategory, TextFieldRightCategory } from "../types";
+import { TextFieldAlignments } from "../types";
 export interface NumberInputProps {
     id: string;
     label: string;
@@ -23,8 +23,8 @@ export interface NumberInputProps {
     endIcon?: `${StellaIconDefinition}`;
     hasError?: boolean;
     textAlign?: `${TextFieldAlignments}`;
-    leftCategory?: `${TextFieldLeftCategory}`;
-    rightCategory?: `${TextFieldRightCategory}`;
+    leftCategory?: string;
+    rightCategory?: string;
     thousandSeparator?: boolean;
     decimalPlaces?: number;
     allowNegativeNumbers?: boolean;

package/dist/cjs/types/components/TextField/types.d.ts

@@ -4,21 +4,6 @@ export declare enum TextFieldAlignments {
     CENTER = "center",
     RIGHT = "right"
 }
-export declare enum TextFieldLeftCategory {
-    US_CURRENCY = "$"
-}
-export declare enum TextFieldRightCategory {
-    FEET = "ft",
-    CENTIMETERS = "cm",
-    INCHES = "in",
-    FULL_INCHES = "inches",
-    PERCENTAGE = "%",
-    POUNDS_FEET = "lbs/ft",
-    HUNDREDWEIGHT = "CWT",
-    DPH = "$/hr",
-    MINUTES = "min",
-    HOURS = "hr"
-}
 export interface TextFieldContainerProps {
     children: React.ReactNode;
     id: string;
@@ -26,8 +11,8 @@ export interface TextFieldContainerProps {
     hideLabel?: boolean;
     disabled?: boolean;
     dataTestId?: string;
-    rightCategory?: `${TextFieldRightCategory}`;
-    leftCategory?: `${TextFieldLeftCategory}`;
+    rightCategory?: string;
+    leftCategory?: string;
     tooltipText?: string;
     isRequired?: boolean;
     helperText?: string;

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

@@ -14,13 +14,12 @@ import Table from "./components/Table/Table";
 import Pagination from "./components/Pagination/Pagination";
 import Sync from "./components/Sync/Sync";
 import TableUnitsAndTotals from "./components/TableUnitsAndTotals/TableUnitsAndTotals";
+import PaymentStatus from "./components/PaymentStatus/PaymentStatus";
 /** Types */
 import { StellaButtonVariant } from "./components/StellaButton/types";
 /** Tokens */
 import { Styles } from "./shared/tokens";
 import "./shared/tokens/tokens.css";
-import PaymentStatus from "./components/PaymentStatus/PaymentStatus";
 /**Exports */
-export * from "./components/TableUnitsAndTotals/types";
 export type { StellaIconDefinition } from "./components/StellaIcon/types";
 export { Label, StellaButton, IconButton, Loader, HelperText, Tooltip, StellaIcon, TextInput, PasswordInput, NumberInput, Table, Pagination, Sync, TableUnitsAndTotals, StellaButtonVariant, PaymentStatus, Styles, };

package/dist/esm/index.esm.js

@@ -17175,8 +17175,8 @@ const TextFieldWrapper = styled.div.attrs({
   border: 1px solid ${Styles.color.grey.medium};
   border-radius: 6px;
   overflow: hidden;
-  margin-top: 6px;
-  background-color: ${({ $isDisabled }) => $isDisabled ? Styles.color.grey.pale : "transparent"};
+  margin-top: 3px;
+  background-color: ${({ $isDisabled }) => $isDisabled ? Styles.color.grey.pale : "white"};
   outline: ${({ $hasError }) => $hasError && `${Styles.color.states.error} auto 1px`};
   cursor: ${({ $isDisabled, $isLoading }) => {
     if ($isDisabled)
@@ -17311,7 +17311,13 @@ const PasswordInput = ({ id, className, htmlProps, label, placeholder = "Enter P
 const formatDynamicNumbersWithCommas = (num, decimalPlaces) => {
     const onlyDigitNum = num.toString().replace(/[^\d.-]/g, "");
     const decimalEnding = onlyDigitNum.endsWith(".");
-    const decimalZero = onlyDigitNum.includes(".") && onlyDigitNum.endsWith("0");
+    const zeroEnding = onlyDigitNum.includes(".") && onlyDigitNum.endsWith("0");
+    let decimalTrailingZeros = "";
+    if (zeroEnding) {
+        const match = onlyDigitNum.match(/0+$/);
+        decimalTrailingZeros = match ? match[0] : "";
+    }
+    const decimalZero = onlyDigitNum.endsWith(`.${decimalTrailingZeros.length > 0 ? decimalTrailingZeros : "0"}`);
     if (onlyDigitNum === "" || onlyDigitNum === "-" || onlyDigitNum === ".") {
         return onlyDigitNum;
     }
@@ -17322,7 +17328,7 @@ const formatDynamicNumbersWithCommas = (num, decimalPlaces) => {
         ? `${Number(onlyDigitNum).toLocaleString("en-US", {
             minimumFractionDigits: 0,
             maximumFractionDigits: decimalPlaces,
-        })}${decimalEnding ? "." : ""}${decimalZero ? "0" : ""}`
+        })}${decimalEnding ? "." : ""}${decimalZero ? "." : ""}${zeroEnding ? `${decimalTrailingZeros}` : ""}`
         : "";
 };