@laerdal/life-react-components 1.11.0-dev.48 → 1.11.0-dev.49
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageWithFallbacks.cjs","names":["ImageWithFallbacks","props","state","src","fallbackIndex","fallbacks","split","loaded","
|
|
1
|
+
{"version":3,"file":"ImageWithFallbacks.cjs","names":["ImageWithFallbacks","props","state","src","fallbackIndex","fallbacks","split","loaded","prevProps","setState","length","alt","loader","loading","rest","onError","onLoad","React","Component"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\nimport React from 'react';\n\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\n fallbacks: string;\n src: string;\n alt: string;\n loader: boolean;\n}\n\ntype ImageWithFallbacksState = {\n src: string;\n fallbackIndex: number;\n fallbacks: string[];\n loaded: boolean;\n};\n\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\n constructor(props: ImageWithFallbacksProps) {\n super(props);\n this.state = {\n src: props.src,\n fallbackIndex: 0,\n fallbacks: this.props.fallbacks.split('|'),\n loaded: false,\n };\n }\n componentDidUpdate(prevProps: ImageWithFallbacksProps) {\n if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\n this.setState({\n src: this.props.src,\n fallbackIndex: 0,\n fallbacks: this.props.fallbacks.split('|'),\n loaded: false,\n });\n }\n }\n onError() {\n if (this.state.fallbackIndex > this.state.fallbacks.length) {\n return;\n }\n this.setState({\n src: this.state.fallbacks[this.state.fallbackIndex],\n fallbackIndex: this.state.fallbackIndex + 1,\n fallbacks: this.state.fallbacks,\n });\n }\n onLoad() {\n this.setState({ ...this.state, loaded: true });\n }\n render() {\n const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\n return (\n <>\n <img src={this.state.src}\n onError={() => this.onError()}\n onChange={() => this.onLoad()}\n onLoad={() => this.onLoad()}\n alt={this.props.alt}\n {...rest}/>\n {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\n </>\n );\n }\n}\n\nexport default ImageWithFallbacks;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;IAgBMA,kB;;;;;EACJ,4BAAYC,KAAZ,EAA4C;IAAA;;IAAA;IAC1C,0BAAMA,KAAN;IACA,MAAKC,KAAL,GAAa;MACXC,GAAG,EAAEF,KAAK,CAACE,GADA;MAEXC,aAAa,EAAE,CAFJ;MAGXC,SAAS,EAAE,MAAKJ,KAAL,CAAWI,SAAX,CAAqBC,KAArB,CAA2B,GAA3B,CAHA;MAIXC,MAAM,EAAE;IAJG,CAAb;IAF0C;EAQ3C;;;;WACD,4BAAmBC,SAAnB,EAAuD;MACrD,IAAIA,SAAS,CAACL,GAAV,KAAkB,KAAKF,KAAL,CAAWE,GAA7B,IAAoCK,SAAS,CAACH,SAAV,KAAwB,KAAKJ,KAAL,CAAWI,SAA3E,EAAsF;QACpF,KAAKI,QAAL,CAAc;UACZN,GAAG,EAAE,KAAKF,KAAL,CAAWE,GADJ;UAEZC,aAAa,EAAE,CAFH;UAGZC,SAAS,EAAE,KAAKJ,KAAL,CAAWI,SAAX,CAAqBC,KAArB,CAA2B,GAA3B,CAHC;UAIZC,MAAM,EAAE;QAJI,CAAd;MAMD;IACF;;;WACD,mBAAU;MACR,IAAI,KAAKL,KAAL,CAAWE,aAAX,GAA2B,KAAKF,KAAL,CAAWG,SAAX,CAAqBK,MAApD,EAA4D;QAC1D;MACD;;MACD,KAAKD,QAAL,CAAc;QACZN,GAAG,EAAE,KAAKD,KAAL,CAAWG,SAAX,CAAqB,KAAKH,KAAL,CAAWE,aAAhC,CADO;QAEZA,aAAa,EAAE,KAAKF,KAAL,CAAWE,aAAX,GAA2B,CAF9B;QAGZC,SAAS,EAAE,KAAKH,KAAL,CAAWG;MAHV,CAAd;IAKD;;;WACD,kBAAS;MACP,KAAKI,QAAL,iCAAmB,KAAKP,KAAxB;QAA+BK,MAAM,EAAE;MAAvC;IACD;;;WACD,kBAAS;MAAA;;MACP,kBAAwD,KAAKN,KAA7D;MAAA,IAAOE,GAAP,eAAOA,GAAP;MAAA,IAAYQ,GAAZ,eAAYA,GAAZ;MAAA,IAAiBN,SAAjB,eAAiBA,SAAjB;MAAA,IAA4BO,MAA5B,eAA4BA,MAA5B;MAAA,IAAoCC,OAApC,eAAoCA,OAApC;MAAA,IAAgDC,IAAhD;MACA,oBACE;QAAA,wBACE;UAAK,GAAG,EAAE,KAAKZ,KAAL,CAAWC,GAArB;UACK,OAAO,EAAE;YAAA,OAAM,MAAI,CAACY,OAAL,EAAN;UAAA,CADd;UAEK,QAAQ,EAAE;YAAA,OAAM,MAAI,CAACC,MAAL,EAAN;UAAA,CAFf;UAGK,MAAM,EAAE;YAAA,OAAM,MAAI,CAACA,MAAL,EAAN;UAAA,CAHb;UAIK,GAAG,EAAE,KAAKf,KAAL,CAAWU;QAJrB,GAKSG,IALT,EADF,EAOG,KAAKb,KAAL,CAAWW,MAAX,IAAqB,CAAC,KAAKV,KAAL,CAAWK,MAAjC,iBAA2C,qBAAC,kBAAD;UAAkB,EAAE,EAAC;QAArB,EAP9C;MAAA,EADF;IAWD;;;EA9C8BU,cAAA,CAAMC,S;;8BAAjClB,kB;EAbJK,S;EACAF,G;EACAQ,G;EACAC,M;;eA2DaZ,kB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageWithFallbacks.js","names":["LoadingIndicator","React","ImageWithFallbacks","props","state","src","fallbackIndex","fallbacks","split","loaded","
|
|
1
|
+
{"version":3,"file":"ImageWithFallbacks.js","names":["LoadingIndicator","React","ImageWithFallbacks","props","state","src","fallbackIndex","fallbacks","split","loaded","prevProps","setState","length","alt","loader","loading","rest","onError","onLoad","Component"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\nimport React from 'react';\n\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\n fallbacks: string;\n src: string;\n alt: string;\n loader: boolean;\n}\n\ntype ImageWithFallbacksState = {\n src: string;\n fallbackIndex: number;\n fallbacks: string[];\n loaded: boolean;\n};\n\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\n constructor(props: ImageWithFallbacksProps) {\n super(props);\n this.state = {\n src: props.src,\n fallbackIndex: 0,\n fallbacks: this.props.fallbacks.split('|'),\n loaded: false,\n };\n }\n componentDidUpdate(prevProps: ImageWithFallbacksProps) {\n if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\n this.setState({\n src: this.props.src,\n fallbackIndex: 0,\n fallbacks: this.props.fallbacks.split('|'),\n loaded: false,\n });\n }\n }\n onError() {\n if (this.state.fallbackIndex > this.state.fallbacks.length) {\n return;\n }\n this.setState({\n src: this.state.fallbacks[this.state.fallbackIndex],\n fallbackIndex: this.state.fallbackIndex + 1,\n fallbacks: this.state.fallbacks,\n });\n }\n onLoad() {\n this.setState({ ...this.state, loaded: true });\n }\n render() {\n const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\n return (\n <>\n <img src={this.state.src}\n onError={() => this.onError()}\n onChange={() => this.onLoad()}\n onLoad={() => this.onLoad()}\n alt={this.props.alt}\n {...rest}/>\n {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\n </>\n );\n }\n}\n\nexport default ImageWithFallbacks;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAASA,gBAAT,QAAiC,IAAjC;AACA,OAAOC,KAAP,MAAkB,OAAlB;;;;;IAgBMC,kB;;;;;EACJ,4BAAYC,KAAZ,EAA4C;IAAA;;IAAA;;IAC1C,0BAAMA,KAAN;IACA,MAAKC,KAAL,GAAa;MACXC,GAAG,EAAEF,KAAK,CAACE,GADA;MAEXC,aAAa,EAAE,CAFJ;MAGXC,SAAS,EAAE,MAAKJ,KAAL,CAAWI,SAAX,CAAqBC,KAArB,CAA2B,GAA3B,CAHA;MAIXC,MAAM,EAAE;IAJG,CAAb;IAF0C;EAQ3C;;;;WACD,4BAAmBC,SAAnB,EAAuD;MACrD,IAAIA,SAAS,CAACL,GAAV,KAAkB,KAAKF,KAAL,CAAWE,GAA7B,IAAoCK,SAAS,CAACH,SAAV,KAAwB,KAAKJ,KAAL,CAAWI,SAA3E,EAAsF;QACpF,KAAKI,QAAL,CAAc;UACZN,GAAG,EAAE,KAAKF,KAAL,CAAWE,GADJ;UAEZC,aAAa,EAAE,CAFH;UAGZC,SAAS,EAAE,KAAKJ,KAAL,CAAWI,SAAX,CAAqBC,KAArB,CAA2B,GAA3B,CAHC;UAIZC,MAAM,EAAE;QAJI,CAAd;MAMD;IACF;;;WACD,mBAAU;MACR,IAAI,KAAKL,KAAL,CAAWE,aAAX,GAA2B,KAAKF,KAAL,CAAWG,SAAX,CAAqBK,MAApD,EAA4D;QAC1D;MACD;;MACD,KAAKD,QAAL,CAAc;QACZN,GAAG,EAAE,KAAKD,KAAL,CAAWG,SAAX,CAAqB,KAAKH,KAAL,CAAWE,aAAhC,CADO;QAEZA,aAAa,EAAE,KAAKF,KAAL,CAAWE,aAAX,GAA2B,CAF9B;QAGZC,SAAS,EAAE,KAAKH,KAAL,CAAWG;MAHV,CAAd;IAKD;;;WACD,kBAAS;MACP,KAAKI,QAAL,iCAAmB,KAAKP,KAAxB;QAA+BK,MAAM,EAAE;MAAvC;IACD;;;WACD,kBAAS;MAAA;;MACP,kBAAwD,KAAKN,KAA7D;MAAA,IAAOE,GAAP,eAAOA,GAAP;MAAA,IAAYQ,GAAZ,eAAYA,GAAZ;MAAA,IAAiBN,SAAjB,eAAiBA,SAAjB;MAAA,IAA4BO,MAA5B,eAA4BA,MAA5B;MAAA,IAAoCC,OAApC,eAAoCA,OAApC;MAAA,IAAgDC,IAAhD;;MACA,oBACE;QAAA,wBACE;UAAK,GAAG,EAAE,KAAKZ,KAAL,CAAWC,GAArB;UACK,OAAO,EAAE;YAAA,OAAM,MAAI,CAACY,OAAL,EAAN;UAAA,CADd;UAEK,QAAQ,EAAE;YAAA,OAAM,MAAI,CAACC,MAAL,EAAN;UAAA,CAFf;UAGK,MAAM,EAAE;YAAA,OAAM,MAAI,CAACA,MAAL,EAAN;UAAA,CAHb;UAIK,GAAG,EAAE,KAAKf,KAAL,CAAWU;QAJrB,GAKSG,IALT,EADF,EAOG,KAAKb,KAAL,CAAWW,MAAX,IAAqB,CAAC,KAAKV,KAAL,CAAWK,MAAjC,iBAA2C,KAAC,gBAAD;UAAkB,EAAE,EAAC;QAArB,EAP9C;MAAA,EADF;IAWD;;;;EA9C8BR,KAAK,CAACkB,S;;gBAAjCjB,kB;EAbJK,S;EACAF,G;EACAQ,G;EACAC,M;;;AA2DF,eAAeZ,kBAAf"}
|