@cranberry-money/shared-utils 3.0.4 → 3.0.5

package/dist/badge/badgeSystem.d.ts

@@ -0,0 +1,12 @@
+import type { BadgeSize, BadgeConfig, BadgeStyle, BadgeStyleWithText } from '@cranberry-money/shared-types';
+import { type TradeStatus as TradeStatusType, type TargetTradeStatus as TargetTradeStatusType, type WithdrawalStatus as WithdrawalStatusType, type LiquidationStatus as LiquidationStatusType } from '@cranberry-money/shared-constants';
+export declare const createBadge: ({ variant, size, className }: BadgeConfig) => BadgeStyle;
+export type TradeStatus = TradeStatusType | TargetTradeStatusType;
+export declare const getTradeStatusBadge: (status: TradeStatus, size?: BadgeSize) => BadgeStyleWithText;
+export type WithdrawalStatus = WithdrawalStatusType;
+export declare const getWithdrawalStatusBadge: (status: WithdrawalStatus, size?: BadgeSize) => BadgeStyleWithText;
+export type LiquidationStatus = LiquidationStatusType;
+export declare const getLiquidationStatusBadge: (status: LiquidationStatus, size?: BadgeSize) => BadgeStyleWithText;
+export type TargetTradeStatus = TargetTradeStatusType;
+export declare const getTargetTradeStatusBadge: (status: TargetTradeStatus, size?: BadgeSize) => BadgeStyleWithText;
+//# sourceMappingURL=badgeSystem.d.ts.map

package/dist/badge/badgeSystem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badgeSystem.d.ts","sourceRoot":"","sources":["../../src/badge/badgeSystem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,SAAS,EACT,WAAW,EACX,UAAU,EACV,kBAAkB,EACnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EASL,KAAK,WAAW,IAAI,eAAe,EACnC,KAAK,iBAAiB,IAAI,qBAAqB,EAC/C,KAAK,gBAAgB,IAAI,oBAAoB,EAC7C,KAAK,iBAAiB,IAAI,qBAAqB,EAChD,MAAM,mCAAmC,CAAC;AAkC3C,eAAO,MAAM,WAAW,GAAI,8BAA0C,WAAW,KAAG,UAQnF,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,qBAAqB,CAAC;AA8BlE,eAAO,MAAM,mBAAmB,GAAI,QAAQ,WAAW,EAAE,OAAM,SAAgB,KAAG,kBAUjF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AA0BpD,eAAO,MAAM,wBAAwB,GAAI,QAAQ,gBAAgB,EAAE,OAAM,SAAgB,KAAG,kBAU3F,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAkBtD,eAAO,MAAM,yBAAyB,GAAI,QAAQ,iBAAiB,EAAE,OAAM,SAAgB,KAAG,kBAU7F,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAkBtD,eAAO,MAAM,yBAAyB,GAAI,QAAQ,iBAAiB,EAAE,OAAM,SAAgB,KAAG,kBAU7F,CAAC"}

package/dist/badge/badgeSystem.js

@@ -0,0 +1,153 @@
+import { TRADE_STATUS, TRADE_STATUS_LABELS, TARGET_TRADE_STATUS, TARGET_TRADE_STATUS_LABELS, WITHDRAWAL_STATUS, WITHDRAWAL_STATUS_LABELS, LIQUIDATION_STATUS, LIQUIDATION_STATUS_LABELS, } from '@cranberry-money/shared-constants';
+/**
+ * Centralized Badge System
+ *
+ * This module provides a standardized way to create and style badges across the application.
+ * It ensures consistency in colors, typography, and semantic meaning while maintaining
+ * accessibility standards.
+ */
+/**
+ * Core badge styling configuration using custom color system
+ */
+const BADGE_VARIANTS = {
+    primary: 'bg-surface-tertiary text-content-secondary',
+    secondary: 'bg-surface-secondary text-content-body',
+    success: 'bg-success-900/80 text-success-300',
+    warning: 'bg-warning-900/80 text-warning-300',
+    error: 'bg-error-900/80 text-error-300',
+    info: 'bg-surface-tertiary text-content-body',
+    neutral: 'bg-surface-secondary text-content-muted',
+};
+const BADGE_SIZES = {
+    sm: 'text-xs px-1.5 py-0.5',
+    md: 'text-xs px-2 py-1',
+    lg: 'text-sm px-3 py-1.5',
+};
+/**
+ * Base badge styles that apply to all badges
+ */
+const BASE_BADGE_STYLES = 'inline-flex items-center rounded-md font-medium whitespace-nowrap transition-colors';
+export const createBadge = ({ variant, size = 'md', className = '' }) => {
+    const variantClasses = BADGE_VARIANTS[variant];
+    const sizeClasses = BADGE_SIZES[size];
+    return {
+        className: `${BASE_BADGE_STYLES} ${variantClasses} ${sizeClasses} ${className}`.trim(),
+        ariaLabel: `${variant} status`,
+    };
+};
+const TRADE_STATUS_MAPPING = {
+    // Executed Trade Statuses
+    [TRADE_STATUS.EXECUTED]: 'primary',
+    [TRADE_STATUS.SETTLED]: 'success',
+    [TRADE_STATUS.CANCELLED]: 'error',
+    [TRADE_STATUS.FAILED]: 'error',
+    // Target Trade Statuses
+    [TARGET_TRADE_STATUS.PENDING]: 'warning',
+    [TARGET_TRADE_STATUS.APPROVED]: 'success',
+    [TARGET_TRADE_STATUS.SUBMITTED]: 'primary',
+    [TARGET_TRADE_STATUS.EXPIRED]: 'neutral',
+    // Note: TARGET_TRADE_STATUS.CANCELLED has same value as TRADE_STATUS.CANCELLED
+};
+const TRADE_STATUS_LABELS_MAP = {
+    // Executed Trade Status Labels
+    [TRADE_STATUS.EXECUTED]: TRADE_STATUS_LABELS.EXECUTED,
+    [TRADE_STATUS.SETTLED]: TRADE_STATUS_LABELS.SETTLED,
+    [TRADE_STATUS.CANCELLED]: TRADE_STATUS_LABELS.CANCELLED,
+    [TRADE_STATUS.FAILED]: TRADE_STATUS_LABELS.FAILED,
+    // Target Trade Status Labels
+    [TARGET_TRADE_STATUS.PENDING]: TARGET_TRADE_STATUS_LABELS.PENDING,
+    [TARGET_TRADE_STATUS.APPROVED]: TARGET_TRADE_STATUS_LABELS.APPROVED,
+    [TARGET_TRADE_STATUS.SUBMITTED]: TARGET_TRADE_STATUS_LABELS.SUBMITTED,
+    [TARGET_TRADE_STATUS.EXPIRED]: TARGET_TRADE_STATUS_LABELS.EXPIRED,
+    // Note: TARGET_TRADE_STATUS.CANCELLED has same value as TRADE_STATUS.CANCELLED
+};
+export const getTradeStatusBadge = (status, size = 'md') => {
+    const variant = TRADE_STATUS_MAPPING[status] || 'neutral';
+    const badge = createBadge({ variant, size });
+    const displayText = TRADE_STATUS_LABELS_MAP[status] || status.charAt(0) + status.slice(1).toLowerCase();
+    return {
+        ...badge,
+        displayText,
+        ariaLabel: `Trade status: ${displayText}`,
+    };
+};
+const WITHDRAWAL_STATUS_MAPPING = {
+    [WITHDRAWAL_STATUS.PENDING_REVIEW]: 'warning',
+    [WITHDRAWAL_STATUS.APPROVED]: 'success',
+    [WITHDRAWAL_STATUS.REJECTED]: 'error',
+    [WITHDRAWAL_STATUS.PROCESSING]: 'primary',
+    [WITHDRAWAL_STATUS.AWAITING_LIQUIDATION]: 'warning',
+    [WITHDRAWAL_STATUS.LIQUIDATION_IN_PROGRESS]: 'primary',
+    [WITHDRAWAL_STATUS.COMPLETED]: 'success',
+    [WITHDRAWAL_STATUS.CANCELLED]: 'neutral',
+    [WITHDRAWAL_STATUS.FAILED]: 'error',
+};
+const WITHDRAWAL_STATUS_LABELS_MAP = {
+    [WITHDRAWAL_STATUS.PENDING_REVIEW]: WITHDRAWAL_STATUS_LABELS.PENDING_REVIEW,
+    [WITHDRAWAL_STATUS.APPROVED]: WITHDRAWAL_STATUS_LABELS.APPROVED,
+    [WITHDRAWAL_STATUS.REJECTED]: WITHDRAWAL_STATUS_LABELS.REJECTED,
+    [WITHDRAWAL_STATUS.PROCESSING]: WITHDRAWAL_STATUS_LABELS.PROCESSING,
+    [WITHDRAWAL_STATUS.AWAITING_LIQUIDATION]: WITHDRAWAL_STATUS_LABELS.AWAITING_LIQUIDATION,
+    [WITHDRAWAL_STATUS.LIQUIDATION_IN_PROGRESS]: WITHDRAWAL_STATUS_LABELS.LIQUIDATION_IN_PROGRESS,
+    [WITHDRAWAL_STATUS.COMPLETED]: WITHDRAWAL_STATUS_LABELS.COMPLETED,
+    [WITHDRAWAL_STATUS.CANCELLED]: WITHDRAWAL_STATUS_LABELS.CANCELLED,
+    [WITHDRAWAL_STATUS.FAILED]: WITHDRAWAL_STATUS_LABELS.FAILED,
+};
+export const getWithdrawalStatusBadge = (status, size = 'md') => {
+    const variant = WITHDRAWAL_STATUS_MAPPING[status] || 'neutral';
+    const badge = createBadge({ variant, size });
+    const displayText = WITHDRAWAL_STATUS_LABELS_MAP[status] || status;
+    return {
+        ...badge,
+        displayText,
+        ariaLabel: `Withdrawal status: ${displayText}`,
+    };
+};
+const LIQUIDATION_STATUS_MAPPING = {
+    [LIQUIDATION_STATUS.PENDING]: 'warning',
+    [LIQUIDATION_STATUS.TRADES_CREATED]: 'primary',
+    [LIQUIDATION_STATUS.EXECUTED]: 'primary',
+    [LIQUIDATION_STATUS.SETTLED]: 'success',
+    [LIQUIDATION_STATUS.FAILED]: 'error',
+};
+const LIQUIDATION_STATUS_LABELS_MAP = {
+    [LIQUIDATION_STATUS.PENDING]: LIQUIDATION_STATUS_LABELS.PENDING,
+    [LIQUIDATION_STATUS.TRADES_CREATED]: LIQUIDATION_STATUS_LABELS.TRADES_CREATED,
+    [LIQUIDATION_STATUS.EXECUTED]: LIQUIDATION_STATUS_LABELS.EXECUTED,
+    [LIQUIDATION_STATUS.SETTLED]: LIQUIDATION_STATUS_LABELS.SETTLED,
+    [LIQUIDATION_STATUS.FAILED]: LIQUIDATION_STATUS_LABELS.FAILED,
+};
+export const getLiquidationStatusBadge = (status, size = 'md') => {
+    const variant = LIQUIDATION_STATUS_MAPPING[status] || 'neutral';
+    const badge = createBadge({ variant, size });
+    const displayText = LIQUIDATION_STATUS_LABELS_MAP[status] || status;
+    return {
+        ...badge,
+        displayText,
+        ariaLabel: `Liquidation status: ${displayText}`,
+    };
+};
+const TARGET_TRADE_STATUS_MAPPING = {
+    [TARGET_TRADE_STATUS.PENDING]: 'warning',
+    [TARGET_TRADE_STATUS.APPROVED]: 'success',
+    [TARGET_TRADE_STATUS.SUBMITTED]: 'primary',
+    [TARGET_TRADE_STATUS.CANCELLED]: 'error',
+    [TARGET_TRADE_STATUS.EXPIRED]: 'neutral',
+};
+const TARGET_TRADE_STATUS_LABELS_MAP = {
+    [TARGET_TRADE_STATUS.PENDING]: TARGET_TRADE_STATUS_LABELS.PENDING,
+    [TARGET_TRADE_STATUS.APPROVED]: TARGET_TRADE_STATUS_LABELS.APPROVED,
+    [TARGET_TRADE_STATUS.SUBMITTED]: TARGET_TRADE_STATUS_LABELS.SUBMITTED,
+    [TARGET_TRADE_STATUS.CANCELLED]: TARGET_TRADE_STATUS_LABELS.CANCELLED,
+    [TARGET_TRADE_STATUS.EXPIRED]: TARGET_TRADE_STATUS_LABELS.EXPIRED,
+};
+export const getTargetTradeStatusBadge = (status, size = 'md') => {
+    const variant = TARGET_TRADE_STATUS_MAPPING[status] || 'neutral';
+    const badge = createBadge({ variant, size });
+    const displayText = TARGET_TRADE_STATUS_LABELS_MAP[status] || status;
+    return {
+        ...badge,
+        displayText,
+        ariaLabel: `Target trade status: ${displayText}`,
+    };
+};

package/dist/badge/index.d.ts

@@ -0,0 +1,4 @@
+export type { BadgeVariant, BadgeSize, BadgeConfig, BadgeStyle, BadgeStyleWithText, } from '@cranberry-money/shared-types';
+export type { TradeStatus, WithdrawalStatus, LiquidationStatus, TargetTradeStatus, } from './badgeSystem';
+export { createBadge, getTradeStatusBadge, getWithdrawalStatusBadge, getLiquidationStatusBadge, getTargetTradeStatusBadge, } from './badgeSystem';
+//# sourceMappingURL=index.d.ts.map

package/dist/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/badge/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,kBAAkB,GACnB,MAAM,+BAA+B,CAAC;AAGvC,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,eAAe,CAAC"}

package/dist/badge/index.js

@@ -0,0 +1,2 @@
+// Export badge functions
+export { createBadge, getTradeStatusBadge, getWithdrawalStatusBadge, getLiquidationStatusBadge, getTargetTradeStatusBadge, } from './badgeSystem';

package/dist/index.d.ts

@@ -5,4 +5,5 @@ export * from './formatters';
 export * from './helpers';
 export * from './portfolio';
 export * from './validation';
+export * from './badge';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -5,3 +5,4 @@ export * from './formatters';
 export * from './helpers';
 export * from './portfolio';
 export * from './validation';
+export * from './badge';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cranberry-money/shared-utils",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "Shared utility functions for MyPortfolio platform",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -48,4 +48,4 @@
     "url": "git+https://github.com/your-org/cranberry.git",
     "directory": "packages/shared-utils"
   }
-}
+}