@cbinsights/fds/lib/components/StackedButton/index.js

Form: A design system by CB Insights

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

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 = _interopRequireWildcard(require("react"));

var _classcat = _interopRequireDefault(require("classcat"));

var _baseElement = _interopRequireDefault(require("../../util/baseElement"));

var _CaretDownIcon = _interopRequireDefault(require("../../icons/react/CaretDownIcon"));

var _excluded = ["Icon", "Link", "label", "disabled", "isActive", "isToggled", "hasCaret"];

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }

var StackedButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
  var Icon = _ref.Icon,
      Link = _ref.Link,
      label = _ref.label,
      disabled = _ref.disabled,
      isActive = _ref.isActive,
      isToggled = _ref.isToggled,
      hasCaret = _ref.hasCaret,
      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var Element = (0, _baseElement.default)({
    href: rest.href,
    onClick: true,
    as: Link
  });

  var ariaPressed = function ariaPressed() {
    if (Element === 'button') {
      return isToggled || isActive;
    }

    return undefined;
  };

  return /*#__PURE__*/_react.default.createElement(Element, (0, _extends2.default)({}, rest, {
    ref: ref,
    className: (0, _classcat.default)([{
      'fdsStackedButton--disabled': disabled,
      'fdsStackedButton--isActive': isActive,
      'fdsStackedButton--isToggled': isToggled
    }, 'fdsStackedButton', 'rounded--all', 'fdsStackedButton--ghost', 'border--focus--noTransition', 'transition--default']),
    disabled: disabled && Element === 'button',
    "aria-pressed": ariaPressed()
  }), Icon && /*#__PURE__*/_react.default.createElement("div", {
    className: "fdsStackedButton-iconWrapper"
  }, /*#__PURE__*/_react.default.createElement(Icon, {
    size: "s"
  }), hasCaret && /*#__PURE__*/_react.default.createElement(_CaretDownIcon.default, {
    customSize: 10
  })), label);
});
StackedButton.displayName = 'StackedButton';
var _default = StackedButton;
exports.default = _default;