fluent-styles 1.36.0 → 1.38.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.
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.StyledImage = exports.StyledBackgroundImage = void 0;
|
|
6
|
+
exports.StyledImage = exports.StyledBackgroundImage = exports.FlexStyledImage = exports.FlexStyledBackgroundImage = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _styled = require("../styled");
|
|
@@ -12,13 +12,82 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
12
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
13
|
const base = {
|
|
14
14
|
borderRadius: 0,
|
|
15
|
-
borderTopLeftRadius: 0,
|
|
16
|
-
borderTopRightRadius: 0,
|
|
17
|
-
borderBottomLeftRadius: 0,
|
|
18
|
-
borderBottomRightRadius: 0,
|
|
19
15
|
resizeMode: 'cover',
|
|
20
16
|
position: 'relative'
|
|
21
17
|
};
|
|
18
|
+
const flexVariants = {
|
|
19
|
+
borderRadius: (size = 0) => {
|
|
20
|
+
if (!(0, _utils.isValidNumber)(size)) {
|
|
21
|
+
throw new Error('Invalid borderRadius value');
|
|
22
|
+
}
|
|
23
|
+
return {
|
|
24
|
+
borderRadius: size
|
|
25
|
+
};
|
|
26
|
+
},
|
|
27
|
+
flex: (size = 0) => {
|
|
28
|
+
if (!(0, _utils.isValidNumber)(size)) {
|
|
29
|
+
throw new Error('Invalid flex value');
|
|
30
|
+
}
|
|
31
|
+
return {
|
|
32
|
+
flex: size
|
|
33
|
+
};
|
|
34
|
+
},
|
|
35
|
+
width: size => {
|
|
36
|
+
if (!size) return;
|
|
37
|
+
return {
|
|
38
|
+
width: size
|
|
39
|
+
};
|
|
40
|
+
},
|
|
41
|
+
height: size => {
|
|
42
|
+
if (!size) return;
|
|
43
|
+
return {
|
|
44
|
+
height: size
|
|
45
|
+
};
|
|
46
|
+
},
|
|
47
|
+
borderWidth: (size = 1) => {
|
|
48
|
+
if (!(0, _utils.isValidNumber)(size)) {
|
|
49
|
+
throw new Error('Invalid borderWidth value');
|
|
50
|
+
}
|
|
51
|
+
return {
|
|
52
|
+
borderWidth: size
|
|
53
|
+
};
|
|
54
|
+
},
|
|
55
|
+
borderColor: color => {
|
|
56
|
+
if (!color) return;
|
|
57
|
+
if (!(0, _utils.isValidColor)(color)) {
|
|
58
|
+
throw new Error('Invalid backgroundColor value');
|
|
59
|
+
}
|
|
60
|
+
return {
|
|
61
|
+
borderColor: color
|
|
62
|
+
};
|
|
63
|
+
},
|
|
64
|
+
resizeMode: mode => {
|
|
65
|
+
if (!mode) return;
|
|
66
|
+
const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center'];
|
|
67
|
+
if (!validModes.includes(mode)) {
|
|
68
|
+
throw new Error('Invalid mode value');
|
|
69
|
+
}
|
|
70
|
+
return {
|
|
71
|
+
resizeMode: mode
|
|
72
|
+
};
|
|
73
|
+
},
|
|
74
|
+
right: (size = 0) => {
|
|
75
|
+
if (!(0, _utils.isValidNumber)(size)) {
|
|
76
|
+
throw new Error('Invalid right value');
|
|
77
|
+
}
|
|
78
|
+
return {
|
|
79
|
+
right: size
|
|
80
|
+
};
|
|
81
|
+
},
|
|
82
|
+
relative: {
|
|
83
|
+
position: 'relative'
|
|
84
|
+
},
|
|
85
|
+
absolute: {
|
|
86
|
+
true: {
|
|
87
|
+
position: 'absolute'
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
};
|
|
22
91
|
const variants = {
|
|
23
92
|
borderRadius: (size = 0) => {
|
|
24
93
|
if (!(0, _utils.isValidNumber)(size)) {
|
|
@@ -124,6 +193,22 @@ const variants = {
|
|
|
124
193
|
}
|
|
125
194
|
}
|
|
126
195
|
};
|
|
196
|
+
const FlexImage = (0, _styled.styled)(_reactNative.Image, {
|
|
197
|
+
base: {
|
|
198
|
+
...base
|
|
199
|
+
},
|
|
200
|
+
variants: {
|
|
201
|
+
...flexVariants
|
|
202
|
+
}
|
|
203
|
+
});
|
|
204
|
+
const FlexImageBackground = (0, _styled.styled)(_reactNative.ImageBackground, {
|
|
205
|
+
base: {
|
|
206
|
+
...base
|
|
207
|
+
},
|
|
208
|
+
variants: {
|
|
209
|
+
...flexVariants
|
|
210
|
+
}
|
|
211
|
+
});
|
|
127
212
|
const Image = (0, _styled.styled)(_reactNative.Image, {
|
|
128
213
|
base: {
|
|
129
214
|
...base
|
|
@@ -140,6 +225,19 @@ const ImageBackground = (0, _styled.styled)(_reactNative.ImageBackground, {
|
|
|
140
225
|
...variants
|
|
141
226
|
}
|
|
142
227
|
});
|
|
228
|
+
const FlexStyledImage = ({
|
|
229
|
+
imageUrl,
|
|
230
|
+
local = false,
|
|
231
|
+
...rest
|
|
232
|
+
}) => {
|
|
233
|
+
const url = imageUrl ? {
|
|
234
|
+
uri: imageUrl
|
|
235
|
+
} : require('../../assets/img/doctor.png');
|
|
236
|
+
return /*#__PURE__*/_react.default.createElement(FlexImage, _extends({
|
|
237
|
+
source: local ? imageUrl : url
|
|
238
|
+
}, rest));
|
|
239
|
+
};
|
|
240
|
+
exports.FlexStyledImage = FlexStyledImage;
|
|
143
241
|
const StyledImage = ({
|
|
144
242
|
imageUrl,
|
|
145
243
|
local = false,
|
|
@@ -153,6 +251,19 @@ const StyledImage = ({
|
|
|
153
251
|
}, rest));
|
|
154
252
|
};
|
|
155
253
|
exports.StyledImage = StyledImage;
|
|
254
|
+
const FlexStyledBackgroundImage = ({
|
|
255
|
+
imageUrl,
|
|
256
|
+
local = false,
|
|
257
|
+
...rest
|
|
258
|
+
}) => {
|
|
259
|
+
const url = imageUrl ? {
|
|
260
|
+
uri: imageUrl
|
|
261
|
+
} : require('../../assets/img/doctor.png');
|
|
262
|
+
return /*#__PURE__*/_react.default.createElement(FlexImageBackground, _extends({
|
|
263
|
+
source: local ? imageUrl : url
|
|
264
|
+
}, rest));
|
|
265
|
+
};
|
|
266
|
+
exports.FlexStyledBackgroundImage = FlexStyledBackgroundImage;
|
|
156
267
|
const StyledBackgroundImage = ({
|
|
157
268
|
imageUrl,
|
|
158
269
|
local = false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","base","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","resizeMode","position","variants","size","isValidNumber","Error","flex","width","height","borderWidth","borderColor","color","isValidColor","mode","validModes","includes","right","relative","absolute","true","Image","styled","SourceImage","ImageBackground","ImageBg","StyledImage","imageUrl","local","rest","url","uri","createElement","source","exports","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 borderTopLeftRadius: 0,\r\n borderTopRightRadius: 0,\r\n borderBottomLeftRadius: 0,\r\n borderBottomRightRadius: 0,\r\n resizeMode: 'cover',\r\n position: 'relative'\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 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 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/doctor.png')\r\n return <Image 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/doctor.png')\r\n\r\n return <ImageBackground source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nexport { StyledImage, StyledBackgroundImage }\r\n"],"mappings":"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","ignoreList":[]}
|
|
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/doctor.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/doctor.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/doctor.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/doctor.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":[]}
|
|
@@ -5,13 +5,82 @@ import { styled } from '../styled';
|
|
|
5
5
|
import { isValidColor, isValidNumber } from '../utils';
|
|
6
6
|
const base = {
|
|
7
7
|
borderRadius: 0,
|
|
8
|
-
borderTopLeftRadius: 0,
|
|
9
|
-
borderTopRightRadius: 0,
|
|
10
|
-
borderBottomLeftRadius: 0,
|
|
11
|
-
borderBottomRightRadius: 0,
|
|
12
8
|
resizeMode: 'cover',
|
|
13
9
|
position: 'relative'
|
|
14
10
|
};
|
|
11
|
+
const flexVariants = {
|
|
12
|
+
borderRadius: (size = 0) => {
|
|
13
|
+
if (!isValidNumber(size)) {
|
|
14
|
+
throw new Error('Invalid borderRadius value');
|
|
15
|
+
}
|
|
16
|
+
return {
|
|
17
|
+
borderRadius: size
|
|
18
|
+
};
|
|
19
|
+
},
|
|
20
|
+
flex: (size = 0) => {
|
|
21
|
+
if (!isValidNumber(size)) {
|
|
22
|
+
throw new Error('Invalid flex value');
|
|
23
|
+
}
|
|
24
|
+
return {
|
|
25
|
+
flex: size
|
|
26
|
+
};
|
|
27
|
+
},
|
|
28
|
+
width: size => {
|
|
29
|
+
if (!size) return;
|
|
30
|
+
return {
|
|
31
|
+
width: size
|
|
32
|
+
};
|
|
33
|
+
},
|
|
34
|
+
height: size => {
|
|
35
|
+
if (!size) return;
|
|
36
|
+
return {
|
|
37
|
+
height: size
|
|
38
|
+
};
|
|
39
|
+
},
|
|
40
|
+
borderWidth: (size = 1) => {
|
|
41
|
+
if (!isValidNumber(size)) {
|
|
42
|
+
throw new Error('Invalid borderWidth value');
|
|
43
|
+
}
|
|
44
|
+
return {
|
|
45
|
+
borderWidth: size
|
|
46
|
+
};
|
|
47
|
+
},
|
|
48
|
+
borderColor: color => {
|
|
49
|
+
if (!color) return;
|
|
50
|
+
if (!isValidColor(color)) {
|
|
51
|
+
throw new Error('Invalid backgroundColor value');
|
|
52
|
+
}
|
|
53
|
+
return {
|
|
54
|
+
borderColor: color
|
|
55
|
+
};
|
|
56
|
+
},
|
|
57
|
+
resizeMode: mode => {
|
|
58
|
+
if (!mode) return;
|
|
59
|
+
const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center'];
|
|
60
|
+
if (!validModes.includes(mode)) {
|
|
61
|
+
throw new Error('Invalid mode value');
|
|
62
|
+
}
|
|
63
|
+
return {
|
|
64
|
+
resizeMode: mode
|
|
65
|
+
};
|
|
66
|
+
},
|
|
67
|
+
right: (size = 0) => {
|
|
68
|
+
if (!isValidNumber(size)) {
|
|
69
|
+
throw new Error('Invalid right value');
|
|
70
|
+
}
|
|
71
|
+
return {
|
|
72
|
+
right: size
|
|
73
|
+
};
|
|
74
|
+
},
|
|
75
|
+
relative: {
|
|
76
|
+
position: 'relative'
|
|
77
|
+
},
|
|
78
|
+
absolute: {
|
|
79
|
+
true: {
|
|
80
|
+
position: 'absolute'
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
};
|
|
15
84
|
const variants = {
|
|
16
85
|
borderRadius: (size = 0) => {
|
|
17
86
|
if (!isValidNumber(size)) {
|
|
@@ -117,6 +186,22 @@ const variants = {
|
|
|
117
186
|
}
|
|
118
187
|
}
|
|
119
188
|
};
|
|
189
|
+
const FlexImage = styled(SourceImage, {
|
|
190
|
+
base: {
|
|
191
|
+
...base
|
|
192
|
+
},
|
|
193
|
+
variants: {
|
|
194
|
+
...flexVariants
|
|
195
|
+
}
|
|
196
|
+
});
|
|
197
|
+
const FlexImageBackground = styled(ImageBg, {
|
|
198
|
+
base: {
|
|
199
|
+
...base
|
|
200
|
+
},
|
|
201
|
+
variants: {
|
|
202
|
+
...flexVariants
|
|
203
|
+
}
|
|
204
|
+
});
|
|
120
205
|
const Image = styled(SourceImage, {
|
|
121
206
|
base: {
|
|
122
207
|
...base
|
|
@@ -133,6 +218,18 @@ const ImageBackground = styled(ImageBg, {
|
|
|
133
218
|
...variants
|
|
134
219
|
}
|
|
135
220
|
});
|
|
221
|
+
const FlexStyledImage = ({
|
|
222
|
+
imageUrl,
|
|
223
|
+
local = false,
|
|
224
|
+
...rest
|
|
225
|
+
}) => {
|
|
226
|
+
const url = imageUrl ? {
|
|
227
|
+
uri: imageUrl
|
|
228
|
+
} : require('../../assets/img/doctor.png');
|
|
229
|
+
return /*#__PURE__*/React.createElement(FlexImage, _extends({
|
|
230
|
+
source: local ? imageUrl : url
|
|
231
|
+
}, rest));
|
|
232
|
+
};
|
|
136
233
|
const StyledImage = ({
|
|
137
234
|
imageUrl,
|
|
138
235
|
local = false,
|
|
@@ -145,6 +242,18 @@ const StyledImage = ({
|
|
|
145
242
|
source: local ? imageUrl : url
|
|
146
243
|
}, rest));
|
|
147
244
|
};
|
|
245
|
+
const FlexStyledBackgroundImage = ({
|
|
246
|
+
imageUrl,
|
|
247
|
+
local = false,
|
|
248
|
+
...rest
|
|
249
|
+
}) => {
|
|
250
|
+
const url = imageUrl ? {
|
|
251
|
+
uri: imageUrl
|
|
252
|
+
} : require('../../assets/img/doctor.png');
|
|
253
|
+
return /*#__PURE__*/React.createElement(FlexImageBackground, _extends({
|
|
254
|
+
source: local ? imageUrl : url
|
|
255
|
+
}, rest));
|
|
256
|
+
};
|
|
148
257
|
const StyledBackgroundImage = ({
|
|
149
258
|
imageUrl,
|
|
150
259
|
local = false,
|
|
@@ -157,5 +266,5 @@ const StyledBackgroundImage = ({
|
|
|
157
266
|
source: local ? imageUrl : url
|
|
158
267
|
}, rest));
|
|
159
268
|
};
|
|
160
|
-
export { StyledImage, StyledBackgroundImage };
|
|
269
|
+
export { StyledImage, StyledBackgroundImage, FlexStyledBackgroundImage, FlexStyledImage };
|
|
161
270
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","SourceImage","ImageBackground","ImageBg","styled","isValidColor","isValidNumber","base","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","resizeMode","position","variants","size","Error","flex","width","height","borderWidth","borderColor","color","mode","validModes","includes","right","relative","absolute","true","StyledImage","imageUrl","local","rest","url","uri","require","createElement","_extends","source","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 borderTopLeftRadius: 0,\r\n borderTopRightRadius: 0,\r\n borderBottomLeftRadius: 0,\r\n borderBottomRightRadius: 0,\r\n resizeMode: 'cover',\r\n position: 'relative'\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 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 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/doctor.png')\r\n return <Image 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/doctor.png')\r\n\r\n return <ImageBackground source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nexport { StyledImage, StyledBackgroundImage }\r\n"],"mappings":"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","ignoreList":[]}
|
|
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/doctor.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/doctor.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/doctor.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/doctor.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":[]}
|
package/package.json
CHANGED
|
@@ -5,14 +5,69 @@ import { isValidColor, isValidNumber } from '../utils'
|
|
|
5
5
|
|
|
6
6
|
const base = {
|
|
7
7
|
borderRadius: 0,
|
|
8
|
-
borderTopLeftRadius: 0,
|
|
9
|
-
borderTopRightRadius: 0,
|
|
10
|
-
borderBottomLeftRadius: 0,
|
|
11
|
-
borderBottomRightRadius: 0,
|
|
12
8
|
resizeMode: 'cover',
|
|
13
9
|
position: 'relative'
|
|
14
10
|
}
|
|
15
11
|
|
|
12
|
+
const flexVariants = {
|
|
13
|
+
borderRadius: (size = 0) => {
|
|
14
|
+
if (!isValidNumber(size)) {
|
|
15
|
+
throw new Error('Invalid borderRadius value')
|
|
16
|
+
}
|
|
17
|
+
return { borderRadius: size }
|
|
18
|
+
},
|
|
19
|
+
flex: (size = 0) => {
|
|
20
|
+
if (!isValidNumber(size)) {
|
|
21
|
+
throw new Error('Invalid flex value')
|
|
22
|
+
}
|
|
23
|
+
return { flex: size }
|
|
24
|
+
},
|
|
25
|
+
width: size => {
|
|
26
|
+
if (!size) return
|
|
27
|
+
return { width: size }
|
|
28
|
+
},
|
|
29
|
+
height: size => {
|
|
30
|
+
if (!size) return
|
|
31
|
+
return { height: size }
|
|
32
|
+
},
|
|
33
|
+
borderWidth: (size = 1) => {
|
|
34
|
+
if (!isValidNumber(size)) {
|
|
35
|
+
throw new Error('Invalid borderWidth value')
|
|
36
|
+
}
|
|
37
|
+
return { borderWidth: size }
|
|
38
|
+
},
|
|
39
|
+
borderColor: color => {
|
|
40
|
+
if (!color) return
|
|
41
|
+
if (!isValidColor(color)) {
|
|
42
|
+
throw new Error('Invalid backgroundColor value')
|
|
43
|
+
}
|
|
44
|
+
return { borderColor: color }
|
|
45
|
+
},
|
|
46
|
+
resizeMode: mode => {
|
|
47
|
+
if (!mode) return
|
|
48
|
+
|
|
49
|
+
const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']
|
|
50
|
+
if (!validModes.includes(mode)) {
|
|
51
|
+
throw new Error('Invalid mode value')
|
|
52
|
+
}
|
|
53
|
+
return { resizeMode: mode }
|
|
54
|
+
},
|
|
55
|
+
right: (size = 0) => {
|
|
56
|
+
if (!isValidNumber(size)) {
|
|
57
|
+
throw new Error('Invalid right value')
|
|
58
|
+
}
|
|
59
|
+
return { right: size }
|
|
60
|
+
},
|
|
61
|
+
relative: {
|
|
62
|
+
position: 'relative'
|
|
63
|
+
},
|
|
64
|
+
absolute: {
|
|
65
|
+
true: {
|
|
66
|
+
position: 'absolute'
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
16
71
|
const variants = {
|
|
17
72
|
borderRadius: (size = 0) => {
|
|
18
73
|
if (!isValidNumber(size)) {
|
|
@@ -96,6 +151,20 @@ const variants = {
|
|
|
96
151
|
}
|
|
97
152
|
}
|
|
98
153
|
|
|
154
|
+
const FlexImage = styled(SourceImage, {
|
|
155
|
+
base: { ...base },
|
|
156
|
+
variants: {
|
|
157
|
+
...flexVariants
|
|
158
|
+
}
|
|
159
|
+
})
|
|
160
|
+
|
|
161
|
+
const FlexImageBackground = styled(ImageBg, {
|
|
162
|
+
base: { ...base },
|
|
163
|
+
variants: {
|
|
164
|
+
...flexVariants
|
|
165
|
+
}
|
|
166
|
+
})
|
|
167
|
+
|
|
99
168
|
const Image = styled(SourceImage, {
|
|
100
169
|
base: { ...base },
|
|
101
170
|
variants: {
|
|
@@ -110,6 +179,15 @@ const ImageBackground = styled(ImageBg, {
|
|
|
110
179
|
}
|
|
111
180
|
})
|
|
112
181
|
|
|
182
|
+
const FlexStyledImage = ({ imageUrl, local = false, ...rest }) => {
|
|
183
|
+
const url = imageUrl
|
|
184
|
+
? {
|
|
185
|
+
uri: imageUrl
|
|
186
|
+
}
|
|
187
|
+
: require('../../assets/img/doctor.png')
|
|
188
|
+
return <FlexImage source={local ? imageUrl : url} {...rest} />
|
|
189
|
+
}
|
|
190
|
+
|
|
113
191
|
const StyledImage = ({ imageUrl, local = false, ...rest }) => {
|
|
114
192
|
const url = imageUrl
|
|
115
193
|
? {
|
|
@@ -119,6 +197,16 @@ const StyledImage = ({ imageUrl, local = false, ...rest }) => {
|
|
|
119
197
|
return <Image source={local ? imageUrl : url} {...rest} />
|
|
120
198
|
}
|
|
121
199
|
|
|
200
|
+
const FlexStyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {
|
|
201
|
+
const url = imageUrl
|
|
202
|
+
? {
|
|
203
|
+
uri: imageUrl
|
|
204
|
+
}
|
|
205
|
+
: require('../../assets/img/doctor.png')
|
|
206
|
+
|
|
207
|
+
return <FlexImageBackground source={local ? imageUrl : url} {...rest} />
|
|
208
|
+
}
|
|
209
|
+
|
|
122
210
|
const StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {
|
|
123
211
|
const url = imageUrl
|
|
124
212
|
? {
|
|
@@ -129,4 +217,9 @@ const StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {
|
|
|
129
217
|
return <ImageBackground source={local ? imageUrl : url} {...rest} />
|
|
130
218
|
}
|
|
131
219
|
|
|
132
|
-
export {
|
|
220
|
+
export {
|
|
221
|
+
StyledImage,
|
|
222
|
+
StyledBackgroundImage,
|
|
223
|
+
FlexStyledBackgroundImage,
|
|
224
|
+
FlexStyledImage
|
|
225
|
+
}
|