@cimpress/react-components - npm Package Compare versions

Comparing version 0.9.1 to 1.0.0

CHANGELOG.md

@@ -5,2 +5,17 @@ # MCP MEX React Components
 
+### 1.0.x
+###### 2017-09-18
+
+Components can be imported 2 ways now:
+* `import Modal from '@cimpress/react-components/lib/Modal';`
+  - This will *slightly* reduce your bundle size by only including the necessary code from `@cimpress/react-components`
+* `import { Modal } from '@cimpress/react-components';`
+  - This is officially supported now. **Note:** importing components this way will result in a *slightly* larger bundle
+
+Breaking Changes:
+* renamed:    lib/shapes/cardHeader.js -> lib/shapes/CardHeader.js
+* renamed:    lib/shapes/circle.js -> lib/shapes/Circle.js
+* renamed:    lib/shapes/spinner.js -> lib/shapes/Spinner.js
+* renamed:    lib/shapes/404.js -> lib/shapes/SVG404.js
+
 ### 0.9.x
@@ -7,0 +22,0 @@ ###### 2017-09-14

lib/Accordion.js

@@ -115,3 +115,2 @@ 'use strict';
   className: ''
-};
-//# sourceMappingURL=Accordion.js.map
+};

lib/Alert.js

@@ -112,3 +112,2 @@ 'use strict';
   type: 'danger'
-};
-//# sourceMappingURL=Alert.js.map
+};

lib/Checkbox.js

@@ -174,3 +174,2 @@ 'use strict';
   className: ''
-};
-//# sourceMappingURL=Checkbox.js.map
+};

lib/colors.js

@@ -82,3 +82,2 @@ 'use strict';
   darkest: '#9E2810'
-};
-//# sourceMappingURL=colors.js.map
+};

lib/Drawer.js

@@ -167,3 +167,2 @@ 'use strict';
   position: 'right'
-};
-//# sourceMappingURL=Drawer.js.map
+};

lib/Footer.js

@@ -41,3 +41,2 @@ 'use strict';
 
-exports.default = Footer;
-//# sourceMappingURL=Footer.js.map
+exports.default = Footer;

lib/FourOhFour.js

@@ -17,3 +17,3 @@ 'use strict';
 
-var _ = require('./shapes/404');
+var _shapes = require('./shapes');
 
@@ -50,3 +50,3 @@ var _colors = require('./colors');
           { style: { maxWidth: '550px', margin: '0 auto' } },
-          _react2.default.createElement(_.FourOhFourImage, null)
+          _react2.default.createElement(_shapes.SVG404, null)
         ),
@@ -79,3 +79,2 @@ _react2.default.createElement(
   message: 'Oops! Something has gone wrong and the page you were looking for could not be displayed. Try the homepage.'
-};
-//# sourceMappingURL=FourOhFour.js.map
+};

lib/Header.js

@@ -280,3 +280,2 @@ 'use strict';
   showLeftNav: true
-};
-//# sourceMappingURL=Header.js.map
+};

lib/headerFallbackNavLinks.js

@@ -110,3 +110,2 @@ 'use strict';
 //   {/*<a href="https://static.mex.cimpress.io/coming-soon.html" className="list-group-item"><i className="fa fa-question-circle-o"></i>Support</a>*/}
-// </div>
-//# sourceMappingURL=headerFallbackNavLinks.js.map
+// </div>

lib/index.js

@@ -6,4 +6,24 @@ 'use strict';
 });
-exports.TextField = exports.Snackbar = exports.Logo = exports.Header = exports.Footer = undefined;
+exports.Tooltip = exports.Toggle = exports.TextField = exports.Stepper = exports.Step = exports.Snackbar = exports.shapes = exports.RadioGroup = exports.Radio = exports.Profile = exports.Notifications = exports.Modal = exports.Logo = exports.Header = exports.FourOhFour = exports.Footer = exports.Drawer = exports.colors = exports.Checkbox = exports.Alert = exports.Accordion = undefined;
 
+var _Accordion = require('./Accordion');
+
+var _Accordion2 = _interopRequireDefault(_Accordion);
+
+var _Alert = require('./Alert');
+
+var _Alert2 = _interopRequireDefault(_Alert);
+
+var _Checkbox = require('./Checkbox');
+
+var _Checkbox2 = _interopRequireDefault(_Checkbox);
+
+var _colors = require('./colors');
+
+var colors = _interopRequireWildcard(_colors);
+
+var _Drawer = require('./Drawer');
+
+var _Drawer2 = _interopRequireDefault(_Drawer);
+
 var _Footer = require('./Footer');
@@ -13,2 +33,6 @@
 
+var _FourOhFour = require('./FourOhFour');
+
+var _FourOhFour2 = _interopRequireDefault(_FourOhFour);
+
 var _Header = require('./Header');
@@ -22,2 +46,26 @@
 
+var _Modal = require('./Modal');
+
+var _Modal2 = _interopRequireDefault(_Modal);
+
+var _Notifications = require('./Notifications');
+
+var _Notifications2 = _interopRequireDefault(_Notifications);
+
+var _Profile = require('./Profile');
+
+var _Profile2 = _interopRequireDefault(_Profile);
+
+var _Radio = require('./Radio');
+
+var _Radio2 = _interopRequireDefault(_Radio);
+
+var _RadioGroup = require('./RadioGroup');
+
+var _RadioGroup2 = _interopRequireDefault(_RadioGroup);
+
+var _shapes = require('./shapes');
+
+var shapes = _interopRequireWildcard(_shapes);
+
 var _Snackbar = require('./Snackbar');
@@ -27,2 +75,10 @@
 
+var _Step = require('./Step');
+
+var _Step2 = _interopRequireDefault(_Step);
+
+var _Stepper = require('./Stepper');
+
+var _Stepper2 = _interopRequireDefault(_Stepper);
+
 var _TextField = require('./TextField');
@@ -32,9 +88,34 @@
 
+var _Toggle = require('./Toggle');
+
+var _Toggle2 = _interopRequireDefault(_Toggle);
+
+var _Tooltip = require('./Tooltip');
+
+var _Tooltip2 = _interopRequireDefault(_Tooltip);
+
+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)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+exports.Accordion = _Accordion2.default;
+exports.Alert = _Alert2.default;
+exports.Checkbox = _Checkbox2.default;
+exports.colors = colors;
+exports.Drawer = _Drawer2.default;
 exports.Footer = _Footer2.default;
+exports.FourOhFour = _FourOhFour2.default;
 exports.Header = _Header2.default;
 exports.Logo = _Logo2.default;
+exports.Modal = _Modal2.default;
+exports.Notifications = _Notifications2.default;
+exports.Profile = _Profile2.default;
+exports.Radio = _Radio2.default;
+exports.RadioGroup = _RadioGroup2.default;
+exports.shapes = shapes;
 exports.Snackbar = _Snackbar2.default;
+exports.Step = _Step2.default;
+exports.Stepper = _Stepper2.default;
 exports.TextField = _TextField2.default;
-//# sourceMappingURL=index.js.map
+exports.Toggle = _Toggle2.default;
+exports.Tooltip = _Tooltip2.default;

lib/Logo.js

@@ -88,3 +88,2 @@ 'use strict';
 
-exports.default = Logo;
-//# sourceMappingURL=Logo.js.map
+exports.default = Logo;

lib/Modal.js

@@ -150,3 +150,2 @@ 'use strict';
   children: _propTypes2.default.node
-};
-//# sourceMappingURL=Modal.js.map
+};

lib/Notifications.js

@@ -194,3 +194,2 @@ 'use strict';
   dateTimeComponent: _SimpleDate2.default
-};
-//# sourceMappingURL=Notifications.js.map
+};

lib/Profile.js

@@ -194,3 +194,2 @@ 'use strict';
   email: '[e-mail]'
-};
-//# sourceMappingURL=Profile.js.map
+};

lib/Radio.js

@@ -178,3 +178,2 @@ 'use strict';
   className: ''
-};
-//# sourceMappingURL=Radio.js.map
+};

lib/RadioGroup.js

@@ -184,3 +184,2 @@ 'use strict';
   inline: false
-};
-//# sourceMappingURL=RadioGroup.js.map
+};

lib/shapes/checkbox.js

@@ -146,3 +146,2 @@ 'use strict';
   color: _colors.teal.base
-};
-//# sourceMappingURL=checkbox.js.map
+};

lib/shapes/hamburger.js

@@ -84,3 +84,2 @@ 'use strict';
   color: _colors.white
-};
-//# sourceMappingURL=hamburger.js.map
+};

lib/shapes/radio.js

@@ -86,3 +86,2 @@ 'use strict';
   color: _colors.teal.base
-};
-//# sourceMappingURL=radio.js.map
+};

lib/SimpleDate.js

@@ -28,3 +28,2 @@ 'use strict';
 
-exports.default = SimpleDate;
-//# sourceMappingURL=SimpleDate.js.map
+exports.default = SimpleDate;

lib/Snackbar.js

@@ -170,3 +170,2 @@ 'use strict';
   onHideSnackbar: _propTypes2.default.func
-};
-//# sourceMappingURL=Snackbar.js.map
+};

lib/Step.js

@@ -17,5 +17,5 @@ 'use strict';
 
-var _circle = require('./shapes/circle');
+var _Circle = require('./shapes/Circle');
 
-var _circle2 = _interopRequireDefault(_circle);
+var _Circle2 = _interopRequireDefault(_Circle);
 
@@ -88,3 +88,3 @@ var _colors = require('./colors');
           { style: { display: 'flex', justifyContent: 'center', paddingBottom: children ? '0' : '16px' } },
-          _react2.default.createElement(_circle2.default, { color: color, outline: outline })
+          _react2.default.createElement(_Circle2.default, { color: color, outline: outline })
         ),
@@ -126,3 +126,2 @@ children ? _react2.default.createElement(
   tipDirection: 'top'
-};
-//# sourceMappingURL=Step.js.map
+};

lib/Stepper.js

@@ -104,3 +104,2 @@ 'use strict';
   bsStyle: 'success'
-};
-//# sourceMappingURL=Stepper.js.map
+};

lib/TextField.js

@@ -166,3 +166,2 @@ 'use strict';
   type: 'text'
-};
-//# sourceMappingURL=TextField.js.map
+};

lib/Toggle.js

@@ -54,3 +54,2 @@ 'use strict';
 
-exports.default = Toggle;
-//# sourceMappingURL=Toggle.js.map
+exports.default = Toggle;

lib/Tooltip.js

@@ -229,3 +229,2 @@ 'use strict';
 
-exports.default = (0, _reactClickOutside2.default)(Tooltip);
-//# sourceMappingURL=Tooltip.js.map
+exports.default = (0, _reactClickOutside2.default)(Tooltip);

package.json

 {
   "name": "@cimpress/react-components",
-  "version": "0.9.1",
+  "version": "1.0.0",
   "description": "React components to support the MCP styleguide",
@@ -45,3 +45,2 @@ "main": "lib/index.js",
     "gulp-babel": "^7.0.0",
-    "gulp-sourcemaps": "^2.6.1",
     "husky": "^0.13.3",
@@ -48,0 +47,0 @@ "jest": "^21.1.0",

Fixed alerts

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

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

Dev dependency count

31

decreased by-3.12%

Lines of code

3987

increased by0.3%

Number of medium maintenance alerts

0

decreased by-100%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

259129

decreased by-48.51%

Number of package files

39

decreased by-43.48%

No dependency changes