@talend/react-components

Version:
Set of react components.
github.com/Talend/ui/tree/master/packages/components
73 lines (72 loc) • 2.52 kB
JavaScript
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _reactBootstrap = require("@talend/react-bootstrap");
var _Icon = _interopRequireDefault(require("../../Icon"));
var _TooltipTrigger = _interopRequireDefault(require("../../TooltipTrigger"));
var _getPropsFrom = _interopRequireDefault(require("../../utils/getPropsFrom"));
var _OverlayTrigger = _interopRequireDefault(require("../../OverlayTrigger"));
var _ActionIconToggleModule = _interopRequireDefault(require("./ActionIconToggle.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function ActionIconToggle(props) {
  const {
    active,
    tick,
    className,
    icon,
    iconTransform,
    id,
    label,
    tooltipPlacement,
    buttonRef,
    ...rest
  } = props;
  const cn = (0, _classnames.default)(className, 'tc-icon-toggle', _ActionIconToggleModule.default['tc-icon-toggle'], {
    [_ActionIconToggleModule.default.active]: active,
    active,
    [_ActionIconToggleModule.default.tick]: tick,
    tick
  });
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipTrigger.default, {
    label: label,
    tooltipPlacement: tooltipPlacement,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
      ...(0, _getPropsFrom.default)(_reactBootstrap.Button, rest),
      id: id,
      className: cn,
      "aria-label": label,
      "aria-pressed": active,
      bsStyle: "link",
      ref: buttonRef,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
        name: icon,
        transform: iconTransform
      })
    })
  });
}
ActionIconToggle.propTypes = {
  active: _propTypes.default.bool,
  tick: _propTypes.default.bool,
  className: _propTypes.default.string,
  icon: _propTypes.default.string.isRequired,
  iconTransform: _propTypes.default.string,
  id: _propTypes.default.string,
  label: _propTypes.default.string.isRequired,
  onClick: _propTypes.default.func,
  tooltipPlacement: _OverlayTrigger.default.propTypes.placement,
  buttonRef: _propTypes.default.func
};
ActionIconToggle.defaultProps = {
  active: false,
  tick: false,
  tooltipPlacement: 'top'
};
ActionIconToggle.displayName = 'ActionIconToggle';
var _default = exports.default = ActionIconToggle;
//# sourceMappingURL=ActionIconToggle.component.js.map