formsy-semantic-ui-react
Advanced tools
Comparing version 1.1.0 to 1.2.0
251
lib/Form.js
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,137 +6,136 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports["default"] = void 0; | ||
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 = _interopRequireWildcard(require("react")); | ||
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 _propTypes = _interopRequireDefault(require("prop-types")); | ||
var _react = require('react'); | ||
var _formsyReact = _interopRequireDefault(require("formsy-react")); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _semanticUiReact = require("semantic-ui-react"); | ||
var _propTypes = require('prop-types'); | ||
var _FormsyInput = _interopRequireDefault(require("./FormsyInput")); | ||
var _propTypes2 = _interopRequireDefault(_propTypes); | ||
var _FormsyTextArea = _interopRequireDefault(require("./FormsyTextArea")); | ||
var _formsyReact = require('formsy-react'); | ||
var _FormsyCheckbox = _interopRequireDefault(require("./FormsyCheckbox")); | ||
var _formsyReact2 = _interopRequireDefault(_formsyReact); | ||
var _FormsyDropdown = _interopRequireDefault(require("./FormsyDropdown")); | ||
var _semanticUiReact = require('semantic-ui-react'); | ||
var _FormsySelect = _interopRequireDefault(require("./FormsySelect")); | ||
var _FormsyInput = require('./FormsyInput'); | ||
var _FormsyRadioGroup = _interopRequireDefault(require("./FormsyRadioGroup")); | ||
var _FormsyInput2 = _interopRequireDefault(_FormsyInput); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
var _FormsyTextArea = require('./FormsyTextArea'); | ||
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
var _FormsyTextArea2 = _interopRequireDefault(_FormsyTextArea); | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; } | ||
var _FormsyCheckbox = require('./FormsyCheckbox'); | ||
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
var _FormsyCheckbox2 = _interopRequireDefault(_FormsyCheckbox); | ||
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); } | ||
var _FormsyDropdown = require('./FormsyDropdown'); | ||
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; } | ||
var _FormsyDropdown2 = _interopRequireDefault(_FormsyDropdown); | ||
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 _FormsySelect = require('./FormsySelect'); | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
var _FormsySelect2 = _interopRequireDefault(_FormsySelect); | ||
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); } } | ||
var _FormsyRadioGroup = require('./FormsyRadioGroup'); | ||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } | ||
var _FormsyRadioGroup2 = _interopRequireDefault(_FormsyRadioGroup); | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return 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; } | ||
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
var Form = function (_Component) { | ||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
var Form = /*#__PURE__*/function (_Component) { | ||
_inherits(Form, _Component); | ||
var _super = _createSuper(Form); | ||
function Form() { | ||
var _ref; | ||
var _this; | ||
var _temp, _this, _ret; | ||
_classCallCheck(this, Form); | ||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
args[_key] = arguments[_key]; | ||
} | ||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Form.__proto__ || Object.getPrototypeOf(Form)).call.apply(_ref, [this].concat(args))), _this), _this.updateInputsWithError = function (errors) { | ||
_this = _super.call.apply(_super, [this].concat(args)); | ||
_defineProperty(_assertThisInitialized(_this), "updateInputsWithError", function (errors) { | ||
return _this.formsyForm.updateInputsWithError(errors); | ||
}, _this.reset = function (mapping) { | ||
}); | ||
_defineProperty(_assertThisInitialized(_this), "reset", function (mapping) { | ||
return _this.formsyForm.reset(mapping); | ||
}, _this.submit = function (event) { | ||
}); | ||
_defineProperty(_assertThisInitialized(_this), "submit", function (event) { | ||
return _this.formsyForm.submit(event); | ||
}, _temp), _possibleConstructorReturn(_this, _ret); | ||
}); | ||
return _this; | ||
} | ||
_createClass(Form, [{ | ||
key: 'render', | ||
value: function () { | ||
function render() { | ||
var _this2 = this; | ||
key: "render", | ||
value: function render() { | ||
var _this2 = this; | ||
var _props = this.props, | ||
children = _props.children, | ||
onSubmit = _props.onSubmit; | ||
var _this$props = this.props, | ||
children = _this$props.children, | ||
onSubmit = _this$props.onSubmit; | ||
var _props2 = this.props, | ||
mapping = _props2.mapping, | ||
validationErrors = _props2.validationErrors, | ||
onValid = _props2.onValid, | ||
onValidSubmit = _props2.onValidSubmit, | ||
onInvalid = _props2.onInvalid, | ||
onInvalidSubmit = _props2.onInvalidSubmit, | ||
onChange = _props2.onChange, | ||
reset = _props2.reset, | ||
preventExternalInvalidation = _props2.preventExternalInvalidation, | ||
onSuccess = _props2.onSuccess, | ||
onError = _props2.onError, | ||
nonFormsyReactFormProps = _objectWithoutProperties(_props2, ['mapping', 'validationErrors', 'onValid', 'onValidSubmit', 'onInvalid', 'onInvalidSubmit', 'onChange', 'reset', 'preventExternalInvalidation', 'onSuccess', 'onError']); | ||
var _this$props2 = this.props, | ||
mapping = _this$props2.mapping, | ||
validationErrors = _this$props2.validationErrors, | ||
onValid = _this$props2.onValid, | ||
onValidSubmit = _this$props2.onValidSubmit, | ||
onInvalid = _this$props2.onInvalid, | ||
onInvalidSubmit = _this$props2.onInvalidSubmit, | ||
onChange = _this$props2.onChange, | ||
reset = _this$props2.reset, | ||
preventExternalInvalidation = _this$props2.preventExternalInvalidation, | ||
onSuccess = _this$props2.onSuccess, | ||
onError = _this$props2.onError, | ||
nonFormsyReactFormProps = _objectWithoutProperties(_this$props2, ["mapping", "validationErrors", "onValid", "onValidSubmit", "onInvalid", "onInvalidSubmit", "onChange", "reset", "preventExternalInvalidation", "onSuccess", "onError"]); | ||
var _props3 = this.props, | ||
as = _props3.as, | ||
error = _props3.error, | ||
inverted = _props3.inverted, | ||
loading = _props3.loading, | ||
reply = _props3.reply, | ||
size = _props3.size, | ||
success = _props3.success, | ||
warning = _props3.warning, | ||
width = _props3.width, | ||
nonSemanticUIFormProps = _objectWithoutProperties(_props3, ['as', 'error', 'inverted', 'loading', 'reply', 'size', 'success', 'warning', 'width']); | ||
var _this$props3 = this.props, | ||
as = _this$props3.as, | ||
error = _this$props3.error, | ||
inverted = _this$props3.inverted, | ||
loading = _this$props3.loading, | ||
reply = _this$props3.reply, | ||
size = _this$props3.size, | ||
success = _this$props3.success, | ||
warning = _this$props3.warning, | ||
width = _this$props3.width, | ||
nonSemanticUIFormProps = _objectWithoutProperties(_this$props3, ["as", "error", "inverted", "loading", "reply", "size", "success", "warning", "width"]); | ||
return _react2['default'].createElement( | ||
_formsyReact2['default'], | ||
_extends({ | ||
noValidate: true, | ||
ref: function () { | ||
function ref(_ref2) { | ||
return _this2.formsyForm = _ref2; | ||
} | ||
return ref; | ||
}(), | ||
onSubmit: onSubmit | ||
}, nonSemanticUIFormProps), | ||
_react2['default'].createElement( | ||
_semanticUiReact.Form, | ||
_extends({ as: as }, nonFormsyReactFormProps), | ||
children | ||
) | ||
); | ||
} | ||
return render; | ||
}() | ||
return /*#__PURE__*/_react["default"].createElement(_formsyReact["default"], _extends({ | ||
noValidate: true, | ||
ref: function ref(_ref) { | ||
return _this2.formsyForm = _ref; | ||
}, | ||
onSubmit: onSubmit | ||
}, nonSemanticUIFormProps), /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Form, _extends({ | ||
as: as | ||
}, nonFormsyReactFormProps), children)); | ||
} | ||
}]); | ||
@@ -147,36 +146,52 @@ | ||
Form.propTypes = { | ||
as: _propTypes2['default'].any, | ||
children: _propTypes2['default'].node, | ||
onSubmit: _propTypes2['default'].func | ||
}; | ||
Form.defaultProps = { | ||
exports["default"] = Form; | ||
_defineProperty(Form, "propTypes", { | ||
as: _propTypes["default"].any, | ||
children: _propTypes["default"].node, | ||
onSubmit: _propTypes["default"].func | ||
}); | ||
_defineProperty(Form, "defaultProps", { | ||
as: 'div' | ||
}; | ||
}); | ||
Form.Input = function (props) { | ||
return _react2['default'].createElement(_FormsyInput2['default'], _extends({ inputAs: _semanticUiReact.Form.Input }, props)); | ||
}; | ||
_defineProperty(Form, "Input", function (props) { | ||
return /*#__PURE__*/_react["default"].createElement(_FormsyInput["default"], _extends({ | ||
inputAs: _semanticUiReact.Form.Input | ||
}, props)); | ||
}); | ||
Form.TextArea = function (props) { | ||
return _react2['default'].createElement(_FormsyTextArea2['default'], _extends({ inputAs: _semanticUiReact.Form.TextArea }, props)); | ||
}; | ||
_defineProperty(Form, "TextArea", function (props) { | ||
return /*#__PURE__*/_react["default"].createElement(_FormsyTextArea["default"], _extends({ | ||
inputAs: _semanticUiReact.Form.TextArea | ||
}, props)); | ||
}); | ||
Form.Select = function (props) { | ||
return _react2['default'].createElement(_FormsySelect2['default'], _extends({ inputAs: _semanticUiReact.Form.Select }, props)); | ||
}; | ||
_defineProperty(Form, "Select", function (props) { | ||
return /*#__PURE__*/_react["default"].createElement(_FormsySelect["default"], _extends({ | ||
inputAs: _semanticUiReact.Form.Select | ||
}, props)); | ||
}); | ||
Form.RadioGroup = function (props) { | ||
return _react2['default'].createElement(_FormsyRadioGroup2['default'], _extends({ formRadioGroup: true }, props)); | ||
}; | ||
_defineProperty(Form, "RadioGroup", function (props) { | ||
return /*#__PURE__*/_react["default"].createElement(_FormsyRadioGroup["default"], _extends({ | ||
formRadioGroup: true | ||
}, props)); | ||
}); | ||
Form.Dropdown = function (props) { | ||
return _react2['default'].createElement(_FormsyDropdown2['default'], _extends({ inputAs: _semanticUiReact.Form.Dropdown }, props)); | ||
}; | ||
_defineProperty(Form, "Dropdown", function (props) { | ||
return /*#__PURE__*/_react["default"].createElement(_FormsyDropdown["default"], _extends({ | ||
inputAs: _semanticUiReact.Form.Dropdown | ||
}, props)); | ||
}); | ||
Form.Checkbox = _FormsyCheckbox2['default']; | ||
Form.Button = _semanticUiReact.Form.Button; | ||
Form.Radio = _semanticUiReact.Form.Radio; | ||
Form.Field = _semanticUiReact.Form.Field; | ||
Form.Group = _semanticUiReact.Form.Group; | ||
exports['default'] = Form; | ||
_defineProperty(Form, "Checkbox", _FormsyCheckbox["default"]); | ||
_defineProperty(Form, "Button", _semanticUiReact.Form.Button); | ||
_defineProperty(Form, "Radio", _semanticUiReact.Form.Radio); | ||
_defineProperty(Form, "Field", _semanticUiReact.Form.Field); | ||
_defineProperty(Form, "Group", _semanticUiReact.Form.Group); |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,111 +6,118 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports["default"] = void 0; | ||
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 = _interopRequireWildcard(require("react")); | ||
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 _propTypes = _interopRequireDefault(require("prop-types")); | ||
var _react = require('react'); | ||
var _formsyReact = require("formsy-react"); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _semanticUiReact = require("semantic-ui-react"); | ||
var _propTypes = require('prop-types'); | ||
var _utils = require("./utils"); | ||
var _propTypes2 = _interopRequireDefault(_propTypes); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
var _formsyReact = require('formsy-react'); | ||
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
var _semanticUiReact = require('semantic-ui-react'); | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; } | ||
var _utils = require('./utils'); | ||
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
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 _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); } } | ||
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; } | ||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } | ||
var FormsyCheckbox = function (_Component) { | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; } | ||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
var FormsyCheckbox = /*#__PURE__*/function (_Component) { | ||
_inherits(FormsyCheckbox, _Component); | ||
var _super = _createSuper(FormsyCheckbox); | ||
function FormsyCheckbox() { | ||
var _ref; | ||
var _this; | ||
var _temp, _this, _ret; | ||
_classCallCheck(this, FormsyCheckbox); | ||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
args[_key] = arguments[_key]; | ||
} | ||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = FormsyCheckbox.__proto__ || Object.getPrototypeOf(FormsyCheckbox)).call.apply(_ref, [this].concat(args))), _this), _this.handleChange = function (e, data) { | ||
_this = _super.call.apply(_super, [this].concat(args)); | ||
_defineProperty(_assertThisInitialized(_this), "handleChange", function (e, data) { | ||
var checked = data.checked; | ||
_this.props.setValue(checked); | ||
if (_this.props.onChange) _this.props.onChange(e, data); | ||
}, _temp), _possibleConstructorReturn(_this, _ret); | ||
}); | ||
return _this; | ||
} | ||
_createClass(FormsyCheckbox, [{ | ||
key: 'componentDidMount', | ||
value: function () { | ||
function componentDidMount() { | ||
var _props = this.props, | ||
defaultChecked = _props.defaultChecked, | ||
setValue = _props.setValue; | ||
if (defaultChecked) setValue(true); | ||
} | ||
return componentDidMount; | ||
}() | ||
key: "componentDidMount", | ||
value: function componentDidMount() { | ||
var _this$props = this.props, | ||
defaultChecked = _this$props.defaultChecked, | ||
setValue = _this$props.setValue; | ||
if (defaultChecked) setValue(true); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function () { | ||
function render() { | ||
var _props2 = this.props, | ||
inputAs = _props2.inputAs, | ||
required = _props2.required, | ||
isValid = _props2.isValid, | ||
isPristine = _props2.isPristine, | ||
errorLabel = _props2.errorLabel, | ||
errorMessage = _props2.errorMessage, | ||
value = _props2.value, | ||
as = _props2.as, | ||
width = _props2.width, | ||
className = _props2.className, | ||
disabled = _props2.disabled, | ||
inline = _props2.inline, | ||
passRequiredToField = _props2.passRequiredToField; | ||
key: "render", | ||
value: function render() { | ||
var _this$props2 = this.props, | ||
inputAs = _this$props2.inputAs, | ||
required = _this$props2.required, | ||
isValid = _this$props2.isValid, | ||
isPristine = _this$props2.isPristine, | ||
errorLabel = _this$props2.errorLabel, | ||
errorMessage = _this$props2.errorMessage, | ||
value = _this$props2.value, | ||
as = _this$props2.as, | ||
width = _this$props2.width, | ||
className = _this$props2.className, | ||
disabled = _this$props2.disabled, | ||
inline = _this$props2.inline, | ||
passRequiredToField = _this$props2.passRequiredToField; | ||
var error = !isPristine && !isValid; | ||
var checkboxProps = _objectSpread(_objectSpread({}, (0, _utils.filterSuirElementProps)(this.props)), {}, { | ||
checked: !!value, | ||
onChange: this.handleChange | ||
}); | ||
var error = !isPristine && !isValid; | ||
var checkboxProps = _extends({}, (0, _utils.filterSuirElementProps)(this.props), { | ||
checked: !!value, | ||
onChange: this.handleChange | ||
}); | ||
if (inputAs === _semanticUiReact.Checkbox || inputAs === _semanticUiReact.Radio) delete checkboxProps.error; | ||
return _react2['default'].createElement( | ||
_semanticUiReact.Form.Field, | ||
{ | ||
as: as, | ||
className: className, | ||
required: required && passRequiredToField, | ||
error: error, | ||
width: width, | ||
inline: inline, | ||
disabled: disabled | ||
}, | ||
(0, _react.createElement)(inputAs, _extends({}, checkboxProps)), | ||
error && errorLabel && (0, _react.cloneElement)(errorLabel, {}, errorMessage) | ||
); | ||
} | ||
return render; | ||
}() | ||
if (inputAs === _semanticUiReact.Checkbox || inputAs === _semanticUiReact.Radio) delete checkboxProps.error; | ||
return /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Form.Field, { | ||
as: as, | ||
className: className, | ||
required: required && passRequiredToField, | ||
error: error, | ||
width: width, | ||
inline: inline, | ||
disabled: disabled | ||
}, /*#__PURE__*/(0, _react.createElement)(inputAs, _objectSpread({}, checkboxProps)), error && errorLabel && /*#__PURE__*/(0, _react.cloneElement)(errorLabel, {}, errorMessage)); | ||
} | ||
}]); | ||
@@ -121,25 +128,29 @@ | ||
FormsyCheckbox.propTypes = { | ||
name: _propTypes2['default'].string.isRequired, | ||
as: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].node]), | ||
width: _propTypes2['default'].number, | ||
className: _propTypes2['default'].string, | ||
inputClassName: _propTypes2['default'].string, | ||
disabled: _propTypes2['default'].bool, | ||
inline: _propTypes2['default'].bool, | ||
passRequiredToField: _propTypes2['default'].bool, | ||
inputAs: _propTypes2['default'].oneOf([_semanticUiReact.Form.Checkbox, _semanticUiReact.Form.Radio, _semanticUiReact.Checkbox, _semanticUiReact.Radio]), | ||
defaultChecked: _propTypes2['default'].bool, | ||
setValue: _propTypes2['default'].func.isRequired, | ||
value: _propTypes2['default'].any, | ||
isValid: _propTypes2['default'].bool.isRequired, | ||
isPristine: _propTypes2['default'].bool.isRequired, | ||
required: _propTypes2['default'].bool, | ||
errorMessage: _propTypes2['default'].string, | ||
errorLabel: _propTypes2['default'].element, | ||
onChange: _propTypes2['default'].func | ||
}; | ||
FormsyCheckbox.defaultProps = { | ||
_defineProperty(FormsyCheckbox, "propTypes", { | ||
name: _propTypes["default"].string.isRequired, | ||
as: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]), | ||
width: _propTypes["default"].number, | ||
className: _propTypes["default"].string, | ||
inputClassName: _propTypes["default"].string, | ||
disabled: _propTypes["default"].bool, | ||
inline: _propTypes["default"].bool, | ||
passRequiredToField: _propTypes["default"].bool, | ||
inputAs: _propTypes["default"].oneOf([_semanticUiReact.Form.Checkbox, _semanticUiReact.Form.Radio, _semanticUiReact.Checkbox, _semanticUiReact.Radio]), | ||
defaultChecked: _propTypes["default"].bool, | ||
setValue: _propTypes["default"].func.isRequired, | ||
value: _propTypes["default"].any, | ||
isValid: _propTypes["default"].bool.isRequired, | ||
isPristine: _propTypes["default"].bool.isRequired, | ||
required: _propTypes["default"].bool, | ||
errorMessage: _propTypes["default"].string, | ||
errorLabel: _propTypes["default"].element, | ||
onChange: _propTypes["default"].func | ||
}); | ||
_defineProperty(FormsyCheckbox, "defaultProps", { | ||
inputAs: _semanticUiReact.Checkbox | ||
}; | ||
exports['default'] = (0, _formsyReact.withFormsy)(FormsyCheckbox); | ||
}); | ||
var _default = (0, _formsyReact.withFormsy)(FormsyCheckbox); | ||
exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,44 +6,69 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports["default"] = void 0; | ||
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 = _interopRequireWildcard(require("react")); | ||
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 _propTypes = _interopRequireDefault(require("prop-types")); | ||
var _react = require('react'); | ||
var _formsyReact = require("formsy-react"); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _semanticUiReact = require("semantic-ui-react"); | ||
var _propTypes = require('prop-types'); | ||
var _utils = require("./utils"); | ||
var _propTypes2 = _interopRequireDefault(_propTypes); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
var _formsyReact = require('formsy-react'); | ||
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
var _semanticUiReact = require('semantic-ui-react'); | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; } | ||
var _utils = require('./utils'); | ||
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
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 _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); } } | ||
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; } | ||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } | ||
var FormsyDropdown = function (_Component) { | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; } | ||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
var FormsyDropdown = /*#__PURE__*/function (_Component) { | ||
_inherits(FormsyDropdown, _Component); | ||
var _super = _createSuper(FormsyDropdown); | ||
function FormsyDropdown() { | ||
var _ref; | ||
var _this; | ||
var _temp, _this, _ret; | ||
_classCallCheck(this, FormsyDropdown); | ||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
args[_key] = arguments[_key]; | ||
} | ||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = FormsyDropdown.__proto__ || Object.getPrototypeOf(FormsyDropdown)).call.apply(_ref, [this].concat(args))), _this), _this.state = { allowError: false }, _this.handleChange = function (e, data) { | ||
_this = _super.call.apply(_super, [this].concat(args)); | ||
_defineProperty(_assertThisInitialized(_this), "state", { | ||
allowError: false | ||
}); | ||
_defineProperty(_assertThisInitialized(_this), "handleChange", function (e, data) { | ||
var _this$props = _this.props, | ||
@@ -55,108 +80,92 @@ multiple = _this$props.multiple, | ||
if (multiple && value && value.length > data.value.length) { | ||
_this.showError(); | ||
} | ||
setValue(data.value); | ||
if (onChange) { | ||
onChange(e, data); | ||
} | ||
}, _this.handleBlur = function (e, data) { | ||
}); | ||
_defineProperty(_assertThisInitialized(_this), "handleBlur", function (e, data) { | ||
var onBlur = _this.props.onBlur; | ||
if (onBlur) onBlur(e, data); | ||
}); | ||
if (onBlur) onBlur(e, data); | ||
}, _this.handleClose = function () { | ||
_defineProperty(_assertThisInitialized(_this), "handleClose", function () { | ||
return _this.showError(); | ||
}, _this.showError = function () { | ||
return _this.setState({ allowError: true }); | ||
}, _temp), _possibleConstructorReturn(_this, _ret); | ||
}); | ||
_defineProperty(_assertThisInitialized(_this), "showError", function () { | ||
return _this.setState({ | ||
allowError: true | ||
}); | ||
}); | ||
return _this; | ||
} | ||
_createClass(FormsyDropdown, [{ | ||
key: 'componentDidMount', | ||
value: function () { | ||
function componentDidMount() { | ||
var _props = this.props, | ||
defaultValue = _props.defaultValue, | ||
setValue = _props.setValue; | ||
if (defaultValue) setValue(defaultValue); | ||
} | ||
return componentDidMount; | ||
}() | ||
key: "componentDidMount", | ||
value: function componentDidMount() { | ||
var _this$props2 = this.props, | ||
defaultValue = _this$props2.defaultValue, | ||
setValue = _this$props2.setValue; | ||
if (defaultValue) setValue(defaultValue); | ||
} | ||
}, { | ||
key: 'componentDidUpdate', | ||
value: function () { | ||
function componentDidUpdate(prevProps) { | ||
if (prevProps.isFormSubmitted !== this.props.isFormSubmitted && this.props.isFormSubmitted) { | ||
this.showError(); | ||
} | ||
key: "componentDidUpdate", | ||
value: function componentDidUpdate(prevProps) { | ||
if (prevProps.isFormSubmitted !== this.props.isFormSubmitted && this.props.isFormSubmitted) { | ||
this.showError(); | ||
} | ||
return componentDidUpdate; | ||
}() | ||
} | ||
}, { | ||
key: 'render', | ||
value: function () { | ||
function render() { | ||
var _props2 = this.props, | ||
inputAs = _props2.inputAs, | ||
id = _props2.id, | ||
required = _props2.required, | ||
label = _props2.label, | ||
value = _props2.value, | ||
defaultValue = _props2.defaultValue, | ||
multiple = _props2.multiple, | ||
errorLabel = _props2.errorLabel, | ||
errorMessage = _props2.errorMessage, | ||
isValid = _props2.isValid, | ||
isPristine = _props2.isPristine, | ||
as = _props2.as, | ||
width = _props2.width, | ||
className = _props2.className, | ||
disabled = _props2.disabled, | ||
inline = _props2.inline, | ||
passRequiredToField = _props2.passRequiredToField; | ||
key: "render", | ||
value: function render() { | ||
var _this$props3 = this.props, | ||
inputAs = _this$props3.inputAs, | ||
id = _this$props3.id, | ||
required = _this$props3.required, | ||
label = _this$props3.label, | ||
value = _this$props3.value, | ||
defaultValue = _this$props3.defaultValue, | ||
multiple = _this$props3.multiple, | ||
errorLabel = _this$props3.errorLabel, | ||
errorMessage = _this$props3.errorMessage, | ||
isValid = _this$props3.isValid, | ||
isPristine = _this$props3.isPristine, | ||
as = _this$props3.as, | ||
width = _this$props3.width, | ||
className = _this$props3.className, | ||
disabled = _this$props3.disabled, | ||
inline = _this$props3.inline, | ||
passRequiredToField = _this$props3.passRequiredToField; | ||
var shortHandMode = inputAs === _semanticUiReact.Form.Dropdown || inputAs === _semanticUiReact.Form.Select; | ||
var error = !isPristine && !isValid && this.state.allowError; | ||
var dropdownProps = _objectSpread(_objectSpread({}, (0, _utils.filterSuirElementProps)(this.props)), {}, { | ||
onChange: this.handleChange, | ||
onBlur: this.handleBlur, | ||
onClose: this.handleClose, | ||
value: value || defaultValue || multiple && [] || '', | ||
error: !disabled && error, | ||
id: id | ||
}); | ||
var shortHandMode = inputAs === _semanticUiReact.Form.Dropdown || inputAs === _semanticUiReact.Form.Select; | ||
var error = !isPristine && !isValid && this.state.allowError; | ||
var dropdownProps = _extends({}, (0, _utils.filterSuirElementProps)(this.props), { | ||
onChange: this.handleChange, | ||
onBlur: this.handleBlur, | ||
onClose: this.handleClose, | ||
value: value || defaultValue || multiple && [] || '', | ||
error: !disabled && error, | ||
id: id | ||
}); | ||
var dropdownNode = shortHandMode ? (0, _react.createElement)(inputAs, dropdownProps).props.control : inputAs; | ||
return _react2['default'].createElement( | ||
_semanticUiReact.Form.Field, | ||
{ | ||
as: as, | ||
className: className, | ||
required: required && passRequiredToField, | ||
error: !disabled && error, | ||
width: width, | ||
inline: inline, | ||
disabled: disabled | ||
}, | ||
shortHandMode && label && _react2['default'].createElement( | ||
'label', | ||
{ htmlFor: id }, | ||
' ', | ||
label, | ||
' ' | ||
), | ||
(0, _react.createElement)(dropdownNode, _extends({}, dropdownProps)), | ||
error && errorLabel && (0, _react.cloneElement)(errorLabel, {}, errorMessage) | ||
); | ||
} | ||
return render; | ||
}() | ||
var dropdownNode = shortHandMode ? /*#__PURE__*/(0, _react.createElement)(inputAs, dropdownProps).props.control : inputAs; | ||
return /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Form.Field, { | ||
as: as, | ||
className: className, | ||
required: required && passRequiredToField, | ||
error: !disabled && error, | ||
width: width, | ||
inline: inline, | ||
disabled: disabled | ||
}, shortHandMode && label && /*#__PURE__*/_react["default"].createElement("label", { | ||
htmlFor: id | ||
}, " ", label, " "), /*#__PURE__*/(0, _react.createElement)(dropdownNode, _objectSpread({}, dropdownProps)), error && errorLabel && /*#__PURE__*/(0, _react.cloneElement)(errorLabel, {}, errorMessage)); | ||
} | ||
}]); | ||
@@ -167,34 +176,38 @@ | ||
FormsyDropdown.propTypes = { | ||
id: _propTypes2['default'].string, | ||
name: _propTypes2['default'].string.isRequired, | ||
as: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].node]), | ||
width: _propTypes2['default'].number, | ||
className: _propTypes2['default'].string, | ||
inputClassName: _propTypes2['default'].string, | ||
disabled: _propTypes2['default'].bool, | ||
inline: _propTypes2['default'].bool, | ||
passRequiredToField: _propTypes2['default'].bool, | ||
inputAs: _propTypes2['default'].oneOf([_semanticUiReact.Dropdown, _semanticUiReact.Select, _semanticUiReact.Form.Dropdown, _semanticUiReact.Form.Select]), | ||
defaultValue: _propTypes2['default'].oneOfType([_propTypes2['default'].number, _propTypes2['default'].string, _propTypes2['default'].arrayOf(_propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].number]))]), | ||
required: _propTypes2['default'].bool, | ||
label: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].node]), | ||
errorLabel: _propTypes2['default'].element, | ||
isValid: _propTypes2['default'].bool.isRequired, | ||
isPristine: _propTypes2['default'].bool.isRequired, | ||
isFormSubmitted: _propTypes2['default'].bool.isRequired, | ||
setValue: _propTypes2['default'].func.isRequired, | ||
onBlur: _propTypes2['default'].func, | ||
value: _propTypes2['default'].any, | ||
multiple: _propTypes2['default'].bool, | ||
errorMessage: _propTypes2['default'].string, | ||
onChange: _propTypes2['default'].func, | ||
validationError: _propTypes2['default'].string, | ||
validationErrors: _propTypes2['default'].object, | ||
validations: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].object]) | ||
}; | ||
FormsyDropdown.defaultProps = { | ||
_defineProperty(FormsyDropdown, "propTypes", { | ||
id: _propTypes["default"].string, | ||
name: _propTypes["default"].string.isRequired, | ||
as: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]), | ||
width: _propTypes["default"].number, | ||
className: _propTypes["default"].string, | ||
inputClassName: _propTypes["default"].string, | ||
disabled: _propTypes["default"].bool, | ||
inline: _propTypes["default"].bool, | ||
passRequiredToField: _propTypes["default"].bool, | ||
inputAs: _propTypes["default"].oneOf([_semanticUiReact.Dropdown, _semanticUiReact.Select, _semanticUiReact.Form.Dropdown, _semanticUiReact.Form.Select]), | ||
defaultValue: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]))]), | ||
required: _propTypes["default"].bool, | ||
label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]), | ||
errorLabel: _propTypes["default"].element, | ||
isValid: _propTypes["default"].bool.isRequired, | ||
isPristine: _propTypes["default"].bool.isRequired, | ||
isFormSubmitted: _propTypes["default"].bool.isRequired, | ||
setValue: _propTypes["default"].func.isRequired, | ||
onBlur: _propTypes["default"].func, | ||
value: _propTypes["default"].any, | ||
multiple: _propTypes["default"].bool, | ||
errorMessage: _propTypes["default"].string, | ||
onChange: _propTypes["default"].func, | ||
validationError: _propTypes["default"].string, | ||
validationErrors: _propTypes["default"].object, | ||
validations: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]) | ||
}); | ||
_defineProperty(FormsyDropdown, "defaultProps", { | ||
inputAs: _semanticUiReact.Dropdown, | ||
passRequiredToField: true | ||
}; | ||
exports['default'] = (0, _formsyReact.withFormsy)(FormsyDropdown); | ||
}); | ||
var _default = (0, _formsyReact.withFormsy)(FormsyDropdown); | ||
exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,154 +6,163 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports["default"] = void 0; | ||
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 = _interopRequireWildcard(require("react")); | ||
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 _formsyReact = require("formsy-react"); | ||
var _react = require('react'); | ||
var _semanticUiReact = require("semantic-ui-react"); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _utils = require("./utils"); | ||
var _formsyReact = require('formsy-react'); | ||
var _propTypes = _interopRequireDefault(require("prop-types")); | ||
var _semanticUiReact = require('semantic-ui-react'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
var _utils = require('./utils'); | ||
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
var _propTypes = require('prop-types'); | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; } | ||
var _propTypes2 = _interopRequireDefault(_propTypes); | ||
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
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 _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); } } | ||
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; } | ||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } | ||
var FormsyInput = function (_Component) { | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; } | ||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
var FormsyInput = /*#__PURE__*/function (_Component) { | ||
_inherits(FormsyInput, _Component); | ||
var _super = _createSuper(FormsyInput); | ||
function FormsyInput() { | ||
var _ref; | ||
var _this; | ||
var _temp, _this, _ret; | ||
_classCallCheck(this, FormsyInput); | ||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
args[_key] = arguments[_key]; | ||
} | ||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = FormsyInput.__proto__ || Object.getPrototypeOf(FormsyInput)).call.apply(_ref, [this].concat(args))), _this), _this.state = { allowError: false }, _this.handleChange = function (e, data) { | ||
_this = _super.call.apply(_super, [this].concat(args)); | ||
_defineProperty(_assertThisInitialized(_this), "state", { | ||
allowError: false | ||
}); | ||
_defineProperty(_assertThisInitialized(_this), "handleChange", function (e, data) { | ||
var value = data.value; | ||
_this.props.setValue(value); | ||
if (_this.props.onChange) _this.props.onChange(e, data); | ||
if (_this.props.instantValidation) _this.showError(); | ||
}, _this.handleBlur = function (e, data) { | ||
}); | ||
_defineProperty(_assertThisInitialized(_this), "handleBlur", function (e, data) { | ||
_this.showError(); | ||
if (_this.props.onBlur) _this.props.onBlur(e, data); | ||
}, _this.showError = function () { | ||
return _this.setState({ allowError: true }); | ||
}, _temp), _possibleConstructorReturn(_this, _ret); | ||
}); | ||
_defineProperty(_assertThisInitialized(_this), "showError", function () { | ||
return _this.setState({ | ||
allowError: true | ||
}); | ||
}); | ||
return _this; | ||
} | ||
_createClass(FormsyInput, [{ | ||
key: 'componentDidMount', | ||
value: function () { | ||
function componentDidMount() { | ||
var _props = this.props, | ||
defaultValue = _props.defaultValue, | ||
setValue = _props.setValue; | ||
if (defaultValue) setValue(defaultValue); | ||
} | ||
return componentDidMount; | ||
}() | ||
key: "componentDidMount", | ||
value: function componentDidMount() { | ||
var _this$props = this.props, | ||
defaultValue = _this$props.defaultValue, | ||
setValue = _this$props.setValue; | ||
if (defaultValue) setValue(defaultValue); | ||
} | ||
}, { | ||
key: 'componentDidUpdate', | ||
value: function () { | ||
function componentDidUpdate(prevProps) { | ||
if (prevProps.isFormSubmitted !== this.props.isFormSubmitted && this.props.isFormSubmitted) { | ||
this.showError(); | ||
} | ||
key: "componentDidUpdate", | ||
value: function componentDidUpdate(prevProps) { | ||
if (prevProps.isFormSubmitted !== this.props.isFormSubmitted && this.props.isFormSubmitted) { | ||
this.showError(); | ||
} | ||
return componentDidUpdate; | ||
}() | ||
} | ||
}, { | ||
key: 'render', | ||
value: function () { | ||
function render() { | ||
var _props2 = this.props, | ||
id = _props2.id, | ||
inputAs = _props2.inputAs, | ||
inputClassName = _props2.inputClassName, | ||
required = _props2.required, | ||
label = _props2.label, | ||
defaultValue = _props2.defaultValue, | ||
value = _props2.value, | ||
isValid = _props2.isValid, | ||
isPristine = _props2.isPristine, | ||
errorMessage = _props2.errorMessage, | ||
errorLabel = _props2.errorLabel, | ||
as = _props2.as, | ||
width = _props2.width, | ||
className = _props2.className, | ||
disabled = _props2.disabled, | ||
inline = _props2.inline, | ||
passRequiredToField = _props2.passRequiredToField; | ||
var allowError = this.state.allowError; | ||
key: "render", | ||
value: function render() { | ||
var _this$props2 = this.props, | ||
id = _this$props2.id, | ||
inputAs = _this$props2.inputAs, | ||
inputClassName = _this$props2.inputClassName, | ||
required = _this$props2.required, | ||
label = _this$props2.label, | ||
defaultValue = _this$props2.defaultValue, | ||
value = _this$props2.value, | ||
isValid = _this$props2.isValid, | ||
isPristine = _this$props2.isPristine, | ||
errorMessage = _this$props2.errorMessage, | ||
errorLabel = _this$props2.errorLabel, | ||
as = _this$props2.as, | ||
width = _this$props2.width, | ||
className = _this$props2.className, | ||
disabled = _this$props2.disabled, | ||
inline = _this$props2.inline, | ||
passRequiredToField = _this$props2.passRequiredToField; | ||
var allowError = this.state.allowError; | ||
var error = !isPristine && !isValid && allowError; | ||
var error = !isPristine && !isValid && allowError; | ||
var inputProps = _objectSpread(_objectSpread({}, (0, _utils.filterSuirElementProps)(this.props)), {}, { | ||
value: value || isPristine && defaultValue || '', | ||
onChange: this.handleChange, | ||
onBlur: this.handleBlur, | ||
className: inputClassName, | ||
error: !disabled && error, | ||
label: label, | ||
id: id | ||
}); | ||
var inputProps = _extends({}, (0, _utils.filterSuirElementProps)(this.props), { | ||
value: value || isPristine && defaultValue || '', | ||
onChange: this.handleChange, | ||
onBlur: this.handleBlur, | ||
className: inputClassName, | ||
error: !disabled && error, | ||
label: label, | ||
id: id | ||
}); | ||
var isFormField = inputAs === _semanticUiReact.Form.Input || inputAs === _semanticUiReact.Form.TextArea; | ||
var inputNode = isFormField ? /*#__PURE__*/(0, _react.createElement)(inputAs).props.control : inputAs; | ||
var isFormField = inputAs === _semanticUiReact.Form.Input || inputAs === _semanticUiReact.Form.TextArea; | ||
var inputNode = isFormField ? (0, _react.createElement)(inputAs).props.control : inputAs; | ||
if (isFormField) { | ||
delete inputProps.label; | ||
if (inputAs === _semanticUiReact.Form.TextArea) delete inputProps.error; | ||
} | ||
var inputElement = !isFormField && (0, _react.isValidElement)(inputAs) ? (0, _react.cloneElement)(inputAs, _extends({}, inputProps, inputAs.props)) : (0, _react.createElement)(inputNode, _extends({}, inputProps)); | ||
var shouldShowFormLabel = isFormField || (0, _react.isValidElement)(inputAs); | ||
return _react2['default'].createElement( | ||
_semanticUiReact.Form.Field, | ||
{ | ||
as: as, | ||
className: className, | ||
required: required && passRequiredToField, | ||
error: !disabled && error, | ||
width: width, | ||
inline: inline, | ||
disabled: disabled | ||
}, | ||
shouldShowFormLabel && label && _react2['default'].createElement( | ||
'label', | ||
{ htmlFor: id }, | ||
' ', | ||
label, | ||
' ' | ||
), | ||
inputElement, | ||
!disabled && error && errorLabel && (0, _react.cloneElement)(errorLabel, {}, errorMessage) | ||
); | ||
if (isFormField) { | ||
delete inputProps.label; | ||
if (inputAs === _semanticUiReact.Form.TextArea) delete inputProps.error; | ||
} | ||
return render; | ||
}() | ||
var inputElement = !isFormField && /*#__PURE__*/(0, _react.isValidElement)(inputAs) ? /*#__PURE__*/(0, _react.cloneElement)(inputAs, _objectSpread(_objectSpread({}, inputProps), inputAs.props)) : /*#__PURE__*/(0, _react.createElement)(inputNode, _objectSpread({}, inputProps)); | ||
var shouldShowFormLabel = isFormField || /*#__PURE__*/(0, _react.isValidElement)(inputAs); | ||
return /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Form.Field, { | ||
as: as, | ||
className: className, | ||
required: required && passRequiredToField, | ||
error: !disabled && error, | ||
width: width, | ||
inline: inline, | ||
disabled: disabled | ||
}, shouldShowFormLabel && label && /*#__PURE__*/_react["default"].createElement("label", { | ||
htmlFor: id | ||
}, " ", label, " "), inputElement, !disabled && error && errorLabel && /*#__PURE__*/(0, _react.cloneElement)(errorLabel, {}, errorMessage)); | ||
} | ||
}]); | ||
@@ -164,34 +173,38 @@ | ||
FormsyInput.propTypes = { | ||
id: _propTypes2['default'].string, | ||
name: _propTypes2['default'].string.isRequired, | ||
as: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].node]), | ||
width: _propTypes2['default'].number, | ||
className: _propTypes2['default'].string, | ||
inputClassName: _propTypes2['default'].string, | ||
disabled: _propTypes2['default'].bool, | ||
inline: _propTypes2['default'].bool, | ||
passRequiredToField: _propTypes2['default'].bool, | ||
inputAs: _propTypes2['default'].any, | ||
errorLabel: _propTypes2['default'].element, | ||
required: _propTypes2['default'].bool, | ||
label: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].node]), | ||
instantValidation: _propTypes2['default'].bool, | ||
defaultValue: _propTypes2['default'].string, | ||
onBlur: _propTypes2['default'].func, | ||
setValue: _propTypes2['default'].func.isRequired, | ||
value: _propTypes2['default'].any, | ||
onChange: _propTypes2['default'].func, | ||
isValid: _propTypes2['default'].bool.isRequired, | ||
isPristine: _propTypes2['default'].bool.isRequired, | ||
isFormSubmitted: _propTypes2['default'].bool.isRequired, | ||
errorMessage: _propTypes2['default'].string, | ||
validationError: _propTypes2['default'].string, | ||
validationErrors: _propTypes2['default'].object, | ||
validations: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].object]) | ||
}; | ||
FormsyInput.defaultProps = { | ||
_defineProperty(FormsyInput, "propTypes", { | ||
id: _propTypes["default"].string, | ||
name: _propTypes["default"].string.isRequired, | ||
as: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]), | ||
width: _propTypes["default"].number, | ||
className: _propTypes["default"].string, | ||
inputClassName: _propTypes["default"].string, | ||
disabled: _propTypes["default"].bool, | ||
inline: _propTypes["default"].bool, | ||
passRequiredToField: _propTypes["default"].bool, | ||
inputAs: _propTypes["default"].any, | ||
errorLabel: _propTypes["default"].element, | ||
required: _propTypes["default"].bool, | ||
label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]), | ||
instantValidation: _propTypes["default"].bool, | ||
defaultValue: _propTypes["default"].string, | ||
onBlur: _propTypes["default"].func, | ||
setValue: _propTypes["default"].func.isRequired, | ||
value: _propTypes["default"].any, | ||
onChange: _propTypes["default"].func, | ||
isValid: _propTypes["default"].bool.isRequired, | ||
isPristine: _propTypes["default"].bool.isRequired, | ||
isFormSubmitted: _propTypes["default"].bool.isRequired, | ||
errorMessage: _propTypes["default"].string, | ||
validationError: _propTypes["default"].string, | ||
validationErrors: _propTypes["default"].object, | ||
validations: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]) | ||
}); | ||
_defineProperty(FormsyInput, "defaultProps", { | ||
inputAs: _semanticUiReact.Input, | ||
passRequiredToField: true | ||
}; | ||
exports['default'] = (0, _formsyReact.withFormsy)(FormsyInput); | ||
}); | ||
var _default = (0, _formsyReact.withFormsy)(FormsyInput); | ||
exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,19 +6,20 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports["default"] = void 0; | ||
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 = _interopRequireDefault(require("react")); | ||
var _react = require('react'); | ||
var _FormsyCheckbox = _interopRequireDefault(require("./FormsyCheckbox")); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _semanticUiReact = require("semantic-ui-react"); | ||
var _FormsyCheckbox = require('./FormsyCheckbox'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
var _FormsyCheckbox2 = _interopRequireDefault(_FormsyCheckbox); | ||
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); } | ||
var _semanticUiReact = require('semantic-ui-react'); | ||
var _default = function _default(props) { | ||
return /*#__PURE__*/_react["default"].createElement(_FormsyCheckbox["default"], _extends({ | ||
inputAs: _semanticUiReact.Radio | ||
}, props)); | ||
}; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
exports['default'] = function (props) { | ||
return _react2['default'].createElement(_FormsyCheckbox2['default'], _extends({ inputAs: _semanticUiReact.Radio }, props)); | ||
}; | ||
exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,116 +6,121 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports["default"] = void 0; | ||
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 = _interopRequireWildcard(require("react")); | ||
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 _propTypes = _interopRequireDefault(require("prop-types")); | ||
var _react = require('react'); | ||
var _formsyReact = require("formsy-react"); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _semanticUiReact = require("semantic-ui-react"); | ||
var _propTypes = require('prop-types'); | ||
var _utils = require("./utils"); | ||
var _propTypes2 = _interopRequireDefault(_propTypes); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
var _formsyReact = require('formsy-react'); | ||
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
var _semanticUiReact = require('semantic-ui-react'); | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; } | ||
var _utils = require('./utils'); | ||
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
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 _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); } } | ||
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; } | ||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } | ||
var FormsyRadioGroup = function (_Component) { | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; } | ||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
var FormsyRadioGroup = /*#__PURE__*/function (_Component) { | ||
_inherits(FormsyRadioGroup, _Component); | ||
var _super = _createSuper(FormsyRadioGroup); | ||
function FormsyRadioGroup() { | ||
var _ref; | ||
var _this; | ||
var _temp, _this, _ret; | ||
_classCallCheck(this, FormsyRadioGroup); | ||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
args[_key] = arguments[_key]; | ||
} | ||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = FormsyRadioGroup.__proto__ || Object.getPrototypeOf(FormsyRadioGroup)).call.apply(_ref, [this].concat(args))), _this), _this.handleChange = function (e, data) { | ||
_this = _super.call.apply(_super, [this].concat(args)); | ||
_defineProperty(_assertThisInitialized(_this), "handleChange", function (e, data) { | ||
var value = data.value; | ||
_this.props.setValue(value); | ||
if (_this.props.onChange) _this.props.onChange(e, data); | ||
}, _temp), _possibleConstructorReturn(_this, _ret); | ||
}); | ||
return _this; | ||
} | ||
_createClass(FormsyRadioGroup, [{ | ||
key: 'componentDidMount', | ||
value: function () { | ||
function componentDidMount() { | ||
var _props = this.props, | ||
defaultSelected = _props.defaultSelected, | ||
setValue = _props.setValue; | ||
if (defaultSelected) setValue(defaultSelected); | ||
} | ||
return componentDidMount; | ||
}() | ||
key: "componentDidMount", | ||
value: function componentDidMount() { | ||
var _this$props = this.props, | ||
defaultSelected = _this$props.defaultSelected, | ||
setValue = _this$props.setValue; | ||
if (defaultSelected) setValue(defaultSelected); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function () { | ||
function render() { | ||
var _this2 = this; | ||
key: "render", | ||
value: function render() { | ||
var _this2 = this; | ||
var _props2 = this.props, | ||
as = _props2.as, | ||
label = _props2.label, | ||
required = _props2.required, | ||
formRadioGroup = _props2.formRadioGroup, | ||
defaultSelected = _props2.defaultSelected, | ||
children = _props2.children, | ||
value = _props2.value, | ||
errorLabel = _props2.errorLabel, | ||
isValid = _props2.isValid, | ||
isPristine = _props2.isPristine, | ||
errorMessage = _props2.errorMessage, | ||
passRequiredToField = _props2.passRequiredToField, | ||
disabled = _props2.disabled; | ||
var error = !isPristine && !isValid; | ||
var formFieldProps = { | ||
required: required && passRequiredToField, | ||
error: !disabled && error, | ||
label: label | ||
var _this$props2 = this.props, | ||
as = _this$props2.as, | ||
label = _this$props2.label, | ||
required = _this$props2.required, | ||
formRadioGroup = _this$props2.formRadioGroup, | ||
defaultSelected = _this$props2.defaultSelected, | ||
children = _this$props2.children, | ||
value = _this$props2.value, | ||
errorLabel = _this$props2.errorLabel, | ||
isValid = _this$props2.isValid, | ||
isPristine = _this$props2.isPristine, | ||
errorMessage = _this$props2.errorMessage, | ||
passRequiredToField = _this$props2.passRequiredToField, | ||
disabled = _this$props2.disabled; | ||
var error = !isPristine && !isValid; | ||
var formFieldProps = { | ||
required: required && passRequiredToField, | ||
error: !disabled && error, | ||
label: label | ||
}; | ||
return /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Form.Group, _extends({ | ||
as: as | ||
}, (0, _utils.filterSuirElementProps)(this.props)), label && /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Form.Field, formFieldProps), _react.Children.map(children, function (radio) { | ||
var props = { | ||
checked: value === radio.props.value, | ||
onChange: _this2.handleChange | ||
}; | ||
return _react2['default'].createElement( | ||
_semanticUiReact.Form.Group, | ||
_extends({ as: as }, (0, _utils.filterSuirElementProps)(this.props)), | ||
label && _react2['default'].createElement(_semanticUiReact.Form.Field, formFieldProps), | ||
_react.Children.map(children, function (radio) { | ||
var props = { | ||
checked: value === radio.props.value, | ||
onChange: _this2.handleChange | ||
};if (formRadioGroup) props.error = error; | ||
return _react2['default'].createElement( | ||
_semanticUiReact.Form.Field, | ||
null, | ||
' ', | ||
(0, _react.cloneElement)(radio, _extends({}, props)), | ||
' ' | ||
); | ||
}), | ||
error && errorLabel && (0, _react.cloneElement)(errorLabel, {}, errorMessage) | ||
); | ||
} | ||
return render; | ||
}() | ||
if (formRadioGroup) props.error = error; | ||
return /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Form.Field, null, " ", /*#__PURE__*/(0, _react.cloneElement)(radio, _objectSpread({}, props)), " "); | ||
}), error && errorLabel && /*#__PURE__*/(0, _react.cloneElement)(errorLabel, {}, errorMessage)); | ||
} | ||
}]); | ||
@@ -126,26 +131,30 @@ | ||
FormsyRadioGroup.propTypes = { | ||
name: _propTypes2['default'].string.isRequired, | ||
as: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].func]), | ||
passRequiredToField: _propTypes2['default'].bool, | ||
disabled: _propTypes2['default'].bool, | ||
formRadioGroup: _propTypes2['default'].bool, | ||
required: _propTypes2['default'].bool, | ||
label: _propTypes2['default'].string, | ||
setValue: _propTypes2['default'].func.isRequired, | ||
value: _propTypes2['default'].any, | ||
isValid: _propTypes2['default'].bool.isRequired, | ||
isPristine: _propTypes2['default'].bool.isRequired, | ||
onChange: _propTypes2['default'].func, | ||
defaultSelected: _propTypes2['default'].string, | ||
errorLabel: _propTypes2['default'].element, | ||
errorMessage: _propTypes2['default'].string, | ||
children: _propTypes2['default'].node, | ||
validationError: _propTypes2['default'].string, | ||
validationErrors: _propTypes2['default'].object, | ||
validations: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].object]) | ||
}; | ||
FormsyRadioGroup.defaultProps = { | ||
_defineProperty(FormsyRadioGroup, "propTypes", { | ||
name: _propTypes["default"].string.isRequired, | ||
as: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].func]), | ||
passRequiredToField: _propTypes["default"].bool, | ||
disabled: _propTypes["default"].bool, | ||
formRadioGroup: _propTypes["default"].bool, | ||
required: _propTypes["default"].bool, | ||
label: _propTypes["default"].string, | ||
setValue: _propTypes["default"].func.isRequired, | ||
value: _propTypes["default"].any, | ||
isValid: _propTypes["default"].bool.isRequired, | ||
isPristine: _propTypes["default"].bool.isRequired, | ||
onChange: _propTypes["default"].func, | ||
defaultSelected: _propTypes["default"].string, | ||
errorLabel: _propTypes["default"].element, | ||
errorMessage: _propTypes["default"].string, | ||
children: _propTypes["default"].node, | ||
validationError: _propTypes["default"].string, | ||
validationErrors: _propTypes["default"].object, | ||
validations: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]) | ||
}); | ||
_defineProperty(FormsyRadioGroup, "defaultProps", { | ||
passRequiredToField: true | ||
}; | ||
exports['default'] = (0, _formsyReact.withFormsy)(FormsyRadioGroup); | ||
}); | ||
var _default = (0, _formsyReact.withFormsy)(FormsyRadioGroup); | ||
exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,19 +6,20 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports["default"] = void 0; | ||
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 = _interopRequireDefault(require("react")); | ||
var _react = require('react'); | ||
var _semanticUiReact = require("semantic-ui-react"); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _FormsyDropdown = _interopRequireDefault(require("./FormsyDropdown")); | ||
var _semanticUiReact = require('semantic-ui-react'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
var _FormsyDropdown = require('./FormsyDropdown'); | ||
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); } | ||
var _FormsyDropdown2 = _interopRequireDefault(_FormsyDropdown); | ||
var _default = function _default(props) { | ||
return /*#__PURE__*/_react["default"].createElement(_FormsyDropdown["default"], _extends({ | ||
inputAs: _semanticUiReact.Select | ||
}, props)); | ||
}; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
exports['default'] = function (props) { | ||
return _react2['default'].createElement(_FormsyDropdown2['default'], _extends({ inputAs: _semanticUiReact.Select }, props)); | ||
}; | ||
exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,19 +6,20 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports["default"] = void 0; | ||
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 = _interopRequireDefault(require("react")); | ||
var _react = require('react'); | ||
var _FormsyInput = _interopRequireDefault(require("./FormsyInput")); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _semanticUiReact = require("semantic-ui-react"); | ||
var _FormsyInput = require('./FormsyInput'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
var _FormsyInput2 = _interopRequireDefault(_FormsyInput); | ||
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); } | ||
var _semanticUiReact = require('semantic-ui-react'); | ||
var _default = function _default(props) { | ||
return /*#__PURE__*/_react["default"].createElement(_FormsyInput["default"], _extends({ | ||
inputAs: _semanticUiReact.Form.TextArea | ||
}, props)); | ||
}; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
exports['default'] = function (props) { | ||
return _react2['default'].createElement(_FormsyInput2['default'], _extends({ inputAs: _semanticUiReact.Form.TextArea }, props)); | ||
}; | ||
exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,45 +6,67 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.Dropdown = exports.Select = exports.RadioGroup = exports.Radio = exports.Checkbox = exports.TextArea = exports.Input = exports.Form = undefined; | ||
Object.defineProperty(exports, "Form", { | ||
enumerable: true, | ||
get: function get() { | ||
return _Form2["default"]; | ||
} | ||
}); | ||
Object.defineProperty(exports, "Input", { | ||
enumerable: true, | ||
get: function get() { | ||
return _FormsyInput["default"]; | ||
} | ||
}); | ||
Object.defineProperty(exports, "TextArea", { | ||
enumerable: true, | ||
get: function get() { | ||
return _FormsyTextArea["default"]; | ||
} | ||
}); | ||
Object.defineProperty(exports, "Checkbox", { | ||
enumerable: true, | ||
get: function get() { | ||
return _FormsyCheckbox["default"]; | ||
} | ||
}); | ||
Object.defineProperty(exports, "Radio", { | ||
enumerable: true, | ||
get: function get() { | ||
return _FormsyRadio["default"]; | ||
} | ||
}); | ||
Object.defineProperty(exports, "RadioGroup", { | ||
enumerable: true, | ||
get: function get() { | ||
return _FormsyRadioGroup["default"]; | ||
} | ||
}); | ||
Object.defineProperty(exports, "Select", { | ||
enumerable: true, | ||
get: function get() { | ||
return _FormsySelect["default"]; | ||
} | ||
}); | ||
Object.defineProperty(exports, "Dropdown", { | ||
enumerable: true, | ||
get: function get() { | ||
return _FormsyDropdown["default"]; | ||
} | ||
}); | ||
var _Form2 = require('./Form'); | ||
var _Form2 = _interopRequireDefault(require("./Form")); | ||
var _Form3 = _interopRequireDefault(_Form2); | ||
var _FormsyInput = _interopRequireDefault(require("./FormsyInput")); | ||
var _FormsyInput = require('./FormsyInput'); | ||
var _FormsyTextArea = _interopRequireDefault(require("./FormsyTextArea")); | ||
var _FormsyInput2 = _interopRequireDefault(_FormsyInput); | ||
var _FormsyCheckbox = _interopRequireDefault(require("./FormsyCheckbox")); | ||
var _FormsyTextArea = require('./FormsyTextArea'); | ||
var _FormsyRadio = _interopRequireDefault(require("./FormsyRadio")); | ||
var _FormsyTextArea2 = _interopRequireDefault(_FormsyTextArea); | ||
var _FormsyRadioGroup = _interopRequireDefault(require("./FormsyRadioGroup")); | ||
var _FormsyCheckbox = require('./FormsyCheckbox'); | ||
var _FormsySelect = _interopRequireDefault(require("./FormsySelect")); | ||
var _FormsyCheckbox2 = _interopRequireDefault(_FormsyCheckbox); | ||
var _FormsyDropdown = _interopRequireDefault(require("./FormsyDropdown")); | ||
var _FormsyRadio = require('./FormsyRadio'); | ||
var _FormsyRadio2 = _interopRequireDefault(_FormsyRadio); | ||
var _FormsyRadioGroup = require('./FormsyRadioGroup'); | ||
var _FormsyRadioGroup2 = _interopRequireDefault(_FormsyRadioGroup); | ||
var _FormsySelect = require('./FormsySelect'); | ||
var _FormsySelect2 = _interopRequireDefault(_FormsySelect); | ||
var _FormsyDropdown = require('./FormsyDropdown'); | ||
var _FormsyDropdown2 = _interopRequireDefault(_FormsyDropdown); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
exports.Form = _Form3['default']; | ||
exports.Input = _FormsyInput2['default']; | ||
exports.TextArea = _FormsyTextArea2['default']; | ||
exports.Checkbox = _FormsyCheckbox2['default']; | ||
exports.Radio = _FormsyRadio2['default']; | ||
exports.RadioGroup = _FormsyRadioGroup2['default']; | ||
exports.Select = _FormsySelect2['default']; | ||
exports.Dropdown = _FormsyDropdown2['default']; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } |
@@ -8,4 +8,6 @@ "use strict"; | ||
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
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; } | ||
function filterSuirElementProps(props) { | ||
@@ -12,0 +14,0 @@ var as = props.as, |
{ | ||
"name": "formsy-semantic-ui-react", | ||
"version": "1.1.0", | ||
"version": "1.2.0", | ||
"description": "Formsy-React wrappers for Semantic-Ui-React's form Components", | ||
@@ -18,2 +18,7 @@ "repository": { | ||
}, | ||
"files": [ | ||
"lib/*.js", | ||
"types.d.ts", | ||
"LICENSE" | ||
], | ||
"main": "./lib/index.js", | ||
@@ -23,7 +28,8 @@ "types": "./types.d.ts", | ||
"build": "rimraf lib && babel ./src -d ./lib", | ||
"lint": "eslint src example test --color", | ||
"test": "mocha test/**/*.spec.js --require test/index.js --require chai", | ||
"test:watch": "npm run test -- --watch", | ||
"example-app": "webpack-dev-server --config example/webpack.config.js --inline --progress --colors", | ||
"prepublish": "npm run build" | ||
"lint": "eslint './**/*.js' . --fix", | ||
"test": "mocha --require @babel/register --require chai --require test/setup.js 'test/**/*.spec.js'", | ||
"test:watch": "yarn test -- --watch", | ||
"example:start": "webpack-dev-server --mode development --config ./example/webpack.config.js", | ||
"example:build": "NODE_ENV=production webpack --mode=production --config ./example/webpack.config.js", | ||
"prepublish": "yarn build" | ||
}, | ||
@@ -37,26 +43,26 @@ "peerDependencies": { | ||
"devDependencies": { | ||
"babel-cli": "^6.9.0", | ||
"babel-core": "^6.9.0", | ||
"babel-eslint": "^6.0.4", | ||
"babel-loader": "^6.2.4", | ||
"babel-plugin-transform-object-assign": "^6.8.0", | ||
"babel-polyfill": "^6.13.0", | ||
"babel-preset-airbnb": "^2.0.0", | ||
"babel-preset-es2015": "^6.9.0", | ||
"babel-preset-react": "^6.5.0", | ||
"babel-preset-stage-0": "^6.5.0", | ||
"babel-register": "6.9.0", | ||
"babel-runtime": "^6.9.2", | ||
"bundle-loader": "^0.5.4", | ||
"@babel/cli": "^7.10.5", | ||
"@babel/core": "^7.11.1", | ||
"@babel/plugin-proposal-class-properties": "^7.10.4", | ||
"@babel/plugin-proposal-export-default-from": "^7.10.4", | ||
"@babel/preset-env": "^7.11.0", | ||
"@babel/preset-react": "^7.10.4", | ||
"@babel/register": "^7.10.5", | ||
"babel-eslint": "^10.1.0", | ||
"babel-loader": "^8.1.0", | ||
"chai": "^4.2.0", | ||
"enzyme": "^3.11.0", | ||
"enzyme-adapter-react-16": "^1.15.2", | ||
"eslint": "^1.10.3", | ||
"eslint-config-airbnb": "^2.1.1", | ||
"eslint-plugin-mocha": "^1.0.0", | ||
"eslint-plugin-react": "^3.13.0", | ||
"eslint": "^7.6.0", | ||
"eslint-config-prettier": "^6.11.0", | ||
"eslint-config-react": "^1.1.7", | ||
"eslint-plugin-mocha": "^8.0.0", | ||
"eslint-plugin-prettier": "^3.1.4", | ||
"eslint-plugin-react": "^7.20.5", | ||
"formsy-react": "2.0.0", | ||
"ignore-styles": "^5.0.1", | ||
"jsdom": "^9.5.0", | ||
"gh-pages": "^3.1.0", | ||
"html-webpack-plugin": "^4.3.0", | ||
"jsdom": "^16.4.0", | ||
"mocha": "^7.0.1", | ||
"prettier": "^2.0.5", | ||
"react": "16.1.1", | ||
@@ -69,4 +75,5 @@ "react-addons-test-utils": "^15.0.0", | ||
"sinon": "^1.17.7", | ||
"webpack": "1.12.9", | ||
"webpack-dev-server": "1.14.0" | ||
"webpack": "^4.44.1", | ||
"webpack-cli": "^3.3.12", | ||
"webpack-dev-server": "^3.11.0" | ||
}, | ||
@@ -73,0 +80,0 @@ "dependencies": { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
0
66519
34
14
898