Skip to content

Commit

Permalink
- Remove classnames as dependency.
Browse files Browse the repository at this point in the history
  • Loading branch information
Edward Xiao committed Nov 16, 2018
1 parent 5cb006b commit 16437a8
Show file tree
Hide file tree
Showing 15 changed files with 236 additions and 296 deletions.
14 changes: 6 additions & 8 deletions lib/components/Checkbox.js
View file
Expand Up @@ -9,8 +9,6 @@ var React = _interopRequireWildcard(require("react"));

var _message = _interopRequireDefault(require("./message"));

var _classnames = _interopRequireDefault(require("classnames"));

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

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
Expand Down Expand Up @@ -281,12 +279,12 @@ function (_React$Component) {
msg = _this$state.msg,
checked = _this$state.checked,
successMsg = _this$state.successMsg;
var wrapperClass = (0, _classnames.default)(classNameWrapper, reactInputsValidationCss['checkbox__wrapper'], checked && reactInputsValidationCss['checked'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var containerClass = (0, _classnames.default)(classNameContainer, reactInputsValidationCss['checkbox__container'], checked && reactInputsValidationCss['checked'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var boxClass = (0, _classnames.default)(classNameInputBox, reactInputsValidationCss['checkbox__box'], err && reactInputsValidationCss['error'], checked && reactInputsValidationCss['checked'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var labelClass = (0, _classnames.default)(checked && reactInputsValidationCss['checked'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var errMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], err && reactInputsValidationCss['error']);
var successMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], !err && reactInputsValidationCss['success']);
var wrapperClass = "".concat(classNameWrapper, " ").concat(reactInputsValidationCss['checkbox__wrapper'], " ").concat(checked && reactInputsValidationCss['checked'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var containerClass = "".concat(classNameContainer, " ").concat(reactInputsValidationCss['checkbox__container'], " ").concat(checked && reactInputsValidationCss['checked'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var boxClass = "".concat(classNameInputBox, " ").concat(reactInputsValidationCss['checkbox__box'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(checked && reactInputsValidationCss['checked'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var labelClass = "".concat(checked && reactInputsValidationCss['checked'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var errMsgClass = "".concat(reactInputsValidationCss['msg'], " ").concat(err && reactInputsValidationCss['error']);
var successMsgClass = "".concat(reactInputsValidationCss['msg'], " ").concat(!err && reactInputsValidationCss['success']);
var msgHtml;

var _getDefaultValidation3 = getDefaultValidationOption(validationOption),
Expand Down
16 changes: 7 additions & 9 deletions lib/components/Radiobox.js
View file
Expand Up @@ -9,8 +9,6 @@ var React = _interopRequireWildcard(require("react"));

var _message = _interopRequireDefault(require("./message"));

var _classnames = _interopRequireDefault(require("classnames"));

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

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
Expand Down Expand Up @@ -270,13 +268,13 @@ function (_React$Component) {
err = _this$state.err,
msg = _this$state.msg,
successMsg = _this$state.successMsg;
var wrapperClass = (0, _classnames.default)(classNameWrapper, err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], reactInputsValidationCss['radiobox__wrapper'], disabled && reactInputsValidationCss['disabled']);
var containerClass = (0, _classnames.default)(classNameContainer, err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], reactInputsValidationCss['radiobox__container'], disabled && reactInputsValidationCss['disabled']);
var inputClass = (0, _classnames.default)(classNameInput, err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], reactInputsValidationCss['radiobox__input'], disabled && reactInputsValidationCss['disabled']);
var labelClass = (0, _classnames.default)(err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], reactInputsValidationCss['radiobox__label'], disabled && reactInputsValidationCss['disabled']);
var optionListItemClass = (0, _classnames.default)(classNameOptionListItem, err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], reactInputsValidationCss['radiobox__item'], disabled && reactInputsValidationCss['disabled']);
var errMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], err && reactInputsValidationCss['error']);
var successMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], !err && reactInputsValidationCss['success']);
var wrapperClass = "".concat(classNameWrapper, " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(reactInputsValidationCss['radiobox__wrapper'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var containerClass = "".concat(classNameContainer, " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(reactInputsValidationCss['radiobox__container'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var inputClass = "".concat(classNameInput, " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(reactInputsValidationCss['radiobox__input'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var labelClass = "".concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(reactInputsValidationCss['radiobox__label'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var optionListItemClass = "".concat(classNameOptionListItem, " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(reactInputsValidationCss['radiobox__item'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var errMsgClass = "".concat(reactInputsValidationCss['msg'], " ").concat(err && reactInputsValidationCss['error']);
var successMsgClass = "".concat(reactInputsValidationCss['msg'], " ").concat(!err && reactInputsValidationCss['success']);
var msgHtml;

var _getDefaultValidation3 = getDefaultValidationOption(validationOption),
Expand Down
27 changes: 16 additions & 11 deletions lib/components/Select.js
View file
Expand Up @@ -9,8 +9,6 @@ var React = _interopRequireWildcard(require("react"));

var _message = _interopRequireDefault(require("./message"));

var _classnames = _interopRequireDefault(require("classnames"));

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

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
Expand Down Expand Up @@ -412,6 +410,7 @@ function (_React$Component) {
value: function scroll() {
var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
var itemsWrapperNode = this.itemsWrapper;
/* istanbul ignore next */

if (itemsWrapperNode === null) {
return;
Expand All @@ -425,6 +424,7 @@ function (_React$Component) {
}

var optionItemsNode = this.optionItems[this.currentFocus];
/* istanbul ignore next */

if (optionItemsNode === null) {
return;
Expand All @@ -449,6 +449,8 @@ function (_React$Component) {
}
}
}
/* istanbul ignore next */


if (direction === 'up') {
this.corrected = false;
Expand All @@ -472,6 +474,7 @@ function (_React$Component) {
if (this.currentFocus >= x.length) this.currentFocus = 0;
if (this.currentFocus < 0) this.currentFocus = x.length - 1;
var node = x[this.currentFocus];
/* istanbul ignore next */

if (node === null) {
return;
Expand All @@ -486,6 +489,7 @@ function (_React$Component) {

for (var i = 0; i < x.length; i += 1) {
var node = x[i];
/* istanbul ignore next */

if (node === null) {
break;
Expand All @@ -498,6 +502,7 @@ function (_React$Component) {
key: "pageClick",
value: function pageClick(e) {
var node = this.wrapper;
/* istanbul ignore next */

if (node === null) {
return;
Expand Down Expand Up @@ -621,15 +626,15 @@ function (_React$Component) {
show = _this$state2.show,
successMsg = _this$state2.successMsg,
isTyping = _this$state2.isTyping;
var wrapperClass = (0, _classnames.default)(classNameWrapper, reactInputsValidationCss['select__wrapper'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var containerClass = (0, _classnames.default)(classNameContainer, reactInputsValidationCss['select__container'], err && reactInputsValidationCss['error'], show && reactInputsValidationCss['show'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var inputClass = (0, _classnames.default)(reactInputsValidationCss['select__input'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var selectClass = (0, _classnames.default)(classNameSelect, reactInputsValidationCss['ellipsis'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var selectOptionListContainerClass = (0, _classnames.default)(classNameOptionListContainer, reactInputsValidationCss['select__options-container'], err && reactInputsValidationCss['error'], show && reactInputsValidationCss['show'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var selectOptionListItemClass = (0, _classnames.default)(!isTyping && reactInputsValidationCss['select__options-item-show-cursor'], classNameOptionListItem, reactInputsValidationCss['select__options-item'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var dropdownIconClass = (0, _classnames.default)(classNameDropdownIconOptionListItem, reactInputsValidationCss['select__dropdown-icon']);
var errMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], err && reactInputsValidationCss['error']);
var successMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], !err && reactInputsValidationCss['success']);
var wrapperClass = "".concat(classNameWrapper, " ").concat(reactInputsValidationCss['select__wrapper'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled'], ";");
var containerClass = "".concat(classNameContainer, " ").concat(reactInputsValidationCss['select__container'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(show && reactInputsValidationCss['show'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled'], ";");
var inputClass = "".concat(reactInputsValidationCss['select__input'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled'], ";");
var selectClass = "".concat(classNameSelect, " ").concat(reactInputsValidationCss['ellipsis'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled'], ";");
var selectOptionListContainerClass = "".concat(classNameOptionListContainer, " ").concat(reactInputsValidationCss['select__options-container'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(show && reactInputsValidationCss['show'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled'], ";");
var selectOptionListItemClass = "".concat(!isTyping && reactInputsValidationCss['select__options-item-show-cursor'], " ").concat(classNameOptionListItem, " ").concat(reactInputsValidationCss['select__options-item'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled'], ";");
var dropdownIconClass = "".concat(classNameDropdownIconOptionListItem, " ").concat(reactInputsValidationCss['select__dropdown-icon']);
var errMsgClass = "".concat(reactInputsValidationCss['msg'], " ").concat(err && reactInputsValidationCss['error']);
var successMsgClass = "".concat(reactInputsValidationCss['msg'], " ").concat(!err && reactInputsValidationCss['success']);
var msgHtml;

var _getDefaultValidation3 = getDefaultValidationOption(validationOption),
Expand Down
12 changes: 5 additions & 7 deletions lib/components/Textarea.js
View file
Expand Up @@ -9,8 +9,6 @@ var React = _interopRequireWildcard(require("react"));

var _message = _interopRequireDefault(require("./message"));

var _classnames = _interopRequireDefault(require("classnames"));

var _validator = _interopRequireDefault(require("./validator"));

var _utils = _interopRequireDefault(require("./utils"));
Expand Down Expand Up @@ -384,11 +382,11 @@ function (_React$Component) {
err = _this$state.err,
msg = _this$state.msg,
successMsg = _this$state.successMsg;
var wrapperClass = (0, _classnames.default)(classNameWrapper, reactInputsValidationCss['textarea__wrapper'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var containerClass = (0, _classnames.default)(classNameContainer, reactInputsValidationCss['textarea__container'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var inputClass = (0, _classnames.default)(classNameInput, reactInputsValidationCss['textarea__input'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var errmsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], err && reactInputsValidationCss['error']);
var successMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], !err && reactInputsValidationCss['success']);
var wrapperClass = "".concat(classNameWrapper, " ").concat(reactInputsValidationCss['textarea__wrapper'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var containerClass = "".concat(classNameContainer, " ").concat(reactInputsValidationCss['textarea__container'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var inputClass = "".concat(classNameInput, " ").concat(reactInputsValidationCss['textarea__input'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var errmsgClass = "".concat(reactInputsValidationCss['msg'], " ").concat(err && reactInputsValidationCss['error']);
var successMsgClass = "".concat(reactInputsValidationCss['msg'], " ").concat(!err && reactInputsValidationCss['success']);
var msgHtml;

var _getDefaultValidation3 = getDefaultValidationOption(validationOption),
Expand Down
12 changes: 5 additions & 7 deletions lib/components/Textbox.js
View file
Expand Up @@ -9,8 +9,6 @@ var React = _interopRequireWildcard(require("react"));

var _message = _interopRequireDefault(require("./message"));

var _classnames = _interopRequireDefault(require("classnames"));

var _validator = _interopRequireDefault(require("./validator"));

var _utils = _interopRequireDefault(require("./utils"));
Expand Down Expand Up @@ -475,11 +473,11 @@ function (_React$Component) {
err = _this$state.err,
msg = _this$state.msg,
successMsg = _this$state.successMsg;
var wrapperClass = (0, _classnames.default)(classNameWrapper, reactInputsValidationCss['textbox__wrapper'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var containerClass = (0, _classnames.default)(classNameContainer, reactInputsValidationCss['textbox__container'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var inputClass = (0, _classnames.default)(classNameInput, reactInputsValidationCss['textbox__input'], err && reactInputsValidationCss['error'], successMsg && !err && reactInputsValidationCss['success'], disabled && reactInputsValidationCss['disabled']);
var errmsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], err && reactInputsValidationCss['error']);
var successMsgClass = (0, _classnames.default)(reactInputsValidationCss['msg'], !err && reactInputsValidationCss['success']);
var wrapperClass = "".concat(classNameWrapper, " ").concat(reactInputsValidationCss['textbox__wrapper'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var containerClass = "".concat(classNameContainer, " ").concat(reactInputsValidationCss['textbox__container'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var inputClass = "".concat(classNameInput, " ").concat(reactInputsValidationCss['textbox__input'], " ").concat(err && reactInputsValidationCss['error'], " ").concat(successMsg && !err && reactInputsValidationCss['success'], " ").concat(disabled && reactInputsValidationCss['disabled']);
var errmsgClass = "".concat(reactInputsValidationCss['msg'], " ").concat(err && reactInputsValidationCss['error']);
var successMsgClass = "".concat(reactInputsValidationCss['msg'], " ").concat(!err && reactInputsValidationCss['success']);
var msgHtml;

var _getDefaultValidation4 = getDefaultValidationOption(validationOption),
Expand Down

0 comments on commit 16437a8

Please sign in to comment.