@fortawesome/react-native-fontawesome 0.3.2 → 1.0.0-alpha.1

package/dist/components/FontAwesomeIcon.js

@@ -1,189 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_SIZE = exports.DEFAULT_SECONDARY_OPACITY = exports.DEFAULT_COLOR = void 0;
-exports["default"] = FontAwesomeIcon;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _converter = _interopRequireDefault(require("../converter"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactNative = require("react-native");
-
-var _fontawesomeSvgCore = require("@fortawesome/fontawesome-svg-core");
-
-var _logger = _interopRequireDefault(require("../logger"));
-
-var _excluded = ["color"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var DEFAULT_SIZE = 16;
-exports.DEFAULT_SIZE = DEFAULT_SIZE;
-var DEFAULT_COLOR = '#000';
-exports.DEFAULT_COLOR = DEFAULT_COLOR;
-var DEFAULT_SECONDARY_OPACITY = 0.4;
-exports.DEFAULT_SECONDARY_OPACITY = DEFAULT_SECONDARY_OPACITY;
-
-function objectWithKey(key, value) {
-  return Array.isArray(value) && value.length > 0 || !Array.isArray(value) && value ? _defineProperty({}, key, value) : {};
-}
-
-function normalizeIconArgs(icon) {
-  if (icon && _typeof(icon) === 'object' && icon.prefix && icon.iconName && icon.icon) {
-    return icon;
-  }
-
-  if (_fontawesomeSvgCore.parse.icon) {
-    return _fontawesomeSvgCore.parse.icon(icon);
-  }
-
-  if (icon === null) {
-    return null;
-  }
-
-  if (Array.isArray(icon) && icon.length === 2) {
-    return {
-      prefix: icon[0],
-      iconName: icon[1]
-    };
-  }
-
-  if (typeof icon === 'string') {
-    return {
-      prefix: 'fas',
-      iconName: icon
-    };
-  }
-}
-
-function FontAwesomeIcon(props) {
-  var _props = _objectSpread({
-    icon: null,
-    mask: null,
-    maskId: null,
-    transform: null,
-    style: {},
-    color: null,
-    secondaryColor: null,
-    secondaryOpacity: null,
-    size: DEFAULT_SIZE
-  }, props);
-
-  var iconArgs = _props.icon,
-      maskArgs = _props.mask,
-      maskId = _props.maskId,
-      height = _props.height,
-      width = _props.width,
-      size = _props.size;
-
-  var style = _reactNative.StyleSheet.flatten(_props.style);
-
-  var iconLookup = normalizeIconArgs(iconArgs);
-  var transform = objectWithKey('transform', typeof _props.transform === 'string' ? _fontawesomeSvgCore.parse.transform(_props.transform) : _props.transform);
-  var mask = objectWithKey('mask', normalizeIconArgs(maskArgs));
-  var renderedIcon = (0, _fontawesomeSvgCore.icon)(iconLookup, _objectSpread(_objectSpread(_objectSpread({}, transform), mask), {}, {
-    maskId: maskId
-  }));
-
-  if (!renderedIcon) {
-    (0, _logger["default"])('ERROR: icon not found for icon = ', iconArgs);
-    return null;
-  }
-
-  var _abstract = renderedIcon["abstract"]; // This is the color that will be passed to the "fill" prop of the Svg element
-
-  var color = _props.color || (style || {}).color || DEFAULT_COLOR; // This is the color that will be passed to the "fill" prop of the secondary Path element child (in Duotone Icons)
-  // `null` value will result in using the primary color, at 40% opacity
-
-  var secondaryColor = _props.secondaryColor || color; // Secondary layer opacity should default to 0.4, unless a specific opacity value or a specific secondary color was given
-
-  var secondaryOpacity = _props.secondaryOpacity || DEFAULT_SECONDARY_OPACITY; // To avoid confusion down the line, we'll remove properties from the StyleSheet, like color, that are being overridden
-  // or resolved in other ways, to avoid ambiguity as to which inputs cause which outputs in the underlying rendering process.
-  // In other words, we don't want color (for example) to be specified via two different inputs.
-
-  var _ref2 = style || {},
-      styleColor = _ref2.color,
-      modifiedStyle = _objectWithoutProperties(_ref2, _excluded);
-
-  var resolvedHeight, resolvedWidth;
-
-  if (height || width) {
-    throw new Error("Prop height and width for component ".concat(FontAwesomeIcon.displayName, " have been deprecated. ") + "Use the size prop instead like <".concat(FontAwesomeIcon.displayName, " size={").concat(width, "} />."));
-  } else {
-    resolvedHeight = resolvedWidth = size || DEFAULT_SIZE;
-  }
-
-  var rootAttributes = _abstract[0].attributes;
-  rootAttributes.height = resolvedHeight;
-  rootAttributes.width = resolvedWidth;
-  rootAttributes.style = modifiedStyle;
-  replaceCurrentColor(_abstract[0], color, secondaryColor, secondaryOpacity);
-  return convertCurry(_abstract[0]);
-}
-
-FontAwesomeIcon.displayName = 'FontAwesomeIcon';
-FontAwesomeIcon.propTypes = {
-  height: _propTypes["default"].number,
-  width: _propTypes["default"].number,
-  size: _propTypes["default"].number,
-  color: _propTypes["default"].string,
-  secondaryColor: _propTypes["default"].string,
-  secondaryOpacity: _propTypes["default"].number,
-  style: _propTypes["default"].oneOfType([_propTypes["default"].shape({
-    style: _propTypes["default"].any
-  }), _propTypes["default"].array]),
-  icon: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].array, _propTypes["default"].string]),
-  mask: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].array, _propTypes["default"].string]),
-  maskId: _propTypes["default"].string,
-  transform: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])
-};
-
-var convertCurry = _converter["default"].bind(null, _react["default"].createElement);
-
-function replaceCurrentColor(obj, primaryColor, secondaryColor, secondaryOpacity) {
-  obj.children.forEach(function (child, childIndex) {
-    replaceFill(child, primaryColor, secondaryColor, secondaryOpacity);
-
-    if (Object.prototype.hasOwnProperty.call(child, 'attributes')) {
-      replaceFill(child.attributes, primaryColor, secondaryColor, secondaryOpacity);
-    }
-
-    if (Array.isArray(child.children) && child.children.length > 0) {
-      replaceCurrentColor(child, primaryColor, secondaryColor, secondaryOpacity);
-    }
-  });
-}
-
-function replaceFill(obj, primaryColor, secondaryColor, secondaryOpacity) {
-  if (hasPropertySetToValue(obj, 'fill', 'currentColor')) {
-    if (hasPropertySetToValue(obj, 'class', 'fa-primary')) {
-      obj.fill = primaryColor;
-    } else if (hasPropertySetToValue(obj, 'class', 'fa-secondary')) {
-      obj.fill = secondaryColor;
-      obj.fillOpacity = secondaryOpacity;
-    } else {
-      obj.fill = primaryColor;
-    }
-  }
-}
-
-function hasPropertySetToValue(obj, property, value) {
-  return Object.prototype.hasOwnProperty.call(obj, property) && obj[property] === value;
-}

package/dist/converter.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _humps = _interopRequireDefault(require("humps"));
-
-var _reactNativeSvg = require("react-native-svg");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-var svgObjectMap = {
-  svg: _reactNativeSvg.Svg,
-  path: _reactNativeSvg.Path,
-  rect: _reactNativeSvg.Rect,
-  defs: _reactNativeSvg.Defs,
-  mask: _reactNativeSvg.Mask,
-  g: _reactNativeSvg.G,
-  clipPath: _reactNativeSvg.ClipPath
-};
-
-function convert(createElement, element) {
-  if (typeof element === 'string') {
-    return element;
-  }
-
-  var children = (element.children || []).map(function (child, childIndex) {
-    return convert(createElement, child);
-  });
-  var mixins = Object.keys(element.attributes || {}).reduce(function (acc, key) {
-    var val = element.attributes[key];
-
-    switch (key) {
-      case 'class':
-      case 'role':
-      case 'xmlns':
-        delete element.attributes[key];
-        break;
-
-      case 'focusable':
-        acc.attrs[key] = val === 'true';
-        break;
-
-      default:
-        if (key.indexOf('aria-') === 0 || key.indexOf('data-') === 0 || key === 'fill' && val === 'currentColor') {
-          delete element.attributes[key];
-        } else {
-          acc.attrs[_humps["default"].camelize(key)] = val;
-        }
-
-    }
-
-    return acc;
-  }, {
-    attrs: {}
-  });
-  return createElement.apply(void 0, [svgObjectMap[element.tag], _objectSpread({}, mixins.attrs)].concat(_toConsumableArray(children)));
-}
-
-var _default = convert;
-exports["default"] = _default;

package/dist/logger.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = _default;
-var PRODUCTION = false;
-
-function _default() {
-  if (!PRODUCTION && console && typeof console.error === 'function') {
-    var _console;
-
-    (_console = console).error.apply(_console, arguments);
-  }
-}

package/index.d.ts

@@ -1,29 +0,0 @@
-import { StyleProp, ViewStyle } from "react-native";
-import { Transform, IconProp } from "@fortawesome/fontawesome-svg-core";
-
-export type FontAwesomeIconStyle = StyleProp<ViewStyle> & {
-  color?: string;
-};
-
-export interface Props {
-  icon: IconProp;
-  /**
-   * @deprecated
-   */
-  height?: number;
-  /**
-   * @deprecated
-   */
-  width?: number;
-  size?: number;
-  color?: string;
-  secondaryColor?: string;
-  secondaryOpacity?: number;
-  mask?: IconProp;
-  maskId?: string;
-  transform?: string | Transform;
-  style?: FontAwesomeIconStyle;
-  testID?: string;
-}
-
-export function FontAwesomeIcon(props: Props): JSX.Element;

package/index.js

@@ -1 +0,0 @@
-export { default as FontAwesomeIcon } from './dist/components/FontAwesomeIcon'