@fixefy/fixefy-ui-components 0.3.109 → 0.3.111

package/dist/FxFairValueBadge/FxFairValueBadge.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type FairValueBadgePropsType = {
+    value?: string | number;
+    showValue?: boolean;
+    showLabel?: boolean;
+    labelPosition?: 'top' | 'bottom';
+    align?: 'flex-start' | 'center' | 'flex-end';
+    assetUrl?: string;
+    locale?: string;
+    currency?: string;
+};
+export declare const FxFairValueBadge: ({ value, showValue, showLabel, labelPosition, align, assetUrl, locale, currency }: FairValueBadgePropsType) => React.JSX.Element;

package/dist/FxFairValueBadge/FxFairValueBadge.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxFairValueBadge", {
+    enumerable: true,
+    get: function() {
+        return FxFairValueBadge;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _fair_value_badgestyles = require("./styles/fair_value_badge.styles");
+const _FxIcon = require("../FxIcon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxFairValueBadge = ({ value, showValue = true, showLabel = true, labelPosition = 'bottom', align = 'center', assetUrl, locale = 'en-US', currency = 'USD' })=>{
+    const displayValue = typeof value === 'number' ? value.toLocaleString(locale, {
+        style: 'currency',
+        currency,
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+    }) : value;
+    const badge = showLabel && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_fair_value_badgestyles.FairValueBadgeStyled, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                icon: "fixefy_icon_small_white.svg",
+                width: 12,
+                height: 12,
+                assetUrl: assetUrl
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_fair_value_badgestyles.FairValueLabel, {
+                children: "Fair Value"
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_fair_value_badgestyles.FairValueContainer, {
+        align: align,
+        children: [
+            labelPosition === 'top' && badge,
+            showValue && /*#__PURE__*/ (0, _jsxruntime.jsx)(_fair_value_badgestyles.FairValueAmount, {
+                children: displayValue
+            }),
+            labelPosition === 'bottom' && badge
+        ]
+    });
+};

package/dist/FxFairValueBadge/index.d.ts

@@ -0,0 +1 @@
+export { FxFairValueBadge, FairValueBadgePropsType } from './FxFairValueBadge';

package/dist/FxFairValueBadge/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FairValueBadgePropsType: function() {
+        return _FxFairValueBadge.FairValueBadgePropsType;
+    },
+    FxFairValueBadge: function() {
+        return _FxFairValueBadge.FxFairValueBadge;
+    }
+});
+const _FxFairValueBadge = require("./FxFairValueBadge");

package/dist/FxFairValueBadge/styles/fair_value_badge.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const FairValueContainer: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
+export declare const FairValueAmount: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const FairValueBadgeStyled: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const FairValueLabel: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist/FxFairValueBadge/styles/fair_value_badge.styles.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FairValueAmount: function() {
+        return FairValueAmount;
+    },
+    FairValueBadgeStyled: function() {
+        return FairValueBadgeStyled;
+    },
+    FairValueContainer: function() {
+        return FairValueContainer;
+    },
+    FairValueLabel: function() {
+        return FairValueLabel;
+    }
+});
+const _styles = require("@mui/material/styles");
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FairValueContainer = (0, _styles.styled)(_Box.default)(({ align = 'center' })=>({
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: align,
+        justifyContent: 'center',
+        gap: '1px'
+    }));
+const FairValueAmount = (0, _styles.styled)(_Typography.default)(({ theme })=>({
+        fontFamily: '"Open Sans", sans-serif',
+        fontWeight: 700,
+        fontSize: 14,
+        lineHeight: '20px',
+        letterSpacing: '0.1px',
+        color: theme.palette.primary.main,
+        textAlign: 'center',
+        width: '100%'
+    }));
+const FairValueBadgeStyled = (0, _styles.styled)(_Box.default)({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 4,
+    padding: '1px 6px',
+    borderRadius: 10,
+    background: 'linear-gradient(90deg, #3c636c 0%, #72b1c1 100%)'
+});
+const FairValueLabel = (0, _styles.styled)(_Typography.default)(({ theme })=>({
+        fontFamily: '"Open Sans", sans-serif',
+        fontWeight: 600,
+        fontSize: 10,
+        lineHeight: '16px',
+        letterSpacing: '0.5px',
+        textTransform: 'uppercase',
+        color: theme.palette.common.white,
+        whiteSpace: 'nowrap'
+    }));

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { FxAvatar, AvatarPropsType, BackgroundColorsType } from './FxAvatar';
 export { FxButton, ButtonPropsType } from './FxButton';
 export { FxChip, ChipPropsType } from './FxChip';
 export { FxDatesProgress } from './FxDatesProgress';
+export { FxFairValueBadge, FairValueBadgePropsType } from './FxFairValueBadge';
 export { FxGridEmptyState } from './FxGridEmptyState';
 export { FxGridError } from './FxGridError';
 export { FxGeneralModal } from './FxGeneralModal';

package/dist/index.js

@@ -42,6 +42,9 @@ _export(exports, {
     DataWrapper: function() {
         return _FxStyledComponents.DataWrapper;
     },
+    FairValueBadgePropsType: function() {
+        return _FxFairValueBadge.FairValueBadgePropsType;
+    },
     FxActionsTray: function() {
         return _FxActionsTray.FxActionsTray;
     },
@@ -69,6 +72,9 @@ _export(exports, {
     FxDatesProgress: function() {
         return _FxDatesProgress.FxDatesProgress;
     },
+    FxFairValueBadge: function() {
+        return _FxFairValueBadge.FxFairValueBadge;
+    },
     FxGeneralModal: function() {
         return _FxGeneralModal.FxGeneralModal;
     },
@@ -245,6 +251,7 @@ const _FxAvatar = require("./FxAvatar");
 const _FxButton = require("./FxButton");
 const _FxChip = require("./FxChip");
 const _FxDatesProgress = require("./FxDatesProgress");
+const _FxFairValueBadge = require("./FxFairValueBadge");
 const _FxGridEmptyState = require("./FxGridEmptyState");
 const _FxGridError = require("./FxGridError");
 const _FxGeneralModal = require("./FxGeneralModal");

package/package.json

@@ -73,5 +73,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.109"
+  "version": "0.3.111"
 }