@activecollab/components/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CompleteCheckbox = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Styles = require("./Styles");
var _excluded = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
var CompleteCheckbox = exports.CompleteCheckbox = function CompleteCheckbox(_ref) {
  var _ref$completed = _ref.completed,
    completed = _ref$completed === void 0 ? false : _ref$completed,
    _ref$disabled = _ref.disabled,
    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
    _ref$animate = _ref.animate,
    animate = _ref$animate === void 0 ? false : _ref$animate,
    onClick = _ref.onClick,
    className = _ref.className,
    _ref$primary = _ref.primary,
    primary = _ref$primary === void 0 ? false : _ref$primary,
    checkMarkClassName = _ref.checkMarkClassName,
    rest = _objectWithoutProperties(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCompleteCheckbox, _extends({
    onClick: onClick,
    className: (0, _classnames.default)("c-complete-checkbox", className),
    $primary: primary,
    $completed: completed,
    $disabled: disabled,
    $animation: !disabled && completed && animate,
    $checkMarkClassName: !!checkMarkClassName
  }, rest), /*#__PURE__*/_react.default.createElement("svg", {
    viewBox: "0 0 48 48",
    className: checkMarkClassName
  }, /*#__PURE__*/_react.default.createElement("path", {
    d: "M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8"
  }), /*#__PURE__*/_react.default.createElement("polyline", {
    points: "19.5,24 22.5,27 28.5,21"
  })));
};
CompleteCheckbox.displayName = "CompleteCheckbox";
//# sourceMappingURL=CompleteCheckbox.js.map