@activecollab/components 2.0.239 → 2.0.240
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Display/DisplayCurrency.js +14 -5
- package/dist/cjs/components/Display/DisplayCurrency.js.map +1 -1
- package/dist/esm/components/Display/DisplayCurrency.d.ts +1 -0
- package/dist/esm/components/Display/DisplayCurrency.d.ts.map +1 -1
- package/dist/esm/components/Display/DisplayCurrency.js +14 -5
- package/dist/esm/components/Display/DisplayCurrency.js.map +1 -1
- package/dist/index.js +14 -5
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _utils = require("../../utils");
|
|
9
9
|
var _Tooltip = require("../Tooltip");
|
|
10
10
|
var _Typography = require("../Typography/Typography");
|
|
11
|
-
var _excluded = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as"];
|
|
11
|
+
var _excluded = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "currencyClassName"];
|
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -37,9 +37,10 @@ var DisplayCurrency = exports.DisplayCurrency = /*#__PURE__*/(0, _react.forwardR
|
|
|
37
37
|
className = _ref.className,
|
|
38
38
|
_ref$as = _ref.as,
|
|
39
39
|
as = _ref$as === void 0 ? "span" : _ref$as,
|
|
40
|
+
currencyClassName = _ref.currencyClassName,
|
|
40
41
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
41
|
-
var formattedValue = (0, _utils.
|
|
42
|
-
var formattedLongValue = (0, _utils.
|
|
42
|
+
var formattedValue = (0, _utils.formatNumber)(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", 10000);
|
|
43
|
+
var formattedLongValue = (0, _utils.formatNumber)(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", 10000);
|
|
43
44
|
if (format === "short") {
|
|
44
45
|
return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
|
|
45
46
|
title: (0, _utils.formatCurrency)(value, thousandSeparator, decimalSeparator, false, decimalSpaces, "long", currencyCode, currencyPosition),
|
|
@@ -49,14 +50,22 @@ var DisplayCurrency = exports.DisplayCurrency = /*#__PURE__*/(0, _react.forwardR
|
|
|
49
50
|
variant: variant,
|
|
50
51
|
className: className,
|
|
51
52
|
ref: ref
|
|
52
|
-
}, rest),
|
|
53
|
+
}, rest), currencyPosition === "left" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
54
|
+
className: currencyClassName
|
|
55
|
+
}, currencyCode), " ", formattedValue) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formattedValue, " ", /*#__PURE__*/_react.default.createElement("span", {
|
|
56
|
+
className: currencyClassName
|
|
57
|
+
}, currencyCode))));
|
|
53
58
|
}
|
|
54
59
|
return /*#__PURE__*/_react.default.createElement(_Typography.Typography, _extends({
|
|
55
60
|
as: as,
|
|
56
61
|
variant: variant,
|
|
57
62
|
className: className,
|
|
58
63
|
ref: ref
|
|
59
|
-
}, rest),
|
|
64
|
+
}, rest), currencyPosition === "left" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
65
|
+
className: currencyClassName
|
|
66
|
+
}, currencyCode), " ", formattedLongValue) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formattedLongValue, " ", /*#__PURE__*/_react.default.createElement("span", {
|
|
67
|
+
className: currencyClassName
|
|
68
|
+
}, currencyCode)));
|
|
60
69
|
});
|
|
61
70
|
DisplayCurrency.displayName = "DisplayCurrency";
|
|
62
71
|
//# sourceMappingURL=DisplayCurrency.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisplayCurrency.js","names":["_react","_interopRequireWildcard","require","_utils","_Tooltip","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DisplayCurrency","exports","forwardRef","_ref","ref","value","_ref$variant","variant","_ref$currencyCode","currencyCode","_ref$currencyPosition","currencyPosition","_ref$thousandSeparato","thousandSeparator","_ref$decimalSeparator","decimalSeparator","_ref$trimDecimals","trimDecimals","_ref$decimalSpaces","decimalSpaces","_ref$format","format","_ref$disableTooltip","disableTooltip","className","_ref$as","as","rest","formattedValue","
|
|
1
|
+
{"version":3,"file":"DisplayCurrency.js","names":["_react","_interopRequireWildcard","require","_utils","_Tooltip","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DisplayCurrency","exports","forwardRef","_ref","ref","value","_ref$variant","variant","_ref$currencyCode","currencyCode","_ref$currencyPosition","currencyPosition","_ref$thousandSeparato","thousandSeparator","_ref$decimalSeparator","decimalSeparator","_ref$trimDecimals","trimDecimals","_ref$decimalSpaces","decimalSpaces","_ref$format","format","_ref$disableTooltip","disableTooltip","className","_ref$as","as","currencyClassName","rest","formattedValue","formatNumber","formattedLongValue","createElement","Tooltip","title","formatCurrency","disable","includes","Typography","Fragment","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency, formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n HTMLSpanElement,\n Omit<DisplayNumberProps, \"shortenThreshold\"> & {\n currencyCode?: string;\n currencyPosition?: string;\n currencyClassName?: string;\n }\n>(\n (\n {\n value,\n variant = \"Body 2\",\n currencyCode = \"USD\",\n currencyPosition = \"right\",\n thousandSeparator = \",\",\n decimalSeparator = \".\",\n trimDecimals = true,\n decimalSpaces = 2,\n format = \"long\",\n disableTooltip = false,\n className,\n as = \"span\",\n currencyClassName,\n ...rest\n },\n ref\n ) => {\n const formattedValue = formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"short\",\n 10000\n );\n\n const formattedLongValue = formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"long\",\n 10000\n );\n\n if (format === \"short\") {\n return (\n <Tooltip\n title={formatCurrency(\n value,\n thousandSeparator,\n decimalSeparator,\n false,\n decimalSpaces,\n \"long\",\n currencyCode,\n currencyPosition\n )}\n disable={\n disableTooltip ||\n (!formattedLongValue.includes(thousandSeparator) &&\n !formattedLongValue.includes(decimalSeparator))\n }\n >\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {currencyPosition === \"left\" ? (\n <>\n <span className={currencyClassName}>{currencyCode}</span>{\" \"}\n {formattedValue}\n </>\n ) : (\n <>\n {formattedValue}{\" \"}\n <span className={currencyClassName}>{currencyCode}</span>\n </>\n )}\n </Typography>\n </Tooltip>\n );\n }\n\n return (\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {currencyPosition === \"left\" ? (\n <>\n <span className={currencyClassName}>{currencyCode}</span>{\" \"}\n {formattedLongValue}\n </>\n ) : (\n <>\n {formattedLongValue}{\" \"}\n <span className={currencyClassName}>{currencyCode}</span>\n </>\n )}\n </Typography>\n );\n }\n);\n\nDisplayCurrency.displayName = \"DisplayCurrency\";\n"],"mappings":"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"}
|
|
@@ -3,5 +3,6 @@ import { DisplayNumberProps } from "./types";
|
|
|
3
3
|
export declare const DisplayCurrency: React.ForwardRefExoticComponent<Omit<Omit<DisplayNumberProps, "shortenThreshold"> & {
|
|
4
4
|
currencyCode?: string | undefined;
|
|
5
5
|
currencyPosition?: string | undefined;
|
|
6
|
+
currencyClassName?: string | undefined;
|
|
6
7
|
}, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
7
8
|
//# sourceMappingURL=DisplayCurrency.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisplayCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"DisplayCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,eAAe;;;;iDA+G3B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
|
-
import { formatCurrency } from "../../utils";
|
|
3
|
+
import { formatCurrency, formatNumber } from "../../utils";
|
|
4
4
|
import { Tooltip } from "../Tooltip";
|
|
5
5
|
import { Typography } from "../Typography/Typography";
|
|
6
6
|
export const DisplayCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
@@ -17,10 +17,11 @@ export const DisplayCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
17
17
|
disableTooltip = false,
|
|
18
18
|
className,
|
|
19
19
|
as = "span",
|
|
20
|
+
currencyClassName,
|
|
20
21
|
...rest
|
|
21
22
|
} = _ref;
|
|
22
|
-
const formattedValue =
|
|
23
|
-
const formattedLongValue =
|
|
23
|
+
const formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", 10000);
|
|
24
|
+
const formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", 10000);
|
|
24
25
|
if (format === "short") {
|
|
25
26
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
26
27
|
title: formatCurrency(value, thousandSeparator, decimalSeparator, false, decimalSpaces, "long", currencyCode, currencyPosition),
|
|
@@ -30,14 +31,22 @@ export const DisplayCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
30
31
|
variant: variant,
|
|
31
32
|
className: className,
|
|
32
33
|
ref: ref
|
|
33
|
-
}, rest),
|
|
34
|
+
}, rest), currencyPosition === "left" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
35
|
+
className: currencyClassName
|
|
36
|
+
}, currencyCode), " ", formattedValue) : /*#__PURE__*/React.createElement(React.Fragment, null, formattedValue, " ", /*#__PURE__*/React.createElement("span", {
|
|
37
|
+
className: currencyClassName
|
|
38
|
+
}, currencyCode))));
|
|
34
39
|
}
|
|
35
40
|
return /*#__PURE__*/React.createElement(Typography, _extends({
|
|
36
41
|
as: as,
|
|
37
42
|
variant: variant,
|
|
38
43
|
className: className,
|
|
39
44
|
ref: ref
|
|
40
|
-
}, rest),
|
|
45
|
+
}, rest), currencyPosition === "left" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
46
|
+
className: currencyClassName
|
|
47
|
+
}, currencyCode), " ", formattedLongValue) : /*#__PURE__*/React.createElement(React.Fragment, null, formattedLongValue, " ", /*#__PURE__*/React.createElement("span", {
|
|
48
|
+
className: currencyClassName
|
|
49
|
+
}, currencyCode)));
|
|
41
50
|
});
|
|
42
51
|
DisplayCurrency.displayName = "DisplayCurrency";
|
|
43
52
|
//# sourceMappingURL=DisplayCurrency.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisplayCurrency.js","names":["React","forwardRef","formatCurrency","Tooltip","Typography","DisplayCurrency","_ref","ref","value","variant","currencyCode","currencyPosition","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n HTMLSpanElement,\n Omit<DisplayNumberProps, \"shortenThreshold\"> & {\n currencyCode?: string;\n currencyPosition?: string;\n }\n>(\n (\n {\n value,\n variant = \"Body 2\",\n currencyCode = \"USD\",\n currencyPosition = \"right\",\n thousandSeparator = \",\",\n decimalSeparator = \".\",\n trimDecimals = true,\n decimalSpaces = 2,\n format = \"long\",\n disableTooltip = false,\n className,\n as = \"span\",\n ...rest\n },\n ref\n ) => {\n const formattedValue =
|
|
1
|
+
{"version":3,"file":"DisplayCurrency.js","names":["React","forwardRef","formatCurrency","formatNumber","Tooltip","Typography","DisplayCurrency","_ref","ref","value","variant","currencyCode","currencyPosition","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","currencyClassName","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","Fragment","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency, formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n HTMLSpanElement,\n Omit<DisplayNumberProps, \"shortenThreshold\"> & {\n currencyCode?: string;\n currencyPosition?: string;\n currencyClassName?: string;\n }\n>(\n (\n {\n value,\n variant = \"Body 2\",\n currencyCode = \"USD\",\n currencyPosition = \"right\",\n thousandSeparator = \",\",\n decimalSeparator = \".\",\n trimDecimals = true,\n decimalSpaces = 2,\n format = \"long\",\n disableTooltip = false,\n className,\n as = \"span\",\n currencyClassName,\n ...rest\n },\n ref\n ) => {\n const formattedValue = formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"short\",\n 10000\n );\n\n const formattedLongValue = formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"long\",\n 10000\n );\n\n if (format === \"short\") {\n return (\n <Tooltip\n title={formatCurrency(\n value,\n thousandSeparator,\n decimalSeparator,\n false,\n decimalSpaces,\n \"long\",\n currencyCode,\n currencyPosition\n )}\n disable={\n disableTooltip ||\n (!formattedLongValue.includes(thousandSeparator) &&\n !formattedLongValue.includes(decimalSeparator))\n }\n >\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {currencyPosition === \"left\" ? (\n <>\n <span className={currencyClassName}>{currencyCode}</span>{\" \"}\n {formattedValue}\n </>\n ) : (\n <>\n {formattedValue}{\" \"}\n <span className={currencyClassName}>{currencyCode}</span>\n </>\n )}\n </Typography>\n </Tooltip>\n );\n }\n\n return (\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {currencyPosition === \"left\" ? (\n <>\n <span className={currencyClassName}>{currencyCode}</span>{\" \"}\n {formattedLongValue}\n </>\n ) : (\n <>\n {formattedLongValue}{\" \"}\n <span className={currencyClassName}>{currencyCode}</span>\n </>\n )}\n </Typography>\n );\n }\n);\n\nDisplayCurrency.displayName = \"DisplayCurrency\";\n"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -19923,7 +19923,7 @@
|
|
|
19923
19923
|
});
|
|
19924
19924
|
DisplayNumber.displayName = "DisplayNumber";
|
|
19925
19925
|
|
|
19926
|
-
var _excluded$z = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as"];
|
|
19926
|
+
var _excluded$z = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "currencyClassName"];
|
|
19927
19927
|
var DisplayCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19928
19928
|
var value = _ref.value,
|
|
19929
19929
|
_ref$variant = _ref.variant,
|
|
@@ -19947,9 +19947,10 @@
|
|
|
19947
19947
|
className = _ref.className,
|
|
19948
19948
|
_ref$as = _ref.as,
|
|
19949
19949
|
as = _ref$as === void 0 ? "span" : _ref$as,
|
|
19950
|
+
currencyClassName = _ref.currencyClassName,
|
|
19950
19951
|
rest = _objectWithoutProperties(_ref, _excluded$z);
|
|
19951
|
-
var formattedValue =
|
|
19952
|
-
var formattedLongValue =
|
|
19952
|
+
var formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", 10000);
|
|
19953
|
+
var formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", 10000);
|
|
19953
19954
|
if (format === "short") {
|
|
19954
19955
|
return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
|
|
19955
19956
|
title: formatCurrency(value, thousandSeparator, decimalSeparator, false, decimalSpaces, "long", currencyCode, currencyPosition),
|
|
@@ -19959,14 +19960,22 @@
|
|
|
19959
19960
|
variant: variant,
|
|
19960
19961
|
className: className,
|
|
19961
19962
|
ref: ref
|
|
19962
|
-
}, rest),
|
|
19963
|
+
}, rest), currencyPosition === "left" ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
19964
|
+
className: currencyClassName
|
|
19965
|
+
}, currencyCode), " ", formattedValue) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, formattedValue, " ", /*#__PURE__*/React__default["default"].createElement("span", {
|
|
19966
|
+
className: currencyClassName
|
|
19967
|
+
}, currencyCode))));
|
|
19963
19968
|
}
|
|
19964
19969
|
return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
|
|
19965
19970
|
as: as,
|
|
19966
19971
|
variant: variant,
|
|
19967
19972
|
className: className,
|
|
19968
19973
|
ref: ref
|
|
19969
|
-
}, rest),
|
|
19974
|
+
}, rest), currencyPosition === "left" ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
19975
|
+
className: currencyClassName
|
|
19976
|
+
}, currencyCode), " ", formattedLongValue) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, formattedLongValue, " ", /*#__PURE__*/React__default["default"].createElement("span", {
|
|
19977
|
+
className: currencyClassName
|
|
19978
|
+
}, currencyCode)));
|
|
19970
19979
|
});
|
|
19971
19980
|
DisplayCurrency.displayName = "DisplayCurrency";
|
|
19972
19981
|
|