@trafilea/afrodita-components 7.19.5 → 7.20.0
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.
|
@@ -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 r,jsx as o}from"react/jsx-runtime";import{useRef as t,useEffect as n}from"react";import{Video as a}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 m,VideoContainer as c,ArrowsContainer as v,ArrowPrev as w,ArrowNext as f}from"./styled.js";var p=function(i,e){var r="eager";e&&(r=i<e?"eager":"lazy");return r},g=function(i,e){var r="auto";e&&(r=i<e?"sync":"async");return r},h=function(e){var r=e.item,t=e.index,n=e.selectedImage,l=e.onClick,s=e.borderRadiusVariant,v=e.previewImgBorderColor,w=e.isRatioSquare,f=e.itemsOnViewport,h=void 0===f?0:f,y=e.videoInPreview,I=void 0!==y&&y,C=e.alwaysPlayInPreview,P=void 0!==C&&C,b=e.isHorizontal,S=void 0!==b&&b,V=r.isVideo&&I&&(P||r.key===n.key);return o(u,i({role:"listitem"},{children:o(m,i({onClick:function(){return l(t)}},{children:V?o(c,i({isRatioSquare:w,isHorizontal:S},{children:o(a,{source:r.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):o(d,{imageUrl:(null==r?void 0:r.alt.includes("-video"))?null==r?void 0:r.thumbnailUrl:(null==r?void 0:r.thumbnailUrl)||(null==r?void 0:r.url),alt:r.alt,selected:r.key===n.key,borderRadiusVariant:s,previewImgBorderColor:v,isRatioSquare:w,loading:p(t,h),decoding:g(t,h)},void 0)}),void 0)}),r.key)},y=function(a){var d=a.images,u=a.selectedImage,m=a.onClick,c=a.dataTestId,p=a.position,g=a.borderRadiusVariant,y=a.previewImgBorderColor,I=a.hasOverflowArrows,C=a.isRatioSquare,P=a.itemsOnViewport,b=void 0===P?0:P,S=a.videoInPreview,V=void 0!==S&&S,k=a.alwaysPlayInPreview,R=void 0!==k&&k;!function(i){var e=t(new Set);n((function(){if(i.some((function(i){return!i.isVideo&&i.thumbnailUrl&&i.thumbnailUrl!==i.url}))){var r=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(r)}}}),[i])}(d);return e(r,{children:[o(s,i({role:"list","data-testid":c,position:p,className:I?"imageListContainer":p,hasOverflowArrows:I,isRatioSquare:C},{children:"horizontal"==p?o("div",i({style:{maxWidth:"360px"}},{children:o(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:m,borderRadiusVariant:g,previewImgBorderColor:y,isRatioSquare:C,itemsOnViewport:b,videoInPreview:V,alwaysPlayInPreview:R,isHorizontal:!0})}))}),void 0)}),void 0):d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:m,borderRadiusVariant:g,previewImgBorderColor:y,isRatioSquare:C,itemsOnViewport:b,videoInPreview:V,alwaysPlayInPreview:R,isHorizontal:!1})}))}),void 0),I&&e(v,i({role:"navigation"},{children:[o(w,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),o(f,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};export{y as ImagePreviewList};
|
|
2
2
|
//# sourceMappingURL=ImagePreviewList.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("../../../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"),n=require("../../../slider/SliderNavigation.js"),t=require("../ImageSmallPreview/ImageSmallPreview.js"),a=require("./styled.js"),s=function(e,i){var r="eager";i&&(r=e<i?"eager":"lazy");return r},l=function(e,i){var r="auto";i&&(r=e<i?"sync":"async");return r},d=function(r){var n=r.item,d=r.index,u=r.selectedImage,c=r.onClick,v=r.borderRadiusVariant,m=r.previewImgBorderColor,w=r.isRatioSquare,g=r.itemsOnViewport,h=void 0===g?0:g,y=r.videoInPreview,f=void 0!==y&&y,I=r.alwaysPlayInPreview,p=void 0!==I&&I,x=r.isHorizontal,P=void 0!==x&&x,j=n.isVideo&&f&&(p||n.key===u.key);return i.jsx(a.ListItem,e.__assign({role:"listitem"},{children:i.jsx(a.Button,e.__assign({onClick:function(){return c(d)}},{children:j?i.jsx(a.VideoContainer,e.__assign({isRatioSquare:w,isHorizontal:P},{children:i.jsx(o.Video,{source:n.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):i.jsx(t.ImageSmallPreview,{imageUrl:(null==n?void 0:n.alt.includes("-video"))?null==n?void 0:n.thumbnailUrl:(null==n?void 0:n.thumbnailUrl)||(null==n?void 0:n.url),alt:n.alt,selected:n.key===u.key,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:w,loading:s(d,h),decoding:l(d,h)},void 0)}),void 0)}),n.key)};exports.ImagePreviewList=function(o){var t=o.images,s=o.selectedImage,l=o.onClick,u=o.dataTestId,c=o.position,v=o.borderRadiusVariant,m=o.previewImgBorderColor,w=o.hasOverflowArrows,g=o.isRatioSquare,h=o.itemsOnViewport,y=void 0===h?0:h,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])}(t);return i.jsxs(i.Fragment,{children:[i.jsx(a.Container,e.__assign({role:"list","data-testid":u,position:c,className:w?"imageListContainer":c,hasOverflowArrows:w,isRatioSquare:g},{children:"horizontal"==c?i.jsx("div",e.__assign({style:{maxWidth:"360px"}},{children:i.jsx(n,e.__assign({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:t.map((function(e,i){return d({item:e,index:i,selectedImage:s,onClick:l,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:g,itemsOnViewport:y,videoInPreview:I,alwaysPlayInPreview:x,isHorizontal:!0})}))}),void 0)}),void 0):t.map((function(e,i){return d({item:e,index:i,selectedImage:s,onClick:l,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:g,itemsOnViewport:y,videoInPreview:I,alwaysPlayInPreview:x,isHorizontal:!1})}))}),void 0),w&&i.jsxs(a.ArrowsContainer,e.__assign({role:"navigation"},{children:[i.jsx(a.ArrowPrev,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),i.jsx(a.ArrowNext,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ImagePreviewList.js.map
|
package/package.json
CHANGED