react-famewall 1.0.2 → 1.0.3
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/index.js +21 -2
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +21 -2
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -58,7 +58,26 @@ var FamewallEmbed = /*#__PURE__*/function (_React$Component) {
|
|
|
58
58
|
wallUrl = _this$props.wallUrl,
|
|
59
59
|
cardTheme = _this$props.cardTheme,
|
|
60
60
|
carouselMode = _this$props.carouselMode;
|
|
61
|
-
|
|
61
|
+
|
|
62
|
+
if (cardTheme === "dark") {
|
|
63
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
64
|
+
ref: function ref(el) {
|
|
65
|
+
return _this2.instance = el;
|
|
66
|
+
},
|
|
67
|
+
style: {
|
|
68
|
+
width: '100%',
|
|
69
|
+
height: '100%'
|
|
70
|
+
}
|
|
71
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
72
|
+
className: "famewall-embed",
|
|
73
|
+
"data-src": wallUrl,
|
|
74
|
+
"data-format": !carouselMode ? "grid" : "carousel",
|
|
75
|
+
"data-theme": 'dark',
|
|
76
|
+
style: {
|
|
77
|
+
width: "100%"
|
|
78
|
+
}
|
|
79
|
+
}));
|
|
80
|
+
} else return /*#__PURE__*/React.createElement("div", {
|
|
62
81
|
ref: function ref(el) {
|
|
63
82
|
return _this2.instance = el;
|
|
64
83
|
},
|
|
@@ -70,7 +89,7 @@ var FamewallEmbed = /*#__PURE__*/function (_React$Component) {
|
|
|
70
89
|
className: "famewall-embed",
|
|
71
90
|
"data-src": wallUrl,
|
|
72
91
|
"data-format": !carouselMode ? "grid" : "carousel",
|
|
73
|
-
"data-theme":
|
|
92
|
+
"data-theme": 'light',
|
|
74
93
|
style: {
|
|
75
94
|
width: "100%"
|
|
76
95
|
}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport { nanoid } from 'nanoid'\r\n\r\nclass FamewallEmbed extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { embedId: '' };\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.wallUrl) {\r\n console.error('Wall URL is required')\r\n return null\r\n }\r\n\r\n const s = document.createElement('script');\r\n s.type = 'text/javascript';\r\n s.defer = true\r\n s.src = \"https://embed.famewall.io/frame.js\";\r\n this.instance.appendChild(s);\r\n \r\n const embedId = nanoid();\r\n this.setState({ embedId: embedId });\r\n }\r\n\r\n render() {\r\n\r\n const { wallUrl, cardTheme, carouselMode } = this.props;\r\n\r\n return (\r\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport { nanoid } from 'nanoid'\r\n\r\nclass FamewallEmbed extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { embedId: '' };\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.wallUrl) {\r\n console.error('Wall URL is required')\r\n return null\r\n }\r\n\r\n const s = document.createElement('script');\r\n s.type = 'text/javascript';\r\n s.defer = true\r\n s.src = \"https://embed.famewall.io/frame.js\";\r\n this.instance.appendChild(s);\r\n \r\n const embedId = nanoid();\r\n this.setState({ embedId: embedId });\r\n }\r\n\r\n render() {\r\n\r\n const { wallUrl, cardTheme, carouselMode } = this.props;\r\n\r\n if(cardTheme===\"dark\"){\r\n return (\r\n <div ref={el => (this.instance = el)} style={{width:'100%', height:'100%'}}>\r\n <div className=\"famewall-embed\" data-src={wallUrl} data-format={!carouselMode?\"grid\":\"carousel\"} data-theme={'dark'} style={{ width: \"100%\" }}></div>\r\n </div>\r\n \r\n )\r\n }\r\n else\r\n return (\r\n <div ref={el => (this.instance = el)} style={{width:'100%', height:'100%'}}>\r\n <div className=\"famewall-embed\" data-src={wallUrl} data-format={!carouselMode?\"grid\":\"carousel\"} data-theme={'light'} style={{ width: \"100%\" }}></div>\r\n </div>\r\n\r\n )\r\n }\r\n}\r\n\r\n\r\nexport default FamewallEmbed\r\n"],"names":["FamewallEmbed","props","state","embedId","componentDidMount","wallUrl","console","error","s","document","createElement","type","defer","src","instance","appendChild","nanoid","setState","render","cardTheme","carouselMode","el","width","height","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAGMA;;;AAEJ,yBAAYC,KAAZ,EAAmB;AAAA;;AACjB,wCAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAb;AAFiB;AAGlB;;;;SAEDC,oBAAA,6BAAoB;AAClB,QAAI,CAAC,KAAKH,KAAL,CAAWI,OAAhB,EAAyB;AACvBC,MAAAA,OAAO,CAACC,KAAR,CAAc,sBAAd;AACA,aAAO,IAAP;AACD;;AAED,QAAMC,CAAC,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAV;AACAF,IAAAA,CAAC,CAACG,IAAF,GAAS,iBAAT;AACAH,IAAAA,CAAC,CAACI,KAAF,GAAU,IAAV;AACAJ,IAAAA,CAAC,CAACK,GAAF,GAAQ,oCAAR;AACA,SAAKC,QAAL,CAAcC,WAAd,CAA0BP,CAA1B;AAEA,QAAML,OAAO,GAAGa,aAAM,EAAtB;AACA,SAAKC,QAAL,CAAc;AAAEd,MAAAA,OAAO,EAAEA;AAAX,KAAd;AACD;;SAEDe,SAAA,kBAAS;AAAA;;AAEP,sBAA6C,KAAKjB,KAAlD;AAAA,QAAQI,OAAR,eAAQA,OAAR;AAAA,QAAiBc,SAAjB,eAAiBA,SAAjB;AAAA,QAA4BC,YAA5B,eAA4BA,YAA5B;;AAEA,QAAGD,SAAS,KAAG,MAAf,EAAsB;AACpB,0BACE;AAAK,QAAA,GAAG,EAAE,aAAAE,EAAE;AAAA,iBAAK,MAAI,CAACP,QAAL,GAAgBO,EAArB;AAAA,SAAZ;AAAsC,QAAA,KAAK,EAAE;AAACC,UAAAA,KAAK,EAAC,MAAP;AAAeC,UAAAA,MAAM,EAAC;AAAtB;AAA7C,sBACE;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAgC,oBAAUlB,OAA1C;AAAmD,uBAAa,CAACe,YAAD,GAAc,MAAd,GAAqB,UAArF;AAAiG,sBAAY,MAA7G;AAAqH,QAAA,KAAK,EAAE;AAAEE,UAAAA,KAAK,EAAE;AAAT;AAA5H,QADF,CADF;AAMD,KAPD,MASA,oBACE;AAAK,MAAA,GAAG,EAAE,aAAAD,EAAE;AAAA,eAAK,MAAI,CAACP,QAAL,GAAgBO,EAArB;AAAA,OAAZ;AAAsC,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAC,MAAP;AAAeC,QAAAA,MAAM,EAAC;AAAtB;AAA7C,oBACE;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAgC,kBAAUlB,OAA1C;AAAmD,qBAAa,CAACe,YAAD,GAAc,MAAd,GAAqB,UAArF;AAAiG,oBAAY,OAA7G;AAAsH,MAAA,KAAK,EAAE;AAAEE,QAAAA,KAAK,EAAE;AAAT;AAA7H,MADF,CADF;AAMD;;;EA1CyBE,KAAK,CAACC;;;;"}
|
package/dist/index.modern.js
CHANGED
|
@@ -56,7 +56,26 @@ var FamewallEmbed = /*#__PURE__*/function (_React$Component) {
|
|
|
56
56
|
wallUrl = _this$props.wallUrl,
|
|
57
57
|
cardTheme = _this$props.cardTheme,
|
|
58
58
|
carouselMode = _this$props.carouselMode;
|
|
59
|
-
|
|
59
|
+
|
|
60
|
+
if (cardTheme === "dark") {
|
|
61
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
62
|
+
ref: function ref(el) {
|
|
63
|
+
return _this2.instance = el;
|
|
64
|
+
},
|
|
65
|
+
style: {
|
|
66
|
+
width: '100%',
|
|
67
|
+
height: '100%'
|
|
68
|
+
}
|
|
69
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
70
|
+
className: "famewall-embed",
|
|
71
|
+
"data-src": wallUrl,
|
|
72
|
+
"data-format": !carouselMode ? "grid" : "carousel",
|
|
73
|
+
"data-theme": 'dark',
|
|
74
|
+
style: {
|
|
75
|
+
width: "100%"
|
|
76
|
+
}
|
|
77
|
+
}));
|
|
78
|
+
} else return /*#__PURE__*/React.createElement("div", {
|
|
60
79
|
ref: function ref(el) {
|
|
61
80
|
return _this2.instance = el;
|
|
62
81
|
},
|
|
@@ -68,7 +87,7 @@ var FamewallEmbed = /*#__PURE__*/function (_React$Component) {
|
|
|
68
87
|
className: "famewall-embed",
|
|
69
88
|
"data-src": wallUrl,
|
|
70
89
|
"data-format": !carouselMode ? "grid" : "carousel",
|
|
71
|
-
"data-theme":
|
|
90
|
+
"data-theme": 'light',
|
|
72
91
|
style: {
|
|
73
92
|
width: "100%"
|
|
74
93
|
}
|
package/dist/index.modern.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport { nanoid } from 'nanoid'\r\n\r\nclass FamewallEmbed extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { embedId: '' };\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.wallUrl) {\r\n console.error('Wall URL is required')\r\n return null\r\n }\r\n\r\n const s = document.createElement('script');\r\n s.type = 'text/javascript';\r\n s.defer = true\r\n s.src = \"https://embed.famewall.io/frame.js\";\r\n this.instance.appendChild(s);\r\n \r\n const embedId = nanoid();\r\n this.setState({ embedId: embedId });\r\n }\r\n\r\n render() {\r\n\r\n const { wallUrl, cardTheme, carouselMode } = this.props;\r\n\r\n return (\r\n
|
|
1
|
+
{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport { nanoid } from 'nanoid'\r\n\r\nclass FamewallEmbed extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { embedId: '' };\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.wallUrl) {\r\n console.error('Wall URL is required')\r\n return null\r\n }\r\n\r\n const s = document.createElement('script');\r\n s.type = 'text/javascript';\r\n s.defer = true\r\n s.src = \"https://embed.famewall.io/frame.js\";\r\n this.instance.appendChild(s);\r\n \r\n const embedId = nanoid();\r\n this.setState({ embedId: embedId });\r\n }\r\n\r\n render() {\r\n\r\n const { wallUrl, cardTheme, carouselMode } = this.props;\r\n\r\n if(cardTheme===\"dark\"){\r\n return (\r\n <div ref={el => (this.instance = el)} style={{width:'100%', height:'100%'}}>\r\n <div className=\"famewall-embed\" data-src={wallUrl} data-format={!carouselMode?\"grid\":\"carousel\"} data-theme={'dark'} style={{ width: \"100%\" }}></div>\r\n </div>\r\n \r\n )\r\n }\r\n else\r\n return (\r\n <div ref={el => (this.instance = el)} style={{width:'100%', height:'100%'}}>\r\n <div className=\"famewall-embed\" data-src={wallUrl} data-format={!carouselMode?\"grid\":\"carousel\"} data-theme={'light'} style={{ width: \"100%\" }}></div>\r\n </div>\r\n\r\n )\r\n }\r\n}\r\n\r\n\r\nexport default FamewallEmbed\r\n"],"names":["FamewallEmbed","props","state","embedId","componentDidMount","wallUrl","console","error","s","document","createElement","type","defer","src","instance","appendChild","nanoid","setState","render","cardTheme","carouselMode","el","width","height","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;IAGMA;;;AAEJ,yBAAYC,KAAZ,EAAmB;AAAA;;AACjB,wCAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAb;AAFiB;AAGlB;;;;SAEDC,oBAAA,6BAAoB;AAClB,QAAI,CAAC,KAAKH,KAAL,CAAWI,OAAhB,EAAyB;AACvBC,MAAAA,OAAO,CAACC,KAAR,CAAc,sBAAd;AACA,aAAO,IAAP;AACD;;AAED,QAAMC,CAAC,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAV;AACAF,IAAAA,CAAC,CAACG,IAAF,GAAS,iBAAT;AACAH,IAAAA,CAAC,CAACI,KAAF,GAAU,IAAV;AACAJ,IAAAA,CAAC,CAACK,GAAF,GAAQ,oCAAR;AACA,SAAKC,QAAL,CAAcC,WAAd,CAA0BP,CAA1B;AAEA,QAAML,OAAO,GAAGa,MAAM,EAAtB;AACA,SAAKC,QAAL,CAAc;AAAEd,MAAAA,OAAO,EAAEA;AAAX,KAAd;AACD;;SAEDe,SAAA,kBAAS;AAAA;;AAEP,sBAA6C,KAAKjB,KAAlD;AAAA,QAAQI,OAAR,eAAQA,OAAR;AAAA,QAAiBc,SAAjB,eAAiBA,SAAjB;AAAA,QAA4BC,YAA5B,eAA4BA,YAA5B;;AAEA,QAAGD,SAAS,KAAG,MAAf,EAAsB;AACpB,0BACE;AAAK,QAAA,GAAG,EAAE,aAAAE,EAAE;AAAA,iBAAK,MAAI,CAACP,QAAL,GAAgBO,EAArB;AAAA,SAAZ;AAAsC,QAAA,KAAK,EAAE;AAACC,UAAAA,KAAK,EAAC,MAAP;AAAeC,UAAAA,MAAM,EAAC;AAAtB;AAA7C,sBACE;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAgC,oBAAUlB,OAA1C;AAAmD,uBAAa,CAACe,YAAD,GAAc,MAAd,GAAqB,UAArF;AAAiG,sBAAY,MAA7G;AAAqH,QAAA,KAAK,EAAE;AAAEE,UAAAA,KAAK,EAAE;AAAT;AAA5H,QADF,CADF;AAMD,KAPD,MASA,oBACE;AAAK,MAAA,GAAG,EAAE,aAAAD,EAAE;AAAA,eAAK,MAAI,CAACP,QAAL,GAAgBO,EAArB;AAAA,OAAZ;AAAsC,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAC,MAAP;AAAeC,QAAAA,MAAM,EAAC;AAAtB;AAA7C,oBACE;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAgC,kBAAUlB,OAA1C;AAAmD,qBAAa,CAACe,YAAD,GAAc,MAAd,GAAqB,UAArF;AAAiG,oBAAY,OAA7G;AAAsH,MAAA,KAAK,EAAE;AAAEE,QAAAA,KAAK,EAAE;AAAT;AAA7H,MADF,CADF;AAMD;;;EA1CyBE,KAAK,CAACC;;;;"}
|