fluent-styles 1.45.0 → 1.47.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.
- package/lib/commonjs/package/image/index.js +15 -3
- package/lib/commonjs/package/image/index.js.map +1 -1
- package/lib/commonjs/package/text/index.js +8 -0
- package/lib/commonjs/package/text/index.js.map +1 -1
- package/lib/module/package/image/index.js +15 -3
- package/lib/module/package/image/index.js.map +1 -1
- package/lib/module/package/text/index.js +8 -0
- package/lib/module/package/text/index.js.map +1 -1
- package/package.json +1 -1
- package/src/package/image/index.jsx +20 -4
- package/src/package/text/index.jsx +6 -0
|
@@ -237,8 +237,11 @@ const FlexStyledImage = ({
|
|
|
237
237
|
if (local) {
|
|
238
238
|
return imageUrl || fallback;
|
|
239
239
|
}
|
|
240
|
+
if (hasError || !imageUrl) {
|
|
241
|
+
return fallback;
|
|
242
|
+
}
|
|
240
243
|
return {
|
|
241
|
-
uri:
|
|
244
|
+
uri: imageUrl
|
|
242
245
|
};
|
|
243
246
|
};
|
|
244
247
|
return /*#__PURE__*/_react.default.createElement(FlexImage, _extends({
|
|
@@ -258,8 +261,11 @@ const FlexStyledBackgroundImage = ({
|
|
|
258
261
|
if (local) {
|
|
259
262
|
return imageUrl || fallback;
|
|
260
263
|
}
|
|
264
|
+
if (hasError || !imageUrl) {
|
|
265
|
+
return fallback;
|
|
266
|
+
}
|
|
261
267
|
return {
|
|
262
|
-
uri:
|
|
268
|
+
uri: imageUrl
|
|
263
269
|
};
|
|
264
270
|
};
|
|
265
271
|
return /*#__PURE__*/_react.default.createElement(FlexImageBackground, _extends({
|
|
@@ -279,6 +285,9 @@ const StyledImage = ({
|
|
|
279
285
|
if (local) {
|
|
280
286
|
return imageUrl || fallback;
|
|
281
287
|
}
|
|
288
|
+
if (hasError || !imageUrl) {
|
|
289
|
+
return fallback;
|
|
290
|
+
}
|
|
282
291
|
return {
|
|
283
292
|
uri: hasError ? fallback : imageUrl
|
|
284
293
|
};
|
|
@@ -300,8 +309,11 @@ const StyledBackgroundImage = ({
|
|
|
300
309
|
if (local) {
|
|
301
310
|
return imageUrl || fallback;
|
|
302
311
|
}
|
|
312
|
+
if (hasError || !imageUrl) {
|
|
313
|
+
return fallback;
|
|
314
|
+
}
|
|
303
315
|
return {
|
|
304
|
-
uri:
|
|
316
|
+
uri: imageUrl
|
|
305
317
|
};
|
|
306
318
|
};
|
|
307
319
|
return /*#__PURE__*/_react.default.createElement(ImageBackground, _extends({
|
|
@@ -1 +1 @@
|
|
|
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 return { uri: hasError ? fallback : 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 return { uri: hasError ? fallback : 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 return { uri: hasError ? fallback : 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 return { uri: hasError ? fallback : 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
|
+
{"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: hasError ? fallback: 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":[]}
|
|
@@ -39,6 +39,14 @@ const StyledText = exports.StyledText = (0, _styled.styled)(_reactNative.Text, {
|
|
|
39
39
|
fontSize: size
|
|
40
40
|
};
|
|
41
41
|
},
|
|
42
|
+
numberOfLines: (lines = 0) => {
|
|
43
|
+
if (!(0, _utils.isValidNumber)(lines)) {
|
|
44
|
+
throw new Error('Invalid lines value');
|
|
45
|
+
}
|
|
46
|
+
return {
|
|
47
|
+
numberOfLines: lines
|
|
48
|
+
};
|
|
49
|
+
},
|
|
42
50
|
textDecorationLine: {
|
|
43
51
|
true: {
|
|
44
52
|
textDecorationLine: 'underline'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_styled","_theme","_utils","StyledText","exports","styled","Text","base","fontSize","theme","normal","color","colors","gray","fontWeight","variants","size","isValidString","Error","isValidColor","isValidNumber","textDecorationLine","true","flexWrap","selected","false","fontFamily","font","textAlign","align","validAlignments","includes"],"sources":["index.jsx"],"sourcesContent":["import { Text } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils'\r\n\r\nconst StyledText = styled(Text, {\r\n base: {\r\n fontSize: theme.fontSize.normal,\r\n color: theme.colors.gray[800],\r\n fontWeight: theme.fontWeight.normal\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value')\r\n }\r\n return { fontWeight: size }\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value')\r\n }\r\n return { color: color }\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value')\r\n }\r\n return { fontSize: size }\r\n },\r\n textDecorationLine: {\r\n true: {\r\n textDecorationLine: 'underline'\r\n }\r\n },\r\n flexWrap: 'wrap',\r\n selected: {\r\n true: {\r\n color: theme.colors.gray[1]\r\n },\r\n false: {\r\n color: theme.colors.gray[800]\r\n }\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify']\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value')\r\n }\r\n return { textAlign: align }\r\n }\r\n }\r\n})\r\n\r\nexport { StyledText }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,MAAMI,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,cAAM,EAACC,iBAAI,EAAE;EAC9BC,IAAI,EAAE;IACJC,QAAQ,EAAEC,YAAK,CAACD,QAAQ,CAACE,MAAM;IAC/BC,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7BC,UAAU,EAAEL,YAAK,CAACK,UAAU,CAACJ;EAC/B,CAAC;EACDK,QAAQ,EAAE;IACRD,UAAU,EAAEA,CAACE,IAAI,GAAGP,YAAK,CAACK,UAAU,CAACJ,MAAM,KAAK;MAC9C,IAAI,CAAC,IAAAO,oBAAa,EAACD,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,0BAA0B,CAAC;MAC7C;MACA,OAAO;QAAEJ,UAAU,EAAEE;MAAK,CAAC;IAC7B,CAAC;IACDL,KAAK,EAAEA,CAACA,KAAK,GAAGF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MACzC,IAAI,CAAC,IAAAM,mBAAY,EAACR,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIO,KAAK,CAAC,qBAAqB,CAAC;MACxC;MACA,OAAO;QAAEP,KAAK,EAAEA;MAAM,CAAC;IACzB,CAAC;IACDH,QAAQ,EAAEA,CAACQ,IAAI,GAAGP,YAAK,CAACD,QAAQ,CAACE,MAAM,KAAK;MAC1C,IAAI,CAAC,IAAAU,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,wBAAwB,CAAC;MAC3C;MACA,OAAO;QAAEV,QAAQ,EAAEQ;MAAK,CAAC;IAC3B,CAAC;IACDK,kBAAkB,EAAE;MAClBC,IAAI,EAAE;QACJD,kBAAkB,EAAE;MACtB;IACF,CAAC;IACDE,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;MACRF,IAAI,EAAE;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_styled","_theme","_utils","StyledText","exports","styled","Text","base","fontSize","theme","normal","color","colors","gray","fontWeight","variants","size","isValidString","Error","isValidColor","isValidNumber","numberOfLines","lines","textDecorationLine","true","flexWrap","selected","false","fontFamily","font","textAlign","align","validAlignments","includes"],"sources":["index.jsx"],"sourcesContent":["import { Text } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils'\r\n\r\nconst StyledText = styled(Text, {\r\n base: {\r\n fontSize: theme.fontSize.normal,\r\n color: theme.colors.gray[800],\r\n fontWeight: theme.fontWeight.normal\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value')\r\n }\r\n return { fontWeight: size }\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value')\r\n }\r\n return { color: color }\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value')\r\n }\r\n return { fontSize: size }\r\n },\r\n numberOfLines: (lines = 0) => {\r\n if (!isValidNumber(lines)) {\r\n throw new Error('Invalid lines value')\r\n }\r\n return { numberOfLines: lines }\r\n },\r\n textDecorationLine: {\r\n true: {\r\n textDecorationLine: 'underline'\r\n }\r\n },\r\n flexWrap: 'wrap',\r\n selected: {\r\n true: {\r\n color: theme.colors.gray[1]\r\n },\r\n false: {\r\n color: theme.colors.gray[800]\r\n }\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify']\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value')\r\n }\r\n return { textAlign: align }\r\n }\r\n }\r\n})\r\n\r\nexport { StyledText }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,MAAMI,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,cAAM,EAACC,iBAAI,EAAE;EAC9BC,IAAI,EAAE;IACJC,QAAQ,EAAEC,YAAK,CAACD,QAAQ,CAACE,MAAM;IAC/BC,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7BC,UAAU,EAAEL,YAAK,CAACK,UAAU,CAACJ;EAC/B,CAAC;EACDK,QAAQ,EAAE;IACRD,UAAU,EAAEA,CAACE,IAAI,GAAGP,YAAK,CAACK,UAAU,CAACJ,MAAM,KAAK;MAC9C,IAAI,CAAC,IAAAO,oBAAa,EAACD,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,0BAA0B,CAAC;MAC7C;MACA,OAAO;QAAEJ,UAAU,EAAEE;MAAK,CAAC;IAC7B,CAAC;IACDL,KAAK,EAAEA,CAACA,KAAK,GAAGF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MACzC,IAAI,CAAC,IAAAM,mBAAY,EAACR,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIO,KAAK,CAAC,qBAAqB,CAAC;MACxC;MACA,OAAO;QAAEP,KAAK,EAAEA;MAAM,CAAC;IACzB,CAAC;IACDH,QAAQ,EAAEA,CAACQ,IAAI,GAAGP,YAAK,CAACD,QAAQ,CAACE,MAAM,KAAK;MAC1C,IAAI,CAAC,IAAAU,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,wBAAwB,CAAC;MAC3C;MACA,OAAO;QAAEV,QAAQ,EAAEQ;MAAK,CAAC;IAC3B,CAAC;IACDK,aAAa,EAAEA,CAACC,KAAK,GAAG,CAAC,KAAK;MAC5B,IAAI,CAAC,IAAAF,oBAAa,EAACE,KAAK,CAAC,EAAE;QACzB,MAAM,IAAIJ,KAAK,CAAC,qBAAqB,CAAC;MACxC;MACA,OAAO;QAAEG,aAAa,EAAEC;MAAM,CAAC;IACjC,CAAC;IACDC,kBAAkB,EAAE;MAClBC,IAAI,EAAE;QACJD,kBAAkB,EAAE;MACtB;IACF,CAAC;IACDE,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;MACRF,IAAI,EAAE;QACJb,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,CAAC;MAC5B,CAAC;MACDc,KAAK,EAAE;QACLhB,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG;MAC9B;IACF,CAAC;IACDe,UAAU,EAAEC,IAAI,IAAI;MAClB,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QACLD,UAAU,EAAEC;MACd,CAAC;IACH,CAAC;IACDC,SAAS,EAAEA,CAACC,KAAK,GAAG,MAAM,KAAK;MAC7B,MAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;MACtE,IAAI,CAACA,eAAe,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE;QACpC,MAAM,IAAIb,KAAK,CAAC,yBAAyB,CAAC;MAC5C;MACA,OAAO;QAAEY,SAAS,EAAEC;MAAM,CAAC;IAC7B;EACF;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -229,8 +229,11 @@ const FlexStyledImage = ({
|
|
|
229
229
|
if (local) {
|
|
230
230
|
return imageUrl || fallback;
|
|
231
231
|
}
|
|
232
|
+
if (hasError || !imageUrl) {
|
|
233
|
+
return fallback;
|
|
234
|
+
}
|
|
232
235
|
return {
|
|
233
|
-
uri:
|
|
236
|
+
uri: imageUrl
|
|
234
237
|
};
|
|
235
238
|
};
|
|
236
239
|
return /*#__PURE__*/React.createElement(FlexImage, _extends({
|
|
@@ -249,8 +252,11 @@ const FlexStyledBackgroundImage = ({
|
|
|
249
252
|
if (local) {
|
|
250
253
|
return imageUrl || fallback;
|
|
251
254
|
}
|
|
255
|
+
if (hasError || !imageUrl) {
|
|
256
|
+
return fallback;
|
|
257
|
+
}
|
|
252
258
|
return {
|
|
253
|
-
uri:
|
|
259
|
+
uri: imageUrl
|
|
254
260
|
};
|
|
255
261
|
};
|
|
256
262
|
return /*#__PURE__*/React.createElement(FlexImageBackground, _extends({
|
|
@@ -269,6 +275,9 @@ const StyledImage = ({
|
|
|
269
275
|
if (local) {
|
|
270
276
|
return imageUrl || fallback;
|
|
271
277
|
}
|
|
278
|
+
if (hasError || !imageUrl) {
|
|
279
|
+
return fallback;
|
|
280
|
+
}
|
|
272
281
|
return {
|
|
273
282
|
uri: hasError ? fallback : imageUrl
|
|
274
283
|
};
|
|
@@ -289,8 +298,11 @@ const StyledBackgroundImage = ({
|
|
|
289
298
|
if (local) {
|
|
290
299
|
return imageUrl || fallback;
|
|
291
300
|
}
|
|
301
|
+
if (hasError || !imageUrl) {
|
|
302
|
+
return fallback;
|
|
303
|
+
}
|
|
292
304
|
return {
|
|
293
|
-
uri:
|
|
305
|
+
uri: imageUrl
|
|
294
306
|
};
|
|
295
307
|
};
|
|
296
308
|
return /*#__PURE__*/React.createElement(ImageBackground, _extends({
|
|
@@ -1 +1 @@
|
|
|
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 return { uri: hasError ? fallback : 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 return { uri: hasError ? fallback : 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 return { uri: hasError ? fallback : 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 return { uri: hasError ? fallback : 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
|
+
{"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: hasError ? fallback: 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":[]}
|
|
@@ -33,6 +33,14 @@ const StyledText = styled(Text, {
|
|
|
33
33
|
fontSize: size
|
|
34
34
|
};
|
|
35
35
|
},
|
|
36
|
+
numberOfLines: (lines = 0) => {
|
|
37
|
+
if (!isValidNumber(lines)) {
|
|
38
|
+
throw new Error('Invalid lines value');
|
|
39
|
+
}
|
|
40
|
+
return {
|
|
41
|
+
numberOfLines: lines
|
|
42
|
+
};
|
|
43
|
+
},
|
|
36
44
|
textDecorationLine: {
|
|
37
45
|
true: {
|
|
38
46
|
textDecorationLine: 'underline'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","styled","theme","isValidColor","isValidNumber","isValidString","StyledText","base","fontSize","normal","color","colors","gray","fontWeight","variants","size","Error","textDecorationLine","true","flexWrap","selected","false","fontFamily","font","textAlign","align","validAlignments","includes"],"sources":["index.jsx"],"sourcesContent":["import { Text } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils'\r\n\r\nconst StyledText = styled(Text, {\r\n base: {\r\n fontSize: theme.fontSize.normal,\r\n color: theme.colors.gray[800],\r\n fontWeight: theme.fontWeight.normal\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value')\r\n }\r\n return { fontWeight: size }\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value')\r\n }\r\n return { color: color }\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value')\r\n }\r\n return { fontSize: size }\r\n },\r\n textDecorationLine: {\r\n true: {\r\n textDecorationLine: 'underline'\r\n }\r\n },\r\n flexWrap: 'wrap',\r\n selected: {\r\n true: {\r\n color: theme.colors.gray[1]\r\n },\r\n false: {\r\n color: theme.colors.gray[800]\r\n }\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify']\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value')\r\n }\r\n return { textAlign: align }\r\n }\r\n }\r\n})\r\n\r\nexport { StyledText }\r\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,EAAEC,aAAa,EAAEC,aAAa,QAAQ,UAAU;AAErE,MAAMC,UAAU,GAAGL,MAAM,CAACD,IAAI,EAAE;EAC9BO,IAAI,EAAE;IACJC,QAAQ,EAAEN,KAAK,CAACM,QAAQ,CAACC,MAAM;IAC/BC,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7BC,UAAU,EAAEX,KAAK,CAACW,UAAU,CAACJ;EAC/B,CAAC;EACDK,QAAQ,EAAE;IACRD,UAAU,EAAEA,CAACE,IAAI,GAAGb,KAAK,CAACW,UAAU,CAACJ,MAAM,KAAK;MAC9C,IAAI,CAACJ,aAAa,CAACU,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,0BAA0B,CAAC;MAC7C;MACA,OAAO;QAAEH,UAAU,EAAEE;MAAK,CAAC;IAC7B,CAAC;IACDL,KAAK,EAAEA,CAACA,KAAK,GAAGR,KAAK,CAACS,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MACzC,IAAI,CAACT,YAAY,CAACO,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIM,KAAK,CAAC,qBAAqB,CAAC;MACxC;MACA,OAAO;QAAEN,KAAK,EAAEA;MAAM,CAAC;IACzB,CAAC;IACDF,QAAQ,EAAEA,CAACO,IAAI,GAAGb,KAAK,CAACM,QAAQ,CAACC,MAAM,KAAK;MAC1C,IAAI,CAACL,aAAa,CAACW,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,wBAAwB,CAAC;MAC3C;MACA,OAAO;QAAER,QAAQ,EAAEO;MAAK,CAAC;IAC3B,CAAC;IACDE,kBAAkB,EAAE;MAClBC,IAAI,EAAE;QACJD,kBAAkB,EAAE;MACtB;IACF,CAAC;IACDE,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;MACRF,IAAI,EAAE;
|
|
1
|
+
{"version":3,"names":["Text","styled","theme","isValidColor","isValidNumber","isValidString","StyledText","base","fontSize","normal","color","colors","gray","fontWeight","variants","size","Error","numberOfLines","lines","textDecorationLine","true","flexWrap","selected","false","fontFamily","font","textAlign","align","validAlignments","includes"],"sources":["index.jsx"],"sourcesContent":["import { Text } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils'\r\n\r\nconst StyledText = styled(Text, {\r\n base: {\r\n fontSize: theme.fontSize.normal,\r\n color: theme.colors.gray[800],\r\n fontWeight: theme.fontWeight.normal\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value')\r\n }\r\n return { fontWeight: size }\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value')\r\n }\r\n return { color: color }\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value')\r\n }\r\n return { fontSize: size }\r\n },\r\n numberOfLines: (lines = 0) => {\r\n if (!isValidNumber(lines)) {\r\n throw new Error('Invalid lines value')\r\n }\r\n return { numberOfLines: lines }\r\n },\r\n textDecorationLine: {\r\n true: {\r\n textDecorationLine: 'underline'\r\n }\r\n },\r\n flexWrap: 'wrap',\r\n selected: {\r\n true: {\r\n color: theme.colors.gray[1]\r\n },\r\n false: {\r\n color: theme.colors.gray[800]\r\n }\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify']\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value')\r\n }\r\n return { textAlign: align }\r\n }\r\n }\r\n})\r\n\r\nexport { StyledText }\r\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,EAAEC,aAAa,EAAEC,aAAa,QAAQ,UAAU;AAErE,MAAMC,UAAU,GAAGL,MAAM,CAACD,IAAI,EAAE;EAC9BO,IAAI,EAAE;IACJC,QAAQ,EAAEN,KAAK,CAACM,QAAQ,CAACC,MAAM;IAC/BC,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7BC,UAAU,EAAEX,KAAK,CAACW,UAAU,CAACJ;EAC/B,CAAC;EACDK,QAAQ,EAAE;IACRD,UAAU,EAAEA,CAACE,IAAI,GAAGb,KAAK,CAACW,UAAU,CAACJ,MAAM,KAAK;MAC9C,IAAI,CAACJ,aAAa,CAACU,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,0BAA0B,CAAC;MAC7C;MACA,OAAO;QAAEH,UAAU,EAAEE;MAAK,CAAC;IAC7B,CAAC;IACDL,KAAK,EAAEA,CAACA,KAAK,GAAGR,KAAK,CAACS,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MACzC,IAAI,CAACT,YAAY,CAACO,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIM,KAAK,CAAC,qBAAqB,CAAC;MACxC;MACA,OAAO;QAAEN,KAAK,EAAEA;MAAM,CAAC;IACzB,CAAC;IACDF,QAAQ,EAAEA,CAACO,IAAI,GAAGb,KAAK,CAACM,QAAQ,CAACC,MAAM,KAAK;MAC1C,IAAI,CAACL,aAAa,CAACW,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,wBAAwB,CAAC;MAC3C;MACA,OAAO;QAAER,QAAQ,EAAEO;MAAK,CAAC;IAC3B,CAAC;IACDE,aAAa,EAAEA,CAACC,KAAK,GAAG,CAAC,KAAK;MAC5B,IAAI,CAACd,aAAa,CAACc,KAAK,CAAC,EAAE;QACzB,MAAM,IAAIF,KAAK,CAAC,qBAAqB,CAAC;MACxC;MACA,OAAO;QAAEC,aAAa,EAAEC;MAAM,CAAC;IACjC,CAAC;IACDC,kBAAkB,EAAE;MAClBC,IAAI,EAAE;QACJD,kBAAkB,EAAE;MACtB;IACF,CAAC;IACDE,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;MACRF,IAAI,EAAE;QACJV,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC,IAAI,CAAC,CAAC;MAC5B,CAAC;MACDW,KAAK,EAAE;QACLb,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC,IAAI,CAAC,GAAG;MAC9B;IACF,CAAC;IACDY,UAAU,EAAEC,IAAI,IAAI;MAClB,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QACLD,UAAU,EAAEC;MACd,CAAC;IACH,CAAC;IACDC,SAAS,EAAEA,CAACC,KAAK,GAAG,MAAM,KAAK;MAC7B,MAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;MACtE,IAAI,CAACA,eAAe,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE;QACpC,MAAM,IAAIX,KAAK,CAAC,yBAAyB,CAAC;MAC5C;MACA,OAAO;QAAEU,SAAS,EAAEC;MAAM,CAAC;IAC7B;EACF;AACF,CAAC,CAAC;AAEF,SAASrB,UAAU","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -191,7 +191,11 @@ const FlexStyledImage = ({
|
|
|
191
191
|
return imageUrl || fallback
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
|
|
194
|
+
if (hasError || !imageUrl) {
|
|
195
|
+
return fallback
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
return { uri: imageUrl }
|
|
195
199
|
}
|
|
196
200
|
|
|
197
201
|
return (
|
|
@@ -215,7 +219,11 @@ const FlexStyledBackgroundImage = ({
|
|
|
215
219
|
return imageUrl || fallback
|
|
216
220
|
}
|
|
217
221
|
|
|
218
|
-
|
|
222
|
+
if (hasError || !imageUrl) {
|
|
223
|
+
return fallback
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
return { uri: imageUrl }
|
|
219
227
|
}
|
|
220
228
|
|
|
221
229
|
return (
|
|
@@ -239,7 +247,11 @@ const StyledImage = ({
|
|
|
239
247
|
return imageUrl || fallback
|
|
240
248
|
}
|
|
241
249
|
|
|
242
|
-
|
|
250
|
+
if (hasError || !imageUrl) {
|
|
251
|
+
return fallback
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
return { uri: hasError ? fallback: imageUrl }
|
|
243
255
|
}
|
|
244
256
|
|
|
245
257
|
return (
|
|
@@ -263,7 +275,11 @@ const StyledBackgroundImage = ({
|
|
|
263
275
|
return imageUrl || fallback
|
|
264
276
|
}
|
|
265
277
|
|
|
266
|
-
|
|
278
|
+
if (hasError || !imageUrl) {
|
|
279
|
+
return fallback
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
return { uri: imageUrl }
|
|
267
283
|
}
|
|
268
284
|
|
|
269
285
|
return (
|
|
@@ -28,6 +28,12 @@ const StyledText = styled(Text, {
|
|
|
28
28
|
}
|
|
29
29
|
return { fontSize: size }
|
|
30
30
|
},
|
|
31
|
+
numberOfLines: (lines = 0) => {
|
|
32
|
+
if (!isValidNumber(lines)) {
|
|
33
|
+
throw new Error('Invalid lines value')
|
|
34
|
+
}
|
|
35
|
+
return { numberOfLines: lines }
|
|
36
|
+
},
|
|
31
37
|
textDecorationLine: {
|
|
32
38
|
true: {
|
|
33
39
|
textDecorationLine: 'underline'
|