@stella-source/stellasource-dsl 1.3.1 → 1.4.0

package/dist/cjs/types/components/PaymentStatus/PaymentStatus.stories.d.ts

@@ -8,7 +8,7 @@ declare const _default: {
             control: {
                 type: string;
             };
-            options: PaymentStatusVariant[];
+            options: (PaymentStatusVariant | null)[];
         };
     };
     args: {

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

@@ -1,15 +1,15 @@
 export declare enum PaymentStatusVariant {
-    PAYMENT_REQUIRED = "Payment Required",
-    TERMS_APPLIED = "Terms Applied",
-    PAYMENT_AUTHORIZED = "Payment Authorized",
-    PAYMENT_PROCESSING = "Payment Processing",
-    PAID = "Paid",
-    PAYMENT_FAILED = "Payment Failed",
-    CANCELED = "Canceled",
-    PAYMENT_WINDOW_EXPIRED = "Payment Window Expired"
+    PAYMENT_PENDING = "PaymentPending",
+    TERMS_APPLIED = "TermsApplied",
+    PAYMENT_AUTHORIZED = "PaymentAuthorized",
+    PAYMENT_PROCESSING = "PaymentProcessing",
+    PAYMENT_SETTLED = "PaymentSettled",
+    PAYMENT_FAILED = "PaymentFailed",
+    PAYMENT_CANCELED = "PaymentCanceled",
+    PAYMENT_WINDOW_EXPIRED = "PaymentWindowExpired"
 }
 export interface PaymentStatusProps {
     id?: string;
     className?: string;
-    variant: `${PaymentStatusVariant}`;
+    variant: `${PaymentStatusVariant}` | null;
 }

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

@@ -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}` : ""}`
         : "";
 };
 
@@ -21878,21 +21884,39 @@ const PaymentStatusLabel = styled.span `
   line-height: 20px;
 `;
 
+var PaymentStatusVariant;
+(function (PaymentStatusVariant) {
+    PaymentStatusVariant["PAYMENT_PENDING"] = "PaymentPending";
+    PaymentStatusVariant["TERMS_APPLIED"] = "TermsApplied";
+    PaymentStatusVariant["PAYMENT_AUTHORIZED"] = "PaymentAuthorized";
+    PaymentStatusVariant["PAYMENT_PROCESSING"] = "PaymentProcessing";
+    PaymentStatusVariant["PAYMENT_SETTLED"] = "PaymentSettled";
+    PaymentStatusVariant["PAYMENT_FAILED"] = "PaymentFailed";
+    PaymentStatusVariant["PAYMENT_CANCELED"] = "PaymentCanceled";
+    PaymentStatusVariant["PAYMENT_WINDOW_EXPIRED"] = "PaymentWindowExpired";
+})(PaymentStatusVariant || (PaymentStatusVariant = {}));
+
 const STATUS_ICON_MAP = {
-    "Payment Required": "warning",
-    "Terms Applied": "check-square",
-    "Payment Authorized": "check-square",
-    "Payment Processing": "money",
-    Paid: "currency-dollar",
-    "Payment Failed": "x-circle",
-    Canceled: "empty",
-    "Payment Window Expired": "hourglass-simple-low",
+    PaymentPending: "warning",
+    TermsApplied: "check-square",
+    PaymentAuthorized: "check-square",
+    PaymentProcessing: "money",
+    PaymentSettled: "currency-dollar",
+    PaymentFailed: "x-circle",
+    PaymentCanceled: "empty",
+    PaymentWindowExpired: "hourglass-simple-low",
 };
 const PaymentStatus = ({ variant, id, className }) => {
-    const iconName = STATUS_ICON_MAP[variant];
+    const iconName = variant ? STATUS_ICON_MAP[variant] : "";
+    const labelWords = variant?.split(/(?=[A-Z])/);
+    let label = labelWords ? labelWords.join(" ") : "--";
+    if (variant === PaymentStatusVariant.PAYMENT_SETTLED)
+        label = "Paid";
+    if (variant === PaymentStatusVariant.PAYMENT_CANCELED)
+        label = "Canceled";
     return (a__default.createElement(PaymentStatusComponent, { id: id, className: className },
-        a__default.createElement(PaymentStatusIcon, { iconName: iconName, size: 16 }),
-        a__default.createElement(PaymentStatusLabel, null, variant)));
+        iconName ? a__default.createElement(PaymentStatusIcon, { iconName: iconName, size: 16 }) : "",
+        a__default.createElement(PaymentStatusLabel, null, label)));
 };
 
 export { HelperText, IconButton, Label, Loader, NumberInput, Pagination, PasswordInput, PaymentStatus, StellaButton, StellaButtonVariant, StellaIcon, Styles, Sync, Table, TableUnitsAndTotals, TextInput, Tooltip };