uniforms-bootstrap4 - npm Package Compare versions

Comparing version 1.5.0 to 1.6.0-beta.1

lib/components/fields/AutoField.js

@@ -11,3 +11,3 @@ 'use strict';
 
-var _invariant = require('invariant');
+var _invariant = require('fbjs/lib/invariant');
 
@@ -14,0 +14,0 @@ var _invariant2 = _interopRequireDefault(_invariant);

lib/components/fields/BoolField.js

@@ -7,2 +7,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _extends2 = require('babel-runtime/helpers/extends');
@@ -36,25 +40,19 @@
         props = (0, _objectWithoutProperties3.default)(_ref, ['label', 'labelBefore']);
-    return (0, _wrapField2.default)((0, _extends3.default)({ label: labelBefore }, props), _react2.default.createElement(
-        'section',
-        { className: (0, _classnames2.default)(props.inputClassName, 'checkbox' + (props.inline ? '-inline' : '')) },
-        _react2.default.createElement(
-            'label',
-            { htmlFor: props.id },
-            _react2.default.createElement('input', {
-                checked: props.value,
-                disabled: props.disabled,
-                id: props.id,
-                name: props.name,
-                onChange: function onChange() {
-                    return props.onChange(!props.value);
-                },
-                ref: props.inputRef,
-                type: 'checkbox'
-            }),
-            '\xA0',
-            label
-        )
-    ));
+    return (0, _wrapField2.default)((0, _extends3.default)({ label: labelBefore }, props), (0, _jsx3.default)('section', {
+        className: (0, _classnames2.default)(props.inputClassName, 'checkbox' + (props.inline ? '-inline' : ''))
+    }, void 0, (0, _jsx3.default)('label', {
+        htmlFor: props.id
+    }, void 0, _react2.default.createElement('input', {
+        checked: props.value,
+        disabled: props.disabled,
+        id: props.id,
+        name: props.name,
+        onChange: function onChange() {
+            return props.onChange(!props.value);
+        },
+        ref: props.inputRef,
+        type: 'checkbox'
+    }), '\xA0', label)));
 };
 
 exports.default = (0, _uniforms.connectField)(Bool);

lib/components/fields/ErrorField.js

@@ -11,2 +11,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
@@ -36,11 +40,7 @@
         (0, _extends3.default)({ className: (0, _classnames2.default)('card', className) }, (0, _uniforms.filterDOMProps)(props)),
-        _react2.default.createElement(
-            'section',
-            { className: 'card-block' },
-            children ? children : _react2.default.createElement(
-                'h4',
-                { className: 'card-title' },
-                errorMessage
-            )
-        )
+        (0, _jsx3.default)('section', {
+            className: 'card-block'
+        }, void 0, children ? children : (0, _jsx3.default)('h4', {
+            className: 'card-title'
+        }, void 0, errorMessage))
     );
@@ -47,0 +47,0 @@ };

lib/components/fields/ErrorsField.js

@@ -11,2 +11,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
@@ -38,14 +42,9 @@
         (0, _extends3.default)({ className: (0, _classnames2.default)('card', className) }, (0, _uniforms.filterDOMProps)(props)),
-        _react2.default.createElement(
-            'section',
-            { className: 'card-block' },
-            children,
-            schema.getErrorMessages(error).map(function (message, index) {
-                return _react2.default.createElement(
-                    'section',
-                    { key: index, className: 'disabled' },
-                    message
-                );
-            })
-        )
+        (0, _jsx3.default)('section', {
+            className: 'card-block'
+        }, void 0, children, schema.getErrorMessages(error).map(function (message, index) {
+            return (0, _jsx3.default)('section', {
+                className: 'disabled'
+            }, index, message);
+        }))
     );
@@ -52,0 +51,0 @@ };

lib/components/fields/FormGroup.js

@@ -11,3 +11,3 @@ 'use strict';
 
-var _warning = require('warning');
+var _warning = require('fbjs/lib/warning');
 
@@ -14,0 +14,0 @@ var _warning2 = _interopRequireDefault(_warning);

lib/components/fields/ListAddField.js

@@ -7,2 +7,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _extends2 = require('babel-runtime/helpers/extends');
@@ -51,5 +55,7 @@
 ListAdd.defaultProps = {
-    addIcon: _react2.default.createElement('i', { className: 'octicon octicon-plus' })
+    addIcon: (0, _jsx3.default)('i', {
+        className: 'octicon octicon-plus'
+    })
 };
 
 exports.default = (0, _uniforms.connectField)(ListAdd, { includeParent: true, initialValue: false });

lib/components/fields/ListDelField.js

@@ -7,2 +7,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _extends2 = require('babel-runtime/helpers/extends');
@@ -52,5 +56,7 @@
 ListDel.defaultProps = {
-    removeIcon: _react2.default.createElement('i', { className: 'octicon octicon-dash' })
+    removeIcon: (0, _jsx3.default)('i', {
+        className: 'octicon octicon-dash'
+    })
 };
 
 exports.default = (0, _uniforms.connectField)(ListDel, { includeParent: true, initialValue: false });

lib/components/fields/ListField.js

@@ -11,2 +11,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
@@ -52,39 +56,31 @@
         (0, _extends3.default)({ className: (0, _classnames2.default)('card', className) }, (0, _uniforms.filterDOMProps)(props)),
-        _react2.default.createElement(
-            'section',
-            { className: 'card-block' },
-            label && _react2.default.createElement(
-                'section',
-                { className: 'card-title' },
-                _react2.default.createElement(
-                    'label',
-                    { className: 'control-label' },
-                    label,
-                    '\xA0'
-                ),
-                _react2.default.createElement(_ListAddField2.default, { name: name + '.$', initialCount: initialCount, addIcon: addIcon }),
-                !!(errorMessage && showInlineError) && _react2.default.createElement(
-                    'span',
-                    { className: 'text-danger' },
-                    errorMessage
-                )
-            ),
-            children ? value.map(function (item, index) {
-                return _react.Children.map(children, function (child) {
-                    return _react2.default.cloneElement(child, {
-                        key: index,
-                        label: null,
-                        name: (0, _uniforms.joinName)(name, child.props.name && child.props.name.replace('$', index)),
-                        removeIcon: removeIcon
-                    });
-                });
-            }) : value.map(function (item, index) {
-                return _react2.default.createElement(_ListItemField2.default, (0, _extends3.default)({
+        (0, _jsx3.default)('section', {
+            className: 'card-block'
+        }, void 0, label && (0, _jsx3.default)('section', {
+            className: 'card-title'
+        }, void 0, (0, _jsx3.default)('label', {
+            className: 'control-label'
+        }, void 0, label, '\xA0'), (0, _jsx3.default)(_ListAddField2.default, {
+            name: name + '.$',
+            initialCount: initialCount,
+            addIcon: addIcon
+        }), !!(errorMessage && showInlineError) && (0, _jsx3.default)('span', {
+            className: 'text-danger'
+        }, void 0, errorMessage)), children ? value.map(function (item, index) {
+            return _react.Children.map(children, function (child) {
+                return _react2.default.cloneElement(child, {
                     key: index,
                     label: null,
-                    name: (0, _uniforms.joinName)(name, index),
+                    name: (0, _uniforms.joinName)(name, child.props.name && child.props.name.replace('$', index)),
                     removeIcon: removeIcon
-                }, itemProps));
-            })
-        )
+                });
+            });
+        }) : value.map(function (item, index) {
+            return _react2.default.createElement(_ListItemField2.default, (0, _extends3.default)({
+                key: index,
+                label: null,
+                name: (0, _uniforms.joinName)(name, index),
+                removeIcon: removeIcon
+            }, itemProps));
+        }))
     );
@@ -91,0 +87,0 @@ };

lib/components/fields/ListItemField.js

@@ -11,2 +11,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
@@ -35,20 +39,18 @@
         props = (0, _objectWithoutProperties3.default)(_ref, ['removeIcon']);
-    return _react2.default.createElement(
-        'section',
-        { className: 'row' },
-        _react2.default.createElement(
-            'section',
-            { className: 'col-xs-1' },
-            _react2.default.createElement(_ListDelField2.default, { name: props.name, removeIcon: removeIcon })
-        ),
-        props.children ? _react.Children.map(props.children, function (child) {
-            return _react2.default.cloneElement(child, {
-                className: 'col-xs-11',
-                name: (0, _uniforms.joinName)(props.name, child.props.name),
-                label: null
-            });
-        }) : _react2.default.createElement(_AutoField2.default, (0, _extends3.default)({}, props, { className: 'col-xs-11' }))
-    );
+    return (0, _jsx3.default)('section', {
+        className: 'row'
+    }, void 0, (0, _jsx3.default)('section', {
+        className: 'col-xs-1'
+    }, void 0, (0, _jsx3.default)(_ListDelField2.default, {
+        name: props.name,
+        removeIcon: removeIcon
+    })), props.children ? _react.Children.map(props.children, function (child) {
+        return _react2.default.cloneElement(child, {
+            className: 'col-xs-11',
+            name: (0, _uniforms.joinName)(props.name, child.props.name),
+            label: null
+        });
+    }) : _react2.default.createElement(_AutoField2.default, (0, _extends3.default)({}, props, { className: 'col-xs-11' })));
 };
 
 exports.default = (0, _uniforms.connectField)(ListItem, { includeInChain: false });

lib/components/fields/NestField.js

@@ -11,2 +11,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
@@ -45,14 +49,10 @@
         (0, _extends3.default)({ className: (0, _classnames2.default)(className, { 'has-error': error }) }, (0, _uniforms.filterDOMProps)(props)),
-        label && _react2.default.createElement(
-            'label',
-            null,
-            label
-        ),
-        !!(errorMessage && showInlineError) && _react2.default.createElement(
-            'span',
-            { className: 'text-danger' },
-            errorMessage
-        ),
+        label && (0, _jsx3.default)('label', {}, void 0, label),
+        !!(errorMessage && showInlineError) && (0, _jsx3.default)('span', {
+            className: 'text-danger'
+        }, void 0, errorMessage),
         children ? (0, _uniforms.injectName)(name, children) : fields.map(function (key) {
-            return _react2.default.createElement(_AutoField2.default, { key: key, name: (0, _uniforms.joinName)(name, key) });
+            return (0, _jsx3.default)(_AutoField2.default, {
+                name: (0, _uniforms.joinName)(name, key)
+            }, key);
         })
@@ -59,0 +59,0 @@ );

lib/components/fields/RadioField.js

@@ -7,2 +7,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _react = require('react');
@@ -26,21 +30,16 @@
     return (0, _wrapField2.default)(props, props.allowedValues.map(function (item) {
-        return _react2.default.createElement(
-            'section',
-            { key: item, className: (0, _classnames2.default)(props.inputClassName, 'radio' + (props.inline ? '-inline' : '')) },
-            _react2.default.createElement(
-                'label',
-                { htmlFor: props.id + '-' + item },
-                _react2.default.createElement('input', {
-                    checked: item === props.value,
-                    disabled: props.disabled,
-                    id: props.id + '-' + item,
-                    name: props.name,
-                    onChange: function onChange() {
-                        return props.onChange(item);
-                    },
-                    type: 'radio'
-                }),
-                props.transform ? props.transform(item) : item
-            )
-        );
+        return (0, _jsx3.default)('section', {
+            className: (0, _classnames2.default)(props.inputClassName, 'radio' + (props.inline ? '-inline' : ''))
+        }, item, (0, _jsx3.default)('label', {
+            htmlFor: props.id + '-' + item
+        }, void 0, (0, _jsx3.default)('input', {
+            checked: item === props.value,
+            disabled: props.disabled,
+            id: props.id + '-' + item,
+            name: props.name,
+            onChange: function onChange() {
+                return props.onChange(item);
+            },
+            type: 'radio'
+        }), props.transform ? props.transform(item) : item));
     }));
@@ -47,0 +46,0 @@ };

lib/components/fields/SelectField.js

@@ -7,2 +7,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _react = require('react');
@@ -35,21 +39,16 @@
     return props.allowedValues.map(function (item) {
-        return _react2.default.createElement(
-            'section',
-            { key: item, className: (0, _classnames2.default)(props.inputClassName, 'checkbox' + (props.inline ? '-inline' : '')) },
-            _react2.default.createElement(
-                'label',
-                { htmlFor: props.id + '-' + item },
-                _react2.default.createElement('input', {
-                    checked: props.fieldType === Array ? props.value.includes(item) : props.value === item,
-                    disabled: props.disabled,
-                    id: props.id + '-' + item,
-                    name: props.name,
-                    onChange: function onChange() {
-                        return props.onChange(props.fieldType === Array ? xor(item, props.value) : item);
-                    },
-                    type: 'checkbox'
-                }),
-                props.transform ? props.transform(item) : item
-            )
-        );
+        return (0, _jsx3.default)('section', {
+            className: (0, _classnames2.default)(props.inputClassName, 'checkbox' + (props.inline ? '-inline' : ''))
+        }, item, (0, _jsx3.default)('label', {
+            htmlFor: props.id + '-' + item
+        }, void 0, (0, _jsx3.default)('input', {
+            checked: props.fieldType === Array ? props.value.includes(item) : props.value === item,
+            disabled: props.disabled,
+            id: props.id + '-' + item,
+            name: props.name,
+            onChange: function onChange() {
+                return props.onChange(props.fieldType === Array ? xor(item, props.value) : item);
+            },
+            type: 'checkbox'
+        }), props.transform ? props.transform(item) : item));
     });
@@ -72,13 +71,11 @@ };
         },
-        (!!props.placeholder || !props.required) && _react2.default.createElement(
-            'option',
-            { value: '', disabled: props.required, hidden: props.required },
-            props.placeholder ? props.placeholder : props.label
-        ),
+        (!!props.placeholder || !props.required) && (0, _jsx3.default)('option', {
+            value: '',
+            disabled: props.required,
+            hidden: props.required
+        }, void 0, props.placeholder ? props.placeholder : props.label),
         props.allowedValues.map(function (value) {
-            return _react2.default.createElement(
-                'option',
-                { key: value, value: value },
-                props.transform ? props.transform(value) : value
-            );
+            return (0, _jsx3.default)('option', {
+                value: value
+            }, value, props.transform ? props.transform(value) : value);
         })
@@ -85,0 +82,0 @@ );

lib/components/fields/SubmitField.js

@@ -11,2 +11,6 @@ 'use strict';
 
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
@@ -58,12 +62,8 @@
         (0, _extends3.default)({ className: (0, _classnames2.default)(className, { 'has-danger': error, row: grid }) }, (0, _uniforms.filterDOMProps)(props)),
-        hasWrap && _react2.default.createElement(
-            'label',
-            { className: (0, _classnames2.default)('form-control-label', (0, _gridClassName2.default)(grid, 'label')) },
-            '\xA0'
-        ),
-        hasWrap && _react2.default.createElement(
-            'section',
-            { className: (0, _classnames2.default)(wrapClassName, (0, _gridClassName2.default)(grid, 'input')) },
-            blockInput
-        ),
+        hasWrap && (0, _jsx3.default)('label', {
+            className: (0, _classnames2.default)('form-control-label', (0, _gridClassName2.default)(grid, 'label'))
+        }, void 0, '\xA0'),
+        hasWrap && (0, _jsx3.default)('section', {
+            className: (0, _classnames2.default)(wrapClassName, (0, _gridClassName2.default)(grid, 'input'))
+        }, void 0, blockInput),
         !hasWrap && blockInput
@@ -70,0 +70,0 @@ );

lib/lib/wrapField.js

@@ -6,2 +6,7 @@ 'use strict';
 });
+
+var _jsx2 = require('babel-runtime/helpers/jsx');
+
+var _jsx3 = _interopRequireDefault(_jsx2);
+
 exports.default = wrapField;
@@ -39,40 +44,23 @@
 
-    var blockError = !!(errorMessage && showInlineError) && _react2.default.createElement(
-        'span',
-        { className: 'form-text text-danger' },
-        errorMessage
-    );
+    var blockError = !!(errorMessage && showInlineError) && (0, _jsx3.default)('span', {
+        className: 'form-text text-danger'
+    }, void 0, errorMessage);
 
-    var blockHelp = !!help && _react2.default.createElement(
-        'span',
-        { className: (0, _classnames2.default)('form-text', helpClassName || 'text-muted') },
-        help
-    );
+    var blockHelp = !!help && (0, _jsx3.default)('span', {
+        className: (0, _classnames2.default)('form-text', helpClassName || 'text-muted')
+    }, void 0, help);
 
-    return _react2.default.createElement(
-        'section',
-        {
-            className: (0, _classnames2.default)(className, 'form-group', {
-                'has-danger': error,
-                disabled: disabled,
-                required: required,
-                row: grid
-            })
-        },
-        label && _react2.default.createElement(
-            'label',
-            { htmlFor: id, className: (0, _classnames2.default)('form-control-label', (0, _gridClassName2.default)(grid, 'label')) },
-            label
-        ),
-        hasWrap && _react2.default.createElement(
-            'section',
-            { className: (0, _classnames2.default)(wrapClassName, (0, _gridClassName2.default)(grid, 'input')) },
-            children,
-            blockHelp,
-            blockError
-        ),
-        !hasWrap && children,
-        !hasWrap && blockHelp,
-        !hasWrap && blockError
-    );
+    return (0, _jsx3.default)('section', {
+        className: (0, _classnames2.default)(className, 'form-group', {
+            'has-danger': error,
+            disabled: disabled,
+            required: required,
+            row: grid
+        })
+    }, void 0, label && (0, _jsx3.default)('label', {
+        htmlFor: id,
+        className: (0, _classnames2.default)('form-control-label', (0, _gridClassName2.default)(grid, 'label'))
+    }, void 0, label), hasWrap && (0, _jsx3.default)('section', {
+        className: (0, _classnames2.default)(wrapClassName, (0, _gridClassName2.default)(grid, 'input'))
+    }, void 0, children, blockHelp, blockError), !hasWrap && children, !hasWrap && blockHelp, !hasWrap && blockError);
 }

package.json

 {
   "name": "uniforms-bootstrap4",
-  "version": "1.5.0",
+  "version": "1.6.0-beta.1",
   "main": "lib/index.js",
@@ -41,2 +41,3 @@ "jsnext:main": "src/index.js",
     "babel-plugin-transform-object-assign": "^6.8.0",
+    "babel-plugin-transform-react-inline-elements": "^6.8.0",
     "babel-plugin-transform-runtime": "^6.15.0",
@@ -52,5 +53,5 @@ "babel-preset-es2015": "^6.18.0",
     "eslint-config-vazco": "2.2.0",
-    "eslint-plugin-babel": "^3.3.0",
-    "eslint-plugin-react": "^6.5.0",
-    "eslint-plugin-vazco": "^1.0.0",
+    "eslint-plugin-babel": "3.3.0",
+    "eslint-plugin-react": "6.5.0",
+    "eslint-plugin-vazco": "1.0.0",
     "jsdom": "^9.8.3",
@@ -68,3 +69,3 @@ "mocha": "^3.1.2",
     "react": "^15.0.0 || ^0.14.0",
-    "uniforms": "^1.5.0"
+    "uniforms": "^1.6.0-beta.1"
   },
@@ -74,2 +75,3 @@ "babel": {
       "transform-object-assign",
+      "transform-react-inline-elements",
       "transform-runtime"
@@ -111,6 +113,4 @@ ],
     "babel-runtime": "^6.18.0",
-    "classnames": "^2.2.5",
-    "invariant": "^2.2.1",
-    "warning": "^3.0.0"
+    "classnames": "^2.2.5"
   }
 }

src/components/fields/AutoField.js

@@ -1,2 +0,2 @@
-import invariant       from 'invariant';
+import invariant       from 'fbjs/lib/invariant';
 import {connectField}  from 'uniforms';
@@ -3,0 +3,0 @@ import {createElement} from 'react';

src/components/fields/FormGroup.js

@@ -1,2 +0,2 @@
-import warning from 'warning';
+import warning from 'fbjs/lib/warning';
 
@@ -3,0 +3,0 @@ import wrapField from '../../lib/wrapField';

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Dependency count

4

-33.33%

Worsened metrics

Total package byte prevSize

83450

-0.31%

Dev dependency count

27

3.85%

Lines of code

1951

-1.71%

Number of low quality alerts

1

Infinity%

Dependency changes

• - Removed

  invariant@^2.2.1

• - Removed

  warning@^3.0.0

• - Removed

  warning@3.0.0
  (transitive)