@helpscout/hsds-react/components/ConditionList/ConditionList.AddButton.js

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.default = exports.ConditionListAddButton = void 0;

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

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

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

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _getValidProps = _interopRequireDefault(require("@helpscout/react-utils/dist/getValidProps"));

var _Condition = _interopRequireDefault(require("../Condition"));

var _classnames = _interopRequireDefault(require("classnames"));

var _ConditionList = require("./ConditionList.css");

var _jsxRuntime = require("react/jsx-runtime");

var ConditionListAddButton = /*#__PURE__*/function (_React$PureComponent) {
  (0, _inheritsLoose2.default)(ConditionListAddButton, _React$PureComponent);

  function ConditionListAddButton() {
    var _this;

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
    _this.node = void 0;
    return _this;
  }

  var _proto = ConditionListAddButton.prototype;

  _proto.getClassName = function getClassName() {
    var className = this.props.className;
    return (0, _classnames.default)(ConditionListAddButton.className, className);
  };

  _proto.render = function render() {
    var _this$props = this.props,
        className = _this$props.className,
        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["className"]);
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionList.AddButtonWrapperUI, {
      "data-cy": "ConditionListAddButtonWrapper",
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Condition.default.AddButton, (0, _extends2.default)({}, (0, _getValidProps.default)(rest), {
        className: this.getClassName(),
        type: "and"
      }))
    });
  };

  return ConditionListAddButton;
}(_react.default.PureComponent);

exports.ConditionListAddButton = ConditionListAddButton;
ConditionListAddButton.className = 'c-ConditionListAddButton';

function noop() {}

ConditionListAddButton.defaultProps = {
  'data-cy': 'ConditionListAddButton',
  innerRef: noop,
  onClick: noop,
  scrollDuration: 300,
  scrollOffset: 200
};
ConditionListAddButton.propTypes = {
  className: _propTypes.default.string,

  /** Data attr for Cypress tests. */
  'data-cy': _propTypes.default.string,

  /** Retrieve the inner DOM node. */
  innerRef: _propTypes.default.func,

  /** Callback when clicked */
  onClick: _propTypes.default.func,

  /** Time (ms) it takes to scroll into view. */
  scrollDuration: _propTypes.default.number,

  /** Amount (px) used to calculate scrolling into view. */
  scrollOffset: _propTypes.default.number
};
var _default = ConditionListAddButton;
exports.default = _default;