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

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.namespace = exports.default = exports.TooltipDirection = 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 _classnames2 = _interopRequireDefault(require("classnames"));
var _propTypes = require("prop-types");
var _react = _interopRequireDefault(require("react"));
var _namespace = require("../../globals/namespace");
var _Icon = _interopRequireWildcard(require("../Icon/Icon"));
var _excluded = ["className", "iconClassName", "iconSize", "label", "onClick", "path", "renderIcon", "size", "state", "tooltip", "tooltipDirection"];
/**
 * @file Icon button.
 * @copyright IBM Security 2019, 2021
 */
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var defaultTooltipDirection = 'bottom';
var tooltipDirections = ['top', 'right', defaultTooltipDirection, 'left'];
var namespace = exports.namespace = (0, _namespace.getComponentNamespace)('button--icon');

/** @enum Allowed tooltip directions. */
var TooltipDirection = exports.TooltipDirection = tooltipDirections.reduce(function (accumulator, tooltipDirection) {
  accumulator[tooltipDirection.toUpperCase()] = tooltipDirection;
  return accumulator;
}, {});

/**
 * Icon button component.
 */
var IconButton = function IconButton(_ref) {
  var className = _ref.className,
    iconClassName = _ref.iconClassName,
    iconSize = _ref.iconSize,
    label = _ref.label,
    onClick = _ref.onClick,
    path = _ref.path,
    renderIcon = _ref.renderIcon,
    size = _ref.size,
    state = _ref.state,
    tooltip = _ref.tooltip,
    tooltipDirection = _ref.tooltipDirection,
    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var hasTooltip = label && tooltip;
  return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
    className: (0, _classnames2.default)(namespace, className, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(namespace, "--active"), state), "".concat(namespace, "--").concat(size), size), "".concat(namespace, "--tooltip"), hasTooltip), "".concat(namespace, "--tooltip--").concat(tooltipDirection), hasTooltip)),
    "aria-label": label,
    onClick: onClick,
    type: "button"
  }, other), /*#__PURE__*/_react.default.createElement(_Icon.default, {
    className: iconClassName,
    path: path,
    renderIcon: renderIcon,
    size: iconSize
  }));
};
IconButton.defaultProps = {
  className: null,
  iconClassName: '',
  iconSize: _Icon.sizeDefaultProp,
  label: null,
  onClick: null,
  path: null,
  renderIcon: _Icon.renderIconDefaultProp,
  size: null,
  state: false,
  tooltip: true,
  tooltipDirection: defaultTooltipDirection
};
IconButton.propTypes = {
  /** @type {string} Extra classes to add. */
  className: _propTypes.string,
  /** @type {string} Icon classes to add. */
  iconClassName: _propTypes.string,
  /** @type {number|string} Icon dimensions. */
  iconSize: _Icon.sizePropType,
  /** @type {string} Label. */
  label: _propTypes.string,
  /** @type {Function} Click handler. */
  onClick: _propTypes.func,
  /** @type {string} Path for icon. */
  path: _propTypes.string,
  /** @type {Function|object} Icon to render. */
  renderIcon: _Icon.renderIconPropType,
  /** @type {string} Icon button size. */
  size: _Icon.sizePropType,
  /** @type {boolean} The state of the icon button. */
  state: _propTypes.bool,
  /** @type {boolean} Specify tooltip. */
  tooltip: _propTypes.bool,
  /** @type {string} Tooltip direction. */
  tooltipDirection: (0, _propTypes.oneOf)(tooltipDirections)
};
IconButton.TooltipDirection = TooltipDirection;
var _default = exports.default = IconButton;