fluent-styles 1.37.0 → 1.38.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledImage = exports.StyledBackgroundImage = void 0;
+exports.StyledImage = exports.StyledBackgroundImage = exports.FlexStyledImage = exports.FlexStyledBackgroundImage = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _styled = require("../styled");
@@ -15,6 +15,79 @@ const base = {
   resizeMode: 'cover',
   position: 'relative'
 };
+const flexVariants = {
+  borderRadius: (size = 0) => {
+    if (!(0, _utils.isValidNumber)(size)) {
+      throw new Error('Invalid borderRadius value');
+    }
+    return {
+      borderRadius: size
+    };
+  },
+  flex: (size = 0) => {
+    if (!(0, _utils.isValidNumber)(size)) {
+      throw new Error('Invalid flex value');
+    }
+    return {
+      flex: size
+    };
+  },
+  width: size => {
+    if (!size) return;
+    return {
+      width: size
+    };
+  },
+  height: size => {
+    if (!size) return;
+    return {
+      height: size
+    };
+  },
+  borderWidth: (size = 1) => {
+    if (!(0, _utils.isValidNumber)(size)) {
+      throw new Error('Invalid borderWidth value');
+    }
+    return {
+      borderWidth: size
+    };
+  },
+  borderColor: color => {
+    if (!color) return;
+    if (!(0, _utils.isValidColor)(color)) {
+      throw new Error('Invalid backgroundColor value');
+    }
+    return {
+      borderColor: color
+    };
+  },
+  resizeMode: mode => {
+    if (!mode) return;
+    const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center'];
+    if (!validModes.includes(mode)) {
+      throw new Error('Invalid mode value');
+    }
+    return {
+      resizeMode: mode
+    };
+  },
+  right: (size = 0) => {
+    if (!(0, _utils.isValidNumber)(size)) {
+      throw new Error('Invalid right value');
+    }
+    return {
+      right: size
+    };
+  },
+  relative: {
+    position: 'relative'
+  },
+  absolute: {
+    true: {
+      position: 'absolute'
+    }
+  }
+};
 const variants = {
   borderRadius: (size = 0) => {
     if (!(0, _utils.isValidNumber)(size)) {
@@ -120,6 +193,22 @@ const variants = {
     }
   }
 };
+const FlexImage = (0, _styled.styled)(_reactNative.Image, {
+  base: {
+    ...base
+  },
+  variants: {
+    ...flexVariants
+  }
+});
+const FlexImageBackground = (0, _styled.styled)(_reactNative.ImageBackground, {
+  base: {
+    ...base
+  },
+  variants: {
+    ...flexVariants
+  }
+});
 const Image = (0, _styled.styled)(_reactNative.Image, {
   base: {
     ...base
@@ -136,6 +225,19 @@ const ImageBackground = (0, _styled.styled)(_reactNative.ImageBackground, {
     ...variants
   }
 });
+const FlexStyledImage = ({
+  imageUrl,
+  local = false,
+  ...rest
+}) => {
+  const url = imageUrl ? {
+    uri: imageUrl
+  } : require('../../assets/img/doctor.png');
+  return /*#__PURE__*/_react.default.createElement(FlexImage, _extends({
+    source: local ? imageUrl : url
+  }, rest));
+};
+exports.FlexStyledImage = FlexStyledImage;
 const StyledImage = ({
   imageUrl,
   local = false,
@@ -149,6 +251,19 @@ const StyledImage = ({
   }, rest));
 };
 exports.StyledImage = StyledImage;
+const FlexStyledBackgroundImage = ({
+  imageUrl,
+  local = false,
+  ...rest
+}) => {
+  const url = imageUrl ? {
+    uri: imageUrl
+  } : require('../../assets/img/doctor.png');
+  return /*#__PURE__*/_react.default.createElement(FlexImageBackground, _extends({
+    source: local ? imageUrl : url
+  }, rest));
+};
+exports.FlexStyledBackgroundImage = FlexStyledBackgroundImage;
 const StyledBackgroundImage = ({
   imageUrl,
   local = false,

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","variants","size","isValidNumber","Error","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","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  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":[]}
+{"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":[]}

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

@@ -8,6 +8,79 @@ const base = {
   resizeMode: 'cover',
   position: 'relative'
 };
+const flexVariants = {
+  borderRadius: (size = 0) => {
+    if (!isValidNumber(size)) {
+      throw new Error('Invalid borderRadius value');
+    }
+    return {
+      borderRadius: size
+    };
+  },
+  flex: (size = 0) => {
+    if (!isValidNumber(size)) {
+      throw new Error('Invalid flex value');
+    }
+    return {
+      flex: size
+    };
+  },
+  width: size => {
+    if (!size) return;
+    return {
+      width: size
+    };
+  },
+  height: size => {
+    if (!size) return;
+    return {
+      height: size
+    };
+  },
+  borderWidth: (size = 1) => {
+    if (!isValidNumber(size)) {
+      throw new Error('Invalid borderWidth value');
+    }
+    return {
+      borderWidth: size
+    };
+  },
+  borderColor: color => {
+    if (!color) return;
+    if (!isValidColor(color)) {
+      throw new Error('Invalid backgroundColor value');
+    }
+    return {
+      borderColor: color
+    };
+  },
+  resizeMode: mode => {
+    if (!mode) return;
+    const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center'];
+    if (!validModes.includes(mode)) {
+      throw new Error('Invalid mode value');
+    }
+    return {
+      resizeMode: mode
+    };
+  },
+  right: (size = 0) => {
+    if (!isValidNumber(size)) {
+      throw new Error('Invalid right value');
+    }
+    return {
+      right: size
+    };
+  },
+  relative: {
+    position: 'relative'
+  },
+  absolute: {
+    true: {
+      position: 'absolute'
+    }
+  }
+};
 const variants = {
   borderRadius: (size = 0) => {
     if (!isValidNumber(size)) {
@@ -113,6 +186,22 @@ const variants = {
     }
   }
 };
+const FlexImage = styled(SourceImage, {
+  base: {
+    ...base
+  },
+  variants: {
+    ...flexVariants
+  }
+});
+const FlexImageBackground = styled(ImageBg, {
+  base: {
+    ...base
+  },
+  variants: {
+    ...flexVariants
+  }
+});
 const Image = styled(SourceImage, {
   base: {
     ...base
@@ -129,6 +218,18 @@ const ImageBackground = styled(ImageBg, {
     ...variants
   }
 });
+const FlexStyledImage = ({
+  imageUrl,
+  local = false,
+  ...rest
+}) => {
+  const url = imageUrl ? {
+    uri: imageUrl
+  } : require('../../assets/img/doctor.png');
+  return /*#__PURE__*/React.createElement(FlexImage, _extends({
+    source: local ? imageUrl : url
+  }, rest));
+};
 const StyledImage = ({
   imageUrl,
   local = false,
@@ -141,6 +242,18 @@ const StyledImage = ({
     source: local ? imageUrl : url
   }, rest));
 };
+const FlexStyledBackgroundImage = ({
+  imageUrl,
+  local = false,
+  ...rest
+}) => {
+  const url = imageUrl ? {
+    uri: imageUrl
+  } : require('../../assets/img/doctor.png');
+  return /*#__PURE__*/React.createElement(FlexImageBackground, _extends({
+    source: local ? imageUrl : url
+  }, rest));
+};
 const StyledBackgroundImage = ({
   imageUrl,
   local = false,
@@ -153,5 +266,5 @@ const StyledBackgroundImage = ({
     source: local ? imageUrl : url
   }, rest));
 };
-export { StyledImage, StyledBackgroundImage };
+export { StyledImage, StyledBackgroundImage, FlexStyledBackgroundImage, FlexStyledImage };
 //# sourceMappingURL=index.js.map

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","variants","size","Error","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","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  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":[]}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "fluent-styles",
-  "version": "1.37.0",
+  "version": "1.38.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

@@ -4,11 +4,70 @@ import { styled } from '../styled'
 import { isValidColor, isValidNumber } from '../utils'
 
 const base = {
-  borderRadius: 0, 
+  borderRadius: 0,
   resizeMode: 'cover',
   position: 'relative'
 }
 
+const flexVariants = {
+  borderRadius: (size = 0) => {
+    if (!isValidNumber(size)) {
+      throw new Error('Invalid borderRadius value')
+    }
+    return { borderRadius: size }
+  },
+  flex: (size = 0) => {
+    if (!isValidNumber(size)) {
+      throw new Error('Invalid flex value')
+    }
+    return { flex: size }
+  },
+  width: size => {
+    if (!size) return
+    return { width: size }
+  },
+  height: size => {
+    if (!size) return
+    return { height: size }
+  },
+  borderWidth: (size = 1) => {
+    if (!isValidNumber(size)) {
+      throw new Error('Invalid borderWidth value')
+    }
+    return { borderWidth: size }
+  },
+  borderColor: color => {
+    if (!color) return
+    if (!isValidColor(color)) {
+      throw new Error('Invalid backgroundColor value')
+    }
+    return { borderColor: color }
+  },
+  resizeMode: mode => {
+    if (!mode) return
+
+    const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']
+    if (!validModes.includes(mode)) {
+      throw new Error('Invalid mode value')
+    }
+    return { resizeMode: mode }
+  },
+  right: (size = 0) => {
+    if (!isValidNumber(size)) {
+      throw new Error('Invalid right value')
+    }
+    return { right: size }
+  },
+  relative: {
+    position: 'relative'
+  },
+  absolute: {
+    true: {
+      position: 'absolute'
+    }
+  }
+}
+
 const variants = {
   borderRadius: (size = 0) => {
     if (!isValidNumber(size)) {
@@ -92,6 +151,20 @@ const variants = {
   }
 }
 
+const FlexImage = styled(SourceImage, {
+  base: { ...base },
+  variants: {
+    ...flexVariants
+  }
+})
+
+const FlexImageBackground = styled(ImageBg, {
+  base: { ...base },
+  variants: {
+    ...flexVariants
+  }
+})
+
 const Image = styled(SourceImage, {
   base: { ...base },
   variants: {
@@ -106,6 +179,15 @@ const ImageBackground = styled(ImageBg, {
   }
 })
 
+const FlexStyledImage = ({ imageUrl, local = false, ...rest }) => {
+  const url = imageUrl
+		? {
+  uri: imageUrl
+}
+		: require('../../assets/img/doctor.png')
+  return <FlexImage source={local ? imageUrl : url} {...rest} />
+}
+
 const StyledImage = ({ imageUrl, local = false, ...rest }) => {
   const url = imageUrl
 		? {
@@ -115,6 +197,16 @@ const StyledImage = ({ imageUrl, local = false, ...rest }) => {
   return <Image source={local ? imageUrl : url} {...rest} />
 }
 
+const FlexStyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {
+  const url = imageUrl
+		? {
+  uri: imageUrl
+}
+		: require('../../assets/img/doctor.png')
+
+  return <FlexImageBackground source={local ? imageUrl : url} {...rest} />
+}
+
 const StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {
   const url = imageUrl
 		? {
@@ -125,4 +217,9 @@ const StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {
   return <ImageBackground source={local ? imageUrl : url} {...rest} />
 }
 
-export { StyledImage, StyledBackgroundImage }
+export {
+	StyledImage,
+	StyledBackgroundImage,
+	FlexStyledBackgroundImage,
+	FlexStyledImage
+}