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

Comparing version 1.4.1 to 1.5.0

CHANGELOG.md

@@ -7,2 +7,7 @@ ChangeLog
 
+1.5.0 - (November 29, 2017)
+-----------------
+### Added
+* Collapsible Content Section to enable use of CollapsibleMenuView
+
 1.4.0 - (September 26, 2017)
@@ -9,0 +14,0 @@ -----------------

docs/props-table/ActionHeader.md

 ## ActionHeader Props Table
 | Prop Name | Type | Is Required | Default Value | Description |
 |-|-|-|-|-|
-| children| `element`| optional| `null`| Child element to be displayed on the right end of the header.|
+| children| `element`| optional| `null`| Child element to be displayed on the right end of the header. This is intended to be used with the CollapsibleMenuView.|
 | onBack| `func`| optional| `null`| Callback function for when the back button is clicked. The back button will not display if this is not set.|
@@ -6,0 +6,0 @@ | onClose| `func`| optional| `null`| Callback function for when the close button is clicked. The back button will not display if this is not set. On small viewports a back button will be displayed instead of a close button when a separate onBack callback is not set.|

lib/ActionHeader.js

@@ -116,2 +116,3 @@ 'use strict';
    * Child element to be displayed on the right end of the header.
+   * This is intended to be used with the CollapsibleMenuView.
    */
@@ -205,3 +206,2 @@ children: _propTypes2.default.element
     { className: cx('right-buttons') },
-    children,
     closeButton
@@ -220,19 +220,26 @@ );
     { className: cx('right-buttons') },
-    children,
     closeButtonSmall
   );
 
-  var actionHeader = _react2.default.createElement(_terraClinicalHeader2.default, _extends({}, attributes, {
-    'data-terra-clincial-action-header': true,
-    startContent: leftButtonsDefault,
-    title: title,
-    endContent: rightButtonsDefault
-  }));
+  var actionHeader = _react2.default.createElement(
+    _terraClinicalHeader2.default,
+    _extends({}, attributes, {
+      'data-terra-clincial-action-header': true,
+      startContent: leftButtonsDefault,
+      title: title,
+      endContent: rightButtonsDefault
+    }),
+    children
+  );
 
-  var smallActionHeader = _react2.default.createElement(_terraClinicalHeader2.default, _extends({}, attributes, {
-    'data-terra-clincial-action-header': true,
-    startContent: leftButtonsSmall,
-    title: title,
-    endContent: rightButtonsSmall
-  }));
+  var smallActionHeader = _react2.default.createElement(
+    _terraClinicalHeader2.default,
+    _extends({}, attributes, {
+      'data-terra-clincial-action-header': true,
+      startContent: leftButtonsSmall,
+      title: title,
+      endContent: rightButtonsSmall
+    }),
+    children
+  );
 
@@ -239,0 +246,0 @@ return _react2.default.createElement(_terraResponsiveElement2.default, {

package.json

 {
   "name": "terra-clinical-action-header",
   "main": "lib/ActionHeader.js",
-  "version": "1.4.1",
+  "version": "1.5.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,3 +33,3 @@ "repository": {
     "terra-button-group": "^1.0.0",
-    "terra-clinical-header": "^1.6.0",
+    "terra-clinical-header": "^1.7.0",
     "terra-icon": "^1.0.0"
@@ -43,3 +43,3 @@ },
     "terra-button-group": "^1.0.0",
-    "terra-clinical-header": "^1.6.0",
+    "terra-clinical-header": "^1.7.0",
     "terra-icon": "^1.0.0",
@@ -46,0 +46,0 @@ "terra-responsive-element": "^1.0.0"

No alert changes

Improved metrics

Total package byte prevSize

30452

increased by0.96%

Lines of code

243

increased by2.97%

Dependency changes

• Updatedterra-clinical-header@^1.7.0