@gem-sdk/components 6.0.0 → 6.0.1

package/dist/cjs/product/components/product-images-v3/components/feature-gallery/FeatureImageWithGallery.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),GalleryCarousel=require("../gallery-carousel/GalleryCarousel.js"),ProductGalleryGrid=require("../child/ProductGalleryGrid.js"),ProductFeaturedImageCarousel=require("../child/ProductFeaturedImageCarousel.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),useFeatureImageWithGallery=require("../../hooks/useFeatureImageWithGallery.js");const FeatureImageWithGallery=e=>{let{setting:r,styles:t,builderProps:a,gallery:s,onHandleClickImage:u,priorityFeatureImage:l,children:i,noDataChildren:d}=e,o=React.useRef(null),c=core.useCurrentDevice(),m=React.useCallback(e=>{if(!o.current)return;let r=o.current.getSwiper();r&&r.thumbs.swiper?.realIndex===void 0&&e&&(r.thumbs.swiper=e,r.thumbs.init(),r.thumbs.update(!0),r.update())},[]),n={...r,...t},{isShowCarousel:g,featureImageHeight:I,featureWrapperImage:p,onClickFeatureArrow:y,activeIndexFromFeatureImage:j,setOnClickFeatureArrow:x,onHandleLoadedFeatureImage:P,setActiveIndexFromFeatureImage:C}=useFeatureImageWithGallery.useFeatureImageWithGallery(e);if(s?.[0]?.id==="noImageError")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:d});let{ftImageGalleryClasses:h,imageGalleryWrapperClasses:F}=getProductImagesClassName.getProductImagesClassName(e),{wrapperFeaturedImageStyle:G,featureImageStyle:R,galleryImageStyle:b}=getProductImagesStyles.getProductImagesStyles(n,{gallery:s,featureImageHeight:I}),f=JSON.stringify(n?.position)+c+g;return jsxRuntime.jsxs("div",{className:core.cls("gp-grid gp-w-full gp-relative"),style:G,children:[jsxRuntime.jsxs("div",{className:h,style:R,children:[i,jsxRuntime.jsx(ProductFeaturedImageCarousel.default,{ref:o,imgRef:p,productImages:s,...n,onHandleClick:(e,r)=>u(e||"",r),onHandleLoaded:P,onHandleUpdateActiveIndex:C,onClickArrow:e=>x(e),builderPropUID:a?.uid,builderPropsClass:`gp-product-images-feature-${a?.uid}`})]}),s.length>1&&jsxRuntime.jsx("div",{className:F,style:b,children:g?jsxRuntime.jsx(GalleryCarousel.default,{productImages:s,position:n?.position,...n,builderPropUID:a?.uid,onHandleClick:(e,r)=>u(e||"",r),onSwiperReady:m,activeIndexFormFeatureImage:j,priorityFeatureImage:l,onClickFeatureArrow:y,builderPropsClass:`gp-product-images-gallery-${a?.uid}`}):jsxRuntime.jsx(ProductGalleryGrid.default,{productImages:s,...n,builderPropUID:a?.uid,onHandleClick:(e,r)=>u(e||"",r),activeIndexFromFeatureImage:j,isHiddenInteraction:!0})})]},f)};exports.default=FeatureImageWithGallery;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),GalleryCarousel=require("../gallery-carousel/GalleryCarousel.js"),ProductGalleryGrid=require("../child/ProductGalleryGrid.js"),ProductFeaturedImageCarousel=require("../child/ProductFeaturedImageCarousel.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),useFeatureImageWithGallery=require("../../hooks/useFeatureImageWithGallery.js");const FeatureImageWithGallery=e=>{let{setting:r,styles:t,builderProps:a,gallery:s,onHandleClickImage:u,priorityFeatureImage:l,children:i,noDataChildren:d}=e,{isEditMode:o}=core.useRenderMode(),c=React.useRef(null),m=core.useCurrentDevice(),n=React.useCallback(e=>{if(!c.current)return;let r=c.current.getSwiper();r&&r.thumbs.swiper?.realIndex===void 0&&e&&(r.thumbs.swiper=e,r.thumbs.init(),r.thumbs.update(!0),r.update())},[]),g={...r,...t},{isShowCarousel:I,featureImageHeight:p,featureWrapperImage:y,onClickFeatureArrow:j,activeIndexFromFeatureImage:x,setOnClickFeatureArrow:P,onHandleLoadedFeatureImage:C,setActiveIndexFromFeatureImage:h}=useFeatureImageWithGallery.useFeatureImageWithGallery(e);if(s?.[0]?.id==="noImageError"&&o)return jsxRuntime.jsx(jsxRuntime.Fragment,{children:d});let{ftImageGalleryClasses:F,imageGalleryWrapperClasses:R}=getProductImagesClassName.getProductImagesClassName(e),{wrapperFeaturedImageStyle:G,featureImageStyle:b,galleryImageStyle:f}=getProductImagesStyles.getProductImagesStyles(g,{gallery:s,featureImageHeight:p}),v=JSON.stringify(g?.position)+m+I;return jsxRuntime.jsxs("div",{className:core.cls("gp-grid gp-w-full gp-relative"),style:G,children:[jsxRuntime.jsxs("div",{className:F,style:b,children:[i,jsxRuntime.jsx(ProductFeaturedImageCarousel.default,{ref:c,imgRef:y,productImages:s,...g,onHandleClick:(e,r)=>u(e||"",r),onHandleLoaded:C,onHandleUpdateActiveIndex:h,onClickArrow:e=>P(e),builderPropUID:a?.uid,builderPropsClass:`gp-product-images-feature-${a?.uid}`})]}),s.length>1&&jsxRuntime.jsx("div",{className:R,style:f,children:I?jsxRuntime.jsx(GalleryCarousel.default,{productImages:s,position:g?.position,...g,builderPropUID:a?.uid,onHandleClick:(e,r)=>u(e||"",r),onSwiperReady:n,activeIndexFormFeatureImage:x,priorityFeatureImage:l,onClickFeatureArrow:j,builderPropsClass:`gp-product-images-gallery-${a?.uid}`}):jsxRuntime.jsx(ProductGalleryGrid.default,{productImages:s,...g,builderPropUID:a?.uid,onHandleClick:(e,r)=>u(e||"",r),activeIndexFromFeatureImage:x,isHiddenInteraction:!0})})]},v)};exports.default=FeatureImageWithGallery;

package/dist/cjs/product/components/product-images-v3/components/feature-only/OnlyFeatureImage.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),ProductFeaturedImageCarousel=require("../child/ProductFeaturedImageCarousel.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js");const OnlyFeatureImage=e=>{let{setting:s,styles:r,gallery:t,builderProps:a,noDataChildren:u,onHandleClickImage:l,children:d}=e,m={...s,...r};if(t?.[0]?.id==="noImageError")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:u});let{featureImageOnlyOneImageClasses:o}=getProductImagesClassName.getProductImagesClassName(m),{featureImageStyle:g}=getProductImagesStyles.getProductImagesStyles(m);return jsxRuntime.jsxs("div",{className:o,style:g,children:[jsxRuntime.jsx(ProductFeaturedImageCarousel.default,{productImages:t,...m,onHandleClick:(e,s)=>{l(e||"",s)},builderPropUID:a?.uid,builderPropsClass:`gp-product-images-gallery-${a?.uid}`}),d]})};exports.default=OnlyFeatureImage;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ProductFeaturedImageCarousel=require("../child/ProductFeaturedImageCarousel.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js");const OnlyFeatureImage=e=>{let{isEditMode:r}=core.useRenderMode(),{setting:s,styles:t,gallery:a,builderProps:u,noDataChildren:o,onHandleClickImage:d,children:l}=e,m={...s,...t};if(a?.[0]?.id==="noImageError"&&r)return jsxRuntime.jsx(jsxRuntime.Fragment,{children:o});let{featureImageOnlyOneImageClasses:g}=getProductImagesClassName.getProductImagesClassName(m),{featureImageStyle:c}=getProductImagesStyles.getProductImagesStyles(m);return jsxRuntime.jsxs("div",{className:g,style:c,children:[jsxRuntime.jsx(ProductFeaturedImageCarousel.default,{productImages:a,...m,onHandleClick:(e,r)=>{d(e||"",r)},builderPropUID:u?.uid,builderPropsClass:`gp-product-images-gallery-${u?.uid}`}),l]})};exports.default=OnlyFeatureImage;

package/dist/cjs/product/components/product-images-v3/components/gallery-grid/GalleryGrid.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),ProductGalleryGrid=require("../child/ProductGalleryGrid.js");const GalleryGrid=e=>{let{setting:r,styles:t,gallery:i,builderProps:d,noDataChildren:l,onHandleClickImage:o,children:u}=e,n={...r,...t,borderActive:{...r?.borderActive,border:"none"}};return i?.[0]?.id==="noImageError"?jsxRuntime.jsx(jsxRuntime.Fragment,{children:l}):jsxRuntime.jsx(ProductGalleryGrid.default,{productImages:i,enableHoverAction:!0,...n,builderPropUID:d?.uid,onHandleClick:(e,r)=>o(e||"",r),children:u})};exports.default=GalleryGrid;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ProductGalleryGrid=require("../child/ProductGalleryGrid.js");const GalleryGrid=e=>{let{isEditMode:r}=core.useRenderMode(),{setting:d,styles:i,gallery:t,builderProps:o,noDataChildren:l,onHandleClickImage:u,children:n}=e,c={...d,...i,borderActive:{...d?.borderActive,border:"none"}};return t?.[0]?.id==="noImageError"&&r?jsxRuntime.jsx(jsxRuntime.Fragment,{children:l}):jsxRuntime.jsx(ProductGalleryGrid.default,{productImages:t,enableHoverAction:!0,...c,builderPropUID:o?.uid,onHandleClick:(e,r)=>u(e||"",r),children:n})};exports.default=GalleryGrid;

package/dist/esm/product/components/product-images-v3/components/feature-gallery/FeatureImageWithGallery.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r,jsxs as t}from"react/jsx-runtime";import{useCurrentDevice as i,cls as o}from"@gem-sdk/core";import{useRef as a,useCallback as l}from"react";import s from"../gallery-carousel/GalleryCarousel.js";import d from"../child/ProductGalleryGrid.js";import m from"../child/ProductFeaturedImageCarousel.js";import{getProductImagesStyles as u}from"../../composables/getProductImagesStyles.js";import{getProductImagesClassName as n}from"../../composables/getProductImagesClassName.js";import{useFeatureImageWithGallery as p}from"../../hooks/useFeatureImageWithGallery.js";let FeatureImageWithGallery=c=>{let{setting:g,styles:I,builderProps:f,gallery:h,onHandleClickImage:y,priorityFeatureImage:b,children:C,noDataChildren:F}=c,P=a(null),v=i(),j=l(e=>{if(!P.current)return;let r=P.current.getSwiper();r&&r.thumbs.swiper?.realIndex===void 0&&e&&(r.thumbs.swiper=e,r.thumbs.init(),r.thumbs.update(!0),r.update())},[]),k={...g,...I},{isShowCarousel:w,featureImageHeight:x,featureWrapperImage:G,onClickFeatureArrow:H,activeIndexFromFeatureImage:N,setOnClickFeatureArrow:S,onHandleLoadedFeatureImage:U,setActiveIndexFromFeatureImage:A}=p(c);if(h?.[0]?.id==="noImageError")return e(r,{children:F});let{ftImageGalleryClasses:D,imageGalleryWrapperClasses:W}=n(c),{wrapperFeaturedImageStyle:R,featureImageStyle:$,galleryImageStyle:E}=u(k,{gallery:h,featureImageHeight:x}),J=JSON.stringify(k?.position)+v+w;return t("div",{className:o("gp-grid gp-w-full gp-relative"),style:R,children:[t("div",{className:D,style:$,children:[C,e(m,{ref:P,imgRef:G,productImages:h,...k,onHandleClick:(e,r)=>y(e||"",r),onHandleLoaded:U,onHandleUpdateActiveIndex:A,onClickArrow:e=>S(e),builderPropUID:f?.uid,builderPropsClass:`gp-product-images-feature-${f?.uid}`})]}),h.length>1&&e("div",{className:W,style:E,children:w?e(s,{productImages:h,position:k?.position,...k,builderPropUID:f?.uid,onHandleClick:(e,r)=>y(e||"",r),onSwiperReady:j,activeIndexFormFeatureImage:N,priorityFeatureImage:b,onClickFeatureArrow:H,builderPropsClass:`gp-product-images-gallery-${f?.uid}`}):e(d,{productImages:h,...k,builderPropUID:f?.uid,onHandleClick:(e,r)=>y(e||"",r),activeIndexFromFeatureImage:N,isHiddenInteraction:!0})})]},J)};export{FeatureImageWithGallery as default};
+import{jsx as e,Fragment as r,jsxs as t}from"react/jsx-runtime";import{useRenderMode as i,useCurrentDevice as o,cls as a}from"@gem-sdk/core";import{useRef as l,useCallback as s}from"react";import d from"../gallery-carousel/GalleryCarousel.js";import m from"../child/ProductGalleryGrid.js";import u from"../child/ProductFeaturedImageCarousel.js";import{getProductImagesStyles as n}from"../../composables/getProductImagesStyles.js";import{getProductImagesClassName as p}from"../../composables/getProductImagesClassName.js";import{useFeatureImageWithGallery as c}from"../../hooks/useFeatureImageWithGallery.js";let FeatureImageWithGallery=g=>{let{setting:I,styles:f,builderProps:h,gallery:y,onHandleClickImage:b,priorityFeatureImage:C,children:F,noDataChildren:P}=g,{isEditMode:v}=i(),j=l(null),k=o(),w=s(e=>{if(!j.current)return;let r=j.current.getSwiper();r&&r.thumbs.swiper?.realIndex===void 0&&e&&(r.thumbs.swiper=e,r.thumbs.init(),r.thumbs.update(!0),r.update())},[]),x={...I,...f},{isShowCarousel:G,featureImageHeight:H,featureWrapperImage:N,onClickFeatureArrow:S,activeIndexFromFeatureImage:U,setOnClickFeatureArrow:A,onHandleLoadedFeatureImage:D,setActiveIndexFromFeatureImage:W}=c(g);if(y?.[0]?.id==="noImageError"&&v)return e(r,{children:P});let{ftImageGalleryClasses:R,imageGalleryWrapperClasses:$}=p(g),{wrapperFeaturedImageStyle:E,featureImageStyle:J,galleryImageStyle:L}=n(x,{gallery:y,featureImageHeight:H}),O=JSON.stringify(x?.position)+k+G;return t("div",{className:a("gp-grid gp-w-full gp-relative"),style:E,children:[t("div",{className:R,style:J,children:[F,e(u,{ref:j,imgRef:N,productImages:y,...x,onHandleClick:(e,r)=>b(e||"",r),onHandleLoaded:D,onHandleUpdateActiveIndex:W,onClickArrow:e=>A(e),builderPropUID:h?.uid,builderPropsClass:`gp-product-images-feature-${h?.uid}`})]}),y.length>1&&e("div",{className:$,style:L,children:G?e(d,{productImages:y,position:x?.position,...x,builderPropUID:h?.uid,onHandleClick:(e,r)=>b(e||"",r),onSwiperReady:w,activeIndexFormFeatureImage:U,priorityFeatureImage:C,onClickFeatureArrow:S,builderPropsClass:`gp-product-images-gallery-${h?.uid}`}):e(m,{productImages:y,...x,builderPropUID:h?.uid,onHandleClick:(e,r)=>b(e||"",r),activeIndexFromFeatureImage:U,isHiddenInteraction:!0})})]},O)};export{FeatureImageWithGallery as default};

package/dist/esm/product/components/product-images-v3/components/feature-only/OnlyFeatureImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as r,jsxs as t}from"react/jsx-runtime";import a from"../child/ProductFeaturedImageCarousel.js";import{getProductImagesClassName as o}from"../../composables/getProductImagesClassName.js";import{getProductImagesStyles as l}from"../../composables/getProductImagesStyles.js";let OnlyFeatureImage=s=>{let{setting:m,styles:d,gallery:i,builderProps:u,noDataChildren:c,onHandleClickImage:g,children:p}=s,n={...m,...d};if(i?.[0]?.id==="noImageError")return e(r,{children:c});let{featureImageOnlyOneImageClasses:I}=o(n),{featureImageStyle:f}=l(n);return t("div",{className:I,style:f,children:[e(a,{productImages:i,...n,onHandleClick:(e,r)=>{g(e||"",r)},builderPropUID:u?.uid,builderPropsClass:`gp-product-images-gallery-${u?.uid}`}),p]})};export{OnlyFeatureImage as default};
+import{jsx as e,Fragment as r,jsxs as o}from"react/jsx-runtime";import{useRenderMode as t}from"@gem-sdk/core";import a from"../child/ProductFeaturedImageCarousel.js";import{getProductImagesClassName as m}from"../../composables/getProductImagesClassName.js";import{getProductImagesStyles as s}from"../../composables/getProductImagesStyles.js";let OnlyFeatureImage=l=>{let{isEditMode:d}=t(),{setting:i,styles:u,gallery:c,builderProps:g,noDataChildren:p,onHandleClickImage:n,children:I}=l,f={...i,...u};if(c?.[0]?.id==="noImageError"&&d)return e(r,{children:p});let{featureImageOnlyOneImageClasses:y}=m(f),{featureImageStyle:P}=s(f);return o("div",{className:y,style:P,children:[e(a,{productImages:c,...f,onHandleClick:(e,r)=>{n(e||"",r)},builderPropUID:g?.uid,builderPropsClass:`gp-product-images-gallery-${g?.uid}`}),I]})};export{OnlyFeatureImage as default};

package/dist/esm/product/components/product-images-v3/components/gallery-grid/GalleryGrid.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,Fragment as e}from"react/jsx-runtime";import o from"../child/ProductGalleryGrid.js";let GalleryGrid=d=>{let{setting:i,styles:l,gallery:t,builderProps:n,noDataChildren:a,onHandleClickImage:c,children:m}=d,u={...i,...l,borderActive:{...i?.borderActive,border:"none"}};return t?.[0]?.id==="noImageError"?r(e,{children:a}):r(o,{productImages:t,enableHoverAction:!0,...u,builderPropUID:n?.uid,onHandleClick:(r,e)=>c(r||"",e),children:m})};export{GalleryGrid as default};
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useRenderMode as o}from"@gem-sdk/core";import d from"../child/ProductGalleryGrid.js";let GalleryGrid=i=>{let{isEditMode:l}=o(),{setting:t,styles:c,gallery:n,builderProps:a,noDataChildren:m,onHandleClickImage:u,children:p}=i,G={...t,...c,borderActive:{...t?.borderActive,border:"none"}};return n?.[0]?.id==="noImageError"&&l?r(e,{children:m}):r(d,{productImages:n,enableHoverAction:!0,...G,builderPropUID:a?.uid,onHandleClick:(r,e)=>u(r||"",e),children:p})};export{GalleryGrid as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",