"use strict";

exports.__esModule = true;
exports.default = exports.Checkbox = exports.Cover = exports.ContainedInput = exports.Wrapper = void 0;

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

var _styledComponents = _interopRequireWildcard(require("styled-components"));

var _utils = require("../utils");

var _polished = require("polished");

var _withId = _interopRequireDefault(require("../hocs/withId"));

var _excluded = ["value", "className", "id"];

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var Wrapper = _styledComponents.default.label.withConfig({
  displayName: "Checkbox__Wrapper",
  componentId: "sc-l110sd-0"
})(["padding:10px 15px;margin:-10px -15px;"]);

exports.Wrapper = Wrapper;

var ContainedInput = _styledComponents.default.input.attrs(function () {
  return {
    type: "checkbox"
  };
}).withConfig({
  displayName: "Checkbox__ContainedInput",
  componentId: "sc-l110sd-1"
})(["position:absolute;opacity:0;z-index:10;margin:0;"]);

exports.ContainedInput = ContainedInput;

var Cover = _styledComponents.default.label.withConfig({
  displayName: "Checkbox__Cover",
  componentId: "sc-l110sd-2"
})(["display:inline-block;position:relative;height:14px;width:14px;border:1px solid ", ";border-radius:3px;", ":active + &,", ":focus + &{box-shadow:0px 0px 1px 0px ", ";border-color:", ";}", ";"], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"), ContainedInput, ContainedInput, (0, _utils.getThemeProp)(["colors", "application", "base"], "#777", function (color) {
  return (0, _polished.tint)(0.05, color);
}), (0, _utils.getThemeProp)(["colors", "application", "base"], "#777"), (0, _utils.ifFlag)("value", (0, _styledComponents.css)(["background-color:", ";&::after{content:\"\u2714\";font-size:12px;line-height:1;position:absolute;top:1px;left:0;right:0;bottom:0;color:white;text-align:center;}"], (0, _utils.getThemeProp)(["colors", "application", "base"], "#777", function (color) {
  return (0, _polished.tint)(0.05, color);
})), (0, _styledComponents.css)(["background-color:white;"])));

exports.Cover = Cover;

var Checkbox = function Checkbox(_ref) {
  var value = _ref.value,
      className = _ref.className,
      id = _ref.id,
      otherProps = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/_react.default.createElement(Wrapper, {
    className: className,
    htmlFor: id
  }, /*#__PURE__*/_react.default.createElement(ContainedInput, _extends({
    value: value,
    id: id
  }, otherProps)), /*#__PURE__*/_react.default.createElement(Cover, {
    value: value,
    htmlFor: id
  }));
};

exports.Checkbox = Checkbox;

var _default = (0, _withId.default)("checkbox")(Checkbox);

var _default2 = _default;
var _default3 = _default2;
exports.default = _default3;
;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Checkbox.js");
  reactHotLoader.register(ContainedInput, "ContainedInput", "/home/vsts/work/1/s/src/components/Checkbox.js");
  reactHotLoader.register(Cover, "Cover", "/home/vsts/work/1/s/src/components/Checkbox.js");
  reactHotLoader.register(Checkbox, "Checkbox", "/home/vsts/work/1/s/src/components/Checkbox.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Checkbox.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();

;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Checkbox.js");
  reactHotLoader.register(ContainedInput, "ContainedInput", "/home/vsts/work/1/s/src/components/Checkbox.js");
  reactHotLoader.register(Cover, "Cover", "/home/vsts/work/1/s/src/components/Checkbox.js");
  reactHotLoader.register(Checkbox, "Checkbox", "/home/vsts/work/1/s/src/components/Checkbox.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Checkbox.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();