Skip to content

Commit 121832f

Browse files
author
Edward Xiao
committed
no message
1 parent 6261255 commit 121832f

17 files changed

+190
-2059
lines changed

‎lib/components/Checkbox.js‎

Lines changed: 10 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
3737

3838
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; }
3939

40-
var STYLES = {
40+
var reactInputsValidationCss = {
4141
"ellipsis": "react-inputs-validation__ellipsis___3-Api",
4242
"textbox__wrapper": "react-inputs-validation__textbox__wrapper___3tnXv",
4343
"textbox__container": "react-inputs-validation__textbox__container___3KXOM",
@@ -76,9 +76,6 @@ var STYLES = {
7676
"select__dropdown-name": "react-inputs-validation__select__dropdown-name___3hghL",
7777
"select__dropdown-icon-container": "react-inputs-validation__select__dropdown-icon-container___2ild-"
7878
};
79-
console.log(111111);
80-
console.log(STYLES);
81-
console.log(222222);
8279
var TYPE = 'checkbox';
8380

8481
var getDefaultValidationOption = function getDefaultValidationOption(obj) {
@@ -157,7 +154,7 @@ function (_React$Component) {
157154
checked: checked
158155
});
159156
var onChange = this.props.onChange;
160-
onChange && onChange(checked, e);
157+
onChange && onChange(checked, e); // when props.validate toggled
161158

162159
if (this.state.err) {
163160
this.setState({
@@ -284,12 +281,12 @@ function (_React$Component) {
284281
msg = _this$state.msg,
285282
checked = _this$state.checked,
286283
successMsg = _this$state.successMsg;
287-
var wrapperClass = (0, _classnames.default)(classNameWrapper, STYLES['checkbox__wrapper'], checked && STYLES['checked'], err && STYLES['error'], successMsg && !err && STYLES['success'], disabled && STYLES['disabled']);
288-
var containerClass = (0, _classnames.default)(classNameContainer, STYLES['checkbox__container'], checked && STYLES['checked'], err && STYLES['error'], successMsg && !err && STYLES['success'], disabled && STYLES['disabled']);
289-
var boxClass = (0, _classnames.default)(classNameInputBox, STYLES['checkbox__box'], err && STYLES['error'], checked && STYLES['checked'], successMsg && !err && STYLES['success'], disabled && STYLES['disabled']);
290-
var labelClass = (0, _classnames.default)(checked && STYLES['checked'], err && STYLES['error'], successMsg && !err && STYLES['success'], disabled && STYLES['disabled']);
291-
var errMsgClass = (0, _classnames.default)(STYLES['msg'], err && STYLES['error']);
292-
var successMsgClass = (0, _classnames.default)(STYLES['msg'], !err && STYLES['success']);
284+
var wrapperClass = (0, _classnames.default)(classNameWrapper, reactInputsValidationCss['checkbox__wrapper'], checked && reactInputsValidationCss['checked'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
285+
var containerClass = (0, _classnames.default)(classNameContainer, reactInputsValidationCss['checkbox__container'], checked && reactInputsValidationCss['checked'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
286+
var boxClass = (0, _classnames.default)(classNameInputBox, reactInputsValidationCss['checkbox__box'], err && reactInputsValidationCss['error'], checked && reactInputsValidationCss['checked'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
287+
var labelClass = (0, _classnames.default)(checked && reactInputsValidationCss['checked'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
288+
var errMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], err && reactInputsValidationCss['error']);
289+
var successMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], !err && reactInputsValidationCss['success']);
293290
var msgHtml;
294291

295292
var _getDefaultValidation3 = getDefaultValidationOption(validationOption),
@@ -321,12 +318,12 @@ function (_React$Component) {
321318
className: boxClass,
322319
style: customStyleInputBox
323320
}, React.createElement("div", {
324-
className: STYLES['box']
321+
className: reactInputsValidationCss['box']
325322
}), React.createElement("input", {
326323
id: id,
327324
name: name,
328325
type: "checkbox",
329-
className: STYLES['checkbox__input'],
326+
className: reactInputsValidationCss['checkbox__input'],
330327
value: String(value),
331328
checked: checked,
332329
disabled: disabled,

‎lib/components/Radiobox.js‎

Lines changed: 35 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,31 @@ var _classnames = _interopRequireDefault(require("classnames"));
1313

1414
var _const = require("./const");
1515

16-
var STYLES = _interopRequireWildcard({
16+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17+
18+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
19+
20+
function _typeof(obj) { 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); }
21+
22+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
23+
24+
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); } }
25+
26+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
27+
28+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
29+
30+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
31+
32+
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); }
33+
34+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35+
36+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
37+
38+
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; }
39+
40+
var reactInputsValidationCss = {
1741
"ellipsis": "react-inputs-validation__ellipsis___3-Api",
1842
"textbox__wrapper": "react-inputs-validation__textbox__wrapper___3tnXv",
1943
"textbox__container": "react-inputs-validation__textbox__container___3KXOM",
@@ -51,32 +75,7 @@ var STYLES = _interopRequireWildcard({
5175
"select__dropdown-icon": "react-inputs-validation__select__dropdown-icon___1T5r2",
5276
"select__dropdown-name": "react-inputs-validation__select__dropdown-name___3hghL",
5377
"select__dropdown-icon-container": "react-inputs-validation__select__dropdown-icon-container___2ild-"
54-
});
55-
56-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
57-
58-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
59-
60-
function _typeof(obj) { 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); }
61-
62-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
63-
64-
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); } }
65-
66-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
67-
68-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
69-
70-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
71-
72-
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); }
73-
74-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
75-
76-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
77-
78-
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; }
79-
78+
};
8079
var TYPE = 'radiobox';
8180

8281
var getDefaultValidationOption = function getDefaultValidationOption(obj) {
@@ -271,13 +270,13 @@ function (_React$Component) {
271270
err = _this$state.err,
272271
msg = _this$state.msg,
273272
successMsg = _this$state.successMsg;
274-
var wrapperClass = (0, _classnames.default)(classNameWrapper, err && STYLES['error'], successMsg && !err && STYLES['success'], STYLES['radiobox__wrapper'], disabled && STYLES['disabled']);
275-
var containerClass = (0, _classnames.default)(classNameContainer, err && STYLES['error'], successMsg && !err && STYLES['success'], STYLES['radiobox__container'], disabled && STYLES['disabled']);
276-
var inputClass = (0, _classnames.default)(classNameInput, err && STYLES['error'], successMsg && !err && STYLES['success'], STYLES['radiobox__input'], disabled && STYLES['disabled']);
277-
var labelClass = (0, _classnames.default)(err && STYLES['error'], successMsg && !err && STYLES['success'], STYLES['radiobox__label'], disabled && STYLES['disabled']);
278-
var optionListItemClass = (0, _classnames.default)(classNameOptionListItem, err && STYLES['error'], successMsg && !err && STYLES['success'], STYLES['radiobox__item'], disabled && STYLES['disabled']);
279-
var errMsgClass = (0, _classnames.default)(STYLES['msg'], err && STYLES['error']);
280-
var successMsgClass = (0, _classnames.default)(STYLES['msg'], !err && STYLES['success']);
273+
var wrapperClass = (0, _classnames.default)(classNameWrapper, err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], reactInputsValidationCss['radiobox__wrapper'], disabled && reactInputsValidationCss['disabled']);
274+
var containerClass = (0, _classnames.default)(classNameContainer, err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], reactInputsValidationCss['radiobox__container'], disabled && reactInputsValidationCss['disabled']);
275+
var inputClass = (0, _classnames.default)(classNameInput, err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], reactInputsValidationCss['radiobox__input'], disabled && reactInputsValidationCss['disabled']);
276+
var labelClass = (0, _classnames.default)(err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], reactInputsValidationCss['radiobox__label'], disabled && reactInputsValidationCss['disabled']);
277+
var optionListItemClass = (0, _classnames.default)(classNameOptionListItem, err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], reactInputsValidationCss['radiobox__item'], disabled && reactInputsValidationCss['disabled']);
278+
var errMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], err && reactInputsValidationCss['error']);
279+
var successMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], !err && reactInputsValidationCss['success']);
281280
var msgHtml;
282281

283282
var _getDefaultValidation3 = getDefaultValidationOption(validationOption),
@@ -311,14 +310,14 @@ function (_React$Component) {
311310
value: value,
312311
checked: checked,
313312
disabled: disabled,
314-
className: checked ? "".concat(STYLES['checked'], " ").concat(inputClass) : "".concat(inputClass),
313+
className: checked ? "".concat(reactInputsValidationCss['checked'], " ").concat(inputClass) : "".concat(inputClass),
315314
onChange: function onChange(e) {
316315
return _this2.onChange(i.id, e);
317316
},
318317
style: customStyleInput
319318
}), React.createElement("label", {
320319
htmlFor: "".concat(id, "-").concat(k),
321-
className: checked ? "".concat(STYLES['checked'], " ").concat(labelClass) : "".concat(labelClass)
320+
className: checked ? "".concat(reactInputsValidationCss['checked'], " ").concat(labelClass) : "".concat(labelClass)
322321
}, i.name));
323322
});
324323
}

0 commit comments

Comments
 (0)