armstrong-react - npm Package Compare versions

Comparing version 2.5.17 to 2.5.18

dist/components/form/inputs/checkboxInput.js

@@ -25,5 +25,5 @@ "use strict";
         var _this = this;
-        var id = form_1.generateUniqueId(function (u) { return "checkbox_" + u; });
         var validationMessage = formCore_1.DataValidationMessage.get(this.props);
-        var _a = this.props, validationMode = _a.validationMode, labelContent = _a.labelContent, attrs = tslib_1.__rest(_a, ["validationMode", "labelContent"]);
+        var _a = this.props, validationMode = _a.validationMode, labelContent = _a.labelContent, id = _a.id, attrs = tslib_1.__rest(_a, ["validationMode", "labelContent", "id"]);
+        var autoId = id || form_1.generateUniqueId(function (u) { return "checkbox_" + u; });
         var classes = classNames_1.ClassHelpers.classNames("armstrong-input", "checkbox", this.props.className, {
@@ -33,5 +33,5 @@ "show-validation": (validationMode !== "none" && validationMessage)
         return (React.createElement("div", { className: classes },
-            React.createElement("input", tslib_1.__assign({}, attrs, { ref: function (i) { return _this.input = i; }, id: id, type: "checkbox" })),
-            React.createElement("label", { htmlFor: id }),
-            React.createElement("label", { className: "checkbox-label", htmlFor: id }, labelContent)));
+            React.createElement("input", tslib_1.__assign({}, attrs, { ref: function (i) { return _this.input = i; }, id: autoId, type: "checkbox" })),
+            React.createElement("label", { htmlFor: autoId }),
+            React.createElement("label", { className: "checkbox-label", htmlFor: autoId }, labelContent)));
     };
@@ -38,0 +38,0 @@ CheckboxInput.defaultProps = {

dist/components/form/inputs/radioInput.js

@@ -26,4 +26,4 @@ "use strict";
         var validationMessage = formCore_1.DataValidationMessage.get(this.props);
-        var _a = this.props, labelContent = _a.labelContent, validationMode = _a.validationMode, attrs = tslib_1.__rest(_a, ["labelContent", "validationMode"]);
-        var id = form_1.generateUniqueId(function (u) { return "radio_" + u; });
+        var _a = this.props, labelContent = _a.labelContent, validationMode = _a.validationMode, id = _a.id, attrs = tslib_1.__rest(_a, ["labelContent", "validationMode", "id"]);
+        var autoId = id || form_1.generateUniqueId(function (u) { return "radio_" + u; });
         var classes = classNames_1.ClassHelpers.classNames("armstrong-input", "radio", this.props.className, {
@@ -33,5 +33,5 @@ "show-validation": (validationMode !== "none" && validationMessage)
         return (React.createElement("div", { className: classes, title: validationMessage },
-            React.createElement("input", tslib_1.__assign({ id: id }, attrs, { ref: function (i) { return _this.input = i; }, type: "radio" }, formCore_1.DataValidationMessage.spread(validationMessage))),
-            React.createElement("label", { htmlFor: id }),
-            React.createElement("label", { className: "radio-label", htmlFor: id }, labelContent)));
+            React.createElement("input", tslib_1.__assign({ id: autoId }, attrs, { ref: function (i) { return _this.input = i; }, type: "radio" }, formCore_1.DataValidationMessage.spread(validationMessage))),
+            React.createElement("label", { htmlFor: autoId }),
+            React.createElement("label", { className: "radio-label", htmlFor: autoId }, labelContent)));
     };
@@ -38,0 +38,0 @@ RadioInput.defaultProps = {

dist/components/navigation/burgerMenu.d.ts

@@ -10,2 +10,4 @@ /// <reference types="react" />
     mode?: "push" | "slide";
+    /** ID for the burger menu node, avoids auto-generation for isomorphic use. */
+    burgerMenuId?: string;
 }
@@ -12,0 +14,0 @@ export declare class BurgerMenu extends React.Component<IBurgerMenuProps, {}> {

dist/components/navigation/burgerMenu.js

@@ -12,3 +12,3 @@ "use strict";
         var _this = _super.call(this, props) || this;
-        _this.menuId = form_1.generateUniqueId(function (u) { return "burger-menu-" + u; });
+        _this.menuId = props.burgerMenuId || form_1.generateUniqueId(function (u) { return "burger-menu-" + u; });
         return _this;
@@ -15,0 +15,0 @@ }

package.json

 {
   "name": "armstrong-react",
-  "version": "2.5.17",
+  "version": "2.5.18",
   "description": "Rocketmakers Armstrong library of React components",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

762803

0.05%

Lines of code

15059

0.03%

No dependency changes