x25 3.0.0 → 17.0.0

package/Inputs/DateInput.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateInput = undefined;
+
+var _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; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _utility = require("../utility");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+/* eslint-disable */
+
+var normalizeRawDate = function normalizeRawDate(raw) {
+
+  /* eslint-disable no-magic-numbers */
+
+  if ((0, _utility.isValidDate)(raw)) {
+    return (0, _utility.normalizeDate)(raw);
+  }
+
+  return raw;
+};
+
+var formatRawDate = function formatRawDate(raw) {
+
+  /* eslint-disable no-magic-numbers */
+
+  if (typeof raw !== "undefined") {
+    return (0, _utility.formatDate)(raw);
+  }
+
+  return "";
+};
+
+var DateInput = exports.DateInput = function (_React$Component) {
+  _inherits(DateInput, _React$Component);
+
+  function DateInput(props) {
+    _classCallCheck(this, DateInput);
+
+    var _this = _possibleConstructorReturn(this, (DateInput.__proto__ || Object.getPrototypeOf(DateInput)).call(this));
+
+    _this.state = {
+      value: formatRawDate(props.input.value)
+    };
+
+    _this.handleKeyDown = function (event) {
+      if (event.key === "Enter") {
+        _this.handleBlur();
+      }
+    };
+
+    _this.handleBlur = function () {
+      var onBlur = _this.props.input.onBlur;
+      var _this$props = _this.props,
+          input = _this$props.input,
+          normalizeValue = _this$props.normalizeValue;
+      var currentValue = _this.state.value;
+
+
+      var normalizedValue = normalizeValue(currentValue),
+          shouldRenderAgain = normalizedValue !== "" && currentValue !== normalizedValue;
+
+      input.onChange(normalizedValue);
+
+      /*
+       * Swallow the event to prevent Redux Form from
+       * extracting the form value
+       */
+      onBlur();
+
+      if (shouldRenderAgain) {
+        _this.setState({
+          value: (0, _utility.formatDate)(normalizedValue)
+        });
+      }
+    };
+
+    _this.handleChange = function (_ref) {
+      var value = _ref.target.value;
+
+      _this.props.input.onChange();
+
+      /*
+       * Update the internal state to trigger a re-render
+       * using the formatted value
+       */
+      _this.setState({ value: value });
+    };
+    return _this;
+  }
+
+  _createClass(DateInput, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      var newValue = nextProps.input.value;
+      var currentValue = this.state.value;
+
+
+      var shouldRenderAgain = (0, _utility.isValidDate)(newValue) && currentValue !== newValue;
+
+      if (newValue === "") {
+        this.setState({
+          value: ""
+        });
+      }
+
+      if (shouldRenderAgain) {
+        this.setState({
+          value: (0, _utility.formatDate)(newValue)
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          customClass = _props.customClass,
+          input = _props.input,
+          onRegisterRef = _props.onRegisterRef,
+          _props$meta = _props.meta,
+          submitting = _props$meta.submitting,
+          touched = _props$meta.touched,
+          error = _props$meta.error,
+          tabIndex = _props.tabIndex,
+          formatValue = _props.formatValue,
+          placeholder = _props.placeholder;
+
+
+      return _react2.default.createElement("input", _extends({}, input, {
+        className: (0, _classnames2.default)("form-control " + (customClass || ""), {
+          "is-invalid": touched && error
+        }),
+        disabled: submitting,
+        id: input.name,
+        onBlur: this.handleBlur,
+        onChange: this.handleChange,
+        onKeyDown: this.handleKeyDown,
+        placeholder: placeholder || "ZZ.LL.ANUL",
+        ref: onRegisterRef,
+        tabIndex: tabIndex,
+        type: "text",
+        value: formatValue(this.state.value)
+      }));
+    }
+  }]);
+
+  return DateInput;
+}(_react2.default.Component);
+
+DateInput.defaultProps = {
+  formatValue: formatRawDate,
+  normalizeValue: normalizeRawDate
+};

package/Inputs/DateTemplate.js

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTemplate = undefined;
+
+var _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; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _utility = require("../utility");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+/* eslint-disable */
+
+var normalizeRawDate = function normalizeRawDate(raw) {
+
+  /* eslint-disable no-magic-numbers */
+
+  if ((0, _utility.isValidDate)(raw)) {
+    return (0, _utility.normalizeDate)(raw);
+  }
+
+  return raw;
+};
+
+var formatRawDate = function formatRawDate(raw) {
+
+  /* eslint-disable no-magic-numbers */
+
+  if (typeof raw !== "undefined") {
+    return (0, _utility.formatDate)(raw);
+  }
+
+  return "";
+};
+
+var DateTemplate = exports.DateTemplate = function (_React$Component) {
+  _inherits(DateTemplate, _React$Component);
+
+  function DateTemplate(props) {
+    _classCallCheck(this, DateTemplate);
+
+    var _this = _possibleConstructorReturn(this, (DateTemplate.__proto__ || Object.getPrototypeOf(DateTemplate)).call(this));
+
+    _this.state = {
+      value: formatRawDate(props.input.value)
+    };
+
+    _this.handleKeyDown = function (event) {
+      if (event.key === "Enter") {
+        _this.handleBlur();
+      }
+    };
+
+    _this.handleBlur = function () {
+      var onBlur = _this.props.input.onBlur;
+      var _this$props = _this.props,
+          input = _this$props.input,
+          normalizeValue = _this$props.normalizeValue;
+      var currentValue = _this.state.value;
+
+
+      var normalizedValue = normalizeValue(currentValue),
+          shouldRenderAgain = normalizedValue !== "" && currentValue !== normalizedValue;
+
+      input.onChange(normalizedValue);
+
+      /*
+       * Swallow the event to prevent Redux Form from
+       * extracting the form value
+       */
+      onBlur();
+
+      if (shouldRenderAgain) {
+        _this.setState({
+          value: (0, _utility.formatDate)(normalizedValue)
+        });
+      }
+    };
+
+    _this.handleChange = function (_ref) {
+      var value = _ref.target.value;
+
+      _this.props.input.onChange();
+
+      /*
+       * Update the internal state to trigger a re-render
+       * using the formatted value
+       */
+      _this.setState({ value: value });
+    };
+    return _this;
+  }
+
+  _createClass(DateTemplate, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      var newValue = nextProps.input.value;
+      var currentValue = this.state.value;
+
+
+      var shouldRenderAgain = (0, _utility.isValidDate)(newValue) && currentValue !== newValue;
+
+      if (newValue === "") {
+        this.setState({
+          value: ""
+        });
+      }
+
+      if (shouldRenderAgain) {
+        this.setState({
+          value: (0, _utility.formatDate)(newValue)
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          customClass = _props.customClass,
+          input = _props.input,
+          label = _props.label,
+          onRegisterRef = _props.onRegisterRef,
+          _props$meta = _props.meta,
+          submitting = _props$meta.submitting,
+          touched = _props$meta.touched,
+          error = _props$meta.error,
+          left = _props.left,
+          right = _props.right,
+          tabIndex = _props.tabIndex,
+          formatValue = _props.formatValue,
+          placeholder = _props.placeholder;
+
+
+      return _react2.default.createElement(
+        "div",
+        { className: (0, _classnames2.default)("form-group row", { "is-invalid": touched && error }) },
+        _react2.default.createElement(
+          "label",
+          {
+            className: (left ? left : "col-md-4 text-md-right") + " form-control-label",
+            htmlFor: input.name },
+          label
+        ),
+        _react2.default.createElement(
+          "div",
+          { className: right ? right : "col-md-8" },
+          _react2.default.createElement("input", _extends({}, input, {
+            "aria-label": label,
+            className: (0, _classnames2.default)("form-control " + (customClass || ""), {
+              "is-invalid": touched && error
+            }),
+            disabled: submitting,
+            id: input.name,
+            onBlur: this.handleBlur,
+            onChange: this.handleChange,
+            onKeyDown: this.handleKeyDown,
+            placeholder: placeholder || "ZZ.LL.ANUL",
+            ref: onRegisterRef,
+            tabIndex: tabIndex,
+            type: "text",
+            value: formatValue(this.state.value)
+          })),
+          _react2.default.createElement(
+            "div",
+            { className: "invalid-feedback" },
+            touched && error && _react2.default.createElement(
+              "span",
+              null,
+              error
+            )
+          )
+        )
+      );
+    }
+  }]);
+
+  return DateTemplate;
+}(_react2.default.Component);
+
+DateTemplate.defaultProps = {
+  formatValue: formatRawDate,
+  normalizeValue: normalizeRawDate
+};

package/Inputs/DelayInputChange.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DelayInputChange = undefined;
+
+var _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; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Messages = require("../Messages");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+/* eslint-disable */
+
+var delay = 700;
+
+var DelayInputChange = exports.DelayInputChange = function (_React$Component) {
+  _inherits(DelayInputChange, _React$Component);
+
+  function DelayInputChange(props) {
+    _classCallCheck(this, DelayInputChange);
+
+    var _this = _possibleConstructorReturn(this, (DelayInputChange.__proto__ || Object.getPrototypeOf(DelayInputChange)).call(this, props));
+
+    _this.timeout = null;
+
+    _this.state = {
+      isWaiting: false,
+      value: _this.props.value
+    };
+
+    _this.handleKeyPressed = function (event) {
+      if (event.key === "Enter") {
+        _this.stopWaiting(_this.state.value);
+      }
+    };
+
+    _this.stopWaiting = function (value) {
+      clearTimeout(_this.timeout);
+
+      _this.setState({
+        isWaiting: false,
+        value: value
+      }, function () {
+        _this.props.change({
+          target: {
+            value: value
+          }
+        });
+      });
+    };
+
+    _this.delayChange = function (_ref) {
+      var value = _ref.target.value;
+
+      clearTimeout(_this.timeout);
+
+      if (value === "") {
+        _this.stopWaiting(value);
+      } else {
+        var that = _this;
+
+        that.setState({
+          isWaiting: true,
+          value: value
+        }, function () {
+
+          that.timeout = setTimeout(function () {
+            that.setState({
+              isWaiting: false
+            });
+            that.props.change({
+              target: {
+                value: value
+              }
+            });
+          }, _this.props.delay || delay);
+        });
+      }
+    };
+    return _this;
+  }
+
+  _createClass(DelayInputChange, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if (this.props.value !== nextProps.value) {
+        this.setState({
+          value: nextProps.value
+        });
+      }
+    }
+  }, {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps, nextState) {
+      return this.props.value !== nextProps.value || this.state.value !== nextState.value || this.state.isWaiting !== nextState.isWaiting;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _state = this.state,
+          value = _state.value,
+          isWaiting = _state.isWaiting;
+      var tabIndex = this.props.tabIndex;
+
+
+      return _react2.default.createElement(
+        "div",
+        { className: "delay-input" },
+        _react2.default.createElement("input", _extends({}, this.props, {
+          change: "",
+          onChange: this.delayChange,
+          onKeyPress: this.handleKeyPressed,
+          tabIndex: tabIndex,
+          value: value
+        })),
+        isWaiting ? _react2.default.createElement(_Messages.LoadingMessage, { className: "loading-spinner d-inline-block", sm: true }) : null
+      );
+    }
+  }]);
+
+  return DelayInputChange;
+}(_react2.default.Component);

package/Inputs/FocusTemplate.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FocusTemplate = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _InputTemplate = require("./InputTemplate");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+/* eslint-disable react/prefer-stateless-function, react/require-optimization */
+
+var FocusTemplate = exports.FocusTemplate = function (_React$Component) {
+  _inherits(FocusTemplate, _React$Component);
+
+  function FocusTemplate() {
+    _classCallCheck(this, FocusTemplate);
+
+    return _possibleConstructorReturn(this, (FocusTemplate.__proto__ || Object.getPrototypeOf(FocusTemplate)).apply(this, arguments));
+  }
+
+  _createClass(FocusTemplate, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      return this.props.input !== nextProps.input || this.props.label !== nextProps.label || this.props.meta.submitting !== nextProps.meta.submitting || this.props.meta.touched !== nextProps.meta.touched || this.props.meta.error !== nextProps.meta.error;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return _react2.default.createElement(_InputTemplate.InputTemplate, this.props);
+    }
+  }]);
+
+  return FocusTemplate;
+}(_react2.default.Component);

package/Inputs/InputTemplate.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputTemplate = undefined;
+
+var _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; };
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var InputTemplate = exports.InputTemplate = function InputTemplate(_ref) {
+  var input = _ref.input,
+      type = _ref.type,
+      label = _ref.label,
+      onRegisterRef = _ref.onRegisterRef,
+      autoFocus = _ref.autoFocus,
+      inputClass = _ref.inputClass,
+      divClass = _ref.divClass,
+      placeholder = _ref.placeholder,
+      left = _ref.left,
+      tabIndex = _ref.tabIndex,
+      right = _ref.right,
+      _ref$meta = _ref.meta,
+      submitting = _ref$meta.submitting,
+      touched = _ref$meta.touched,
+      error = _ref$meta.error;
+
+  var warningClass = "" + (touched && error ? " is-invalid" : ""),
+      customClass = "" + (inputClass ? " " + inputClass : ""),
+      classForInput = "form-control " + warningClass + customClass,
+      classForDiv = "form-group row mt-md-2 " + (divClass ? divClass : "");
+
+  return _react2.default.createElement(
+    "div",
+    { className: (0, _classnames2.default)(classForDiv, { "is-invalid": touched && error }) },
+    _react2.default.createElement(
+      "label",
+      {
+        className: (left ? left : "col-md-4 text-md-right") + " form-control-label",
+        htmlFor: input.name },
+      label
+    ),
+    _react2.default.createElement(
+      "div",
+      { className: right ? right : "col-md-8" },
+      _react2.default.createElement("input", _extends({}, input, {
+        "aria-label": label,
+        autoComplete: input.name,
+        autoFocus: autoFocus,
+        className: classForInput,
+        disabled: submitting,
+        id: input.name,
+        placeholder: placeholder,
+        ref: onRegisterRef ? onRegisterRef : null,
+        tabIndex: tabIndex,
+        type: type
+      })),
+      _react2.default.createElement(
+        "div",
+        { className: "invalid-feedback" },
+        touched && error && _react2.default.createElement(
+          "span",
+          null,
+          error
+        )
+      )
+    )
+  );
+};

package/Inputs/LabelTemplate.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LabelTemplate = undefined;
+
+var _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; };
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var LabelTemplate = exports.LabelTemplate = function LabelTemplate(_ref) {
+  var input = _ref.input,
+      tabIndex = _ref.tabIndex,
+      label = _ref.label,
+      offset = _ref.offset,
+      _ref$meta = _ref.meta,
+      submitting = _ref$meta.submitting,
+      touched = _ref$meta.touched,
+      error = _ref$meta.error;
+  return _react2.default.createElement(
+    "div",
+    { className: "container" },
+    _react2.default.createElement(
+      "div",
+      { className: "form-group row mb-1" },
+      _react2.default.createElement(
+        "div",
+        { className: (offset || "") + " col custom-control custom-checkbox" },
+        _react2.default.createElement("input", _extends({}, input, {
+          "aria-label": label,
+          className: "custom-control-input",
+          disabled: submitting,
+          id: input.name,
+          tabIndex: tabIndex,
+          type: "checkbox"
+        })),
+        _react2.default.createElement(
+          "label",
+          { className: "custom-control-label", htmlFor: input.name },
+          label
+        ),
+        _react2.default.createElement(
+          "div",
+          { className: "invalid-feedback" },
+          touched && error && _react2.default.createElement(
+            "span",
+            null,
+            error
+          )
+        )
+      )
+    )
+  );
+};