native-base/lib/commonjs/components/primitives/Link/useLink.js

Essential cross-platform UI components for React Native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useLink = useLink;

var _reactNative = require("react-native");

const linkToHREF = URL => {
  _reactNative.Linking.openURL(URL).catch(err => console.error('An error occurred', err));
};

const addOnPressFunctionality = (href, callback) => {
  href ? linkToHREF(href) : '';
  callback ? callback() : () => {};
};

function useLink(props) {
  const {
    href,
    isExternal,
    onPress,
    _ref
  } = props;
  let platformLinkProps = {};

  if (_reactNative.Platform.OS === 'web') {
    platformLinkProps = {
      href,
      onClick: onPress
    }; // Adding target to a tag created by RN-Web

    if (isExternal && _ref.current) {
      _ref.current.target = '_blank';
    }
  } else {
    platformLinkProps = {
      onPress: () => {
        addOnPressFunctionality(href, onPress);
      }
    };
  }

  return {
    linkProps: { ...platformLinkProps,
      accessibilityRole: 'link',
      accessible: true
    }
  };
}
//# sourceMappingURL=useLink.js.map