@trafilea/afrodita-components 6.8.9 → 6.8.11

package/build/index.d.ts

@@ -2903,6 +2903,7 @@ interface ReviewProps {
     reviewId: string;
     reviewerName: string;
     date: Date;
+    dateFormat?: 'DDMMYY' | 'MMDDYY' | 'YYMMDD';
     rating: number;
     stars: {
         color: string;
@@ -2921,7 +2922,7 @@ interface ReviewProps {
     helpfulCount?: number;
     hasTextWhenHelpfulCount0?: boolean;
 }
-declare const Review: ({ reviewId, reviewerName, date, rating, stars, title, description, images, reviewVariant, onClickImage, helpfulActionText, helpfulAction, helpfulCount, hasTextWhenHelpfulCount0, }: ReviewProps) => JSX.Element;
+declare const Review: ({ reviewId, reviewerName, date, dateFormat, rating, stars, title, description, images, reviewVariant, onClickImage, helpfulActionText, helpfulAction, helpfulCount, hasTextWhenHelpfulCount0, }: ReviewProps) => JSX.Element;
 
 interface ReviewsHeaderProps {
     title?: string;

package/build/index.esm.js

@@ -13207,7 +13207,7 @@ var ImageProductWithTags$1 = function (_a) {
 };
 var templateObject_1$V, templateObject_2$B, templateObject_3$u, templateObject_4$k;
 
-var Container$G = newStyled.div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  grid-column-gap: 20px;\n  max-height: 50rem;\n  width: fit-content;\n"], ["\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  grid-column-gap: 20px;\n  max-height: 50rem;\n  width: fit-content;\n"])));
+var Container$G = newStyled.div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: minmax(6rem, max-content) 1fr;\n  grid-column-gap: 20px;\n  max-height: 50rem;\n  width: fit-content;\n"], ["\n  display: grid;\n  grid-template-columns: minmax(6rem, max-content) 1fr;\n  grid-column-gap: 20px;\n  max-height: 50rem;\n  width: fit-content;\n"])));
 var ProductGallery = function (_a) {
     var images = _a.images, selectedValue = _a.selectedValue, topTag = _a.topTag, bottomTag = _a.bottomTag, productImageDataTestId = _a.productImageDataTestId, previewListDataTestId = _a.previewListDataTestId, thumbnailPosition = _a.thumbnailPosition, _b = _a.borderRadiusVariant, borderRadiusVariant = _b === void 0 ? false : _b, previewImgBorderColor = _a.previewImgBorderColor, ctaText = _a.ctaText, ctaAction = _a.ctaAction, _c = _a.hideCTA, hideCTA = _c === void 0 ? false : _c, _d = _a.hasOverflowArrows, hasOverflowArrows = _d === void 0 ? false : _d;
     var initialValue = selectedValue && images.includes(selectedValue) ? selectedValue : images[0];
@@ -18666,11 +18666,18 @@ var ClubRadioGroupInput = function (_a) {
         }) }), void 0));
 };
 
-function formatDate(date) {
+function formatDate(date, format) {
     var day = date.getDate();
     var month = date.getMonth() + 1;
     var year = date.getFullYear();
-    return month < 10 ? "".concat(day, "/0").concat(month, "/").concat(year) : "".concat(day, "/").concat(month, "/").concat(year);
+    switch (format !== null && format !== void 0 ? format : 'DDMMYY') {
+        case 'DDMMYY':
+            return "".concat(day < 10 ? "0".concat(day) : day, "/").concat(month < 10 ? "0".concat(month) : month, "/").concat(year);
+        case 'MMDDYY':
+            return "".concat(month < 10 ? "0".concat(month) : month, "/").concat(day < 10 ? "0".concat(day) : day, "/").concat(year);
+        case 'YYMMDD':
+            return "".concat(year, "/").concat(month < 10 ? "0".concat(month) : month, "/").concat(day < 10 ? "0".concat(day) : day);
+    }
 }
 
 var Container$h = newStyled.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"])));
@@ -18741,10 +18748,10 @@ var HelpfulText = newStyled.div(templateObject_17 || (templateObject_17 = __make
 var HelpfulTexti = newStyled.i(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  content: '\f164';\n"], ["\n  content: '\\f164';\n"])));
 var ButtonSecondaryWrapper = newStyled(ButtonSecondary)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  margin-right: 15px;\n"], ["\n  margin-right: 15px;\n"])));
 var Review = function (_a) {
-    var reviewId = _a.reviewId, reviewerName = _a.reviewerName, date = _a.date, rating = _a.rating, stars = _a.stars, title = _a.title, description = _a.description, images = _a.images, reviewVariant = _a.reviewVariant, onClickImage = _a.onClickImage, helpfulActionText = _a.helpfulActionText, helpfulAction = _a.helpfulAction, helpfulCount = _a.helpfulCount, _b = _a.hasTextWhenHelpfulCount0, hasTextWhenHelpfulCount0 = _b === void 0 ? false : _b;
+    var reviewId = _a.reviewId, reviewerName = _a.reviewerName, date = _a.date, _b = _a.dateFormat, dateFormat = _b === void 0 ? 'DDMMYY' : _b, rating = _a.rating, stars = _a.stars, title = _a.title, description = _a.description, images = _a.images, reviewVariant = _a.reviewVariant, onClickImage = _a.onClickImage, helpfulActionText = _a.helpfulActionText, helpfulAction = _a.helpfulAction, helpfulCount = _a.helpfulCount, _c = _a.hasTextWhenHelpfulCount0, hasTextWhenHelpfulCount0 = _c === void 0 ? false : _c;
     var randomId = Math.random().toString(36).substring(7);
-    var _c = useState(description.length > REVIEWS_DESCRIPTION_MAX_LENGTH_MOBILE), showMoreMobile = _c[0], setShowMoreMobile = _c[1];
-    var _d = useState(description.length > REVIEWS_DESCRIPTION_MAX_LENGTH_DESKTOP), showMoreDesktop = _d[0], setShowMoreDesktop = _d[1];
+    var _d = useState(description.length > REVIEWS_DESCRIPTION_MAX_LENGTH_MOBILE), showMoreMobile = _d[0], setShowMoreMobile = _d[1];
+    var _e = useState(description.length > REVIEWS_DESCRIPTION_MAX_LENGTH_DESKTOP), showMoreDesktop = _e[0], setShowMoreDesktop = _e[1];
     useEffect(function () {
         var seeMoreElements = document.querySelectorAll("#see-more-".concat(randomId));
         var showAllDescription = function () {
@@ -18760,7 +18767,7 @@ var Review = function (_a) {
             });
         };
     }, [randomId]);
-    return (jsxs$1(Container$g, { children: [jsxs$1(Heading, { children: [jsx$1(ReviewerName, { children: reviewerName }, void 0), jsx$1(DateText, { children: formatDate(date) }, void 0)] }, void 0), jsx$1(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxs$1(Content, __assign$1({ "data-testid": "review-content" }, { children: [jsxs$1(ReviewContainer, { children: [jsx$1(ReviewTitle, { children: title }, void 0), jsx$1(ReviewDescriptionMobile, { dangerouslySetInnerHTML: {
+    return (jsxs$1(Container$g, { children: [jsxs$1(Heading, { children: [jsx$1(ReviewerName, { children: reviewerName }, void 0), jsx$1(DateText, { children: formatDate(date, dateFormat) }, void 0)] }, void 0), jsx$1(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxs$1(Content, __assign$1({ "data-testid": "review-content" }, { children: [jsxs$1(ReviewContainer, { children: [jsx$1(ReviewTitle, { children: title }, void 0), jsx$1(ReviewDescriptionMobile, { dangerouslySetInnerHTML: {
                                     __html: showMoreMobile
                                         ? "".concat(description.slice(0, REVIEWS_DESCRIPTION_MAX_LENGTH_MOBILE), "... <a id=\"see-more-").concat(randomId, "\" class=\"see-more\">See more</a>")
                                         : description,