@gem-sdk/core 1.14.0-next.225 → 1.14.0-next.229
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,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("swr");var render=require("../helpers/render.js");require("../helpers/convert.js");var composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js");const componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:e,builder:r,components:t,parentId:n,extraFiles:d={},pageContext:i
|
|
2
|
-
${render.RenderIf(l?.childrens?.length,()=>a({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,pageContext:i
|
|
3
|
-
</div>`;let{cssCode:u,jsCode:p}=RenderCustomCode(l);return u&&(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("swr");var render=require("../helpers/render.js");require("../helpers/convert.js");var composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js");const componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:e,builder:r,components:t,parentId:n,extraFiles:d={},pageContext:s,...i})=>{let l=r[e],a=t[l?.tag];if(!a)return console.log("Miss component: ",l),{liquid:"",extraFiles:d};if(!l||l?.type==="section")return{liquid:"",extraFiles:d};{let d={extraFiles:{}},c=composeAdvanceStyle.composeAdvanceStyle(l.advanced,l.tag),o="";o=constant.disableWrap.includes(l.tag)?render.RenderIf(l?.childrens?.length,()=>a({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,style:c,advanced:l.advanced,parentId:componentsRenderWithParentId.includes(l.tag)?n:null,pageContext:s,...i,rawChildren:l.childrens.map(e=>({...r[e],uid:e,builder:r,components:t,customProps:d,pageContext:s})),children:constant.customRenderChildren.includes(l.tag)?"":WrapRenderChildren({uid:e,customProps:d},l.childrens.map(e=>RenderChildren({uid:e,builder:r,components:t,customProps:d,parentTag:l.tag,pageContext:s})))}),()=>a({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,advanced:l.advanced,style:c,isText:!!componentTexts.includes(l.tag)||null,parentId:componentsRenderWithParentId.includes(l.tag)?n:null,pageContext:s,...i})):render.template`<div style="${c}" class="${l.uid} ${l?.childrens?.length||"IconListItemHoz"!==l.tag?"":"hidden"}">
|
|
2
|
+
${render.RenderIf(l?.childrens?.length,()=>a({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,advanced:{cssClass:l?.advanced?.cssClass},pageContext:s,...i,rawChildren:l.childrens.map(e=>({...r[e],uid:e,builder:r,components:t,customProps:d,pageContext:s})),children:constant.customRenderChildren.includes(l.tag)?"":WrapRenderChildren({uid:e,customProps:d},l.childrens.map(e=>RenderChildren({uid:e,builder:r,components:t,customProps:d,parentTag:l.tag,pageContext:s})))}),()=>a({builderProps:{uid:e,builderData:l},styles:l.styles,setting:l.settings,advanced:{cssClass:l?.advanced?.cssClass},pageContext:s,isText:!!componentTexts.includes(l.tag)||null,...i}))}
|
|
3
|
+
</div>`;let{cssCode:u,jsCode:p}=RenderCustomCode(l);return u&&(o+=u),p&&(o+=p),{liquid:o,extraFiles:d.extraFiles}}},RenderCustomCode=e=>{let{css:r,javascript:t}=e.advanced?.editorData||{},n=render.RenderIf(!!r,render.template`
|
|
4
4
|
<style
|
|
5
5
|
id="${`custom-css-${e?.uid}`}"
|
|
6
6
|
>${r}</style>
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
${t}
|
|
13
13
|
} catch(err){}
|
|
14
14
|
</script>
|
|
15
|
-
`);return{cssCode:n,jsCode:d}},RenderChildren=e=>{let r=Render(e);for(let t in r.extraFiles)if(Object.prototype.hasOwnProperty.call(r.extraFiles,t)){let n=r.extraFiles[t];e.customProps.extraFiles[t]=n}let t=new TextEncoder,n=r?.liquid?t.encode(r.liquid).length:0;if(Math.ceil(n/1024)>=180){let t=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[t]=r.liquid,`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id %}`}return r.liquid},WrapRenderChildren=({uid:e,customProps:r},t)=>{let n="";if(t?.length)for(let d=0;d<t.length;d++){let
|
|
15
|
+
`);return{cssCode:n,jsCode:d}},RenderChildren=e=>{let r=Render(e);for(let t in r.extraFiles)if(Object.prototype.hasOwnProperty.call(r.extraFiles,t)){let n=r.extraFiles[t];e.customProps.extraFiles[t]=n}let t=new TextEncoder,n=r?.liquid?t.encode(r.liquid).length:0;if(Math.ceil(n/1024)>=180){let t=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[t]=r.liquid,`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id %}`}return r.liquid},WrapRenderChildren=({uid:e,customProps:r},t)=>{let n="";if(t?.length)for(let d=0;d<t.length;d++){let s=t[d];if(s){let t=n+s,i=new TextEncoder,l=t?i.encode(t).length:0;if(Math.ceil(l/1024)>=180){let t=`gp-section-snippet-${e+d}`;r.extraFiles[t]=s,n+=`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id %}`}else n+=s}}return n};exports.RenderChildren=RenderChildren,exports.WrapRenderChildren=WrapRenderChildren,exports.default=Render;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import"react";import"swr";import{RenderIf as e,template as t}from"../helpers/render.js";import"../helpers/convert.js";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{disableWrap as n,customRenderChildren as
|
|
2
|
-
${e(u?.childrens?.length,()=>h({builderProps:{uid:d,builderData:u},styles:u.styles,setting:u.settings,pageContext:
|
|
3
|
-
</div>`;let{cssCode:
|
|
1
|
+
import"react";import"swr";import{RenderIf as e,template as t}from"../helpers/render.js";import"../helpers/convert.js";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{disableWrap as n,customRenderChildren as s}from"./constant.js";let componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:d,builder:i,components:l,parentId:a,extraFiles:c={},pageContext:o,...p})=>{let u=i[d],h=l[u?.tag];if(!h)return console.log("Miss component: ",u),{liquid:"",extraFiles:c};if(!u||u?.type==="section")return{liquid:"",extraFiles:c};{let c={extraFiles:{}},g=r(u.advanced,u.tag),m="";m=n.includes(u.tag)?e(u?.childrens?.length,()=>h({builderProps:{uid:d,builderData:u},styles:u.styles,setting:u.settings,style:g,advanced:u.advanced,parentId:componentsRenderWithParentId.includes(u.tag)?a:null,pageContext:o,...p,rawChildren:u.childrens.map(e=>({...i[e],uid:e,builder:i,components:l,customProps:c,pageContext:o})),children:s.includes(u.tag)?"":WrapRenderChildren({uid:d,customProps:c},u.childrens.map(e=>RenderChildren({uid:e,builder:i,components:l,customProps:c,parentTag:u.tag,pageContext:o})))}),()=>h({builderProps:{uid:d,builderData:u},styles:u.styles,setting:u.settings,advanced:u.advanced,style:g,isText:!!componentTexts.includes(u.tag)||null,parentId:componentsRenderWithParentId.includes(u.tag)?a:null,pageContext:o,...p})):t`<div style="${g}" class="${u.uid} ${u?.childrens?.length||"IconListItemHoz"!==u.tag?"":"hidden"}">
|
|
2
|
+
${e(u?.childrens?.length,()=>h({builderProps:{uid:d,builderData:u},styles:u.styles,setting:u.settings,advanced:{cssClass:u?.advanced?.cssClass},pageContext:o,...p,rawChildren:u.childrens.map(e=>({...i[e],uid:e,builder:i,components:l,customProps:c,pageContext:o})),children:s.includes(u.tag)?"":WrapRenderChildren({uid:d,customProps:c},u.childrens.map(e=>RenderChildren({uid:e,builder:i,components:l,customProps:c,parentTag:u.tag,pageContext:o})))}),()=>h({builderProps:{uid:d,builderData:u},styles:u.styles,setting:u.settings,advanced:{cssClass:u?.advanced?.cssClass},pageContext:o,isText:!!componentTexts.includes(u.tag)||null,...p}))}
|
|
3
|
+
</div>`;let{cssCode:C,jsCode:v}=RenderCustomCode(u);return C&&(m+=C),v&&(m+=v),{liquid:m,extraFiles:c.extraFiles}}},RenderCustomCode=r=>{let{css:n,javascript:s}=r.advanced?.editorData||{},d=e(!!n,t`
|
|
4
4
|
<style
|
|
5
5
|
id="${`custom-css-${r?.uid}`}"
|
|
6
6
|
>${n}</style>
|
|
7
|
-
`),
|
|
7
|
+
`),i=e(!!s,t`
|
|
8
8
|
<script
|
|
9
9
|
id="${`custom-js-${r?.uid}`}"
|
|
10
10
|
>
|
|
11
11
|
try {
|
|
12
|
-
${
|
|
12
|
+
${s}
|
|
13
13
|
} catch(err){}
|
|
14
14
|
</script>
|
|
15
|
-
`);return{cssCode:d,jsCode:
|
|
15
|
+
`);return{cssCode:d,jsCode:i}},RenderChildren=e=>{let t=Render(e);for(let r in t.extraFiles)if(Object.prototype.hasOwnProperty.call(t.extraFiles,r)){let n=t.extraFiles[r];e.customProps.extraFiles[r]=n}let r=new TextEncoder,n=t?.liquid?r.encode(t.liquid).length:0;if(Math.ceil(n/1024)>=180){let r=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[r]=t.liquid,`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id %}`}return t.liquid},WrapRenderChildren=({uid:e,customProps:t},r)=>{let n="";if(r?.length)for(let s=0;s<r.length;s++){let d=r[s];if(d){let r=n+d,i=new TextEncoder,l=r?i.encode(r).length:0;if(Math.ceil(l/1024)>=180){let r=`gp-section-snippet-${e+s}`;t.extraFiles[r]=d,n+=`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id %}`}else n+=d}}return n};export{RenderChildren,WrapRenderChildren,Render as default};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -79,7 +79,7 @@ type ImageShape$1 = {
|
|
|
79
79
|
};
|
|
80
80
|
type FlexDirectionProp = 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
81
81
|
type TransformProp = 'default' | 'capitalize' | 'uppercase' | 'lowercase' | 'none';
|
|
82
|
-
type BaseProps<Setting = unknown, Style = unknown, Advanced = any
|
|
82
|
+
type BaseProps<Setting = unknown, Style = unknown, Advanced = Record<string, any>> = {
|
|
83
83
|
builderProps?: {
|
|
84
84
|
/** Unique id of component */
|
|
85
85
|
uid?: string;
|
|
@@ -89,7 +89,7 @@ type BaseProps<Setting = unknown, Style = unknown, Advanced = any> = {
|
|
|
89
89
|
setting?: Setting;
|
|
90
90
|
advanced?: Advanced;
|
|
91
91
|
};
|
|
92
|
-
type BasePropsWrap<S = unknown, Style = unknown, A =
|
|
92
|
+
type BasePropsWrap<S = unknown, Style = unknown, A = Record<string, any>> = BaseProps<S, Style, A> & {
|
|
93
93
|
builderAttrs?: Record<string, any>;
|
|
94
94
|
style?: React.CSSProperties;
|
|
95
95
|
};
|