@coorpacademy/components 11.32.52 → 11.33.0

package/lib/atom/html/index.native.js

@@ -2,31 +2,18 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeRenderHtml = _interopRequireDefault(require("react-native-render-html"));
-
 var _theme = require("../../variables/theme.native");
-
 var _templateContext = require("../../template/app-review/template-context");
-
 var _index = _interopRequireDefault(require("../text/index.native"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const HtmlBase = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNativeRenderHtml.default, props);
 };
-
 const Html = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = (0, _react.useState)(false);
@@ -43,8 +30,9 @@ const Html = props => {
     anchorTextColor = _theme.HTML_ANCHOR_TEXT_COLOR,
     isTextCentered,
     numberOfLines
-  } = props; // Don't use StyleSheet there, it's not a react style
+  } = props;
 
+  // Don't use StyleSheet there, it's not a react style
   const styles = {
     p: {
       marginVertical: 0,
@@ -63,8 +51,8 @@ const Html = props => {
       textDecorationLine: 'line-through'
     }
   };
-
-  const tagsStyles = _extends({}, styles, {
+  const tagsStyles = {
+    ...styles,
     h1: {
       fontSize
     },
@@ -87,22 +75,28 @@ const Html = props => {
       color: anchorTextColor
     },
     img: imageStyle || {}
-  });
-
+  };
   let baseFontStyle = (0, _react.useMemo)(() => ({
     fontSize,
     color: theme.colors.black
   }), [fontSize, theme]);
-
   if (style) {
     if (Array.isArray(style)) {
-      const styleObject = style.reduce((result, child) => _extends({}, result, child));
-      baseFontStyle = _extends({}, baseFontStyle, styleObject);
+      const styleObject = style.reduce((result, child) => ({
+        ...result,
+        ...child
+      }));
+      baseFontStyle = {
+        ...baseFontStyle,
+        ...styleObject
+      };
     } else {
-      baseFontStyle = _extends({}, baseFontStyle, style);
+      baseFontStyle = {
+        ...baseFontStyle,
+        ...style
+      };
     }
   }
-
   const SpanRenderer = (0, _react.useCallback)((htmlAttribs, _children) => /*#__PURE__*/_react.default.createElement(_index.default, {
     numberOfLines: numberOfLines
   }, _children), [numberOfLines]);
@@ -110,12 +104,12 @@ const Html = props => {
     if (htmlAttribs.color) {
       disableBaseFontStyleColor(true);
     }
-
     return /*#__PURE__*/_react.default.createElement(_index.default, {
       key: 1,
-      style: _extends({}, baseFontStyle, {
+      style: {
+        ...baseFontStyle,
         color: htmlAttribs.color?.replace(/ /g, '')
-      })
+      }
     }, _children);
   }, [baseFontStyle]);
   const renderers = {
@@ -125,7 +119,8 @@ const Html = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     testID: testID,
     style: containerStyle
-  }, /*#__PURE__*/_react.default.createElement(HtmlBase // to text-align center on android
+  }, /*#__PURE__*/_react.default.createElement(HtmlBase
+  // to text-align center on android
   // we have to encapsulate between <p> tag
   // and use custom style define on <p>
   // definition in component style doesn't work
@@ -135,10 +130,12 @@ const Html = props => {
       html: isTextCentered ? `<p>${children}</p>` : numberOfLines ? `<span>${children}</span>` : `${children}`
     },
     tagsStyles: tagsStyles,
-    baseFontStyle: _extends({}, baseFontStyle, {
+    baseFontStyle: {
+      ...baseFontStyle,
       color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color
-    }),
-    renderers: renderers // this is exceptionally for the onboarding course
+    },
+    renderers: renderers
+    // this is exceptionally for the onboarding course
     // is the only course that has a gif in the context but the img tag
     // comes with width & height attr and these makes this lib do not render the gif
     // so to avoid it, we decided to ignore these attr
@@ -147,7 +144,5 @@ const Html = props => {
     testID: "html-base"
   }));
 };
-
-var _default = Html;
-exports.default = _default;
+var _default = exports.default = Html;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/html/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["HtmlBase","props","Html","templateContext","useTemplateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","useMemo","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","htmlAttribs","_children","FontRenderer","replace","renderers","font","span","html","undefined"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeRenderHtml","_interopRequireDefault","_theme","_templateContext","_index","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HtmlBase","props","createElement","Html","templateContext","useTemplateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","textDecorationLine","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","color","img","baseFontStyle","useMemo","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","View","source","html","undefined","ignoredStyles","_default","exports"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/icon/index.js

@@ -2,43 +2,25 @@
 
 exports.__esModule = true;
 exports.getForegroundColor = exports.default = exports.createGradientBackground = exports.DEFAULT_ICON_COLOR = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireWildcard(require("prop-types"));
-
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
-
 var _proSolidSvgIcons = require("@fortawesome/pro-solid-svg-icons");
-
 var _fontawesomeSvgCore = require("@fortawesome/fontawesome-svg-core");
-
 var _toLower = _interopRequireDefault(require("lodash/fp/toLower"));
-
 var _merge = _interopRequireDefault(require("lodash/fp/merge"));
-
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _cssColorFunction = require("css-color-function");
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 _fontawesomeSvgCore.library.add(_proSolidSvgIcons.fas);
-
 const DEFAULT_PRESET = 'm';
 const ICON_LUMINOSITY = 32;
 const DEFAULT_WRAPPER_SIZE = 40;
 const ICON_PADDING = 8;
-const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';
-exports.DEFAULT_ICON_COLOR = DEFAULT_ICON_COLOR;
+const DEFAULT_ICON_COLOR = exports.DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';
 const SIZE_CONFIGS = {
   s: {
     faSize: 12,
@@ -53,20 +35,15 @@ const SIZE_CONFIGS = {
     wrapperSize: 48
   }
 };
-
 const createGradientBackground = baseColor => {
   const startColor = (0, _cssColorFunction.convert)(`color(${baseColor} lightness(91%))`);
   const endColor = (0, _cssColorFunction.convert)(`color(${baseColor} lightness(81%))`);
   return `linear-gradient(180deg, ${startColor} 0%, ${endColor} 100%)`;
 };
-
 exports.createGradientBackground = createGradientBackground;
-
-const getForegroundColor = backgroundColor => (0, _cssColorFunction.convert)(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`); // set lightness to 32%
-
-
+const getForegroundColor = backgroundColor => (0, _cssColorFunction.convert)(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);
+// set lightness to 32%
 exports.getForegroundColor = getForegroundColor;
-
 const Icon = /*#__PURE__*/_react.default.memo(function Icon({
   iconName,
   iconColor,
@@ -89,14 +66,16 @@ const Icon = /*#__PURE__*/_react.default.memo(function Icon({
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.iconWrapper,
-    style: _extends({}, iconWrapperStyle, customStyle)
+    style: {
+      ...iconWrapperStyle,
+      ...customStyle
+    }
   }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
     icon: `fa-${iconName}`,
     color: effectiveIconColor,
     fontSize: effectiveSize.faSize
   }));
 });
-
 Icon.propTypes = process.env.NODE_ENV !== "production" ? {
   iconName: _propTypes.default.string.isRequired,
   iconColor: _propTypes.default.string,
@@ -110,6 +89,5 @@ Icon.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   customStyle: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))
 } : {};
-var _default = Icon;
-exports.default = _default;
+var _default = exports.default = Icon;
 //# sourceMappingURL=index.js.map

package/lib/atom/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["library","add","fas","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","createGradientBackground","baseColor","startColor","convert","endColor","getForegroundColor","backgroundColor","Icon","React","memo","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","merge","getOr","toLower","iconWrapperStyle","background","width","height","padding","style","iconWrapper","propTypes","PropTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes, {number} from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nconst ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nexport const createGradientBackground = baseColor => {\n  const startColor = convert(`color(${baseColor} lightness(91%))`);\n  const endColor = convert(`color(${baseColor} lightness(81%))`);\n  return `linear-gradient(180deg, ${startColor} 0%, ${endColor} 100%)`;\n};\n\nexport const getForegroundColor = backgroundColor =>\n  convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n// set lightness to 32%\n\nconst Icon = React.memo(function Icon({\n  iconName,\n  iconColor,\n  backgroundColor,\n  gradientBackground,\n  borderRadius,\n  preset = DEFAULT_PRESET,\n  size,\n  customStyle\n}) {\n  const effectiveIconColor =\n    iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n\n  const iconWrapperStyle = {\n    background: gradientBackground ? createGradientBackground(effectiveIconColor) : backgroundColor,\n    borderRadius,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}`}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nIcon.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  gradientBackground: PropTypes.bool,\n  borderRadius: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: number,\n    wrapperSize: PropTypes.number\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Icon;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_interopRequireWildcard","_reactFontawesome","_proSolidSvgIcons","_fontawesomeSvgCore","_toLower","_merge","_getOr","_cssColorFunction","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","library","add","fas","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","exports","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","createGradientBackground","baseColor","startColor","convert","endColor","getForegroundColor","backgroundColor","Icon","React","memo","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","merge","getOr","toLower","iconWrapperStyle","background","width","height","padding","createElement","className","style","iconWrapper","FontAwesomeIcon","icon","color","fontSize","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","_default"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes, {number} from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nconst ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nexport const createGradientBackground = baseColor => {\n  const startColor = convert(`color(${baseColor} lightness(91%))`);\n  const endColor = convert(`color(${baseColor} lightness(81%))`);\n  return `linear-gradient(180deg, ${startColor} 0%, ${endColor} 100%)`;\n};\n\nexport const getForegroundColor = backgroundColor =>\n  convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n// set lightness to 32%\n\nconst Icon = React.memo(function Icon({\n  iconName,\n  iconColor,\n  backgroundColor,\n  gradientBackground,\n  borderRadius,\n  preset = DEFAULT_PRESET,\n  size,\n  customStyle\n}) {\n  const effectiveIconColor =\n    iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n\n  const iconWrapperStyle = {\n    background: gradientBackground ? createGradientBackground(effectiveIconColor) : backgroundColor,\n    borderRadius,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}`}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nIcon.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  gradientBackground: PropTypes.bool,\n  borderRadius: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: number,\n    wrapperSize: PropTypes.number\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Icon;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/image-background/index.native.js

@@ -2,26 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _getCleanUri = _interopRequireDefault(require("../../util/get-clean-uri"));
-
 var _getResizedImage = _interopRequireDefault(require("../../util/get-resized-image"));
-
 var _index = _interopRequireDefault(require("../gradient/index.native"));
-
-const _excluded = ["source", "gradient", "gradientStyle", "style", "testID"],
-      _excluded2 = ["children"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const styles = _reactNative.StyleSheet.create({
   image: {
     width: '100%',
@@ -31,26 +18,21 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1
   }
 });
-
-const ImageBackground = _ref => {
-  let {
-    source,
-    gradient,
-    gradientStyle,
-    style,
-    testID = 'image-background'
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+const ImageBackground = ({
+  source,
+  gradient,
+  gradientStyle,
+  style,
+  testID = 'image-background',
+  ...props
+}) => {
   let uri = source && source.uri;
-
   if (uri) {
     const {
       width: _width,
       height: _height,
       resizeMode
     } = props;
-
     const {
       width,
       height
@@ -58,7 +40,6 @@ const ImageBackground = _ref => {
       width: _width,
       height: _height
     }, style]);
-
     const maxHeight = typeof height === 'number' ? height : undefined;
     const maxWidth = typeof width === 'number' ? width : undefined;
     uri = (0, _getResizedImage.default)((0, _getCleanUri.default)(uri), {
@@ -67,23 +48,18 @@ const ImageBackground = _ref => {
       resizeMode
     });
   }
-
   const resizedSource = uri && {
     uri
   } || source;
-
   if (gradient) {
     const {
-      children
-    } = props,
-          remainingProps = _objectWithoutPropertiesLoose(props, _excluded2);
-
+      children,
+      ...remainingProps
+    } = props;
     const _style = [styles.gradient];
-
     if (gradientStyle) {
       _style.push(gradientStyle);
     }
-
     return /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, _extends({}, remainingProps, {
       source: resizedSource,
       style: [styles.image, style],
@@ -94,14 +70,11 @@ const ImageBackground = _ref => {
       style: _style
     }, children));
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, _extends({}, props, {
     source: resizedSource,
     style: [styles.image, style],
     testID: testID
   }));
 };
-
-var _default = ImageBackground;
-exports.default = _default;
+var _default = exports.default = ImageBackground;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/image-background/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","image","width","height","gradient","flex","ImageBackground","source","gradientStyle","style","testID","props","uri","_width","_height","resizeMode","flatten","maxHeight","undefined","maxWidth","getResizedImage","getCleanUri","resizedSource","children","remainingProps","_style","push"],"sources":["../../../src/atom/image-background/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {\n  ImageBackground as ImageBackgroundBase,\n  StyleSheet,\n  ViewStyle,\n  ImageStyle\n} from 'react-native';\n\nimport getCleanUri from '../../util/get-clean-uri';\n\nimport getResizedImage from '../../util/get-resized-image';\nimport Gradient from '../gradient/index.native';\n\nconst styles = StyleSheet.create({\n  image: {\n    width: '100%',\n    height: '100%'\n  },\n  gradient: {\n    flex: 1\n  }\n});\n\nexport type Props = ImageStyle & {\n  children?: ReactNode;\n  gradient?: Array<string>;\n  gradientStyle?: ViewStyle;\n  testID?: string;\n  source: {uri: string | undefined};\n  style?: ViewStyle;\n};\n\nconst ImageBackground = ({\n  source,\n  gradient,\n  gradientStyle,\n  style,\n  testID = 'image-background',\n  ...props\n}: Props) => {\n  let uri: string | undefined = source && source.uri;\n\n  if (uri) {\n    const {width: _width, height: _height, resizeMode} = props;\n    const {width, height} = StyleSheet.flatten([{width: _width, height: _height}, style]);\n    const maxHeight: number | undefined = typeof height === 'number' ? height : undefined;\n    const maxWidth: number | undefined = typeof width === 'number' ? width : undefined;\n\n    uri = getResizedImage(getCleanUri(uri), {\n      maxHeight,\n      maxWidth,\n      resizeMode\n    });\n  }\n\n  const resizedSource = (uri && {uri}) || source;\n\n  if (gradient) {\n    const {children, ...remainingProps} = props;\n    const _style: ViewStyle[] = [styles.gradient];\n\n    if (gradientStyle) {\n      _style.push(gradientStyle);\n    }\n\n    return (\n      <ImageBackgroundBase\n        {...remainingProps}\n        source={resizedSource}\n        style={[styles.image, style]}\n        testID={testID}\n      >\n        <Gradient testID={`${testID}-gradient`} colors={gradient} style={_style}>\n          {children}\n        </Gradient>\n      </ImageBackgroundBase>\n    );\n  }\n\n  return (\n    <ImageBackgroundBase\n      {...props}\n      source={resizedSource}\n      style={[styles.image, style]}\n      testID={testID}\n    />\n  );\n};\n\nexport default ImageBackground;\n"],"mappings":";;;;;AAAA;;AACA;;AAOA;;AAEA;;AACA;;;;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,KAAK,EAAE;IACLC,KAAK,EAAE,MADF;IAELC,MAAM,EAAE;EAFH,CADwB;EAK/BC,QAAQ,EAAE;IACRC,IAAI,EAAE;EADE;AALqB,CAAlB,CAAf;;AAmBA,MAAMC,eAAe,GAAG,QAOX;EAAA,IAPY;IACvBC,MADuB;IAEvBH,QAFuB;IAGvBI,aAHuB;IAIvBC,KAJuB;IAKvBC,MAAM,GAAG;EALc,CAOZ;EAAA,IADRC,KACQ;;EACX,IAAIC,GAAuB,GAAGL,MAAM,IAAIA,MAAM,CAACK,GAA/C;;EAEA,IAAIA,GAAJ,EAAS;IACP,MAAM;MAACV,KAAK,EAAEW,MAAR;MAAgBV,MAAM,EAAEW,OAAxB;MAAiCC;IAAjC,IAA+CJ,KAArD;;IACA,MAAM;MAACT,KAAD;MAAQC;IAAR,IAAkBJ,uBAAA,CAAWiB,OAAX,CAAmB,CAAC;MAACd,KAAK,EAAEW,MAAR;MAAgBV,MAAM,EAAEW;IAAxB,CAAD,EAAmCL,KAAnC,CAAnB,CAAxB;;IACA,MAAMQ,SAA6B,GAAG,OAAOd,MAAP,KAAkB,QAAlB,GAA6BA,MAA7B,GAAsCe,SAA5E;IACA,MAAMC,QAA4B,GAAG,OAAOjB,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCgB,SAAzE;IAEAN,GAAG,GAAG,IAAAQ,wBAAA,EAAgB,IAAAC,oBAAA,EAAYT,GAAZ,CAAhB,EAAkC;MACtCK,SADsC;MAEtCE,QAFsC;MAGtCJ;IAHsC,CAAlC,CAAN;EAKD;;EAED,MAAMO,aAAa,GAAIV,GAAG,IAAI;IAACA;EAAD,CAAR,IAAkBL,MAAxC;;EAEA,IAAIH,QAAJ,EAAc;IACZ,MAAM;MAACmB;IAAD,IAAgCZ,KAAtC;IAAA,MAAoBa,cAApB,iCAAsCb,KAAtC;;IACA,MAAMc,MAAmB,GAAG,CAAC3B,MAAM,CAACM,QAAR,CAA5B;;IAEA,IAAII,aAAJ,EAAmB;MACjBiB,MAAM,CAACC,IAAP,CAAYlB,aAAZ;IACD;;IAED,oBACE,6BAAC,4BAAD,eACMgB,cADN;MAEE,MAAM,EAAEF,aAFV;MAGE,KAAK,EAAE,CAACxB,MAAM,CAACG,KAAR,EAAeQ,KAAf,CAHT;MAIE,MAAM,EAAEC;IAJV,iBAME,6BAAC,cAAD;MAAU,MAAM,EAAG,GAAEA,MAAO,WAA5B;MAAwC,MAAM,EAAEN,QAAhD;MAA0D,KAAK,EAAEqB;IAAjE,GACGF,QADH,CANF,CADF;EAYD;;EAED,oBACE,6BAAC,4BAAD,eACMZ,KADN;IAEE,MAAM,EAAEW,aAFV;IAGE,KAAK,EAAE,CAACxB,MAAM,CAACG,KAAR,EAAeQ,KAAf,CAHT;IAIE,MAAM,EAAEC;EAJV,GADF;AAQD,CAvDD;;eAyDeJ,e"}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNative","_getCleanUri","_getResizedImage","_index","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","styles","StyleSheet","create","image","width","height","gradient","flex","ImageBackground","source","gradientStyle","style","testID","props","uri","_width","_height","resizeMode","flatten","maxHeight","undefined","maxWidth","getResizedImage","getCleanUri","resizedSource","children","remainingProps","_style","push","createElement","colors","_default","exports"],"sources":["../../../src/atom/image-background/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {\n  ImageBackground as ImageBackgroundBase,\n  StyleSheet,\n  ViewStyle,\n  ImageStyle\n} from 'react-native';\n\nimport getCleanUri from '../../util/get-clean-uri';\n\nimport getResizedImage from '../../util/get-resized-image';\nimport Gradient from '../gradient/index.native';\n\nconst styles = StyleSheet.create({\n  image: {\n    width: '100%',\n    height: '100%'\n  },\n  gradient: {\n    flex: 1\n  }\n});\n\nexport type Props = ImageStyle & {\n  children?: ReactNode;\n  gradient?: Array<string>;\n  gradientStyle?: ViewStyle;\n  testID?: string;\n  source: {uri: string | undefined};\n  style?: ViewStyle;\n};\n\nconst ImageBackground = ({\n  source,\n  gradient,\n  gradientStyle,\n  style,\n  testID = 'image-background',\n  ...props\n}: Props) => {\n  let uri: string | undefined = source && source.uri;\n\n  if (uri) {\n    const {width: _width, height: _height, resizeMode} = props;\n    const {width, height} = StyleSheet.flatten([{width: _width, height: _height}, style]);\n    const maxHeight: number | undefined = typeof height === 'number' ? height : undefined;\n    const maxWidth: number | undefined = typeof width === 'number' ? width : undefined;\n\n    uri = getResizedImage(getCleanUri(uri), {\n      maxHeight,\n      maxWidth,\n      resizeMode\n    });\n  }\n\n  const resizedSource = (uri && {uri}) || source;\n\n  if (gradient) {\n    const {children, ...remainingProps} = props;\n    const _style: ViewStyle[] = [styles.gradient];\n\n    if (gradientStyle) {\n      _style.push(gradientStyle);\n    }\n\n    return (\n      <ImageBackgroundBase\n        {...remainingProps}\n        source={resizedSource}\n        style={[styles.image, style]}\n        testID={testID}\n      >\n        <Gradient testID={`${testID}-gradient`} colors={gradient} style={_style}>\n          {children}\n        </Gradient>\n      </ImageBackgroundBase>\n    );\n  }\n\n  return (\n    <ImageBackgroundBase\n      {...props}\n      source={resizedSource}\n      style={[styles.image, style]}\n      testID={testID}\n    />\n  );\n};\n\nexport default ImageBackground;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/input-checkbox/index.js

@@ -2,38 +2,24 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
-
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const titleStylesClassNames = {
   inherit: _style.default.inherit,
   primary: _style.default.primary,
   secondary: _style.default.secondary,
   tertiary: _style.default.tertiary
 };
-
 const InputCheckbox = props => {
   const {
     checked,
@@ -78,7 +64,6 @@ const InputCheckbox = props => {
     title: title
   }, title));
 };
-
 InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool,
@@ -91,6 +76,5 @@ InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: _propTypes.default.oneOf(['coorpmanager', 'default']),
   titleStyle: _propTypes.default.oneOf((0, _keys2.default)(titleStylesClassNames))
 } : {};
-var _default = InputCheckbox;
-exports.default = _default;
+var _default = exports.default = InputCheckbox;
 //# sourceMappingURL=index.js.map

package/lib/atom/input-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["titleStylesClassNames","inherit","style","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","theme","title","propsTitle","noLabelMargins","titleStyleClassName","idCheckbox","handleChange","useCallback","e","target","modifiedClassName","coorpManagerModified","defaultModified","errorClassName","coorpManagerError","defaultError","defaultContainerClassName","coorpManager","default","className","getClassState","checkbox","classnames","label","undefined","icon","propTypes","PropTypes","string","isRequired","bool","func","oneOf"],"sources":["../../../src/atom/input-checkbox/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport {keys, noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n  inherit: style.inherit,\n  primary: style.primary,\n  secondary: style.secondary,\n  tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    titleStyle = 'primary',\n    modified = false,\n    theme = 'default',\n    title: propsTitle,\n    noLabelMargins = false\n  } = props;\n\n  const titleStyleClassName = titleStylesClassNames[titleStyle];\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  const modifiedClassName =\n    theme === 'coorpmanager' ? style.coorpManagerModified : style.defaultModified;\n  const errorClassName = theme === 'coorpmanager' ? style.coorpManagerError : style.defaultError;\n  const defaultContainerClassName = theme === 'coorpmanager' ? style.coorpManager : style.default;\n\n  const className = getClassState(\n    defaultContainerClassName,\n    modifiedClassName,\n    errorClassName,\n    modified,\n    error\n  );\n\n  return (\n    <label className={className} htmlFor={idCheckbox} data-name=\"checkbox-input-label\">\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        data-name=\"checkbox-input\"\n      />\n      <div\n        data-name=\"checkbox-label\"\n        className={classnames(style.label, noLabelMargins ? style.noLabelMargins : undefined)}\n      >\n        <CheckIcon className={style.icon} />\n      </div>\n      <span className={titleStyleClassName} title={title}>\n        {title}\n      </span>\n    </label>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool,\n  noLabelMargins: PropTypes.bool,\n  theme: PropTypes.oneOf(['coorpmanager', 'default']),\n  titleStyle: PropTypes.oneOf(keys(titleStylesClassNames))\n};\n\nexport default InputCheckbox;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_getClassState","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","titleStylesClassNames","inherit","style","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","_noop2","error","disabled","required","titleStyle","modified","theme","title","propsTitle","noLabelMargins","titleStyleClassName","idCheckbox","_uniqueId2","handleChange","useCallback","target","modifiedClassName","coorpManagerModified","defaultModified","errorClassName","coorpManagerError","defaultError","defaultContainerClassName","coorpManager","className","getClassState","createElement","htmlFor","type","checkbox","name","id","classnames","label","undefined","NovaSolidStatusValidate","icon","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","bool","func","oneOf","_keys2","_default","exports"],"sources":["../../../src/atom/input-checkbox/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport {keys, noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n  inherit: style.inherit,\n  primary: style.primary,\n  secondary: style.secondary,\n  tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    titleStyle = 'primary',\n    modified = false,\n    theme = 'default',\n    title: propsTitle,\n    noLabelMargins = false\n  } = props;\n\n  const titleStyleClassName = titleStylesClassNames[titleStyle];\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  const modifiedClassName =\n    theme === 'coorpmanager' ? style.coorpManagerModified : style.defaultModified;\n  const errorClassName = theme === 'coorpmanager' ? style.coorpManagerError : style.defaultError;\n  const defaultContainerClassName = theme === 'coorpmanager' ? style.coorpManager : style.default;\n\n  const className = getClassState(\n    defaultContainerClassName,\n    modifiedClassName,\n    errorClassName,\n    modified,\n    error\n  );\n\n  return (\n    <label className={className} htmlFor={idCheckbox} data-name=\"checkbox-input-label\">\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        data-name=\"checkbox-input\"\n      />\n      <div\n        data-name=\"checkbox-label\"\n        className={classnames(style.label, noLabelMargins ? style.noLabelMargins : undefined)}\n      >\n        <CheckIcon className={style.icon} />\n      </div>\n      <span className={titleStyleClassName} title={title}>\n        {title}\n      </span>\n    </label>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool,\n  noLabelMargins: PropTypes.bool,\n  theme: PropTypes.oneOf(['coorpmanager', 'default']),\n  titleStyle: PropTypes.oneOf(keys(titleStylesClassNames))\n};\n\nexport default InputCheckbox;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAAK,cAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAgC,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEhC,MAAMmB,qBAAqB,GAAG;EAC5BC,OAAO,EAAEC,cAAK,CAACD,OAAO;EACtBE,OAAO,EAAED,cAAK,CAACC,OAAO;EACtBC,SAAS,EAAEF,cAAK,CAACE,SAAS;EAC1BC,QAAQ,EAAEH,cAAK,CAACG;AAClB,CAAC;AAED,MAAMC,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IACJC,OAAO;IACPC,QAAQ,GAAAC,MAAA,CAAAxB,OAAO;IACfyB,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,UAAU,GAAG,SAAS;IACtBC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAG,SAAS;IACjBC,KAAK,EAAEC,UAAU;IACjBC,cAAc,GAAG;EACnB,CAAC,GAAGZ,KAAK;EAET,MAAMa,mBAAmB,GAAGpB,qBAAqB,CAACc,UAAU,CAAC;EAC7D,MAAMO,UAAU,GAAG,IAAAC,UAAA,CAAApC,OAAA,EAAS,iBAAiB,CAAC;EAC9C,MAAM+B,KAAK,GAAG,GAAGC,UAAU,GAAGL,QAAQ,GAAG,GAAG,GAAG,EAAE,EAAE;EACnD,MAAMU,YAAY,GAAG,IAAAC,kBAAW,EAAC3C,CAAC,IAAI4B,QAAQ,CAAC5B,CAAC,CAAC4C,MAAM,CAACjB,OAAO,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAE7E,MAAMiB,iBAAiB,GACrBV,KAAK,KAAK,cAAc,GAAGd,cAAK,CAACyB,oBAAoB,GAAGzB,cAAK,CAAC0B,eAAe;EAC/E,MAAMC,cAAc,GAAGb,KAAK,KAAK,cAAc,GAAGd,cAAK,CAAC4B,iBAAiB,GAAG5B,cAAK,CAAC6B,YAAY;EAC9F,MAAMC,yBAAyB,GAAGhB,KAAK,KAAK,cAAc,GAAGd,cAAK,CAAC+B,YAAY,GAAG/B,cAAK,CAAChB,OAAO;EAE/F,MAAMgD,SAAS,GAAG,IAAAC,sBAAa,EAC7BH,yBAAyB,EACzBN,iBAAiB,EACjBG,cAAc,EACdd,QAAQ,EACRJ,KACF,CAAC;EAED,oBACExC,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IAAOF,SAAS,EAAEA,SAAU;IAACG,OAAO,EAAEhB,UAAW;IAAC,aAAU;EAAsB,gBAChFlD,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IACEE,IAAI,EAAC,UAAU;IACfJ,SAAS,EAAEhC,cAAK,CAACqC,QAAS;IAC1BC,IAAI,EAAEvB,KAAM;IACZwB,EAAE,EAAEpB,UAAW;IACfb,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEc,YAAa;IACvBX,QAAQ,EAAEA,QAAS;IACnB,aAAU;EAAgB,CAC3B,CAAC,eACFzC,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IACE,aAAU,gBAAgB;IAC1BF,SAAS,EAAE,IAAAQ,mBAAU,EAACxC,cAAK,CAACyC,KAAK,EAAExB,cAAc,GAAGjB,cAAK,CAACiB,cAAc,GAAGyB,SAAS;EAAE,gBAEtFzE,MAAA,CAAAe,OAAA,CAAAkD,aAAA,CAAC3D,UAAA,CAAAoE,uBAAS;IAACX,SAAS,EAAEhC,cAAK,CAAC4C;EAAK,CAAE,CAChC,CAAC,eACN3E,MAAA,CAAAe,OAAA,CAAAkD,aAAA;IAAMF,SAAS,EAAEd,mBAAoB;IAACH,KAAK,EAAEA;EAAM,GAChDA,KACG,CACD,CAAC;AAEZ,CAAC;AAEDX,aAAa,CAACyC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxBjC,KAAK,EAAEkC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCzC,QAAQ,EAAEuC,kBAAS,CAACG,IAAI;EACxBzC,QAAQ,EAAEsC,kBAAS,CAACG,IAAI;EACxB9C,OAAO,EAAE2C,kBAAS,CAACG,IAAI;EACvB3C,KAAK,EAAEwC,kBAAS,CAACG,IAAI;EACrB7C,QAAQ,EAAE0C,kBAAS,CAACI,IAAI;EACxBxC,QAAQ,EAAEoC,kBAAS,CAACG,IAAI;EACxBnC,cAAc,EAAEgC,kBAAS,CAACG,IAAI;EAC9BtC,KAAK,EAAEmC,kBAAS,CAACK,KAAK,CAAC,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;EACnD1C,UAAU,EAAEqC,kBAAS,CAACK,KAAK,CAAC,IAAAC,MAAA,CAAAvE,OAAA,EAAKc,qBAAqB,CAAC;AACzD,CAAC;AAAC,IAAA0D,QAAA,GAAAC,OAAA,CAAAzE,OAAA,GAEaoB,aAAa","ignoreList":[]}