feat(core): map editor hidden keys

app/scripts/modules/core/src/forms/mapEditor/mapEditor.component.html

@@ -14,7 +14,7 @@
     </tr>
     </thead>
     <tbody>
-    <tr ng-repeat="pair in $ctrl.backingModel">
+    <tr ng-repeat="pair in $ctrl.backingModel" ng-if="!$ctrl.hiddenKeys.includes(pair.key)">
       <td class="table-label" ng-if="$ctrl.labelsLeft"><b>{{$ctrl.keyLabel}}</b></td>
       <td><input class="form-control input input-sm" type="text"
                  name="{{$index}}"

app/scripts/modules/core/src/forms/mapEditor/mapEditor.component.js

@@ -19,6 +19,7 @@ module.exports = angular
       onChange: '&',
       labelsLeft: '<?',
       label: '@',
+      hiddenKeys: '<',
     },
     controller: function($scope) {
       this.backingModel = [];
@@ -34,6 +35,7 @@ module.exports = angular
       this.columnCount = (this.labelsLeft ? 5 : 3);
       this.model = this.model || {};
       this.isParameterized = isString(this.model);
+      this.hiddenKeys = this.hiddenKeys || [];
 
       let modelKeys = () => Object.keys(this.model);
 

app/scripts/modules/core/src/forms/mapEditor/mapEditor.component.spec.js

@@ -187,6 +187,16 @@ describe('Component: mapEditor', function () {
     });
   });
 
-
+  describe('hidden keys', function() {
+    it('does not render key if included in `hiddenKeys`', function() {
+      scope.model = { a: '1', b: '2' };
+      scope.hiddenKeys = ['a'];
+      const dom = this.compile('<map-editor model="model" hidden-keys="hiddenKeys"></map-editor>')(scope);
+      scope.$digest();
+      expect($(dom.find('tbody tr')).length).toBe(1);
+      expect(dom.find('input').get(0).value).toBe('b');
+      expect(dom.find('input').get(1).value).toBe('2');
+    });
+  });
 
 });