terra-clinical-action-header - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

CHANGELOG.md

 ChangeLog
 =========
 
+Unreleased
+----------
+
+1.1.0 - (July 18, 2017)
+-----------------
+### Changed
+* Converted component to use CSS modules
+* Updated nightwatch test scripts
+
+### Removed
+* Removed nightwatch.config file
+
 1.0.0 - (June 28, 2017)
 -----------------
 Initial stable release

lib/ActionHeader.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _bind = require('classnames/bind');
+
+var _bind2 = _interopRequireDefault(_bind);
+
 var _propTypes = require('prop-types');
@@ -60,4 +64,6 @@
 
-require('./ActionHeader.scss');
+var _ActionHeader = require('./ActionHeader.scss');
 
+var _ActionHeader2 = _interopRequireDefault(_ActionHeader);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -67,2 +73,4 @@
 
+var cx = _bind2.default.bind(_ActionHeader2.default);
+
 var propTypes = {
@@ -156,4 +164,4 @@ /**
 
-  var closeButton = onClose ? _react2.default.createElement(_terraButton2.default, { icon: _react2.default.createElement(_IconClose2.default, { ariaLabel: closeText }), onClick: onClose }) : null;
-  var backButton = onBack ? _react2.default.createElement(_terraButton2.default, { icon: _react2.default.createElement(_IconLeft2.default, { ariaLabel: backText }), onClick: onBack }) : null;
+  var closeButton = onClose ? _react2.default.createElement(_terraButton2.default, { icon: _react2.default.createElement(_IconClose2.default, null), 'aria-label': closeText, onClick: onClose }) : null;
+  var backButton = onBack ? _react2.default.createElement(_terraButton2.default, { icon: _react2.default.createElement(_IconLeft2.default, null), 'aria-label': backText, onClick: onBack }) : null;
 
@@ -163,3 +171,3 @@ var closeButtonSmall = void 0;
   if (onClose && !onBack) {
-    backButtonSmall = _react2.default.createElement(_terraButton2.default, { icon: _react2.default.createElement(_IconLeft2.default, { ariaLabel: backText }), onClick: onClose });
+    backButtonSmall = _react2.default.createElement(_terraButton2.default, { icon: _react2.default.createElement(_IconLeft2.default, null), 'aria-label': backText, onClick: onClose });
     closeButtonSmall = null;
@@ -174,5 +182,5 @@ } else {
     if (onMaximize) {
-      expandButton = _react2.default.createElement(_terraButton2.default, { icon: _react2.default.createElement(_IconMaximize2.default, { ariaLabel: maximizeText }), onClick: onMaximize });
+      expandButton = _react2.default.createElement(_terraButton2.default, { icon: _react2.default.createElement(_IconMaximize2.default, null), 'aria-label': maximizeText, onClick: onMaximize });
     } else if (onMinimize) {
-      expandButton = _react2.default.createElement(_terraButton2.default, { icon: _react2.default.createElement(_IconMinimize2.default, { ariaLabel: minimizeText }), onClick: onMinimize });
+      expandButton = _react2.default.createElement(_terraButton2.default, { icon: _react2.default.createElement(_IconMinimize2.default, null), 'aria-label': minimizeText, onClick: onMinimize });
     }
@@ -186,4 +194,4 @@ }
       null,
-      _react2.default.createElement(_terraButtonGroup2.default.Button, { icon: _react2.default.createElement(_IconChevronUp2.default, { ariaLabel: previousText }), onClick: onPrevious, key: 'ActionHeaderPrevious' }),
-      _react2.default.createElement(_terraButtonGroup2.default.Button, { icon: _react2.default.createElement(_IconChevronDown2.default, { ariaLabel: nextText }), onClick: onNext, key: 'ActionHeaderNext' })
+      _react2.default.createElement(_terraButtonGroup2.default.Button, { icon: _react2.default.createElement(_IconChevronUp2.default, null), 'aria-label': previousText, onClick: onPrevious, key: 'ActionHeaderPrevious' }),
+      _react2.default.createElement(_terraButtonGroup2.default.Button, { icon: _react2.default.createElement(_IconChevronDown2.default, null), 'aria-label': nextText, onClick: onNext, key: 'ActionHeaderNext' })
     );
@@ -194,3 +202,3 @@ }
     'div',
-    { className: 'terraClinical-ActionHeader-leftButtons' },
+    { className: cx('left-buttons') },
     backButton,
@@ -203,3 +211,3 @@ expandButton,
     'div',
-    { className: 'terraClinical-ActionHeader-rightButtons' },
+    { className: cx('right-buttons') },
     children,
@@ -211,3 +219,3 @@ closeButton
     'div',
-    { className: 'terraClinical-ActionHeader-leftButtons' },
+    { className: cx('left-buttons') },
     backButtonSmall,
@@ -219,3 +227,3 @@ previousNextButtonGroup
     'div',
-    { className: 'terraClinical-ActionHeader-rightButtons' },
+    { className: cx('right-buttons') },
     children,
@@ -226,2 +234,3 @@ closeButtonSmall
   var actionHeader = _react2.default.createElement(_terraClinicalHeader2.default, _extends({}, attributes, {
+    'data-class': 'action-header',
     startContent: leftButtonsDefault,
@@ -233,2 +242,3 @@ title: title,
   var smallActionHeader = _react2.default.createElement(_terraClinicalHeader2.default, _extends({}, attributes, {
+    'data-class': 'action-header',
     startContent: leftButtonsSmall,
@@ -235,0 +245,0 @@ title: title,

package.json

 {
   "name": "terra-clinical-action-header",
   "main": "lib/ActionHeader.js",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "An action header is a header bar with a grey background containing actionable navigation buttons, a left aligned title, and a space for an additional element to be added on the right side.",
@@ -33,5 +33,4 @@ "repository": {
     "terra-button-group": "^1.0.0",
-    "terra-clinical-header": "^1.0.0",
-    "terra-icon": "^1.0.0",
-    "terra-mixins": "^1.0.0"
+    "terra-clinical-header": "^1.1.0",
+    "terra-icon": "^1.0.0"
   },
@@ -44,5 +43,4 @@ "dependencies": {
     "terra-button-group": "^1.0.0",
-    "terra-clinical-header": "^1.0.0",
+    "terra-clinical-header": "^1.1.0",
     "terra-icon": "^1.0.0",
-    "terra-mixins": "^1.0.0",
     "terra-responsive-element": "^1.0.0"
@@ -61,9 +59,7 @@ },
     "test:all": "npm run test:nightwatch-default && npm run test:nightwatch-chrome && npm run test:nightwatch-firefox && npm run test:nightwatch-safari",
-    "test:nightwatch-default": "WEBPACK_CONFIG_PATH=../../../../terra-clinical-site/webpack.config SPECTRE_TEST_SUITE=terra-clinical-action-header node ../../node_modules/terra-toolkit/lib/scripts/nightwatch.js",
-    "test:nightwatch-chrome": "WEBPACK_CONFIG_PATH=../../../../terra-clinical-site/webpack.config SPECTRE_TEST_SUITE=terra-clinical-action-header node ../../node_modules/terra-toolkit/lib/scripts/nightwatch.js chrome",
-    "test:nightwatch-firefox": "WEBPACK_CONFIG_PATH=../../../../terra-clinical-site/webpack.config SPECTRE_TEST_SUITE=terra-clinical-action-header node ../../node_modules/terra-toolkit/lib/scripts/nightwatch.js firefox",
-    "test:nightwatch-safari": "WEBPACK_CONFIG_PATH=../../../../terra-clinical-site/webpack.config SPECTRE_TEST_SUITE=terra-clinical-action-header node ../../node_modules/terra-toolkit/lib/scripts/nightwatch-non-parallel.js safari",
-    "test:remote": "WEBPACK_CONFIG_PATH=../../../../terra-clinical-site/webpack.config REMOTE=true SPECTRE_TEST_SUITE=terra-clinical-action-header node ../../node_modules/terra-toolkit/lib/scripts/nightwatch-process.js --config tests/nightwatch.conf.js",
-    "test:remote:all": "WEBPACK_CONFIG_PATH=../../../../terra-clinical-site/webpack.config REMOTE=true SPECTRE_TEST_SUITE=terra-clinical-action-header node ../../node_modules/terra-toolkit/lib/scripts/nightwatch-process.js --config tests/nightwatch.conf.js --env chrome-tiny,chrome-small,chrome-medium,chrome-large,chrome-huge,chrome-enormous,firefox-tiny,firefox-small,firefox-medium,firefox-large,firefox-huge,firefox-enormous,ie10-tiny,ie10-small,ie10-medium,ie10-large,ie10-huge,ie10-enormous,ie11-tiny,ie11-small,ie11-medium,ie11-large,ie11-huge,ie11-enormous,edge-tiny,edge-small,edge-medium,edge-large,edge-huge,edge-enormous,safari-tiny,safari-small,safari-medium,safari-large,safari-huge,safari-enormous"
+    "test:nightwatch-default": "SPECTRE_TEST_SUITE=terra-clinical-action-header node ../../node_modules/terra-toolkit/lib/scripts/nightwatch.js",
+    "test:nightwatch-chrome": "SPECTRE_TEST_SUITE=terra-clinical-action-header node ../../node_modules/terra-toolkit/lib/scripts/nightwatch.js chrome",
+    "test:nightwatch-firefox": "SPECTRE_TEST_SUITE=terra-clinical-action-header node ../../node_modules/terra-toolkit/lib/scripts/nightwatch.js firefox",
+    "test:nightwatch-safari": "SPECTRE_TEST_SUITE=terra-clinical-action-header node ../../node_modules/terra-toolkit/lib/scripts/nightwatch-non-parallel.js safari"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dependency count

15

decreased by-11.76%

Lines of code

236

increased by2.61%

Worsened metrics

Total package byte prevSize

30586

decreased by-3.04%

Dependency changes

• - Removedterra-mixins@^1.0.0

• Updatedterra-clinical-header@^1.1.0