@lskjs/navbar/SafeAnchor.js

LSK ux subrepo: navbar

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _createChainedFunction = _interopRequireDefault(require("./createChainedFunction"));

var propTypes = {
  href: _propTypes["default"].string,
  onClick: _propTypes["default"].func,
  onKeyDown: _propTypes["default"].func,
  disabled: _propTypes["default"].bool,
  role: _propTypes["default"].string,
  tabIndex: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),

  /**
   * this is sort of silly but needed for Button
   */
  as: _propTypes["default"].elementType
};

function isTrivialHref(href) {
  return !href || href.trim() === '#';
}
/**
 * There are situations due to browser quirks or Bootstrap CSS where
 * an anchor tag is needed, when semantically a button tag is the
 * better choice. SafeAnchor ensures that when an anchor is used like a
 * button its accessible. It also emulates input `disabled` behavior for
 * links, which is usually desirable for Buttons, NavItems, DropdownItems, etc.
 */


var SafeAnchor = _react["default"].forwardRef(function (_ref, ref) {
  var _ref$as = _ref.as,
      Component = _ref$as === void 0 ? 'a' : _ref$as,
      disabled = _ref.disabled,
      onKeyDown = _ref.onKeyDown,
      props = (0, _objectWithoutProperties2["default"])(_ref, ["as", "disabled", "onKeyDown"]);

  var handleClick = function handleClick(event) {
    var href = props.href,
        onClick = props.onClick;

    if (disabled || isTrivialHref(href)) {
      event.preventDefault();
    }

    if (disabled) {
      event.stopPropagation();
      return;
    }

    if (onClick) {
      onClick(event);
    }
  };

  var handleKeyDown = function handleKeyDown(event) {
    if (event.key === ' ') {
      event.preventDefault();
      handleClick(event);
    }
  };

  if (isTrivialHref(props.href)) {
    props.role = props.role || 'button'; // we want to make sure there is a href attribute on the node
    // otherwise, the cursor incorrectly styled (except with role='button')

    props.href = props.href || '#';
  }

  if (disabled) {
    props.tabIndex = -1;
    props['aria-disabled'] = true;
  }

  return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
    ref: ref
  }, props, {
    onClick: handleClick,
    onKeyDown: (0, _createChainedFunction["default"])(handleKeyDown, onKeyDown)
  }));
});

SafeAnchor.propTypes = propTypes;
SafeAnchor.displayName = 'SafeAnchor';
var _default = SafeAnchor;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9TYWZlQW5jaG9yLmpzIl0sIm5hbWVzIjpbInByb3BUeXBlcyIsImhyZWYiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJvbkNsaWNrIiwiZnVuYyIsIm9uS2V5RG93biIsImRpc2FibGVkIiwiYm9vbCIsInJvbGUiLCJ0YWJJbmRleCIsIm9uZU9mVHlwZSIsIm51bWJlciIsImFzIiwiZWxlbWVudFR5cGUiLCJpc1RyaXZpYWxIcmVmIiwidHJpbSIsIlNhZmVBbmNob3IiLCJSZWFjdCIsImZvcndhcmRSZWYiLCJyZWYiLCJDb21wb25lbnQiLCJwcm9wcyIsImhhbmRsZUNsaWNrIiwiZXZlbnQiLCJwcmV2ZW50RGVmYXVsdCIsInN0b3BQcm9wYWdhdGlvbiIsImhhbmRsZUtleURvd24iLCJrZXkiLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUVBOztBQUVBLElBQU1BLFNBQVMsR0FBRztBQUNoQkMsRUFBQUEsSUFBSSxFQUFFQyxzQkFBVUMsTUFEQTtBQUVoQkMsRUFBQUEsT0FBTyxFQUFFRixzQkFBVUcsSUFGSDtBQUdoQkMsRUFBQUEsU0FBUyxFQUFFSixzQkFBVUcsSUFITDtBQUloQkUsRUFBQUEsUUFBUSxFQUFFTCxzQkFBVU0sSUFKSjtBQUtoQkMsRUFBQUEsSUFBSSxFQUFFUCxzQkFBVUMsTUFMQTtBQU1oQk8sRUFBQUEsUUFBUSxFQUFFUixzQkFBVVMsU0FBVixDQUFvQixDQUFDVCxzQkFBVVUsTUFBWCxFQUFtQlYsc0JBQVVDLE1BQTdCLENBQXBCLENBTk07O0FBUWhCOzs7QUFHQVUsRUFBQUEsRUFBRSxFQUFFWCxzQkFBVVk7QUFYRSxDQUFsQjs7QUFjQSxTQUFTQyxhQUFULENBQXVCZCxJQUF2QixFQUE2QjtBQUMzQixTQUFPLENBQUNBLElBQUQsSUFBU0EsSUFBSSxDQUFDZSxJQUFMLE9BQWdCLEdBQWhDO0FBQ0Q7QUFFRDs7Ozs7Ozs7O0FBT0EsSUFBTUMsVUFBVSxHQUFHQyxrQkFBTUMsVUFBTixDQUNqQixnQkFRRUMsR0FSRixFQVNLO0FBQUEscUJBTkRQLEVBTUM7QUFBQSxNQU5HUSxTQU1ILHdCQU5lLEdBTWY7QUFBQSxNQUxEZCxRQUtDLFFBTERBLFFBS0M7QUFBQSxNQUpERCxTQUlDLFFBSkRBLFNBSUM7QUFBQSxNQUhFZ0IsS0FHRjs7QUFDSCxNQUFNQyxXQUFXLEdBQUcsU0FBZEEsV0FBYyxDQUFBQyxLQUFLLEVBQUk7QUFBQSxRQUNuQnZCLElBRG1CLEdBQ0RxQixLQURDLENBQ25CckIsSUFEbUI7QUFBQSxRQUNiRyxPQURhLEdBQ0RrQixLQURDLENBQ2JsQixPQURhOztBQUczQixRQUFJRyxRQUFRLElBQUlRLGFBQWEsQ0FBQ2QsSUFBRCxDQUE3QixFQUFxQztBQUNuQ3VCLE1BQUFBLEtBQUssQ0FBQ0MsY0FBTjtBQUNEOztBQUVELFFBQUlsQixRQUFKLEVBQWM7QUFDWmlCLE1BQUFBLEtBQUssQ0FBQ0UsZUFBTjtBQUNBO0FBQ0Q7O0FBRUQsUUFBSXRCLE9BQUosRUFBYTtBQUNYQSxNQUFBQSxPQUFPLENBQUNvQixLQUFELENBQVA7QUFDRDtBQUNGLEdBZkQ7O0FBaUJBLE1BQU1HLGFBQWEsR0FBRyxTQUFoQkEsYUFBZ0IsQ0FBQUgsS0FBSyxFQUFJO0FBQzdCLFFBQUlBLEtBQUssQ0FBQ0ksR0FBTixLQUFjLEdBQWxCLEVBQXVCO0FBQ3JCSixNQUFBQSxLQUFLLENBQUNDLGNBQU47QUFDQUYsTUFBQUEsV0FBVyxDQUFDQyxLQUFELENBQVg7QUFDRDtBQUNGLEdBTEQ7O0FBT0EsTUFBSVQsYUFBYSxDQUFDTyxLQUFLLENBQUNyQixJQUFQLENBQWpCLEVBQStCO0FBQzdCcUIsSUFBQUEsS0FBSyxDQUFDYixJQUFOLEdBQWFhLEtBQUssQ0FBQ2IsSUFBTixJQUFjLFFBQTNCLENBRDZCLENBRTdCO0FBQ0E7O0FBQ0FhLElBQUFBLEtBQUssQ0FBQ3JCLElBQU4sR0FBYXFCLEtBQUssQ0FBQ3JCLElBQU4sSUFBYyxHQUEzQjtBQUNEOztBQUVELE1BQUlNLFFBQUosRUFBYztBQUNaZSxJQUFBQSxLQUFLLENBQUNaLFFBQU4sR0FBaUIsQ0FBQyxDQUFsQjtBQUNBWSxJQUFBQSxLQUFLLENBQUMsZUFBRCxDQUFMLEdBQXlCLElBQXpCO0FBQ0Q7O0FBRUQsc0JBQ0UsZ0NBQUMsU0FBRDtBQUNFLElBQUEsR0FBRyxFQUFFRjtBQURQLEtBRU1FLEtBRk47QUFHRSxJQUFBLE9BQU8sRUFBRUMsV0FIWDtBQUlFLElBQUEsU0FBUyxFQUFFLHVDQUFzQkksYUFBdEIsRUFBcUNyQixTQUFyQztBQUpiLEtBREY7QUFRRCxDQXZEZ0IsQ0FBbkI7O0FBMERBVyxVQUFVLENBQUNqQixTQUFYLEdBQXVCQSxTQUF2QjtBQUNBaUIsVUFBVSxDQUFDWSxXQUFYLEdBQXlCLFlBQXpCO2VBRWVaLFUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuaW1wb3J0IGNyZWF0ZUNoYWluZWRGdW5jdGlvbiBmcm9tICcuL2NyZWF0ZUNoYWluZWRGdW5jdGlvbic7XG5cbmNvbnN0IHByb3BUeXBlcyA9IHtcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIG9uS2V5RG93bjogUHJvcFR5cGVzLmZ1bmMsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgcm9sZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFiSW5kZXg6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5udW1iZXIsIFByb3BUeXBlcy5zdHJpbmddKSxcblxuICAvKipcbiAgICogdGhpcyBpcyBzb3J0IG9mIHNpbGx5IGJ1dCBuZWVkZWQgZm9yIEJ1dHRvblxuICAgKi9cbiAgYXM6IFByb3BUeXBlcy5lbGVtZW50VHlwZSxcbn07XG5cbmZ1bmN0aW9uIGlzVHJpdmlhbEhyZWYoaHJlZikge1xuICByZXR1cm4gIWhyZWYgfHwgaHJlZi50cmltKCkgPT09ICcjJztcbn1cblxuLyoqXG4gKiBUaGVyZSBhcmUgc2l0dWF0aW9ucyBkdWUgdG8gYnJvd3NlciBxdWlya3Mgb3IgQm9vdHN0cmFwIENTUyB3aGVyZVxuICogYW4gYW5jaG9yIHRhZyBpcyBuZWVkZWQsIHdoZW4gc2VtYW50aWNhbGx5IGEgYnV0dG9uIHRhZyBpcyB0aGVcbiAqIGJldHRlciBjaG9pY2UuIFNhZmVBbmNob3IgZW5zdXJlcyB0aGF0IHdoZW4gYW4gYW5jaG9yIGlzIHVzZWQgbGlrZSBhXG4gKiBidXR0b24gaXRzIGFjY2Vzc2libGUuIEl0IGFsc28gZW11bGF0ZXMgaW5wdXQgYGRpc2FibGVkYCBiZWhhdmlvciBmb3JcbiAqIGxpbmtzLCB3aGljaCBpcyB1c3VhbGx5IGRlc2lyYWJsZSBmb3IgQnV0dG9ucywgTmF2SXRlbXMsIERyb3Bkb3duSXRlbXMsIGV0Yy5cbiAqL1xuY29uc3QgU2FmZUFuY2hvciA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICAvLyBOZWVkIHRvIGRlZmluZSB0aGUgZGVmYXVsdCBcImFzXCIgZHVyaW5nIHByb3AgZGVzdHJ1Y3R1cmluZyB0byBiZSBjb21wYXRpYmxlIHdpdGggc3R5bGVkLWNvbXBvbmVudHMgZ2l0aHViLmNvbS9yZWFjdC1ib290c3RyYXAvcmVhY3QtYm9vdHN0cmFwL2lzc3Vlcy8zNTk1XG4gICAgICBhczogQ29tcG9uZW50ID0gJ2EnLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBvbktleURvd24sXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IGV2ZW50ID0+IHtcbiAgICAgIGNvbnN0IHsgaHJlZiwgb25DbGljayB9ID0gcHJvcHM7XG5cbiAgICAgIGlmIChkaXNhYmxlZCB8fCBpc1RyaXZpYWxIcmVmKGhyZWYpKSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG5cbiAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBpZiAob25DbGljaykge1xuICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IGV2ZW50ID0+IHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJykge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBoYW5kbGVDbGljayhldmVudCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIGlmIChpc1RyaXZpYWxIcmVmKHByb3BzLmhyZWYpKSB7XG4gICAgICBwcm9wcy5yb2xlID0gcHJvcHMucm9sZSB8fCAnYnV0dG9uJztcbiAgICAgIC8vIHdlIHdhbnQgdG8gbWFrZSBzdXJlIHRoZXJlIGlzIGEgaHJlZiBhdHRyaWJ1dGUgb24gdGhlIG5vZGVcbiAgICAgIC8vIG90aGVyd2lzZSwgdGhlIGN1cnNvciBpbmNvcnJlY3RseSBzdHlsZWQgKGV4Y2VwdCB3aXRoIHJvbGU9J2J1dHRvbicpXG4gICAgICBwcm9wcy5ocmVmID0gcHJvcHMuaHJlZiB8fCAnIyc7XG4gICAgfVxuXG4gICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICBwcm9wcy50YWJJbmRleCA9IC0xO1xuICAgICAgcHJvcHNbJ2FyaWEtZGlzYWJsZWQnXSA9IHRydWU7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDb21wb25lbnRcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uS2V5RG93bj17Y3JlYXRlQ2hhaW5lZEZ1bmN0aW9uKGhhbmRsZUtleURvd24sIG9uS2V5RG93bil9XG4gICAgICAvPlxuICAgICk7XG4gIH0sXG4pO1xuXG5TYWZlQW5jaG9yLnByb3BUeXBlcyA9IHByb3BUeXBlcztcblNhZmVBbmNob3IuZGlzcGxheU5hbWUgPSAnU2FmZUFuY2hvcic7XG5cbmV4cG9ydCBkZWZhdWx0IFNhZmVBbmNob3I7XG4iXX0=
//# sourceMappingURL=SafeAnchor.js.map