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

Carbon for Cloud & Cognitive IBM Security UI components

import _extends from "@babel/runtime/helpers/extends";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["className", "largeText", "loading", "kind", "renderIcon", "size"];
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) { _defineProperty(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; }
/**
 * @file Button.
 * @copyright IBM Security 2019 - 2021
 */

import { Button as CarbonButton } from 'carbon-components-react';
import { ButtonKinds } from 'carbon-components-react/es/prop-types/types';
import classnames from 'classnames';
import { bool, func, object, oneOf, oneOfType } from 'prop-types';
import React from 'react';
import { getComponentNamespace } from '../../globals/namespace';
import deprecatedProp from '../../globals/prop-types';
import InlineLoading from '../InlineLoading';
export var namespace = getComponentNamespace('button');
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 = _objectWithoutProperties(_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 = classnames(className, _defineProperty(_defineProperty({}, "".concat(namespace, "--ghost-danger"), isGhostDanger), "".concat(namespace, "--loading"), loading));
  return /*#__PURE__*/React.createElement(CarbonButton, _extends({
    className: buttonClasses,
    kind: isGhostDanger || loading ? 'ghost' : kind,
    renderIcon: loading ? InlineLoading : renderIcon,
    size: size
  }, other));
};
var defaultProps = CarbonButton.defaultProps,
  propTypes = CarbonButton.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: oneOf(ButtonKinds),
  /** Deprecated in favor of `size` */
  largeText: deprecatedProp('size="large"', bool),
  /** Specify whether or not the `Button` is in a loading state. While active, the `renderIcon` prop is disabled */
  loading: bool,
  /** Optional prop to allow overriding the icon rendering. Can be a React component class */
  renderIcon: oneOfType([func, 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: oneOf(['default', 'field', 'small', 'sm', 'large', 'lg', 'xl'])
});
export default Button;