@carbon/ibm-security/lib/components/Button/Button.js

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.namespace = exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _carbonComponentsReact = require("carbon-components-react");
var _types = require("carbon-components-react/lib/prop-types/types");
var _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = require("prop-types");
var _react = _interopRequireDefault(require("react"));
var _namespace = require("../../globals/namespace");
var _propTypes2 = _interopRequireDefault(require("../../globals/prop-types"));
var _InlineLoading = _interopRequireDefault(require("../InlineLoading"));
var _excluded = ["className", "largeText", "loading", "kind", "renderIcon", "size"];
/**
 * @file Button.
 * @copyright IBM Security 2019 - 2021
 */
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var namespace = exports.namespace = (0, _namespace.getComponentNamespace)('button');
_types.ButtonKinds.push('ghost-danger'); // Add `ghost-danger` kind to the existing `kind`s.

// TODO: `2.x` - Remove deprecated props `largeText`.

var Button = function Button(_ref) {
  var className = _ref.className,
    largeText = _ref.largeText,
    loading = _ref.loading,
    kind = _ref.kind,
    renderIcon = _ref.renderIcon,
    sizeProp = _ref.size,
    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var isSize = function isSize(value) {
    return sizeProp === value;
  };
  var size = isSize('large') || largeText || isSize('xlg') ? 'lg' : sizeProp;
  var isGhostDanger = kind === 'ghost-danger';
  var buttonClasses = (0, _classnames.default)(className, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(namespace, "--ghost-danger"), isGhostDanger), "".concat(namespace, "--loading"), loading));
  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, (0, _extends2.default)({
    className: buttonClasses,
    kind: isGhostDanger || loading ? 'ghost' : kind,
    renderIcon: loading ? _InlineLoading.default : renderIcon,
    size: size
  }, other));
};
var defaultProps = _carbonComponentsReact.Button.defaultProps,
  propTypes = _carbonComponentsReact.Button.propTypes;
Button.defaultProps = _objectSpread(_objectSpread({}, defaultProps), {}, {
  loading: false,
  largeText: null
});
Button.propTypes = _objectSpread(_objectSpread({}, propTypes), {}, {
  /** Specify the [kind of `Button`](https://react.carbondesignsystem.com/?path=/docs/components-button--default#button-kind) you want to create */
  kind: (0, _propTypes.oneOf)(_types.ButtonKinds),
  /** Deprecated in favor of `size` */
  largeText: (0, _propTypes2.default)('size="large"', _propTypes.bool),
  /** Specify whether or not the `Button` is in a loading state. While active, the `renderIcon` prop is disabled */
  loading: _propTypes.bool,
  /** Optional prop to allow overriding the icon rendering. Can be a React component class */
  renderIcon: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.object]),
  /** Specify the [size of the button](https://react.carbondesignsystem.com/?path=/docs/button--default#button-size), from a list of available sizes. For `default` buttons, this prop can remain unspecified */
  size: (0, _propTypes.oneOf)(['default', 'field', 'small', 'sm', 'large', 'lg', 'xl'])
});
var _default = exports.default = Button;