@gem-sdk/components 3.0.5 → 3.0.8

package/dist/cjs/product/components/product-list/ProductListGridItem.liquid.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js"),styles=require("./common/styles.js");const ProductListItem=e=>{let{pageContext:t,rawChildren:o}=e,{productItemStyle:r}=styles.getStyle(e),{productItemClass:s,gpProductClass:a}=classes.getClass(e),n=()=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=e=>{let{pageContext:t,rawChildren:o}=e,{productItemClass:r,gpProductClass:a}=classes.getClass(e),n=()=>core.template`
       ${o?.map((e,t)=>{if(e)return core.template`
-            ${core.RenderChildren({...e,index:t,style:{...e.style,...r}})}
-          `})}
+            ${core.RenderChildren({...e,index:t})}
+          `}).join("")}
     `;return core.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "quantity": 1 ,  "formId": "{{ product_form_id }}"}'
@@ -9,7 +9,7 @@
         class="${a}"
 
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${s}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${r}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
         <input type="hidden" name="id" value="{{ variant.id }}" />
         <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />
         <button type="submit" onclick="return false;" style="display:none;"></button>

package/dist/cjs/product/components/product-list/ProductListGridLayout.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const ProductListGridLayout=e=>{let{children:r,productSortedById:t,generateGridRowArray:s,setting:i}=e,l=core.useEditorMode(),{gridLayoutStyle:a,productItemStyle:o}=styles.getStyle(e),{gridLayoutClass:c,productItemClass:d}=classes.getClass(e),{productListAttr:n,getAttrProductItemEditor:u}=attrs.getAttr(e);return jsxRuntime.jsx("div",{...n,style:a,className:c,children:t?.length?t?.map((e,t)=>jsxRuntime.jsx(core.ProductProvider,{product:e,readOnly:!0,children:jsxRuntime.jsx("div",{..."edit"===l?u(e?.baseID):{},className:d,style:{"--grchild":i?.sameHeight?s?.[t]?.gridRow:void 0,"--mbchild":s?.[t]?.marginBottom},children:core.isEmptyChildren(r)?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,e=>React.isValidElement(e)?React.createElement(e.type,{...e.props,parentStyle:o,key:e.key}):null)})},e?.baseID)):null})};exports.default=ProductListGridLayout;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const ProductListGridLayout=e=>{let{children:r,productSortedById:t,generateGridRowArray:s,setting:i}=e,l=core.useEditorMode(),{gridLayoutStyle:a}=styles.getStyle(e),{gridLayoutClass:o,productItemClass:c}=classes.getClass(e),{productListAttr:d,getAttrProductItemEditor:n}=attrs.getAttr(e);return jsxRuntime.jsx("div",{...d,style:a,className:o,children:t?.length?t?.map((e,t)=>jsxRuntime.jsx(core.ProductProvider,{product:e,readOnly:!0,children:jsxRuntime.jsx("div",{..."edit"===l?n(e?.baseID):{},className:c,style:{"--grchild":i?.sameHeight?s?.[t]?.gridRow:void 0,"--mbchild":s?.[t]?.marginBottom},children:core.isEmptyChildren(r)?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,e=>React.isValidElement(e)?React.createElement(e.type,{...e.props,key:e.key}):null)})},e?.baseID)):null})};exports.default=ProductListGridLayout;

package/dist/cjs/third-party-slot/common/helpers.js

@@ -35,6 +35,6 @@
       {% elsif request.design_mode or request.visual_preview_mode %}
           ${i}
       {% else %}
-        <div class="${r}"/>
+        <div class="${r}"></div>
       {% endif %}
     `};exports.ICON_SHOPIFY_SLOT=ICON_SHOPIFY_SLOT,exports.renderThirdPartySlot=renderThirdPartySlot;

package/dist/esm/product/components/product-list/ProductListGridItem.liquid.js

@@ -1,19 +1,19 @@
-import{template as t,RenderChildren as e}from"@gem-sdk/core";import{getClass as o}from"./common/classes.js";import{getStyle as n}from"./common/styles.js";let ProductListItem=a=>{let{pageContext:r,rawChildren:c}=a,{productItemStyle:d}=n(a),{productItemClass:i,gpProductClass:s}=o(a),l=()=>t`
-      ${c?.map((o,n)=>{if(o)return t`
-            ${e({...o,index:n,style:{...o.style,...d}})}
-          `})}
+import{template as t,RenderChildren as e}from"@gem-sdk/core";import{getClass as o}from"./common/classes.js";let ProductListItem=n=>{let{pageContext:a,rawChildren:r}=n,{productItemClass:c,gpProductClass:d}=o(n),i=()=>t`
+      ${r?.map((o,n)=>{if(o)return t`
+            ${e({...o,index:n})}
+          `}).join("")}
     `;return t`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "quantity": 1 ,  "formId": "{{ product_form_id }}"}'
-        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(r)}}'
-        class="${s}"
+        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(a)}}'
+        class="${d}"
 
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${i}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${c}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
         <input type="hidden" name="id" value="{{ variant.id }}" />
         <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />
         <button type="submit" onclick="return false;" style="display:none;"></button>
-          ${l()}
+          ${i()}
         {%- endform -%}
       </gp-product>
   `};export{ProductListItem as default};

package/dist/esm/product/components/product-list/ProductListGridLayout.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{Children as t,isValidElement as o,createElement as e}from"react";import{useEditorMode as m,ProductProvider as i,isEmptyChildren as s}from"@gem-sdk/core";import l from"../../../grid/components/ChildrenDroppable.js";import{getStyle as a}from"./common/styles.js";import{getClass as d}from"./common/classes.js";import{getAttr as c}from"./common/attrs.js";let ProductListGridLayout=p=>{let{children:n,productSortedById:u,generateGridRowArray:y,setting:f}=p,h=m(),{gridLayoutStyle:g,productItemStyle:j}=a(p),{gridLayoutClass:b,productItemClass:L}=d(p),{productListAttr:k,getAttrProductItemEditor:v}=c(p);return r("div",{...k,style:g,className:b,children:u?.length?u?.map((m,a)=>r(i,{product:m,readOnly:!0,children:r("div",{..."edit"===h?v(m?.baseID):{},className:L,style:{"--grchild":f?.sameHeight?y?.[a]?.gridRow:void 0,"--mbchild":y?.[a]?.marginBottom},children:s(n)?r(l,{}):t.map(n,r=>o(r)?e(r.type,{...r.props,parentStyle:j,key:r.key}):null)})},m?.baseID)):null})};export{ProductListGridLayout as default};
+import{jsx as r}from"react/jsx-runtime";import{Children as o,isValidElement as t,createElement as e}from"react";import{useEditorMode as m,ProductProvider as i,isEmptyChildren as s}from"@gem-sdk/core";import l from"../../../grid/components/ChildrenDroppable.js";import{getStyle as a}from"./common/styles.js";import{getClass as d}from"./common/classes.js";import{getAttr as c}from"./common/attrs.js";let ProductListGridLayout=p=>{let{children:n,productSortedById:u,generateGridRowArray:y,setting:f}=p,h=m(),{gridLayoutStyle:g}=a(p),{gridLayoutClass:j,productItemClass:b}=d(p),{productListAttr:L,getAttrProductItemEditor:k}=c(p);return r("div",{...L,style:g,className:j,children:u?.length?u?.map((m,a)=>r(i,{product:m,readOnly:!0,children:r("div",{..."edit"===h?k(m?.baseID):{},className:b,style:{"--grchild":f?.sameHeight?y?.[a]?.gridRow:void 0,"--mbchild":y?.[a]?.marginBottom},children:s(n)?r(l,{}):o.map(n,r=>t(r)?e(r.type,{...r.props,key:r.key}):null)})},m?.baseID)):null})};export{ProductListGridLayout as default};

package/dist/esm/third-party-slot/common/helpers.js

@@ -35,6 +35,6 @@ import{template as e}from"@gem-sdk/core";import{createClass as i}from"@gem-sdk/s
       {% elsif request.design_mode or request.visual_preview_mode %}
           ${r}
       {% else %}
-        <div class="${t}"/>
+        <div class="${t}"></div>
       {% endif %}
     `};export{ICON_SHOPIFY_SLOT,renderThirdPartySlot};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "3.0.5",
+  "version": "3.0.8",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
     "scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
   },
   "devDependencies": {
-    "@gem-sdk/core": "3.0.0",
+    "@gem-sdk/core": "3.0.6",
     "@gem-sdk/styles": "3.0.0",
     "@gem-sdk/system": "3.0.0",
     "tsup": "^8.5.0",