@trafilea/afrodita-components 6.54.5 → 6.54.7

package/build/index.d.ts

@@ -114,19 +114,19 @@ interface PriceLabelProps {
 }
 declare const PriceLabel: react__default.FC<PriceLabelProps>;
 
-declare type Props$2 = PriceLabelProps & {
+declare type Props$3 = PriceLabelProps & {
     savingsDisplay?: boolean;
     pricePerItem?: string;
     hasRoundedSavings?: boolean;
 };
-declare const PriceLabelV2: react__default.FC<Props$2>;
+declare const PriceLabelV2: react__default.FC<Props$3>;
 
-declare type Props$1 = PriceLabelProps & {
+declare type Props$2 = PriceLabelProps & {
     savingsDisplay?: boolean;
     itemsQuantity?: number;
     packUnitPrice?: string;
 };
-declare const PriceLabelV3: react__default.FC<Props$1>;
+declare const PriceLabelV3: react__default.FC<Props$2>;
 
 interface PriceLabelV5Props {
     finalPrice: string | number;
@@ -225,8 +225,8 @@ declare type ToggleProps = {
 
 declare const ToggleComponent: FC<ToggleProps>;
 
-declare type Props = Omit<IconProps$1, 'name'>;
-declare type IconComponent = react__default.FC<Props>;
+declare type Props$1 = Omit<IconProps$1, 'name'>;
+declare type IconComponent = react__default.FC<Props$1>;
 
 declare const Add: IconComponent;
 
@@ -4465,10 +4465,12 @@ declare const buildImageUrl: BuildImageUrl;
  */
 declare const decimalFormat: (number: number) => string;
 
-declare const formatPrice: (value: number, { locale, currency }?: {
-    locale?: string | undefined;
-    currency?: string | undefined;
-}) => string;
+interface Props {
+    locale?: string;
+    currency?: string;
+    decimals?: number;
+}
+declare const formatPrice: (value: number, { locale, currency, decimals }?: Props) => string;
 
 declare const getSrcSet: (imgLink: string, ...breakpoints: number[]) => string;
 

package/build/index.esm.js

@@ -3115,15 +3115,15 @@ var localeOverrideByCurrency = {
 };
 var formatPrice = function (value, _a) {
     var _b, _c;
-    var _d = _a === void 0 ? {} : _a, _e = _d.locale, locale = _e === void 0 ? 'en-US' : _e, _f = _d.currency, currency = _f === void 0 ? 'USD' : _f;
-    var _g = value.toFixed(3).split('.'), integer = _g[0], fraction = _g[1];
+    var _d = _a === void 0 ? {} : _a, _e = _d.locale, locale = _e === void 0 ? 'en-US' : _e, _f = _d.currency, currency = _f === void 0 ? 'USD' : _f, _g = _d.decimals, decimals = _g === void 0 ? 3 : _g;
+    var _h = value.toFixed(decimals).split('.'), integer = _h[0], fraction = _h[1];
     // this prevents `Intl.NumberFormat` from rounding the number
-    var valueToFormat = parseFloat("".concat(integer, ".").concat((_b = fraction === null || fraction === void 0 ? void 0 : fraction.slice(0, 2)) !== null && _b !== void 0 ? _b : 0));
+    var valueToFormat = parseFloat("".concat(integer, ".").concat((_b = fraction === null || fraction === void 0 ? void 0 : fraction.slice(0, decimals - 1)) !== null && _b !== void 0 ? _b : 0));
     var overridedLocale = (_c = localeOverrideByCurrency[currency]) !== null && _c !== void 0 ? _c : locale;
     var result = new Intl.NumberFormat(overridedLocale, {
         style: 'currency',
         currency: currency,
-        maximumFractionDigits: 3,
+        maximumFractionDigits: decimals,
     }).format(valueToFormat);
     if (currency === 'SGD') {
         // intlFormat does not support singapure currency
@@ -22205,10 +22205,10 @@ var ProductGalleryMobileV5 = function (_a) {
         if (thumbnailRef.current)
             setNav2(thumbnailRef.current);
     }, []);
-    return (jsx$1(Container$4, __assign$1({ "data-testid": "product-gallery-mobile" }, { children: jsxs$1(SliderContainer, __assign$1({ "data-testid": productImageDataTestId, ref: sliderWrapper }, { children: [jsx$1(Slider$1, __assign$1({}, SETTINGS, { lazyLoad: "progressive", nextArrow: jsx$1(NavButtonContainer, { children: jsx$1(Button, { children: jsx$1(Icon.Arrows.ChevronRight, { height: "21px", width: "21px", fill: colors.shades[700].color }, void 0) }, void 0) }, void 0), prevArrow: jsx$1(NavButtonContainer, { children: jsx$1(Button, { children: jsx$1(Icon.Arrows.ChevronLeft, { height: "21px", width: "21px", fill: colors.shades[700].color }, void 0) }, void 0) }, void 0), asNavFor: nav2, ref: function (slider) { return (slick.current = slider); } }, { children: images.map(function (_a) {
+    return (jsx$1(Container$4, __assign$1({ "data-testid": "product-gallery-mobile" }, { children: jsxs$1(SliderContainer, __assign$1({ "data-testid": productImageDataTestId, ref: sliderWrapper }, { children: [jsx$1(Slider$1, __assign$1({}, SETTINGS, { nextArrow: jsx$1(NavButtonContainer, { children: jsx$1(Button, { children: jsx$1(Icon.Arrows.ChevronRight, { height: "21px", width: "21px", fill: colors.shades[700].color }, void 0) }, void 0) }, void 0), prevArrow: jsx$1(NavButtonContainer, { children: jsx$1(Button, { children: jsx$1(Icon.Arrows.ChevronLeft, { height: "21px", width: "21px", fill: colors.shades[700].color }, void 0) }, void 0) }, void 0), asNavFor: nav2, ref: function (slider) { return (slick.current = slider); } }, { children: images.map(function (_a) {
                         var url = _a.url, key = _a.key, alt = _a.alt;
                         return (jsxs$1("div", { children: [jsx$1(StyledImage, { alt: alt, src: url, objectFit: "cover", width: theme.component.gallery.mainImgWidth, height: theme.component.gallery.mainImgHeight, loading: "eager", isRatioSquare: isRatioSquare }, void 0), jsx$1(TopTagContainer, __assign$1({ "data-testid": "topTag" }, { children: topTag }), void 0), jsx$1(BottomTagContainer, __assign$1({ "data-testid": "bottomTag" }, { children: bottomTag }), void 0)] }, key));
-                    }) }), void 0), jsx$1(SliderThumbnail, __assign$1({ asNavFor: nav1, ref: function (slider) { return (thumbnailRef.current = slider); } }, (thumbnailSettings || THUMBNAIL_SETTINGS), { lazyLoad: "progressive" }, { children: images.map(function (_a) {
+                    }) }), void 0), jsx$1(SliderThumbnail, __assign$1({ asNavFor: nav1, ref: function (slider) { return (thumbnailRef.current = slider); } }, (thumbnailSettings || THUMBNAIL_SETTINGS), { children: images.map(function (_a) {
                         var url = _a.url, key = _a.key, alt = _a.alt;
                         return (jsx$1(SlideItem, __assign$1({ paddingRight: imagesSliderConfig === null || imagesSliderConfig === void 0 ? void 0 : imagesSliderConfig.spacesBetweenImages }, { children: jsx$1(ThumbnailImage, __assign$1({ alt: "".concat(alt, "-thumbnail"), src: url }, imagesSliderConfig, { loading: "eager", isRatioSquare: isRatioSquare }), void 0) }), key));
                     }) }), void 0)] }), void 0) }), void 0));

package/build/index.js

@@ -3141,15 +3141,15 @@ var localeOverrideByCurrency = {
 };
 var formatPrice = function (value, _a) {
     var _b, _c;
-    var _d = _a === void 0 ? {} : _a, _e = _d.locale, locale = _e === void 0 ? 'en-US' : _e, _f = _d.currency, currency = _f === void 0 ? 'USD' : _f;
-    var _g = value.toFixed(3).split('.'), integer = _g[0], fraction = _g[1];
+    var _d = _a === void 0 ? {} : _a, _e = _d.locale, locale = _e === void 0 ? 'en-US' : _e, _f = _d.currency, currency = _f === void 0 ? 'USD' : _f, _g = _d.decimals, decimals = _g === void 0 ? 3 : _g;
+    var _h = value.toFixed(decimals).split('.'), integer = _h[0], fraction = _h[1];
     // this prevents `Intl.NumberFormat` from rounding the number
-    var valueToFormat = parseFloat("".concat(integer, ".").concat((_b = fraction === null || fraction === void 0 ? void 0 : fraction.slice(0, 2)) !== null && _b !== void 0 ? _b : 0));
+    var valueToFormat = parseFloat("".concat(integer, ".").concat((_b = fraction === null || fraction === void 0 ? void 0 : fraction.slice(0, decimals - 1)) !== null && _b !== void 0 ? _b : 0));
     var overridedLocale = (_c = localeOverrideByCurrency[currency]) !== null && _c !== void 0 ? _c : locale;
     var result = new Intl.NumberFormat(overridedLocale, {
         style: 'currency',
         currency: currency,
-        maximumFractionDigits: 3,
+        maximumFractionDigits: decimals,
     }).format(valueToFormat);
     if (currency === 'SGD') {
         // intlFormat does not support singapure currency
@@ -22231,10 +22231,10 @@ var ProductGalleryMobileV5 = function (_a) {
         if (thumbnailRef.current)
             setNav2(thumbnailRef.current);
     }, []);
-    return (jsxRuntime.jsx(Container$4, __assign$1({ "data-testid": "product-gallery-mobile" }, { children: jsxRuntime.jsxs(SliderContainer, __assign$1({ "data-testid": productImageDataTestId, ref: sliderWrapper }, { children: [jsxRuntime.jsx(Slider$1, __assign$1({}, SETTINGS, { lazyLoad: "progressive", nextArrow: jsxRuntime.jsx(NavButtonContainer, { children: jsxRuntime.jsx(Button, { children: jsxRuntime.jsx(Icon.Arrows.ChevronRight, { height: "21px", width: "21px", fill: colors.shades[700].color }, void 0) }, void 0) }, void 0), prevArrow: jsxRuntime.jsx(NavButtonContainer, { children: jsxRuntime.jsx(Button, { children: jsxRuntime.jsx(Icon.Arrows.ChevronLeft, { height: "21px", width: "21px", fill: colors.shades[700].color }, void 0) }, void 0) }, void 0), asNavFor: nav2, ref: function (slider) { return (slick.current = slider); } }, { children: images.map(function (_a) {
+    return (jsxRuntime.jsx(Container$4, __assign$1({ "data-testid": "product-gallery-mobile" }, { children: jsxRuntime.jsxs(SliderContainer, __assign$1({ "data-testid": productImageDataTestId, ref: sliderWrapper }, { children: [jsxRuntime.jsx(Slider$1, __assign$1({}, SETTINGS, { nextArrow: jsxRuntime.jsx(NavButtonContainer, { children: jsxRuntime.jsx(Button, { children: jsxRuntime.jsx(Icon.Arrows.ChevronRight, { height: "21px", width: "21px", fill: colors.shades[700].color }, void 0) }, void 0) }, void 0), prevArrow: jsxRuntime.jsx(NavButtonContainer, { children: jsxRuntime.jsx(Button, { children: jsxRuntime.jsx(Icon.Arrows.ChevronLeft, { height: "21px", width: "21px", fill: colors.shades[700].color }, void 0) }, void 0) }, void 0), asNavFor: nav2, ref: function (slider) { return (slick.current = slider); } }, { children: images.map(function (_a) {
                         var url = _a.url, key = _a.key, alt = _a.alt;
                         return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(StyledImage, { alt: alt, src: url, objectFit: "cover", width: theme.component.gallery.mainImgWidth, height: theme.component.gallery.mainImgHeight, loading: "eager", isRatioSquare: isRatioSquare }, void 0), jsxRuntime.jsx(TopTagContainer, __assign$1({ "data-testid": "topTag" }, { children: topTag }), void 0), jsxRuntime.jsx(BottomTagContainer, __assign$1({ "data-testid": "bottomTag" }, { children: bottomTag }), void 0)] }, key));
-                    }) }), void 0), jsxRuntime.jsx(SliderThumbnail, __assign$1({ asNavFor: nav1, ref: function (slider) { return (thumbnailRef.current = slider); } }, (thumbnailSettings || THUMBNAIL_SETTINGS), { lazyLoad: "progressive" }, { children: images.map(function (_a) {
+                    }) }), void 0), jsxRuntime.jsx(SliderThumbnail, __assign$1({ asNavFor: nav1, ref: function (slider) { return (thumbnailRef.current = slider); } }, (thumbnailSettings || THUMBNAIL_SETTINGS), { children: images.map(function (_a) {
                         var url = _a.url, key = _a.key, alt = _a.alt;
                         return (jsxRuntime.jsx(SlideItem, __assign$1({ paddingRight: imagesSliderConfig === null || imagesSliderConfig === void 0 ? void 0 : imagesSliderConfig.spacesBetweenImages }, { children: jsxRuntime.jsx(ThumbnailImage, __assign$1({ alt: "".concat(alt, "-thumbnail"), src: url }, imagesSliderConfig, { loading: "eager", isRatioSquare: isRatioSquare }), void 0) }), key));
                     }) }), void 0)] }), void 0) }), void 0));

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trafilea's Design System",
   "author": "Trafilea",
   "repository": "https://github.com/trafilea/afrodita-components",
-  "version": "6.54.5",
+  "version": "6.54.7",
   "private": false,
   "main": "build/index.js",
   "style": "build/index.css",
@@ -109,7 +109,7 @@
     "rollup-plugin-dts": "^3.0.2",
     "rollup-plugin-import-css": "^3.0.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-typescript2": "^0.30.0",
+    "rollup-plugin-typescript2": "0.31.0",
     "tslib": "^2.2.0",
     "webpack": "^5.68.0"
   },