@trafilea/afrodita-components 7.27.14 → 7.27.15
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/build/es/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/es/components/rating/Rating.js +1 -1
- package/build/es/components/rating/styles.js +1 -1
- package/build/lib/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/lib/components/rating/Rating.js +1 -1
- package/build/lib/components/rating/styles.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,Fragment as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{useRef as t,useEffect as a}from"react";import{Video as n}from"../../../molecules/Video/Video.js";import l from"../../../slider/SliderNavigation.js";import{ImageSmallPreview as d}from"../ImageSmallPreview/ImageSmallPreview.js";import{Container as s,ListItem as u,Button as c,VideoContainer as m,ArrowsContainer as v,ArrowPrev as w,ArrowNext as y}from"./styled.js";var f=function(i,e){var o="eager";e&&(o=i<e?"eager":"lazy");return o},g=function(i,e){var o="auto";e&&(o=i<e?"sync":"async");return o},h=function(e){var o=e.item,t=e.index,a=e.selectedImage,l=e.onClick,s=e.borderRadiusVariant,v=e.previewImgBorderColor,w=e.isRatioSquare,y=e.itemsOnViewport,h=void 0===y?0:y,p=e.videoInPreview,I=void 0!==p&&p,b=e.alwaysPlayInPreview,k=void 0!==b&&b,C=e.isHorizontal,P=void 0!==C&&C,V=e.total,S=o.isVideo&&I&&(k||o.key===a.key),R=o.isVideo?"Video":"Image",q=o.alt?", ".concat(o.alt):"",B="".concat(R," ").concat(t+1," of ").concat(V).concat(q);return r(u,i({role:"listitem"},{children:r(c,i({type:"button",onClick:function(){return l(t)},"aria-label":B,"aria-current":o.key===a.key?"true":void 0},{children:S?r(m,i({isRatioSquare:w,isHorizontal:P},{children:r(n,{source:o.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,isActive:k||o.key===a.key,lazyLoad:!1},void 0)}),void 0):r(d,{imageUrl:(null==o?void 0:o.alt.includes("-video"))?null==o?void 0:o.thumbnailUrl:(null==o?void 0:o.thumbnailUrl)||(null==o?void 0:o.url),alt:o.alt,selected:o.key===a.key,borderRadiusVariant:s,previewImgBorderColor:v,isRatioSquare:w,loading:f(t,h),decoding:g(t,h)},void 0)}),void 0)}),o.key)},p=function(n){var d=n.images,u=n.selectedImage,c=n.onClick,m=n.dataTestId,f=n.position,g=n.borderRadiusVariant,p=n.previewImgBorderColor,I=n.hasOverflowArrows,b=n.isRatioSquare,k=n.itemsOnViewport,C=void 0===k?0:k,P=n.videoInPreview,V=void 0!==P&&P,S=n.alwaysPlayInPreview,R=void 0!==S&&S;!function(i){var e=t(new Set);a((function(){if(i.some((function(i){return!i.isVideo&&i.thumbnailUrl&&i.thumbnailUrl!==i.url}))){var o=setTimeout((function(){i.forEach((function(i){i.isVideo||!i.thumbnailUrl||i.thumbnailUrl===i.url||e.current.has(i.url)||((new Image).src=i.url,e.current.add(i.url))}))}),1500);return function(){return clearTimeout(o)}}}),[i])}(d);return e(o,{children:[r(s,i({role:"list","data-testid":m,position:f,className:I?"imageListContainer":f,hasOverflowArrows:I,isRatioSquare:b},{children:"horizontal"==f?r("div",i({style:{maxWidth:"360px"}},{children:r(l,i({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:c,borderRadiusVariant:g,previewImgBorderColor:p,isRatioSquare:b,itemsOnViewport:C,videoInPreview:V,alwaysPlayInPreview:R,isHorizontal:!0,total:d.length})}))}),void 0)}),void 0):d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:c,borderRadiusVariant:g,previewImgBorderColor:p,isRatioSquare:b,itemsOnViewport:C,videoInPreview:V,alwaysPlayInPreview:R,isHorizontal:!1,total:d.length})}))}),void 0),I&&e(v,i({role:"navigation"},{children:[r(w,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),r(y,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};export{p as ImagePreviewList};
|
|
2
2
|
//# sourceMappingURL=ImagePreviewList.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useTheme as r}from"../../core/theme/Theme.js";import{ComponentSize as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as t,Fragment as i,jsx as o}from"react/jsx-runtime";import{useTheme as r}from"../../core/theme/Theme.js";import{ComponentSize as a}from"../../types/enums.js";import{STARTS_NUMBER as n}from"./constants.js";import{StarList as s}from"./starList/StarList.js";import{RatingLabel as l,CustomLabel as c,Container as d,RatingSummary as m}from"./styles.js";var v=function(v){var u=v.size,h=void 0===u?a.Medium:u,f=v.reviews,p=v.reviewsText,w=v.rating,b=v.showRatingText,j=void 0!==b&&b,g=v.wrapWithParenthesis,C=void 0!==g&&g,x=v.underline,L=void 0!==x&&x,y=v.reviewsContainerId,z=v.additionalContent,R=v.overrideRatingStarFill;var S,T=r(),I=null!=f;if(I){var P=1===f?"review":"reviews";S="".concat(f," ").concat(P)}var W=S||p,k=W?", ".concat(W):"",q="".concat(w," out of ").concat(n," stars").concat(k),B=[I?"".concat(f):"",null!=p?p:""].filter(Boolean).join(" "),D=y?{href:y}:{},F=t(i,{children:[j&&o(l,e({color:T.colors.shades[700].color,"data-testid":"RatingLabel"},{children:w}),void 0),o(s,{rating:w,size:h,starsNumber:n,fill:null!=R?R:T.component.stars.element.color},void 0),(f||p)&&o(c,e({theme:T,size:h,wrapWithParenthesis:C,underline:L,"data-testid":"CustomLabel"},{children:B}),void 0)]},void 0);return t(d,e({as:y?"a":"div"},D,{"data-testid":"Container",onClick:function(e){var t;e.cancelable&&e.preventDefault(),y&&(null===(t=document.querySelector(y))||void 0===t||t.scrollIntoView({behavior:"smooth"}))},"aria-label":y?q:void 0},{children:[y?F:o(m,e({role:"img","aria-label":q},{children:F}),void 0),z]}),void 0)};export{v as Rating};
|
|
2
2
|
//# sourceMappingURL=Rating.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import{css as e}from"@emotion/react";import t from"@emotion/styled";var i,o,r={baseStyles:function(n){return e({margin:"0",display:"flex",color:n.colors.pallete.secondary.color,fontWeight:n.component.rating.fontWeight})},xxsmall:function(n){return e({fontSize:n.component.rating.size.xxsmall.fontSize,lineHeight:n.component.rating.size.xxsmall.lineHeight,marginLeft:"0.1rem"})},xsmall:function(n){return e({fontSize:n.component.rating.size.xsmall.fontSize,lineHeight:n.component.rating.size.xsmall.lineHeight,marginLeft:"0.172rem"})},small:function(n){return e({fontSize:n.component.rating.size.small.fontSize,lineHeight:n.component.rating.size.small.lineHeight,marginLeft:"0.313rem"})},medium:function(n){return e({fontSize:n.component.rating.size.medium.fontSize,lineHeight:n.component.rating.size.medium.lineHeight,marginLeft:"0.438rem"})},large:function(n){return e({fontSize:n.component.rating.size.large.fontSize,lineHeight:n.component.rating.size.large.lineHeight,marginLeft:"0.563rem"})}},a=t.a(i||(i=n(["\n display: flex;\n align-items: center;\n text-decoration: none;\n"],["\n display: flex;\n align-items: center;\n text-decoration: none;\n"]))),
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import{css as e}from"@emotion/react";import t from"@emotion/styled";var i,o,r,l={baseStyles:function(n){return e({margin:"0",display:"flex",color:n.colors.pallete.secondary.color,fontWeight:n.component.rating.fontWeight})},xxsmall:function(n){return e({fontSize:n.component.rating.size.xxsmall.fontSize,lineHeight:n.component.rating.size.xxsmall.lineHeight,marginLeft:"0.1rem"})},xsmall:function(n){return e({fontSize:n.component.rating.size.xsmall.fontSize,lineHeight:n.component.rating.size.xsmall.lineHeight,marginLeft:"0.172rem"})},small:function(n){return e({fontSize:n.component.rating.size.small.fontSize,lineHeight:n.component.rating.size.small.lineHeight,marginLeft:"0.313rem"})},medium:function(n){return e({fontSize:n.component.rating.size.medium.fontSize,lineHeight:n.component.rating.size.medium.lineHeight,marginLeft:"0.438rem"})},large:function(n){return e({fontSize:n.component.rating.size.large.fontSize,lineHeight:n.component.rating.size.large.lineHeight,marginLeft:"0.563rem"})}},a=t.a(i||(i=n(["\n display: flex;\n align-items: center;\n text-decoration: none;\n"],["\n display: flex;\n align-items: center;\n text-decoration: none;\n"]))),m=t.div(o||(o=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),g=t.div((function(n){var t=n.theme,i=n.size,o=n.wrapWithParenthesis,r=n.underline;return[l.baseStyles(t),l[i](t),{":before":{content:o?'"("':'""'},":after":{content:o?'")"':'""'}},e({textDecoration:r?"underline":"none"})]})),s=t.span(r||(r=n(["\n font-size: 16px;\n font-weight: 600;\n color: ",";\n padding-right: 6px;\n text-decoration: none;\n"],["\n font-size: 16px;\n font-weight: 600;\n color: ",";\n padding-right: 6px;\n text-decoration: none;\n"])),(function(n){return n.color}));export{a as Container,g as CustomLabel,s as RatingLabel,m as RatingSummary};
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("../../../molecules/Video/Video.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("../../../molecules/Video/Video.js"),t=require("../../../slider/SliderNavigation.js"),a=require("../ImageSmallPreview/ImageSmallPreview.js"),n=require("./styled.js"),l=function(e,i){var r="eager";i&&(r=e<i?"eager":"lazy");return r},s=function(e,i){var r="auto";i&&(r=e<i?"sync":"async");return r},d=function(r){var t=r.item,d=r.index,u=r.selectedImage,c=r.onClick,v=r.borderRadiusVariant,m=r.previewImgBorderColor,g=r.isRatioSquare,w=r.itemsOnViewport,y=void 0===w?0:w,h=r.videoInPreview,f=void 0!==h&&h,I=r.alwaysPlayInPreview,p=void 0!==I&&I,x=r.isHorizontal,P=void 0!==x&&x,j=r.total,C=t.isVideo&&f&&(p||t.key===u.key),V=t.isVideo?"Video":"Image",b=t.alt?", ".concat(t.alt):"",k="".concat(V," ").concat(d+1," of ").concat(j).concat(b);return i.jsx(n.ListItem,e.__assign({role:"listitem"},{children:i.jsx(n.Button,e.__assign({type:"button",onClick:function(){return c(d)},"aria-label":k,"aria-current":t.key===u.key?"true":void 0},{children:C?i.jsx(n.VideoContainer,e.__assign({isRatioSquare:g,isHorizontal:P},{children:i.jsx(o.Video,{source:t.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,isActive:p||t.key===u.key,lazyLoad:!1},void 0)}),void 0):i.jsx(a.ImageSmallPreview,{imageUrl:(null==t?void 0:t.alt.includes("-video"))?null==t?void 0:t.thumbnailUrl:(null==t?void 0:t.thumbnailUrl)||(null==t?void 0:t.url),alt:t.alt,selected:t.key===u.key,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:g,loading:l(d,y),decoding:s(d,y)},void 0)}),void 0)}),t.key)};exports.ImagePreviewList=function(o){var a=o.images,l=o.selectedImage,s=o.onClick,u=o.dataTestId,c=o.position,v=o.borderRadiusVariant,m=o.previewImgBorderColor,g=o.hasOverflowArrows,w=o.isRatioSquare,y=o.itemsOnViewport,h=void 0===y?0:y,f=o.videoInPreview,I=void 0!==f&&f,p=o.alwaysPlayInPreview,x=void 0!==p&&p;!function(e){var i=r.useRef(new Set);r.useEffect((function(){if(e.some((function(e){return!e.isVideo&&e.thumbnailUrl&&e.thumbnailUrl!==e.url}))){var r=setTimeout((function(){e.forEach((function(e){e.isVideo||!e.thumbnailUrl||e.thumbnailUrl===e.url||i.current.has(e.url)||((new Image).src=e.url,i.current.add(e.url))}))}),1500);return function(){return clearTimeout(r)}}}),[e])}(a);return i.jsxs(i.Fragment,{children:[i.jsx(n.Container,e.__assign({role:"list","data-testid":u,position:c,className:g?"imageListContainer":c,hasOverflowArrows:g,isRatioSquare:w},{children:"horizontal"==c?i.jsx("div",e.__assign({style:{maxWidth:"360px"}},{children:i.jsx(t,e.__assign({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:a.map((function(e,i){return d({item:e,index:i,selectedImage:l,onClick:s,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:w,itemsOnViewport:h,videoInPreview:I,alwaysPlayInPreview:x,isHorizontal:!0,total:a.length})}))}),void 0)}),void 0):a.map((function(e,i){return d({item:e,index:i,selectedImage:l,onClick:s,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:w,itemsOnViewport:h,videoInPreview:I,alwaysPlayInPreview:x,isHorizontal:!1,total:a.length})}))}),void 0),g&&i.jsxs(n.ArrowsContainer,e.__assign({role:"navigation"},{children:[i.jsx(n.ArrowPrev,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),i.jsx(n.ArrowNext,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ImagePreviewList.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("../../core/theme/Theme.js"),r=require("../../types/enums.js"),a=require("./constants.js"),s=require("./starList/StarList.js"),n=require("./styles.js");exports.Rating=function(o){var l=o.size,c=void 0===l?r.ComponentSize.Medium:l,d=o.reviews,u=o.reviewsText,v=o.rating,m=o.showRatingText,h=void 0!==m&&m,g=o.wrapWithParenthesis,j=void 0!==g&&g,_=o.underline,b=void 0!==_&&_,x=o.reviewsContainerId,R=o.additionalContent,S=o.overrideRatingStarFill;var f,p=t.useTheme(),w=null!=d;if(w){var q=1===d?"review":"reviews";f="".concat(d," ").concat(q)}var C=f||u,T=C?", ".concat(C):"",L="".concat(v," out of ").concat(a.STARTS_NUMBER," stars").concat(T),y=[w?"".concat(d):"",null!=u?u:""].filter(Boolean).join(" "),z=x?{href:x}:{},M=i.jsxs(i.Fragment,{children:[h&&i.jsx(n.RatingLabel,e.__assign({color:p.colors.shades[700].color,"data-testid":"RatingLabel"},{children:v}),void 0),i.jsx(s.StarList,{rating:v,size:c,starsNumber:a.STARTS_NUMBER,fill:null!=S?S:p.component.stars.element.color},void 0),(d||u)&&i.jsx(n.CustomLabel,e.__assign({theme:p,size:c,wrapWithParenthesis:j,underline:b,"data-testid":"CustomLabel"},{children:y}),void 0)]},void 0);return i.jsxs(n.Container,e.__assign({as:x?"a":"div"},z,{"data-testid":"Container",onClick:function(e){var i;e.cancelable&&e.preventDefault(),x&&(null===(i=document.querySelector(x))||void 0===i||i.scrollIntoView({behavior:"smooth"}))},"aria-label":x?L:void 0},{children:[x?M:i.jsx(n.RatingSummary,e.__assign({role:"img","aria-label":L},{children:M}),void 0),R]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Rating.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,o,r=t(require("@emotion/styled")),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,o,r,a=t(require("@emotion/styled")),l={baseStyles:function(e){return n.css({margin:"0",display:"flex",color:e.colors.pallete.secondary.color,fontWeight:e.component.rating.fontWeight})},xxsmall:function(e){return n.css({fontSize:e.component.rating.size.xxsmall.fontSize,lineHeight:e.component.rating.size.xxsmall.lineHeight,marginLeft:"0.1rem"})},xsmall:function(e){return n.css({fontSize:e.component.rating.size.xsmall.fontSize,lineHeight:e.component.rating.size.xsmall.lineHeight,marginLeft:"0.172rem"})},small:function(e){return n.css({fontSize:e.component.rating.size.small.fontSize,lineHeight:e.component.rating.size.small.lineHeight,marginLeft:"0.313rem"})},medium:function(e){return n.css({fontSize:e.component.rating.size.medium.fontSize,lineHeight:e.component.rating.size.medium.lineHeight,marginLeft:"0.438rem"})},large:function(e){return n.css({fontSize:e.component.rating.size.large.fontSize,lineHeight:e.component.rating.size.large.lineHeight,marginLeft:"0.563rem"})}},s=a.default.a(i||(i=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n text-decoration: none;\n"],["\n display: flex;\n align-items: center;\n text-decoration: none;\n"]))),m=a.default.div(o||(o=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),c=a.default.div((function(e){var t=e.theme,i=e.size,o=e.wrapWithParenthesis,r=e.underline;return[l.baseStyles(t),l[i](t),{":before":{content:o?'"("':'""'},":after":{content:o?'")"':'""'}},n.css({textDecoration:r?"underline":"none"})]})),f=a.default.span(r||(r=e.__makeTemplateObject(["\n font-size: 16px;\n font-weight: 600;\n color: ",";\n padding-right: 6px;\n text-decoration: none;\n"],["\n font-size: 16px;\n font-weight: 600;\n color: ",";\n padding-right: 6px;\n text-decoration: none;\n"])),(function(e){return e.color}));exports.Container=s,exports.CustomLabel=c,exports.RatingLabel=f,exports.RatingSummary=m;
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Trafilea's Design System",
|
|
4
4
|
"author": "Trafilea",
|
|
5
5
|
"repository": "https://github.com/trafilea/afrodita-components",
|
|
6
|
-
"version": "7.27.
|
|
6
|
+
"version": "7.27.15",
|
|
7
7
|
"private": false,
|
|
8
8
|
"main": "build/lib/index.js",
|
|
9
9
|
"style": "build/es/index.css",
|