React_Client_App_Access/node_modules/.cache/babel-loader/5d5c09525e4b35e27fd5fc6bde48ac13.json

{"ast":null,"code":"import _classCallCheck from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\n\nvar _jsxFileName = \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/src/shared/components/form/CheckBox.tsx\",\n    _this = this;\n\n/* eslint-disable jsx-a11y/label-has-for */\nimport classNames from 'classnames';\nimport CheckIcon from 'mdi-react/CheckIcon';\nimport CloseIcon from 'mdi-react/CloseIcon';\nimport React, { PureComponent } from 'react';\n;\n\nvar CheckBoxField = /*#__PURE__*/function (_PureComponent) {\n  _inherits(CheckBoxField, _PureComponent);\n\n  function CheckBoxField() {\n    _classCallCheck(this, CheckBoxField);\n\n    return _possibleConstructorReturn(this, _getPrototypeOf(CheckBoxField).apply(this, arguments));\n  }\n\n  _createClass(CheckBoxField, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      var _this$props = this.props,\n          onChange = _this$props.onChange,\n          defaultChecked = _this$props.defaultChecked;\n      onChange(defaultChecked);\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this$props2 = this.props,\n          disabled = _this$props2.disabled,\n          className = _this$props2.className,\n          name = _this$props2.name,\n          value = _this$props2.value,\n          onChange = _this$props2.onChange,\n          label = _this$props2.label,\n          color = _this$props2.color;\n      var CheckboxClass = classNames({\n        'checkbox-btn': true,\n        disabled: disabled\n      });\n      return /*#__PURE__*/React.createElement(\"label\", {\n        className: \"\".concat(CheckboxClass, \" \").concat(className ? \" checkbox-btn--\".concat(className) : ''),\n        htmlFor: name,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 46,\n          columnNumber: 7\n        }\n      }, /*#__PURE__*/React.createElement(\"input\", {\n        className: \"checkbox-btn__checkbox\",\n        type: \"checkbox\",\n        id: name,\n        name: name,\n        onChange: onChange,\n        checked: value,\n        disabled: disabled,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 50,\n          columnNumber: 9\n        }\n      }), /*#__PURE__*/React.createElement(\"span\", {\n        className: \"checkbox-btn__checkbox-custom\",\n        style: color ? {\n          background: color,\n          borderColor: color\n        } : {},\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 59,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(CheckIcon, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 63,\n          columnNumber: 11\n        }\n      })), className === 'button' ? /*#__PURE__*/React.createElement(\"span\", {\n        className: \"checkbox-btn__label-svg\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(CheckIcon, {\n        className: \"checkbox-btn__label-check\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 68,\n          columnNumber: 15\n        }\n      }), /*#__PURE__*/React.createElement(CloseIcon, {\n        className: \"checkbox-btn__label-uncheck\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 69,\n          columnNumber: 15\n        }\n      })) : '', /*#__PURE__*/React.createElement(\"span\", {\n        className: \"checkbox-btn__label\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 72,\n          columnNumber: 9\n        }\n      }, label));\n    }\n  }]);\n\n  return CheckBoxField;\n}(PureComponent);\n\nCheckBoxField.defaultProps = {\n  name: '',\n  label: '',\n  defaultChecked: false,\n  disabled: false,\n  value: false,\n  className: '',\n  color: ''\n};\n;\n\nvar renderCheckBoxField = function renderCheckBoxField(props) {\n  var input = props.input,\n      _props$label = props.label,\n      label = _props$label === void 0 ? '' : _props$label,\n      _props$defaultChecked = props.defaultChecked,\n      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,\n      _props$disabled = props.disabled,\n      disabled = _props$disabled === void 0 ? false : _props$disabled,\n      _props$className = props.className,\n      className = _props$className === void 0 ? '' : _props$className,\n      _props$color = props.color,\n      color = _props$color === void 0 ? '' : _props$color;\n  return /*#__PURE__*/React.createElement(CheckBoxField, Object.assign({}, input, {\n    label: label,\n    defaultChecked: defaultChecked,\n    disabled: disabled,\n    className: className,\n    color: color,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 99,\n      columnNumber: 5\n    }\n  }));\n}; // export default renderCheckBoxField;\n\n\nexport default CheckBoxField;","map":{"version":3,"sources":["/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/src/shared/components/form/CheckBox.tsx"],"names":["classNames","CheckIcon","CloseIcon","React","PureComponent","CheckBoxField","props","onChange","defaultChecked","disabled","className","name","value","label","color","CheckboxClass","background","borderColor","defaultProps","renderCheckBoxField","input"],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/label-has-for */\nimport classNames from 'classnames';\nimport CheckIcon from 'mdi-react/CheckIcon';\nimport CloseIcon from 'mdi-react/CloseIcon';\nimport React, { PureComponent } from 'react';\nimport { FunctionComponent } from 'react';\n\ninterface CheckBoxFieldProps {\n  onChange: any, // Function\n  name?: string,\n  label?: string,\n  defaultChecked?: boolean,\n  disabled?: boolean,\n  value?: boolean,\n  className?: string,\n  color?: string,\n};\n\nclass CheckBoxField extends PureComponent<CheckBoxFieldProps> {\n\n  static defaultProps = {\n    name: '',\n    label: '',\n    defaultChecked: false,\n    disabled: false,\n    value: false,\n    className: '',\n    color: '',\n  };\n\n  componentDidMount() {\n    const { onChange, defaultChecked } = this.props;\n    onChange(defaultChecked);\n  }\n\n  render() {\n    const {\n      disabled, className, name, value, onChange, label, color,\n    } = this.props;\n    const CheckboxClass = classNames({\n      'checkbox-btn': true,\n      disabled,\n    });\n\n    return (\n      <label\n        className={`${CheckboxClass} ${className ? ` checkbox-btn--${className}` : ''}`}\n        htmlFor={name}\n      >\n        <input\n          className=\"checkbox-btn__checkbox\"\n          type=\"checkbox\"\n          id={name}\n          name={name}\n          onChange={onChange}\n          checked={value}\n          disabled={disabled}\n        />\n        <span\n          className=\"checkbox-btn__checkbox-custom\"\n          style={color ? { background: color, borderColor: color } : {}}\n        >\n          <CheckIcon />\n        </span>\n        {className === 'button'\n          ? (\n            <span className=\"checkbox-btn__label-svg\">\n              <CheckIcon className=\"checkbox-btn__label-check\" />\n              <CloseIcon className=\"checkbox-btn__label-uncheck\" />\n            </span>\n          ) : ''}\n        <span className=\"checkbox-btn__label\">\n          {label}\n        </span>\n      </label>\n    );\n  }\n}\n\n\ninterface renderCheckBoxFieldProps {\n  input: {\n    onChange: any, // function\n    name: string,\n    value: boolean\n  },\n  label?: string,\n  defaultChecked?: boolean,\n  disabled?: boolean,\n  className?: string,\n  color?: string,\n};\n\nconst renderCheckBoxField: FunctionComponent<renderCheckBoxFieldProps> = (props) => {\n  const {\n    input, label = '', defaultChecked = false, disabled = false, className = '', color = '',\n  } = props;\n  return (\n    <CheckBoxField\n      {...input}\n      label={label}\n      defaultChecked={defaultChecked}\n      disabled={disabled}\n      className={className}\n      color={color}\n    />\n  );\n};\n\n// export default renderCheckBoxField;\nexport default CheckBoxField;\n"]},"metadata":{},"sourceType":"module"}