fluent-styles 1.41.0 → 1.43.0

package/lib/commonjs/package/image/index.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledImage = exports.StyledBackgroundImage = exports.FlexStyledImage = exports.FlexStyledBackgroundImage = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _styled = require("../styled");
 var _utils = require("../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+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; }
 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); }
 const base = {
   borderRadius: 0,
@@ -228,52 +229,96 @@ const ImageBackground = (0, _styled.styled)(_reactNative.ImageBackground, {
 const FlexStyledImage = ({
   imageUrl,
   local = false,
+  fallback = require('../../assets/img/blank_1.png'),
   ...rest
 }) => {
-  const url = imageUrl ? {
-    uri: imageUrl
-  } : require('../../assets/img/blank_1.png');
+  const [hasError, setHasError] = (0, _react.useState)(false);
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback;
+    }
+    if (hasError || !imageUrl) {
+      return fallback;
+    }
+    return {
+      uri: imageUrl
+    };
+  };
   return /*#__PURE__*/_react.default.createElement(FlexImage, _extends({
-    source: local ? imageUrl : url
+    source: getImageSource(),
+    onError: () => setHasError(true)
   }, rest));
 };
 exports.FlexStyledImage = FlexStyledImage;
-const StyledImage = ({
+const FlexStyledBackgroundImage = ({
   imageUrl,
   local = false,
+  fallback = require('../../assets/img/blank_1.png'),
   ...rest
 }) => {
-  const url = imageUrl ? {
-    uri: imageUrl
-  } : require('../../assets/img/blank_1.png');
-  return /*#__PURE__*/_react.default.createElement(Image, _extends({
-    source: local ? imageUrl : url
+  const [hasError, setHasError] = (0, _react.useState)(false);
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback;
+    }
+    if (hasError || !imageUrl) {
+      return fallback;
+    }
+    return {
+      uri: imageUrl
+    };
+  };
+  return /*#__PURE__*/_react.default.createElement(FlexImageBackground, _extends({
+    source: getImageSource(),
+    onError: () => setHasError(true)
   }, rest));
 };
-exports.StyledImage = StyledImage;
-const FlexStyledBackgroundImage = ({
+exports.FlexStyledBackgroundImage = FlexStyledBackgroundImage;
+const StyledImage = ({
   imageUrl,
   local = false,
+  fallback = require('../../assets/img/blank_1.png'),
   ...rest
 }) => {
-  const url = imageUrl ? {
-    uri: imageUrl
-  } : require('../../assets/img/blank_1.png');
-  return /*#__PURE__*/_react.default.createElement(FlexImageBackground, _extends({
-    source: local ? imageUrl : url
+  const [hasError, setHasError] = (0, _react.useState)(false);
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback;
+    }
+    if (hasError || !imageUrl) {
+      return fallback;
+    }
+    return {
+      uri: imageUrl
+    };
+  };
+  return /*#__PURE__*/_react.default.createElement(Image, _extends({
+    source: getImageSource(),
+    onError: () => setHasError(true)
   }, rest));
 };
-exports.FlexStyledBackgroundImage = FlexStyledBackgroundImage;
+exports.StyledImage = StyledImage;
 const StyledBackgroundImage = ({
   imageUrl,
   local = false,
+  fallback = require('../../assets/img/blank_1.png'),
   ...rest
 }) => {
-  const url = imageUrl ? {
-    uri: imageUrl
-  } : require('../../assets/img/blank_1.png');
+  const [hasError, setHasError] = (0, _react.useState)(false);
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback;
+    }
+    if (hasError || !imageUrl) {
+      return fallback;
+    }
+    return {
+      uri: imageUrl
+    };
+  };
   return /*#__PURE__*/_react.default.createElement(ImageBackground, _extends({
-    source: local ? imageUrl : url
+    source: getImageSource(),
+    onError: () => setHasError(true)
   }, rest));
 };
 exports.StyledBackgroundImage = StyledBackgroundImage;

package/lib/commonjs/package/image/index.js.map

@@ -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","rest","url","uri","createElement","source","exports","StyledImage","FlexStyledBackgroundImage","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 = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/blank_1.png')\r\n  return <FlexImage source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nconst StyledImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/blank_1.png')\r\n  return <Image source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nconst FlexStyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/blank_1.png')\r\n\r\n  return <FlexImageBackground source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nconst StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/blank_1.png')\r\n\r\n  return <ImageBackground source={local ? imageUrl : url} {...rest} />\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":[]}
+{"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 || !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\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 || !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\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 || !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\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 || !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\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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAsD,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEtD,MAAMG,IAAI,GAAG;EACXC,YAAY,EAAE,CAAC;EACfC,UAAU,EAAE,OAAO;EACnBC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,YAAY,GAAG;EACnBH,YAAY,EAAEA,CAACI,IAAI,GAAG,CAAC,KAAK;IAC1B,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,4BAA4B,CAAC;IAC/C;IACA,OAAO;MAAEN,YAAY,EAAEI;IAAK,CAAC;EAC/B,CAAC;EACDG,IAAI,EAAEA,CAACH,IAAI,GAAG,CAAC,KAAK;IAClB,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,oBAAoB,CAAC;IACvC;IACA,OAAO;MAAEC,IAAI,EAAEH;IAAK,CAAC;EACvB,CAAC;EACDI,KAAK,EAAEJ,IAAI,IAAI;IACb,IAAI,CAACA,IAAI,EAAE;IACX,OAAO;MAAEI,KAAK,EAAEJ;IAAK,CAAC;EACxB,CAAC;EACDK,MAAM,EAAEL,IAAI,IAAI;IACd,IAAI,CAACA,IAAI,EAAE;IACX,OAAO;MAAEK,MAAM,EAAEL;IAAK,CAAC;EACzB,CAAC;EACDM,WAAW,EAAEA,CAACN,IAAI,GAAG,CAAC,KAAK;IACzB,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,2BAA2B,CAAC;IAC9C;IACA,OAAO;MAAEI,WAAW,EAAEN;IAAK,CAAC;EAC9B,CAAC;EACDO,WAAW,EAAEC,KAAK,IAAI;IACpB,IAAI,CAACA,KAAK,EAAE;IACZ,IAAI,CAAC,IAAAC,mBAAY,EAACD,KAAK,CAAC,EAAE;MACxB,MAAM,IAAIN,KAAK,CAAC,+BAA+B,CAAC;IAClD;IACA,OAAO;MAAEK,WAAW,EAAEC;IAAM,CAAC;EAC/B,CAAC;EACDX,UAAU,EAAEa,IAAI,IAAI;IAClB,IAAI,CAACA,IAAI,EAAE;IAEX,MAAMC,UAAU,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;IACtE,IAAI,CAACA,UAAU,CAACC,QAAQ,CAACF,IAAI,CAAC,EAAE;MAC9B,MAAM,IAAIR,KAAK,CAAC,oBAAoB,CAAC;IACvC;IACA,OAAO;MAAEL,UAAU,EAAEa;IAAK,CAAC;EAC7B,CAAC;EACDG,KAAK,EAAEA,CAACb,IAAI,GAAG,CAAC,KAAK;IACnB,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,qBAAqB,CAAC;IACxC;IACA,OAAO;MAAEW,KAAK,EAAEb;IAAK,CAAC;EACxB,CAAC;EACDc,QAAQ,EAAE;IACRhB,QAAQ,EAAE;EACZ,CAAC;EACDiB,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJlB,QAAQ,EAAE;IACZ;EACF;AACF,CAAC;AAED,MAAMmB,QAAQ,GAAG;EACfrB,YAAY,EAAEA,CAACI,IAAI,GAAG,CAAC,KAAK;IAC1B,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,4BAA4B,CAAC;IAC/C;IACA,OAAO;MAAEN,YAAY,EAAEI;IAAK,CAAC;EAC/B,CAAC;EACDkB,mBAAmB,EAAEA,CAAClB,IAAI,GAAG,CAAC,KAAK;IACjC,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,mCAAmC,CAAC;IACtD;IACA,OAAO;MAAEgB,mBAAmB,EAAElB;IAAK,CAAC;EACtC,CAAC;EACDmB,oBAAoB,EAAEA,CAACnB,IAAI,GAAG,CAAC,KAAK;IAClC,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,oCAAoC,CAAC;IACvD;IACA,OAAO;MAAEiB,oBAAoB,EAAEnB;IAAK,CAAC;EACvC,CAAC;EACDoB,sBAAsB,EAAEA,CAACpB,IAAI,GAAG,CAAC,KAAK;IACpC,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,sCAAsC,CAAC;IACzD;IACA,OAAO;MAAEkB,sBAAsB,EAAEpB;IAAK,CAAC;EACzC,CAAC;EACDqB,uBAAuB,EAAEA,CAACrB,IAAI,GAAG,CAAC,KAAK;IACrC,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,uCAAuC,CAAC;IAC1D;IACA,OAAO;MAAEmB,uBAAuB,EAAErB;IAAK,CAAC;EAC1C,CAAC;EACDG,IAAI,EAAEA,CAACH,IAAI,GAAG,CAAC,KAAK;IAClB,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,oBAAoB,CAAC;IACvC;IACA,OAAO;MAAEC,IAAI,EAAEH;IAAK,CAAC;EACvB,CAAC;EACDI,KAAK,EAAEJ,IAAI,IAAI;IACb,IAAI,CAACA,IAAI,EAAE;IACX,OAAO;MAAEI,KAAK,EAAEJ;IAAK,CAAC;EACxB,CAAC;EACDK,MAAM,EAAEL,IAAI,IAAI;IACd,IAAI,CAACA,IAAI,EAAE;IACX,OAAO;MAAEK,MAAM,EAAEL;IAAK,CAAC;EACzB,CAAC;EACDM,WAAW,EAAEA,CAACN,IAAI,GAAG,CAAC,KAAK;IACzB,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,2BAA2B,CAAC;IAC9C;IACA,OAAO;MAAEI,WAAW,EAAEN;IAAK,CAAC;EAC9B,CAAC;EACDO,WAAW,EAAEC,KAAK,IAAI;IACpB,IAAI,CAACA,KAAK,EAAE;IACZ,IAAI,CAAC,IAAAC,mBAAY,EAACD,KAAK,CAAC,EAAE;MACxB,MAAM,IAAIN,KAAK,CAAC,+BAA+B,CAAC;IAClD;IACA,OAAO;MAAEK,WAAW,EAAEC;IAAM,CAAC;EAC/B,CAAC;EACDX,UAAU,EAAEa,IAAI,IAAI;IAClB,IAAI,CAACA,IAAI,EAAE;IAEX,MAAMC,UAAU,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;IACtE,IAAI,CAACA,UAAU,CAACC,QAAQ,CAACF,IAAI,CAAC,EAAE;MAC9B,MAAM,IAAIR,KAAK,CAAC,oBAAoB,CAAC;IACvC;IACA,OAAO;MAAEL,UAAU,EAAEa;IAAK,CAAC;EAC7B,CAAC;EACDG,KAAK,EAAEA,CAACb,IAAI,GAAG,CAAC,KAAK;IACnB,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,qBAAqB,CAAC;IACxC;IACA,OAAO;MAAEW,KAAK,EAAEb;IAAK,CAAC;EACxB,CAAC;EACDc,QAAQ,EAAE;IACRhB,QAAQ,EAAE;EACZ,CAAC;EACDiB,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJlB,QAAQ,EAAE;IACZ;EACF;AACF,CAAC;AAED,MAAMwB,SAAS,GAAG,IAAAC,cAAM,EAACC,kBAAW,EAAE;EACpC7B,IAAI,EAAE;IAAE,GAAGA;EAAK,CAAC;EACjBsB,QAAQ,EAAE;IACR,GAAGlB;EACL;AACF,CAAC,CAAC;AAEF,MAAM0B,mBAAmB,GAAG,IAAAF,cAAM,EAACG,4BAAO,EAAE;EAC1C/B,IAAI,EAAE;IAAE,GAAGA;EAAK,CAAC;EACjBsB,QAAQ,EAAE;IACR,GAAGlB;EACL;AACF,CAAC,CAAC;AAEF,MAAM4B,KAAK,GAAG,IAAAJ,cAAM,EAACC,kBAAW,EAAE;EAChC7B,IAAI,EAAE;IAAE,GAAGA;EAAK,CAAC;EACjBsB,QAAQ,EAAE;IACR,GAAGA;EACL;AACF,CAAC,CAAC;AAEF,MAAMW,eAAe,GAAG,IAAAL,cAAM,EAACG,4BAAO,EAAE;EACtC/B,IAAI,EAAE;IAAE,GAAGA;EAAK,CAAC;EACjBsB,QAAQ,EAAE;IACR,GAAGA;EACL;AACF,CAAC,CAAC;AAEF,MAAMY,eAAe,GAAGA,CAAC;EACxBC,QAAQ;EACRC,KAAK,GAAG,KAAK;EACbC,QAAQ,GAAGnE,OAAO,CAAC,8BAA8B,CAAC;EAClD,GAAGoE;AACJ,CAAC,KAAK;EACJ,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAIN,KAAK,EAAE;MACT,OAAOD,QAAQ,IAAIE,QAAQ;IAC7B;IAEA,IAAIE,QAAQ,IAAI,CAACJ,QAAQ,EAAE;MACzB,OAAOE,QAAQ;IACjB;IAEA,OAAO;MAAEM,GAAG,EAAER;IAAS,CAAC;EAC1B,CAAC;EAED,oBACEnE,MAAA,CAAAY,OAAA,CAAAgE,aAAA,CAACjB,SAAS,EAAAjC,QAAA;IACRmD,MAAM,EAAEH,cAAc,CAAC,CAAE;IACzBI,OAAO,EAAEA,CAAA,KAAMN,WAAW,CAAC,IAAI;EAAE,GAC7BF,IAAI,CACX,CAAC;AAEJ,CAAC;AAAAS,OAAA,CAAAb,eAAA,GAAAA,eAAA;AAED,MAAMc,yBAAyB,GAAGA,CAAC;EAClCb,QAAQ;EACRC,KAAK,GAAG,KAAK;EACbC,QAAQ,GAAGnE,OAAO,CAAC,8BAA8B,CAAC;EAClD,GAAGoE;AACJ,CAAC,KAAK;EACJ,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAIN,KAAK,EAAE;MACT,OAAOD,QAAQ,IAAIE,QAAQ;IAC7B;IAEA,IAAIE,QAAQ,IAAI,CAACJ,QAAQ,EAAE;MACzB,OAAOE,QAAQ;IACjB;IAEA,OAAO;MAAEM,GAAG,EAAER;IAAS,CAAC;EAC1B,CAAC;EAED,oBACEnE,MAAA,CAAAY,OAAA,CAAAgE,aAAA,CAACd,mBAAmB,EAAApC,QAAA;IAClBmD,MAAM,EAAEH,cAAc,CAAC,CAAE;IACzBI,OAAO,EAAEA,CAAA,KAAMN,WAAW,CAAC,IAAI;EAAE,GAC7BF,IAAI,CACX,CAAC;AAEJ,CAAC;AAAAS,OAAA,CAAAC,yBAAA,GAAAA,yBAAA;AAED,MAAMC,WAAW,GAAGA,CAAC;EACpBd,QAAQ;EACRC,KAAK,GAAG,KAAK;EACbC,QAAQ,GAAGnE,OAAO,CAAC,8BAA8B,CAAC;EAClD,GAAGoE;AACJ,CAAC,KAAK;EACJ,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAIN,KAAK,EAAE;MACT,OAAOD,QAAQ,IAAIE,QAAQ;IAC7B;IAEA,IAAIE,QAAQ,IAAI,CAACJ,QAAQ,EAAE;MACzB,OAAOE,QAAQ;IACjB;IAEA,OAAO;MAAEM,GAAG,EAAER;IAAS,CAAC;EAC1B,CAAC;EAED,oBACEnE,MAAA,CAAAY,OAAA,CAAAgE,aAAA,CAACZ,KAAK,EAAAtC,QAAA;IACJmD,MAAM,EAAEH,cAAc,CAAC,CAAE;IACzBI,OAAO,EAAEA,CAAA,KAAMN,WAAW,CAAC,IAAI;EAAE,GAC7BF,IAAI,CACX,CAAC;AAEJ,CAAC;AAAAS,OAAA,CAAAE,WAAA,GAAAA,WAAA;AAED,MAAMC,qBAAqB,GAAGA,CAAC;EAC9Bf,QAAQ;EACRC,KAAK,GAAG,KAAK;EACbC,QAAQ,GAAGnE,OAAO,CAAC,8BAA8B,CAAC;EAClD,GAAGoE;AACJ,CAAC,KAAK;EACJ,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAIN,KAAK,EAAE;MACT,OAAOD,QAAQ,IAAIE,QAAQ;IAC7B;IAEA,IAAIE,QAAQ,IAAI,CAACJ,QAAQ,EAAE;MACzB,OAAOE,QAAQ;IACjB;IAEA,OAAO;MAAEM,GAAG,EAAER;IAAS,CAAC;EAC1B,CAAC;EAED,oBACEnE,MAAA,CAAAY,OAAA,CAAAgE,aAAA,CAACX,eAAe,EAAAvC,QAAA;IACdmD,MAAM,EAAEH,cAAc,CAAC,CAAE;IACzBI,OAAO,EAAEA,CAAA,KAAMN,WAAW,CAAC,IAAI;EAAE,GAC7BF,IAAI,CACX,CAAC;AAEJ,CAAC;AAAAS,OAAA,CAAAG,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/lib/module/package/image/index.js

@@ -1,5 +1,5 @@
 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); }
-import React from 'react';
+import React, { useState } from 'react';
 import { Image as SourceImage, ImageBackground as ImageBg } from 'react-native';
 import { styled } from '../styled';
 import { isValidColor, isValidNumber } from '../utils';
@@ -221,49 +221,93 @@ const ImageBackground = styled(ImageBg, {
 const FlexStyledImage = ({
   imageUrl,
   local = false,
+  fallback = require('../../assets/img/blank_1.png'),
   ...rest
 }) => {
-  const url = imageUrl ? {
-    uri: imageUrl
-  } : require('../../assets/img/blank_1.png');
+  const [hasError, setHasError] = useState(false);
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback;
+    }
+    if (hasError || !imageUrl) {
+      return fallback;
+    }
+    return {
+      uri: imageUrl
+    };
+  };
   return /*#__PURE__*/React.createElement(FlexImage, _extends({
-    source: local ? imageUrl : url
+    source: getImageSource(),
+    onError: () => setHasError(true)
   }, rest));
 };
-const StyledImage = ({
+const FlexStyledBackgroundImage = ({
   imageUrl,
   local = false,
+  fallback = require('../../assets/img/blank_1.png'),
   ...rest
 }) => {
-  const url = imageUrl ? {
-    uri: imageUrl
-  } : require('../../assets/img/blank_1.png');
-  return /*#__PURE__*/React.createElement(Image, _extends({
-    source: local ? imageUrl : url
+  const [hasError, setHasError] = useState(false);
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback;
+    }
+    if (hasError || !imageUrl) {
+      return fallback;
+    }
+    return {
+      uri: imageUrl
+    };
+  };
+  return /*#__PURE__*/React.createElement(FlexImageBackground, _extends({
+    source: getImageSource(),
+    onError: () => setHasError(true)
   }, rest));
 };
-const FlexStyledBackgroundImage = ({
+const StyledImage = ({
   imageUrl,
   local = false,
+  fallback = require('../../assets/img/blank_1.png'),
   ...rest
 }) => {
-  const url = imageUrl ? {
-    uri: imageUrl
-  } : require('../../assets/img/blank_1.png');
-  return /*#__PURE__*/React.createElement(FlexImageBackground, _extends({
-    source: local ? imageUrl : url
+  const [hasError, setHasError] = useState(false);
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback;
+    }
+    if (hasError || !imageUrl) {
+      return fallback;
+    }
+    return {
+      uri: imageUrl
+    };
+  };
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: getImageSource(),
+    onError: () => setHasError(true)
   }, rest));
 };
 const StyledBackgroundImage = ({
   imageUrl,
   local = false,
+  fallback = require('../../assets/img/blank_1.png'),
   ...rest
 }) => {
-  const url = imageUrl ? {
-    uri: imageUrl
-  } : require('../../assets/img/blank_1.png');
+  const [hasError, setHasError] = useState(false);
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback;
+    }
+    if (hasError || !imageUrl) {
+      return fallback;
+    }
+    return {
+      uri: imageUrl
+    };
+  };
   return /*#__PURE__*/React.createElement(ImageBackground, _extends({
-    source: local ? imageUrl : url
+    source: getImageSource(),
+    onError: () => setHasError(true)
   }, rest));
 };
 export { StyledImage, StyledBackgroundImage, FlexStyledBackgroundImage, FlexStyledImage };

package/lib/module/package/image/index.js.map

@@ -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","rest","url","uri","require","createElement","_extends","source","StyledImage","FlexStyledBackgroundImage","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 = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/blank_1.png')\r\n  return <FlexImage source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nconst StyledImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/blank_1.png')\r\n  return <Image source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nconst FlexStyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/blank_1.png')\r\n\r\n  return <FlexImageBackground source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nconst StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/blank_1.png')\r\n\r\n  return <ImageBackground source={local ? imageUrl : url} {...rest} />\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":[]}
+{"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 || !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\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 || !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\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 || !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\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 || !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\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

@@ -1,6 +1,6 @@
 {
   "name": "fluent-styles",
-  "version": "1.41.0",
+  "version": "1.43.0",
   "description": "Develop different styled versions of UI components.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/package/image/index.jsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useState } from 'react'
 import { Image as SourceImage, ImageBackground as ImageBg } from 'react-native'
 import { styled } from '../styled'
 import { isValidColor, isValidNumber } from '../utils'
@@ -179,42 +179,116 @@ const ImageBackground = styled(ImageBg, {
   }
 })
 
-const FlexStyledImage = ({ imageUrl, local = false, ...rest }) => {
-  const url = imageUrl
-		? {
-  uri: imageUrl
-}
-		: require('../../assets/img/blank_1.png')
-  return <FlexImage source={local ? imageUrl : url} {...rest} />
-}
+const FlexStyledImage = ({
+	imageUrl,
+	local = false,
+	fallback = require('../../assets/img/blank_1.png'),
+	...rest
+}) => {
+  const [hasError, setHasError] = useState(false)
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback
+    }
 
-const StyledImage = ({ imageUrl, local = false, ...rest }) => {
-  const url = imageUrl
-		? {
-  uri: imageUrl
-}
-		: require('../../assets/img/blank_1.png')
-  return <Image source={local ? imageUrl : url} {...rest} />
-}
+    if (hasError || !imageUrl) {
+      return fallback
+    }
 
-const FlexStyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {
-  const url = imageUrl
-		? {
-  uri: imageUrl
+    return { uri: imageUrl }
+  }
+
+  return (
+    <FlexImage
+      source={getImageSource()}
+      onError={() => setHasError(true)}
+      {...rest}
+		/>
+  )
 }
-		: require('../../assets/img/blank_1.png')
 
-  return <FlexImageBackground source={local ? imageUrl : url} {...rest} />
+const FlexStyledBackgroundImage = ({
+	imageUrl,
+	local = false,
+	fallback = require('../../assets/img/blank_1.png'),
+	...rest
+}) => {
+  const [hasError, setHasError] = useState(false)
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback
+    }
+
+    if (hasError || !imageUrl) {
+      return fallback
+    }
+
+    return { uri: imageUrl }
+  }
+
+  return (
+    <FlexImageBackground
+      source={getImageSource()}
+      onError={() => setHasError(true)}
+      {...rest}
+		/>
+  )
 }
 
-const StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {
-  const url = imageUrl
-		? {
-  uri: imageUrl
+const StyledImage = ({
+	imageUrl,
+	local = false,
+	fallback = require('../../assets/img/blank_1.png'),
+	...rest
+}) => {
+  const [hasError, setHasError] = useState(false)
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback
+    }
+
+    if (hasError || !imageUrl) {
+      return fallback
+    }
+
+    return { uri: imageUrl }
+  }
+
+  return (
+    <Image
+      source={getImageSource()}
+      onError={() => setHasError(true)}
+      {...rest}
+		/>
+  )
 }
-		: require('../../assets/img/blank_1.png')
 
-  return <ImageBackground source={local ? imageUrl : url} {...rest} />
+const StyledBackgroundImage = ({
+	imageUrl,
+	local = false,
+	fallback = require('../../assets/img/blank_1.png'),
+	...rest
+}) => {
+  const [hasError, setHasError] = useState(false)
+  const getImageSource = () => {
+    if (local) {
+      return imageUrl || fallback
+    }
+
+    if (hasError || !imageUrl) {
+      return fallback
+    }
+
+    return { uri: imageUrl }
+  }
+
+  return (
+    <ImageBackground
+      source={getImageSource()}
+      onError={() => setHasError(true)}
+      {...rest}
+		/>
+  )
 }
 
 export {