@cleartrip/ct-platform-lazy-image 3.9.4 → 3.9.5
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/dist/LazyImage.d.ts.map +1 -1
- package/dist/LazyImage.types.d.ts +1 -0
- package/dist/LazyImage.types.d.ts.map +1 -1
- package/dist/ct-platform-lazy-image.cjs.js +1 -1
- package/dist/ct-platform-lazy-image.cjs.js.map +1 -1
- package/dist/ct-platform-lazy-image.esm.js +1 -1
- package/dist/ct-platform-lazy-image.esm.js.map +1 -1
- package/package.json +3 -3
package/dist/LazyImage.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LazyImage.d.ts","sourceRoot":"","sources":["../packages/components/LazyImage/src/LazyImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAW9D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"LazyImage.d.ts","sourceRoot":"","sources":["../packages/components/LazyImage/src/LazyImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAW9D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkHvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LazyImage.types.d.ts","sourceRoot":"","sources":["../packages/components/LazyImage/src/LazyImage.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LazyImage.types.d.ts","sourceRoot":"","sources":["../packages/components/LazyImage/src/LazyImage.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAE/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var t=require("tslib"),
|
|
1
|
+
"use strict";var t=require("tslib"),i=require("react/jsx-runtime"),e=require("react"),r=require("@cleartrip/ct-platform-io-hoc"),a=require("@cleartrip/ct-platform-constants"),s=require("@cleartrip/ct-platform-utils"),o={padding:"8px",boxSizing:"border-box"},c={height:"24px",width:"auto"},n={width:"100%",height:"100%",display:"flex",borderRadius:"8px",alignItems:"center",background:"#fef5f2",justifyContent:"center"};exports.LazyImage=function(h){var l=h.src,d=h.width,g=h.height,p=h.isLazy,u=void 0===p||p,x=h.inSwiper,m=void 0!==x&&x,_=h.priority,f=void 0===_?"auto":_,y=h.isLoading,v=void 0!==y&&y,j=h.customPlaceholder,w=t.__rest(h,["src","width","height","isLazy","inSwiper","priority","isLoading","customPlaceholder"]),b=e.useState(!u),R=b[0],I=b[1],L=e.useState(u?j||a.placeholderLogo:l),q=L[0],H=L[1],S=e.useMemo((function(){var t=s.getWidthFromImgUrl(l),i=s.getHeightFromImgUrl(l),e=t&&i&&t/i;return m?{}:{phWidth:d||t,phHeight:g||i,aspectRatio:m&&e?"".concat(e):"auto"}}),[l]),z=e.useCallback((function(){return i.jsx("div",t.__assign({style:{height:"100%"}},{children:i.jsx("div",t.__assign({style:t.__assign(t.__assign({},j?{}:o),{width:m?"auto":"".concat(S.phWidth,"px"),height:m?"100%":"".concat(S.phHeight,"px"),aspectRatio:m&&S.aspectRatio?"".concat(S.aspectRatio):"auto"})},{children:j?i.jsx("img",{src:j,alt:"placeholder_image",fetchPriority:"high"}):i.jsx("div",t.__assign({style:n},{children:i.jsx("img",{src:a.placeholderLogo,style:c})}))}))}))}),[S,v]),C=e.useCallback((function(){var t=new Image;t.onload=function(){H(l),I(!0)},t.src=l}),[l]);return i.jsx(r.IntersectionObserverHOC,t.__assign({onIntersection:C},{children:R?v?i.jsx(i.Fragment,{children:z()}):i.jsx("div",t.__assign({style:{width:m?"auto":"".concat(S.phWidth,"px"),height:m?"auto":"".concat(S.phHeight,"px"),aspectRatio:m&&S.aspectRatio?"".concat(S.aspectRatio):"auto"}},{children:i.jsx("img",t.__assign({src:q,fetchPriority:f},w,{style:{width:"100%",height:"100%"}}))})):i.jsx(i.Fragment,{children:z()})}))};
|
|
2
2
|
//# sourceMappingURL=ct-platform-lazy-image.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-platform-lazy-image.cjs.js","sources":["../packages/components/LazyImage/src/styles.ts","../packages/components/LazyImage/src/LazyImage.tsx"],"sourcesContent":[null,null],"names":["PLACEHOLDER_STYLES","padding","boxSizing","PLACEHOLDER_IMG_STYLES","height","width","PLACEHOLDER_IMG_WRAPPER","display","borderRadius","alignItems","background","justifyContent","_a","src","_b","isLazy","_c","inSwiper","_d","isLoading","customPlaceholder","props","__rest","
|
|
1
|
+
{"version":3,"file":"ct-platform-lazy-image.cjs.js","sources":["../packages/components/LazyImage/src/styles.ts","../packages/components/LazyImage/src/LazyImage.tsx"],"sourcesContent":[null,null],"names":["PLACEHOLDER_STYLES","padding","boxSizing","PLACEHOLDER_IMG_STYLES","height","width","PLACEHOLDER_IMG_WRAPPER","display","borderRadius","alignItems","background","justifyContent","_a","src","_b","isLazy","_c","inSwiper","_d","priority","_e","isLoading","customPlaceholder","props","__rest","_f","useState","visible","setVisible","_g","placeholderLogo","imgSrc","setImgSrc","phDimensions","useMemo","imageWidth","getWidthFromImgUrl","imageHeight","getHeightFromImgUrl","aspectRatio","phWidth","phHeight","concat","showPlaceholders","useCallback","_jsx","__assign","style","jsx","children","alt","fetchPriority","showContent","img","Image","onload","IntersectionObserverHOC","onIntersection","_Fragment"],"mappings":"yNAEaA,EAAoC,CAC7CC,QAAS,MACTC,UAAW,cAGFC,EAAwC,CACjDC,OAAQ,OACRC,MAAO,QAGEC,EAAyC,CAClDD,MAAO,OACPD,OAAQ,OACRG,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,WAAY,UACZC,eAAgB,4BCDwB,SAACC,GACzC,IAAAC,EAAGD,EAAAC,IACHR,EAAKO,EAAAP,MACLD,EAAMQ,EAAAR,OACNU,WAAAC,cAAaD,EACbE,EAAgBJ,EAAAK,SAAhBA,OAAW,IAAAD,KACXE,EAAAN,EAAAO,SAAAA,OAAQ,IAAAD,EAAG,OAAMA,EACjBE,cAAAC,cAAiBD,EACjBE,EAAiBV,EAAAU,kBACdC,EAAKC,EAAAA,OAAAZ,EATiC,yFAWnCa,EAAwBC,EAAAA,UAAUX,GAAjCY,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GACpBI,EAAsBH,EAAQA,SAChCX,EAASO,GAAqBQ,EAAeA,gBAAGjB,GAD7CkB,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIlBI,EAAeC,EAAAA,SAAQ,WACzB,IAAMC,EAAaC,qBAAmBvB,GAChCwB,EAAcC,sBAAoBzB,GAClC0B,EACFJ,GAAcE,GAAeF,EAAaE,EAE9C,OAAQpB,EAOF,GANA,CACIuB,QAASnC,GAAU8B,EACnBM,SAAUrC,GAAWiC,EACrBE,YACItB,GAAYsB,EAAc,GAAAG,OAAGH,GAAgB,OAG/D,GAAG,CAAC1B,IAEE8B,EAAmBC,EAAAA,aAAY,WACjC,OACIC,EAAAA,IAAK,MAAAC,EAAAA,SAAA,CAAAC,MAAO,CAAE3C,OAAQ,mBAClByC,EACIG,IAAA,MAAAF,EAAAA,SAAA,CAAAC,+BACQzB,EAAoB,CAAE,EAAGtB,IAC7BK,MAAOY,EAAW,OAAS,GAAAyB,OAAGT,EAAaO,cAC3CpC,OAAQa,EACF,OACA,GAAAyB,OAAGT,EAAaQ,SAAQ,MAC9BF,YACItB,GAAYgB,EAAaM,YACnB,GAAAG,OAAGT,EAAaM,aAChB,UAGb,CAAAU,SAAA3B,EACGuB,EAAAA,IACI,MAAA,CAAAhC,IAAKS,EACL4B,IAAK,oBACLC,cAAe,SAGnBN,EAAKG,IAAA,MAAAF,EAAAA,SAAA,CAAAC,MAAOzC,GAAuB,CAAA2C,SAC/BJ,EAAAA,WACIhC,IAAKiB,EAAAA,gBACLiB,MAAO5C,YAOnC,GAAG,CAAC8B,EAAcZ,IAEZ+B,EAAcR,EAAAA,aAAY,WAC5B,IAAMS,EAAM,IAAIC,MAEhBD,EAAIE,OAAS,WACTvB,EAAUnB,GACVe,GAAW,EACf,EAEAyB,EAAIxC,IAAMA,CACd,GAAG,CAACA,IAEJ,OACIgC,EAAAG,IAACQ,0BAAuBV,EAAAA,SAAA,CAACW,eAAgBL,GAAW,CAAAH,SAC/CtB,EACGN,EACIwB,EAAGG,IAAAU,WAAA,CAAAT,SAAAN,MAEHE,EAAAA,IAAA,MAAAC,WAAA,CACIC,MAAO,CACH1C,MAAOY,EACD,OACA,GAAAyB,OAAGT,EAAaO,QAAW,MACjCpC,OAAQa,EACF,OACA,GAAAyB,OAAGT,EAAaQ,SAAY,MAClCF,YACItB,GAAYgB,EAAaM,YACnB,GAAAG,OAAGT,EAAaM,aAChB,SACb,CAAAU,SAEDJ,MACI,MAAAC,EAAAA,SAAA,CAAAjC,IAAKkB,EACLoB,cAAehC,GACXI,EACJ,CAAAwB,MAAO,CACH1C,MAAO,OACPD,OAAQ,cAMxByC,EAAAA,IAAGa,EAAAA,SAAA,CAAAT,SAAAN,QAInB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t,__assign as i}from"tslib";import{jsx as o,Fragment as
|
|
1
|
+
import{__rest as t,__assign as i}from"tslib";import{jsx as o,Fragment as r}from"react/jsx-runtime";import{useState as e,useMemo as c,useCallback as a}from"react";import{IntersectionObserverHOC as h}from"@cleartrip/ct-platform-io-hoc";import{placeholderLogo as n}from"@cleartrip/ct-platform-constants";import{getWidthFromImgUrl as p,getHeightFromImgUrl as d}from"@cleartrip/ct-platform-utils";var s={padding:"8px",boxSizing:"border-box"},l={height:"24px",width:"auto"},m={width:"100%",height:"100%",display:"flex",borderRadius:"8px",alignItems:"center",background:"#fef5f2",justifyContent:"center"},g=function(g){var u=g.src,f=g.width,y=g.height,v=g.isLazy,x=void 0===v||v,w=g.inSwiper,R=void 0!==w&&w,b=g.priority,L=void 0===b?"auto":b,P=g.isLoading,z=void 0!==P&&P,H=g.customPlaceholder,I=t(g,["src","width","height","isLazy","inSwiper","priority","isLoading","customPlaceholder"]),S=e(!x),W=S[0],j=S[1],k=e(x?H||n:u),C=k[0],_=k[1],q=c((function(){var t=p(u),i=d(u),o=t&&i&&t/i;return R?{}:{phWidth:f||t,phHeight:y||i,aspectRatio:R&&o?"".concat(o):"auto"}}),[u]),A=a((function(){return o("div",i({style:{height:"100%"}},{children:o("div",i({style:i(i({},H?{}:s),{width:R?"auto":"".concat(q.phWidth,"px"),height:R?"100%":"".concat(q.phHeight,"px"),aspectRatio:R&&q.aspectRatio?"".concat(q.aspectRatio):"auto"})},{children:H?o("img",{src:H,alt:"placeholder_image",fetchPriority:"high"}):o("div",i({style:m},{children:o("img",{src:n,style:l})}))}))}))}),[q,z]),B=a((function(){var t=new Image;t.onload=function(){_(u),j(!0)},t.src=u}),[u]);return o(h,i({onIntersection:B},{children:W?z?o(r,{children:A()}):o("div",i({style:{width:R?"auto":"".concat(q.phWidth,"px"),height:R?"auto":"".concat(q.phHeight,"px"),aspectRatio:R&&q.aspectRatio?"".concat(q.aspectRatio):"auto"}},{children:o("img",i({src:C,fetchPriority:L},I,{style:{width:"100%",height:"100%"}}))})):o(r,{children:A()})}))};export{g as LazyImage};
|
|
2
2
|
//# sourceMappingURL=ct-platform-lazy-image.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-platform-lazy-image.esm.js","sources":["../packages/components/LazyImage/src/styles.ts","../packages/components/LazyImage/src/LazyImage.tsx"],"sourcesContent":[null,null],"names":["PLACEHOLDER_STYLES","padding","boxSizing","PLACEHOLDER_IMG_STYLES","height","width","PLACEHOLDER_IMG_WRAPPER","display","borderRadius","alignItems","background","justifyContent","LazyImage","_a","src","_b","isLazy","_c","inSwiper","_d","isLoading","customPlaceholder","props","__rest","
|
|
1
|
+
{"version":3,"file":"ct-platform-lazy-image.esm.js","sources":["../packages/components/LazyImage/src/styles.ts","../packages/components/LazyImage/src/LazyImage.tsx"],"sourcesContent":[null,null],"names":["PLACEHOLDER_STYLES","padding","boxSizing","PLACEHOLDER_IMG_STYLES","height","width","PLACEHOLDER_IMG_WRAPPER","display","borderRadius","alignItems","background","justifyContent","LazyImage","_a","src","_b","isLazy","_c","inSwiper","_d","priority","_e","isLoading","customPlaceholder","props","__rest","_f","useState","visible","setVisible","_g","placeholderLogo","imgSrc","setImgSrc","phDimensions","useMemo","imageWidth","getWidthFromImgUrl","imageHeight","getHeightFromImgUrl","aspectRatio","phWidth","phHeight","concat","showPlaceholders","useCallback","_jsx","__assign","style","children","alt","fetchPriority","showContent","img","Image","onload","IntersectionObserverHOC","onIntersection","_Fragment"],"mappings":"wYAEO,IAAMA,EAAoC,CAC7CC,QAAS,MACTC,UAAW,cAGFC,EAAwC,CACjDC,OAAQ,OACRC,MAAO,QAGEC,EAAyC,CAClDD,MAAO,OACPD,OAAQ,OACRG,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,WAAY,UACZC,eAAgB,UCDdC,EAAsC,SAACC,GACzC,IAAAC,EAAGD,EAAAC,IACHT,EAAKQ,EAAAR,MACLD,EAAMS,EAAAT,OACNW,WAAAC,cAAaD,EACbE,EAAgBJ,EAAAK,SAAhBA,OAAW,IAAAD,KACXE,EAAAN,EAAAO,SAAAA,OAAQ,IAAAD,EAAG,OAAMA,EACjBE,cAAAC,cAAiBD,EACjBE,EAAiBV,EAAAU,kBACdC,EAAKC,EAAAZ,EATiC,yFAWnCa,EAAwBC,GAAUX,GAAjCY,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GACpBI,EAAsBH,EACxBX,EAASO,GAAqBQ,EAAkBjB,GAD7CkB,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIlBI,EAAeC,GAAQ,WACzB,IAAMC,EAAaC,EAAmBvB,GAChCwB,EAAcC,EAAoBzB,GAClC0B,EACFJ,GAAcE,GAAeF,EAAaE,EAE9C,OAAQpB,EAOF,GANA,CACIuB,QAASpC,GAAU+B,EACnBM,SAAUtC,GAAWkC,EACrBE,YACItB,GAAYsB,EAAc,GAAAG,OAAGH,GAAgB,OAG/D,GAAG,CAAC1B,IAEE8B,EAAmBC,GAAY,WACjC,OACIC,EAAK,MAAAC,EAAA,CAAAC,MAAO,CAAE5C,OAAQ,mBAClB0C,EACI,MAAAC,EAAA,CAAAC,aACQzB,EAAoB,CAAE,EAAGvB,IAC7BK,MAAOa,EAAW,OAAS,GAAAyB,OAAGT,EAAaO,cAC3CrC,OAAQc,EACF,OACA,GAAAyB,OAAGT,EAAaQ,SAAQ,MAC9BF,YACItB,GAAYgB,EAAaM,YACnB,GAAAG,OAAGT,EAAaM,aAChB,UAGb,CAAAS,SAAA1B,EACGuB,EACI,MAAA,CAAAhC,IAAKS,EACL2B,IAAK,oBACLC,cAAe,SAGnBL,EAAK,MAAAC,EAAA,CAAAC,MAAO1C,GAAuB,CAAA2C,SAC/BH,SACIhC,IAAKiB,EACLiB,MAAO7C,YAOnC,GAAG,CAAC+B,EAAcZ,IAEZ8B,EAAcP,GAAY,WAC5B,IAAMQ,EAAM,IAAIC,MAEhBD,EAAIE,OAAS,WACTtB,EAAUnB,GACVe,GAAW,EACf,EAEAwB,EAAIvC,IAAMA,CACd,GAAG,CAACA,IAEJ,OACIgC,EAACU,EAAuBT,EAAA,CAACU,eAAgBL,GAAW,CAAAH,SAC/CrB,EACGN,EACIwB,EAAGY,EAAA,CAAAT,SAAAL,MAEHE,EAAA,MAAAC,EAAA,CACIC,MAAO,CACH3C,MAAOa,EACD,OACA,GAAAyB,OAAGT,EAAaO,QAAW,MACjCrC,OAAQc,EACF,OACA,GAAAyB,OAAGT,EAAaQ,SAAY,MAClCF,YACItB,GAAYgB,EAAaM,YACnB,GAAAG,OAAGT,EAAaM,aAChB,SACb,CAAAS,SAEDH,EACI,MAAAC,EAAA,CAAAjC,IAAKkB,EACLmB,cAAe/B,GACXI,EACJ,CAAAwB,MAAO,CACH3C,MAAO,OACPD,OAAQ,cAMxB0C,EAAGY,EAAA,CAAAT,SAAAL,QAInB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-platform-lazy-image",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.5",
|
|
4
4
|
"description": "Lazy Image Component",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/ct-platform-lazy-image.cjs.js",
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
],
|
|
12
12
|
"devDependencies": {},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@cleartrip/ct-platform-utils": "3.18.2",
|
|
15
14
|
"@cleartrip/ct-platform-io-hoc": "3.0.5",
|
|
16
|
-
"@cleartrip/ct-platform-constants": "3.6.2"
|
|
15
|
+
"@cleartrip/ct-platform-constants": "3.6.2",
|
|
16
|
+
"@cleartrip/ct-platform-utils": "3.18.2"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"react": ">=16.8.0",
|