fluent-styles 1.42.0 → 1.44.0
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.
|
@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.StyledImage = exports.StyledBackgroundImage = exports.FlexStyledImage = exports.FlexStyledBackgroundImage = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _styled = require("../styled");
|
|
10
10
|
var _utils = require("../utils");
|
|
11
|
-
function
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
14
|
const base = {
|
|
14
15
|
borderRadius: 0,
|
|
@@ -228,15 +229,15 @@ const ImageBackground = (0, _styled.styled)(_reactNative.ImageBackground, {
|
|
|
228
229
|
const FlexStyledImage = ({
|
|
229
230
|
imageUrl,
|
|
230
231
|
local = false,
|
|
231
|
-
fallback = require('../../assets/img/
|
|
232
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
232
233
|
...rest
|
|
233
234
|
}) => {
|
|
234
|
-
const [hasError, setHasError] = useState(false);
|
|
235
|
+
const [hasError, setHasError] = (0, _react.useState)(false);
|
|
235
236
|
const getImageSource = () => {
|
|
236
237
|
if (local) {
|
|
237
238
|
return imageUrl || fallback;
|
|
238
239
|
}
|
|
239
|
-
if (hasError
|
|
240
|
+
if (hasError) {
|
|
240
241
|
return fallback;
|
|
241
242
|
}
|
|
242
243
|
return {
|
|
@@ -252,15 +253,15 @@ exports.FlexStyledImage = FlexStyledImage;
|
|
|
252
253
|
const FlexStyledBackgroundImage = ({
|
|
253
254
|
imageUrl,
|
|
254
255
|
local = false,
|
|
255
|
-
fallback = require('../../assets/img/
|
|
256
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
256
257
|
...rest
|
|
257
258
|
}) => {
|
|
258
|
-
const [hasError, setHasError] = useState(false);
|
|
259
|
+
const [hasError, setHasError] = (0, _react.useState)(false);
|
|
259
260
|
const getImageSource = () => {
|
|
260
261
|
if (local) {
|
|
261
262
|
return imageUrl || fallback;
|
|
262
263
|
}
|
|
263
|
-
if (hasError
|
|
264
|
+
if (hasError) {
|
|
264
265
|
return fallback;
|
|
265
266
|
}
|
|
266
267
|
return {
|
|
@@ -276,15 +277,15 @@ exports.FlexStyledBackgroundImage = FlexStyledBackgroundImage;
|
|
|
276
277
|
const StyledImage = ({
|
|
277
278
|
imageUrl,
|
|
278
279
|
local = false,
|
|
279
|
-
fallback = require('../../assets/img/
|
|
280
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
280
281
|
...rest
|
|
281
282
|
}) => {
|
|
282
|
-
const [hasError, setHasError] = useState(false);
|
|
283
|
+
const [hasError, setHasError] = (0, _react.useState)(false);
|
|
283
284
|
const getImageSource = () => {
|
|
284
285
|
if (local) {
|
|
285
286
|
return imageUrl || fallback;
|
|
286
287
|
}
|
|
287
|
-
if (hasError
|
|
288
|
+
if (hasError) {
|
|
288
289
|
return fallback;
|
|
289
290
|
}
|
|
290
291
|
return {
|
|
@@ -300,15 +301,15 @@ exports.StyledImage = StyledImage;
|
|
|
300
301
|
const StyledBackgroundImage = ({
|
|
301
302
|
imageUrl,
|
|
302
303
|
local = false,
|
|
303
|
-
fallback = require('../../assets/img/
|
|
304
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
304
305
|
...rest
|
|
305
306
|
}) => {
|
|
306
|
-
const [hasError, setHasError] = useState(false);
|
|
307
|
+
const [hasError, setHasError] = (0, _react.useState)(false);
|
|
307
308
|
const getImageSource = () => {
|
|
308
309
|
if (local) {
|
|
309
310
|
return imageUrl || fallback;
|
|
310
311
|
}
|
|
311
|
-
if (hasError
|
|
312
|
+
if (hasError) {
|
|
312
313
|
return fallback;
|
|
313
314
|
}
|
|
314
315
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","base","borderRadius","resizeMode","position","flexVariants","size","isValidNumber","Error","flex","width","height","borderWidth","borderColor","color","isValidColor","mode","validModes","includes","right","relative","absolute","true","variants","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","FlexImage","styled","SourceImage","FlexImageBackground","ImageBg","Image","ImageBackground","FlexStyledImage","imageUrl","local","fallback","rest","hasError","setHasError","useState","getImageSource","uri","createElement","source","onError","exports","FlexStyledBackgroundImage","StyledImage","StyledBackgroundImage"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { Image as SourceImage, ImageBackground as ImageBg } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst base = {\r\n borderRadius: 0,\r\n resizeMode: 'cover',\r\n position: 'relative'\r\n}\r\n\r\nconst flexVariants = {\r\n borderRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderRadius value')\r\n }\r\n return { borderRadius: size }\r\n },\r\n flex: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid flex value')\r\n }\r\n return { flex: size }\r\n },\r\n width: size => {\r\n if (!size) return\r\n return { width: size }\r\n },\r\n height: size => {\r\n if (!size) return\r\n return { height: size }\r\n },\r\n borderWidth: (size = 1) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderWidth value')\r\n }\r\n return { borderWidth: size }\r\n },\r\n borderColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { borderColor: color }\r\n },\r\n resizeMode: mode => {\r\n if (!mode) return\r\n\r\n const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n if (!validModes.includes(mode)) {\r\n throw new Error('Invalid mode value')\r\n }\r\n return { resizeMode: mode }\r\n },\r\n right: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid right value')\r\n }\r\n return { right: size }\r\n },\r\n relative: {\r\n position: 'relative'\r\n },\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\r\n }\r\n}\r\n\r\nconst variants = {\r\n borderRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderRadius value')\r\n }\r\n return { borderRadius: size }\r\n },\r\n borderTopLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopLeftRadius value')\r\n }\r\n return { borderTopLeftRadius: size }\r\n },\r\n borderTopRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopRightRadius value')\r\n }\r\n return { borderTopRightRadius: size }\r\n },\r\n borderBottomLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomLeftRadius value')\r\n }\r\n return { borderBottomLeftRadius: size }\r\n },\r\n borderBottomRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomRightRadius value')\r\n }\r\n return { borderBottomRightRadius: size }\r\n },\r\n flex: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid flex value')\r\n }\r\n return { flex: size }\r\n },\r\n width: size => {\r\n if (!size) return\r\n return { width: size }\r\n },\r\n height: size => {\r\n if (!size) return\r\n return { height: size }\r\n },\r\n borderWidth: (size = 1) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderWidth value')\r\n }\r\n return { borderWidth: size }\r\n },\r\n borderColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { borderColor: color }\r\n },\r\n resizeMode: mode => {\r\n if (!mode) return\r\n\r\n const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n if (!validModes.includes(mode)) {\r\n throw new Error('Invalid mode value')\r\n }\r\n return { resizeMode: mode }\r\n },\r\n right: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid right value')\r\n }\r\n return { right: size }\r\n },\r\n relative: {\r\n position: 'relative'\r\n },\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\r\n }\r\n}\r\n\r\nconst FlexImage = styled(SourceImage, {\r\n base: { ...base },\r\n variants: {\r\n ...flexVariants\r\n }\r\n})\r\n\r\nconst FlexImageBackground = styled(ImageBg, {\r\n base: { ...base },\r\n variants: {\r\n ...flexVariants\r\n }\r\n})\r\n\r\nconst Image = styled(SourceImage, {\r\n base: { ...base },\r\n variants: {\r\n ...variants\r\n }\r\n})\r\n\r\nconst ImageBackground = styled(ImageBg, {\r\n base: { ...base },\r\n variants: {\r\n ...variants\r\n }\r\n})\r\n\r\nconst FlexStyledImage = ({\r\n imageUrl,\r\n local = false,\r\n fallback = require('../../assets/img/doctor.png'),\r\n ...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError || !imageUrl) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <FlexImage\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nconst FlexStyledBackgroundImage = ({\r\n imageUrl,\r\n local = false,\r\n fallback = require('../../assets/img/doctor.png'),\r\n ...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError || !imageUrl) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <FlexImageBackground\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nconst StyledImage = ({\r\n imageUrl,\r\n local = false,\r\n fallback = require('../../assets/img/doctor.png'),\r\n ...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError || !imageUrl) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <Image\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nconst StyledBackgroundImage = ({\r\n imageUrl,\r\n local = false,\r\n fallback = require('../../assets/img/doctor.png'),\r\n ...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError || !imageUrl) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <ImageBackground\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nexport {\r\n StyledImage,\r\n StyledBackgroundImage,\r\n FlexStyledBackgroundImage,\r\n FlexStyledImage\r\n}\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_styled","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","base","borderRadius","resizeMode","position","flexVariants","size","isValidNumber","Error","flex","width","height","borderWidth","borderColor","color","isValidColor","mode","validModes","includes","right","relative","absolute","true","variants","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","FlexImage","styled","SourceImage","FlexImageBackground","ImageBg","Image","ImageBackground","FlexStyledImage","imageUrl","local","fallback","rest","hasError","setHasError","useState","getImageSource","uri","createElement","source","onError","exports","FlexStyledBackgroundImage","StyledImage","StyledBackgroundImage"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Image as SourceImage, ImageBackground as ImageBg } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst base = {\r\n borderRadius: 0,\r\n resizeMode: 'cover',\r\n position: 'relative'\r\n}\r\n\r\nconst flexVariants = {\r\n borderRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderRadius value')\r\n }\r\n return { borderRadius: size }\r\n },\r\n flex: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid flex value')\r\n }\r\n return { flex: size }\r\n },\r\n width: size => {\r\n if (!size) return\r\n return { width: size }\r\n },\r\n height: size => {\r\n if (!size) return\r\n return { height: size }\r\n },\r\n borderWidth: (size = 1) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderWidth value')\r\n }\r\n return { borderWidth: size }\r\n },\r\n borderColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { borderColor: color }\r\n },\r\n resizeMode: mode => {\r\n if (!mode) return\r\n\r\n const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n if (!validModes.includes(mode)) {\r\n throw new Error('Invalid mode value')\r\n }\r\n return { resizeMode: mode }\r\n },\r\n right: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid right value')\r\n }\r\n return { right: size }\r\n },\r\n relative: {\r\n position: 'relative'\r\n },\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\r\n }\r\n}\r\n\r\nconst variants = {\r\n borderRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderRadius value')\r\n }\r\n return { borderRadius: size }\r\n },\r\n borderTopLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopLeftRadius value')\r\n }\r\n return { borderTopLeftRadius: size }\r\n },\r\n borderTopRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopRightRadius value')\r\n }\r\n return { borderTopRightRadius: size }\r\n },\r\n borderBottomLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomLeftRadius value')\r\n }\r\n return { borderBottomLeftRadius: size }\r\n },\r\n borderBottomRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomRightRadius value')\r\n }\r\n return { borderBottomRightRadius: size }\r\n },\r\n flex: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid flex value')\r\n }\r\n return { flex: size }\r\n },\r\n width: size => {\r\n if (!size) return\r\n return { width: size }\r\n },\r\n height: size => {\r\n if (!size) return\r\n return { height: size }\r\n },\r\n borderWidth: (size = 1) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderWidth value')\r\n }\r\n return { borderWidth: size }\r\n },\r\n borderColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { borderColor: color }\r\n },\r\n resizeMode: mode => {\r\n if (!mode) return\r\n\r\n const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n if (!validModes.includes(mode)) {\r\n throw new Error('Invalid mode value')\r\n }\r\n return { resizeMode: mode }\r\n },\r\n right: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid right value')\r\n }\r\n return { right: size }\r\n },\r\n relative: {\r\n position: 'relative'\r\n },\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\r\n }\r\n}\r\n\r\nconst FlexImage = styled(SourceImage, {\r\n base: { ...base },\r\n variants: {\r\n ...flexVariants\r\n }\r\n})\r\n\r\nconst FlexImageBackground = styled(ImageBg, {\r\n base: { ...base },\r\n variants: {\r\n ...flexVariants\r\n }\r\n})\r\n\r\nconst Image = styled(SourceImage, {\r\n base: { ...base },\r\n variants: {\r\n ...variants\r\n }\r\n})\r\n\r\nconst ImageBackground = styled(ImageBg, {\r\n base: { ...base },\r\n variants: {\r\n ...variants\r\n }\r\n})\r\n\r\nconst FlexStyledImage = ({\r\n\timageUrl,\r\n\tlocal = false,\r\n\tfallback = require('../../assets/img/blank_1.png'),\r\n\t...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <FlexImage\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n\t\t/>\r\n )\r\n}\r\n\r\nconst FlexStyledBackgroundImage = ({\r\n\timageUrl,\r\n\tlocal = false,\r\n\tfallback = require('../../assets/img/blank_1.png'),\r\n\t...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <FlexImageBackground\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n\t\t/>\r\n )\r\n}\r\n\r\nconst StyledImage = ({\r\n\timageUrl,\r\n\tlocal = false,\r\n\tfallback = require('../../assets/img/blank_1.png'),\r\n\t...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <Image\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n\t\t/>\r\n )\r\n}\r\n\r\nconst StyledBackgroundImage = ({\r\n\timageUrl,\r\n\tlocal = false,\r\n\tfallback = require('../../assets/img/blank_1.png'),\r\n\t...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <ImageBackground\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n\t\t/>\r\n )\r\n}\r\n\r\nexport {\r\n\tStyledImage,\r\n\tStyledBackgroundImage,\r\n\tFlexStyledBackgroundImage,\r\n\tFlexStyledImage\r\n}\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
3
|
import { Image as SourceImage, ImageBackground as ImageBg } from 'react-native';
|
|
4
4
|
import { styled } from '../styled';
|
|
5
5
|
import { isValidColor, isValidNumber } from '../utils';
|
|
@@ -221,7 +221,7 @@ const ImageBackground = styled(ImageBg, {
|
|
|
221
221
|
const FlexStyledImage = ({
|
|
222
222
|
imageUrl,
|
|
223
223
|
local = false,
|
|
224
|
-
fallback = require('../../assets/img/
|
|
224
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
225
225
|
...rest
|
|
226
226
|
}) => {
|
|
227
227
|
const [hasError, setHasError] = useState(false);
|
|
@@ -229,7 +229,7 @@ const FlexStyledImage = ({
|
|
|
229
229
|
if (local) {
|
|
230
230
|
return imageUrl || fallback;
|
|
231
231
|
}
|
|
232
|
-
if (hasError
|
|
232
|
+
if (hasError) {
|
|
233
233
|
return fallback;
|
|
234
234
|
}
|
|
235
235
|
return {
|
|
@@ -244,7 +244,7 @@ const FlexStyledImage = ({
|
|
|
244
244
|
const FlexStyledBackgroundImage = ({
|
|
245
245
|
imageUrl,
|
|
246
246
|
local = false,
|
|
247
|
-
fallback = require('../../assets/img/
|
|
247
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
248
248
|
...rest
|
|
249
249
|
}) => {
|
|
250
250
|
const [hasError, setHasError] = useState(false);
|
|
@@ -252,7 +252,7 @@ const FlexStyledBackgroundImage = ({
|
|
|
252
252
|
if (local) {
|
|
253
253
|
return imageUrl || fallback;
|
|
254
254
|
}
|
|
255
|
-
if (hasError
|
|
255
|
+
if (hasError) {
|
|
256
256
|
return fallback;
|
|
257
257
|
}
|
|
258
258
|
return {
|
|
@@ -267,7 +267,7 @@ const FlexStyledBackgroundImage = ({
|
|
|
267
267
|
const StyledImage = ({
|
|
268
268
|
imageUrl,
|
|
269
269
|
local = false,
|
|
270
|
-
fallback = require('../../assets/img/
|
|
270
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
271
271
|
...rest
|
|
272
272
|
}) => {
|
|
273
273
|
const [hasError, setHasError] = useState(false);
|
|
@@ -275,7 +275,7 @@ const StyledImage = ({
|
|
|
275
275
|
if (local) {
|
|
276
276
|
return imageUrl || fallback;
|
|
277
277
|
}
|
|
278
|
-
if (hasError
|
|
278
|
+
if (hasError) {
|
|
279
279
|
return fallback;
|
|
280
280
|
}
|
|
281
281
|
return {
|
|
@@ -290,7 +290,7 @@ const StyledImage = ({
|
|
|
290
290
|
const StyledBackgroundImage = ({
|
|
291
291
|
imageUrl,
|
|
292
292
|
local = false,
|
|
293
|
-
fallback = require('../../assets/img/
|
|
293
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
294
294
|
...rest
|
|
295
295
|
}) => {
|
|
296
296
|
const [hasError, setHasError] = useState(false);
|
|
@@ -298,7 +298,7 @@ const StyledBackgroundImage = ({
|
|
|
298
298
|
if (local) {
|
|
299
299
|
return imageUrl || fallback;
|
|
300
300
|
}
|
|
301
|
-
if (hasError
|
|
301
|
+
if (hasError) {
|
|
302
302
|
return fallback;
|
|
303
303
|
}
|
|
304
304
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","SourceImage","ImageBackground","ImageBg","styled","isValidColor","isValidNumber","base","borderRadius","resizeMode","position","flexVariants","size","Error","flex","width","height","borderWidth","borderColor","color","mode","validModes","includes","right","relative","absolute","true","variants","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","FlexImage","FlexImageBackground","FlexStyledImage","imageUrl","local","fallback","require","rest","hasError","setHasError","useState","getImageSource","uri","createElement","_extends","source","onError","FlexStyledBackgroundImage","StyledImage","StyledBackgroundImage"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { Image as SourceImage, ImageBackground as ImageBg } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst base = {\r\n borderRadius: 0,\r\n resizeMode: 'cover',\r\n position: 'relative'\r\n}\r\n\r\nconst flexVariants = {\r\n borderRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderRadius value')\r\n }\r\n return { borderRadius: size }\r\n },\r\n flex: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid flex value')\r\n }\r\n return { flex: size }\r\n },\r\n width: size => {\r\n if (!size) return\r\n return { width: size }\r\n },\r\n height: size => {\r\n if (!size) return\r\n return { height: size }\r\n },\r\n borderWidth: (size = 1) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderWidth value')\r\n }\r\n return { borderWidth: size }\r\n },\r\n borderColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { borderColor: color }\r\n },\r\n resizeMode: mode => {\r\n if (!mode) return\r\n\r\n const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n if (!validModes.includes(mode)) {\r\n throw new Error('Invalid mode value')\r\n }\r\n return { resizeMode: mode }\r\n },\r\n right: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid right value')\r\n }\r\n return { right: size }\r\n },\r\n relative: {\r\n position: 'relative'\r\n },\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\r\n }\r\n}\r\n\r\nconst variants = {\r\n borderRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderRadius value')\r\n }\r\n return { borderRadius: size }\r\n },\r\n borderTopLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopLeftRadius value')\r\n }\r\n return { borderTopLeftRadius: size }\r\n },\r\n borderTopRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopRightRadius value')\r\n }\r\n return { borderTopRightRadius: size }\r\n },\r\n borderBottomLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomLeftRadius value')\r\n }\r\n return { borderBottomLeftRadius: size }\r\n },\r\n borderBottomRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomRightRadius value')\r\n }\r\n return { borderBottomRightRadius: size }\r\n },\r\n flex: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid flex value')\r\n }\r\n return { flex: size }\r\n },\r\n width: size => {\r\n if (!size) return\r\n return { width: size }\r\n },\r\n height: size => {\r\n if (!size) return\r\n return { height: size }\r\n },\r\n borderWidth: (size = 1) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderWidth value')\r\n }\r\n return { borderWidth: size }\r\n },\r\n borderColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { borderColor: color }\r\n },\r\n resizeMode: mode => {\r\n if (!mode) return\r\n\r\n const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n if (!validModes.includes(mode)) {\r\n throw new Error('Invalid mode value')\r\n }\r\n return { resizeMode: mode }\r\n },\r\n right: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid right value')\r\n }\r\n return { right: size }\r\n },\r\n relative: {\r\n position: 'relative'\r\n },\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\r\n }\r\n}\r\n\r\nconst FlexImage = styled(SourceImage, {\r\n base: { ...base },\r\n variants: {\r\n ...flexVariants\r\n }\r\n})\r\n\r\nconst FlexImageBackground = styled(ImageBg, {\r\n base: { ...base },\r\n variants: {\r\n ...flexVariants\r\n }\r\n})\r\n\r\nconst Image = styled(SourceImage, {\r\n base: { ...base },\r\n variants: {\r\n ...variants\r\n }\r\n})\r\n\r\nconst ImageBackground = styled(ImageBg, {\r\n base: { ...base },\r\n variants: {\r\n ...variants\r\n }\r\n})\r\n\r\nconst FlexStyledImage = ({\r\n imageUrl,\r\n local = false,\r\n fallback = require('../../assets/img/doctor.png'),\r\n ...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError || !imageUrl) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <FlexImage\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nconst FlexStyledBackgroundImage = ({\r\n imageUrl,\r\n local = false,\r\n fallback = require('../../assets/img/doctor.png'),\r\n ...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError || !imageUrl) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <FlexImageBackground\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nconst StyledImage = ({\r\n imageUrl,\r\n local = false,\r\n fallback = require('../../assets/img/doctor.png'),\r\n ...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError || !imageUrl) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <Image\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nconst StyledBackgroundImage = ({\r\n imageUrl,\r\n local = false,\r\n fallback = require('../../assets/img/doctor.png'),\r\n ...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError || !imageUrl) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <ImageBackground\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nexport {\r\n StyledImage,\r\n StyledBackgroundImage,\r\n FlexStyledBackgroundImage,\r\n FlexStyledImage\r\n}\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","useState","Image","SourceImage","ImageBackground","ImageBg","styled","isValidColor","isValidNumber","base","borderRadius","resizeMode","position","flexVariants","size","Error","flex","width","height","borderWidth","borderColor","color","mode","validModes","includes","right","relative","absolute","true","variants","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","FlexImage","FlexImageBackground","FlexStyledImage","imageUrl","local","fallback","require","rest","hasError","setHasError","getImageSource","uri","createElement","_extends","source","onError","FlexStyledBackgroundImage","StyledImage","StyledBackgroundImage"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Image as SourceImage, ImageBackground as ImageBg } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst base = {\r\n borderRadius: 0,\r\n resizeMode: 'cover',\r\n position: 'relative'\r\n}\r\n\r\nconst flexVariants = {\r\n borderRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderRadius value')\r\n }\r\n return { borderRadius: size }\r\n },\r\n flex: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid flex value')\r\n }\r\n return { flex: size }\r\n },\r\n width: size => {\r\n if (!size) return\r\n return { width: size }\r\n },\r\n height: size => {\r\n if (!size) return\r\n return { height: size }\r\n },\r\n borderWidth: (size = 1) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderWidth value')\r\n }\r\n return { borderWidth: size }\r\n },\r\n borderColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { borderColor: color }\r\n },\r\n resizeMode: mode => {\r\n if (!mode) return\r\n\r\n const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n if (!validModes.includes(mode)) {\r\n throw new Error('Invalid mode value')\r\n }\r\n return { resizeMode: mode }\r\n },\r\n right: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid right value')\r\n }\r\n return { right: size }\r\n },\r\n relative: {\r\n position: 'relative'\r\n },\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\r\n }\r\n}\r\n\r\nconst variants = {\r\n borderRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderRadius value')\r\n }\r\n return { borderRadius: size }\r\n },\r\n borderTopLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopLeftRadius value')\r\n }\r\n return { borderTopLeftRadius: size }\r\n },\r\n borderTopRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopRightRadius value')\r\n }\r\n return { borderTopRightRadius: size }\r\n },\r\n borderBottomLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomLeftRadius value')\r\n }\r\n return { borderBottomLeftRadius: size }\r\n },\r\n borderBottomRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomRightRadius value')\r\n }\r\n return { borderBottomRightRadius: size }\r\n },\r\n flex: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid flex value')\r\n }\r\n return { flex: size }\r\n },\r\n width: size => {\r\n if (!size) return\r\n return { width: size }\r\n },\r\n height: size => {\r\n if (!size) return\r\n return { height: size }\r\n },\r\n borderWidth: (size = 1) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderWidth value')\r\n }\r\n return { borderWidth: size }\r\n },\r\n borderColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { borderColor: color }\r\n },\r\n resizeMode: mode => {\r\n if (!mode) return\r\n\r\n const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n if (!validModes.includes(mode)) {\r\n throw new Error('Invalid mode value')\r\n }\r\n return { resizeMode: mode }\r\n },\r\n right: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid right value')\r\n }\r\n return { right: size }\r\n },\r\n relative: {\r\n position: 'relative'\r\n },\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\r\n }\r\n}\r\n\r\nconst FlexImage = styled(SourceImage, {\r\n base: { ...base },\r\n variants: {\r\n ...flexVariants\r\n }\r\n})\r\n\r\nconst FlexImageBackground = styled(ImageBg, {\r\n base: { ...base },\r\n variants: {\r\n ...flexVariants\r\n }\r\n})\r\n\r\nconst Image = styled(SourceImage, {\r\n base: { ...base },\r\n variants: {\r\n ...variants\r\n }\r\n})\r\n\r\nconst ImageBackground = styled(ImageBg, {\r\n base: { ...base },\r\n variants: {\r\n ...variants\r\n }\r\n})\r\n\r\nconst FlexStyledImage = ({\r\n\timageUrl,\r\n\tlocal = false,\r\n\tfallback = require('../../assets/img/blank_1.png'),\r\n\t...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <FlexImage\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n\t\t/>\r\n )\r\n}\r\n\r\nconst FlexStyledBackgroundImage = ({\r\n\timageUrl,\r\n\tlocal = false,\r\n\tfallback = require('../../assets/img/blank_1.png'),\r\n\t...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <FlexImageBackground\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n\t\t/>\r\n )\r\n}\r\n\r\nconst StyledImage = ({\r\n\timageUrl,\r\n\tlocal = false,\r\n\tfallback = require('../../assets/img/blank_1.png'),\r\n\t...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <Image\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n\t\t/>\r\n )\r\n}\r\n\r\nconst StyledBackgroundImage = ({\r\n\timageUrl,\r\n\tlocal = false,\r\n\tfallback = require('../../assets/img/blank_1.png'),\r\n\t...rest\r\n}) => {\r\n const [hasError, setHasError] = useState(false)\r\n const getImageSource = () => {\r\n if (local) {\r\n return imageUrl || fallback\r\n }\r\n\r\n if (hasError) {\r\n return fallback\r\n }\r\n\r\n return { uri: imageUrl }\r\n }\r\n\r\n return (\r\n <ImageBackground\r\n source={getImageSource()}\r\n onError={() => setHasError(true)}\r\n {...rest}\r\n\t\t/>\r\n )\r\n}\r\n\r\nexport {\r\n\tStyledImage,\r\n\tStyledBackgroundImage,\r\n\tFlexStyledBackgroundImage,\r\n\tFlexStyledImage\r\n}\r\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react'
|
|
1
|
+
import React, { useState } from 'react'
|
|
2
2
|
import { Image as SourceImage, ImageBackground as ImageBg } from 'react-native'
|
|
3
3
|
import { styled } from '../styled'
|
|
4
4
|
import { isValidColor, isValidNumber } from '../utils'
|
|
@@ -180,10 +180,10 @@ const ImageBackground = styled(ImageBg, {
|
|
|
180
180
|
})
|
|
181
181
|
|
|
182
182
|
const FlexStyledImage = ({
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
183
|
+
imageUrl,
|
|
184
|
+
local = false,
|
|
185
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
186
|
+
...rest
|
|
187
187
|
}) => {
|
|
188
188
|
const [hasError, setHasError] = useState(false)
|
|
189
189
|
const getImageSource = () => {
|
|
@@ -191,7 +191,7 @@ const FlexStyledImage = ({
|
|
|
191
191
|
return imageUrl || fallback
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
if (hasError
|
|
194
|
+
if (hasError) {
|
|
195
195
|
return fallback
|
|
196
196
|
}
|
|
197
197
|
|
|
@@ -203,15 +203,15 @@ const FlexStyledImage = ({
|
|
|
203
203
|
source={getImageSource()}
|
|
204
204
|
onError={() => setHasError(true)}
|
|
205
205
|
{...rest}
|
|
206
|
-
|
|
206
|
+
/>
|
|
207
207
|
)
|
|
208
208
|
}
|
|
209
209
|
|
|
210
210
|
const FlexStyledBackgroundImage = ({
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
211
|
+
imageUrl,
|
|
212
|
+
local = false,
|
|
213
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
214
|
+
...rest
|
|
215
215
|
}) => {
|
|
216
216
|
const [hasError, setHasError] = useState(false)
|
|
217
217
|
const getImageSource = () => {
|
|
@@ -219,7 +219,7 @@ const FlexStyledBackgroundImage = ({
|
|
|
219
219
|
return imageUrl || fallback
|
|
220
220
|
}
|
|
221
221
|
|
|
222
|
-
if (hasError
|
|
222
|
+
if (hasError) {
|
|
223
223
|
return fallback
|
|
224
224
|
}
|
|
225
225
|
|
|
@@ -231,15 +231,15 @@ const FlexStyledBackgroundImage = ({
|
|
|
231
231
|
source={getImageSource()}
|
|
232
232
|
onError={() => setHasError(true)}
|
|
233
233
|
{...rest}
|
|
234
|
-
|
|
234
|
+
/>
|
|
235
235
|
)
|
|
236
236
|
}
|
|
237
237
|
|
|
238
238
|
const StyledImage = ({
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
239
|
+
imageUrl,
|
|
240
|
+
local = false,
|
|
241
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
242
|
+
...rest
|
|
243
243
|
}) => {
|
|
244
244
|
const [hasError, setHasError] = useState(false)
|
|
245
245
|
const getImageSource = () => {
|
|
@@ -247,7 +247,7 @@ const StyledImage = ({
|
|
|
247
247
|
return imageUrl || fallback
|
|
248
248
|
}
|
|
249
249
|
|
|
250
|
-
if (hasError
|
|
250
|
+
if (hasError) {
|
|
251
251
|
return fallback
|
|
252
252
|
}
|
|
253
253
|
|
|
@@ -259,15 +259,15 @@ const StyledImage = ({
|
|
|
259
259
|
source={getImageSource()}
|
|
260
260
|
onError={() => setHasError(true)}
|
|
261
261
|
{...rest}
|
|
262
|
-
|
|
262
|
+
/>
|
|
263
263
|
)
|
|
264
264
|
}
|
|
265
265
|
|
|
266
266
|
const StyledBackgroundImage = ({
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
267
|
+
imageUrl,
|
|
268
|
+
local = false,
|
|
269
|
+
fallback = require('../../assets/img/blank_1.png'),
|
|
270
|
+
...rest
|
|
271
271
|
}) => {
|
|
272
272
|
const [hasError, setHasError] = useState(false)
|
|
273
273
|
const getImageSource = () => {
|
|
@@ -275,7 +275,7 @@ const StyledBackgroundImage = ({
|
|
|
275
275
|
return imageUrl || fallback
|
|
276
276
|
}
|
|
277
277
|
|
|
278
|
-
if (hasError
|
|
278
|
+
if (hasError) {
|
|
279
279
|
return fallback
|
|
280
280
|
}
|
|
281
281
|
|
|
@@ -287,13 +287,13 @@ const StyledBackgroundImage = ({
|
|
|
287
287
|
source={getImageSource()}
|
|
288
288
|
onError={() => setHasError(true)}
|
|
289
289
|
{...rest}
|
|
290
|
-
|
|
290
|
+
/>
|
|
291
291
|
)
|
|
292
292
|
}
|
|
293
293
|
|
|
294
294
|
export {
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
295
|
+
StyledImage,
|
|
296
|
+
StyledBackgroundImage,
|
|
297
|
+
FlexStyledBackgroundImage,
|
|
298
|
+
FlexStyledImage
|
|
299
299
|
}
|