@kineticdata/react 6.0.1 → 6.0.2

package/lib/components/common/authentication/RequestInterceptor.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 var tokenEndpointPattern = /\/app\/(loghub|system-coordinator)\/(refresh|components|api\/v\d)/;
-var RequestInterceptor = /*#__PURE__*/function () {
+var RequestInterceptor = exports["default"] = /*#__PURE__*/function () {
   function RequestInterceptor(store) {
     (0, _classCallCheck2["default"])(this, RequestInterceptor);
     this.store = store;
@@ -28,7 +28,6 @@ var RequestInterceptor = /*#__PURE__*/function () {
       var _this = this;
       return config.__bypassInitInterceptor ? config : this.initPromise.then(function () {
         var _this$store$getState$ = _this.store.getState().get('session').toObject(),
-          csrfToken = _this$store$getState$.csrfToken,
           loggedIn = _this$store$getState$.loggedIn,
           token = _this$store$getState$.token;
         if (!loggedIn) {
@@ -37,16 +36,9 @@ var RequestInterceptor = /*#__PURE__*/function () {
         if (token && config.url.match(tokenEndpointPattern)) {
           config.headers.Authorization = 'Bearer ' + token;
         }
-        if (csrfToken) {
-          // we need to set xsrfCookieName otherwise axios will override the
-          // xsrf header that we set manually
-          config.xsrfCookieName = 'DONT_USE_COOKIES_FOR_XSRF_TOKEN';
-          config.headers['X-XSRF-TOKEN'] = csrfToken;
-        }
         return config;
       });
     }
   }]);
   return RequestInterceptor;
-}();
-exports["default"] = RequestInterceptor;
+}();

package/lib/components/common/code_input/CodeInput.js

@@ -20,7 +20,7 @@ var _reactPopper = require("react-popper");
 var _draftHelpers = require("./draftHelpers");
 var _languageHelpers = require("./languageHelpers");
 var _Scroller = require("../Scroller");
-var CodeInput = /*#__PURE__*/function (_Component) {
+var CodeInput = exports.CodeInput = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CodeInput, _Component);
   var _super = (0, _createSuper2["default"])(CodeInput);
   function CodeInput(props) {
@@ -138,12 +138,8 @@ var CodeInput = /*#__PURE__*/function (_Component) {
       _this.onChange((0, _draftHelpers.startTypeahead)(_this.state.editorState));
     };
     _this.copy = function () {
-      var el = document.createElement('textarea');
-      el.value = _this.state.editorState.getCurrentContent().getFirstBlock().getText();
-      document.body.appendChild(el);
-      el.select();
-      document.execCommand('copy');
-      document.body.removeChild(el);
+      var value = _this.state.editorState.getCurrentContent().getFirstBlock().getText();
+      return navigator.clipboard.writeText(value);
     };
     _this.newLine = '\n';
     _this.indentation = '  ';
@@ -313,5 +309,4 @@ var CodeInput = /*#__PURE__*/function (_Component) {
     }
   }]);
   return CodeInput;
-}(_react.Component);
-exports.CodeInput = CodeInput;
+}(_react.Component);

package/lib/components/common/code_input/draftHelpers.js

@@ -27,7 +27,7 @@ var selectionEntity = {
 var matches = function matches(searcher, text) {
   return text.toLowerCase().indexOf(searcher.toLowerCase()) > -1;
 };
-var nextTypeaheadItem = function nextTypeaheadItem(editorState) {
+var nextTypeaheadItem = exports.nextTypeaheadItem = function nextTypeaheadItem(editorState) {
   var filterEntity = getEntities(editorState).last();
   var data = filterEntity.data;
   var active = (data.active + 1) % data.options.size;
@@ -38,8 +38,7 @@ var nextTypeaheadItem = function nextTypeaheadItem(editorState) {
     })
   }))(editorState);
 };
-exports.nextTypeaheadItem = nextTypeaheadItem;
-var previousTypeaheadItem = function previousTypeaheadItem(editorState) {
+var previousTypeaheadItem = exports.previousTypeaheadItem = function previousTypeaheadItem(editorState) {
   var filterEntity = getEntities(editorState).last();
   var data = filterEntity.data;
   var n = data.options.size;
@@ -52,15 +51,13 @@ var previousTypeaheadItem = function previousTypeaheadItem(editorState) {
     })
   }))(editorState);
 };
-exports.previousTypeaheadItem = previousTypeaheadItem;
-var traverseBindings = function traverseBindings(bindings, _ref) {
+var traverseBindings = exports.traverseBindings = function traverseBindings(bindings, _ref) {
   var _ref2 = (0, _toArray2["default"])(_ref),
     head = _ref2[0],
     tail = _ref2.slice(1);
   return head ? traverseBindings(bindings.get(head).get('children'), tail) : bindings;
 };
-exports.traverseBindings = traverseBindings;
-var checkSelectionEntities = function checkSelectionEntities(editorState) {
+var checkSelectionEntities = exports.checkSelectionEntities = function checkSelectionEntities(editorState) {
   var entities = getEntities(editorState);
   if (!entities.isEmpty()) {
     var validEntities = entities.reduce(function (reduction, entity) {
@@ -92,8 +89,7 @@ var checkSelectionEntities = function checkSelectionEntities(editorState) {
   }
   return editorState;
 };
-exports.checkSelectionEntities = checkSelectionEntities;
-var applyFilter = function applyFilter(bindings) {
+var applyFilter = exports.applyFilter = function applyFilter(bindings) {
   return function (editorState) {
     var entities = getEntities(editorState);
     if (!entities.isEmpty()) {
@@ -133,8 +129,7 @@ var applyFilter = function applyFilter(bindings) {
     return editorState;
   };
 };
-exports.applyFilter = applyFilter;
-var checkSelectionPosition = function checkSelectionPosition(editorState) {
+var checkSelectionPosition = exports.checkSelectionPosition = function checkSelectionPosition(editorState) {
   var entities = getEntities(editorState);
   if (!entities.isEmpty()) {
     var selection = editorState.getSelection();
@@ -146,16 +141,14 @@ var checkSelectionPosition = function checkSelectionPosition(editorState) {
   }
   return editorState;
 };
-exports.checkSelectionPosition = checkSelectionPosition;
-var checkFocus = function checkFocus(editorState) {
+var checkFocus = exports.checkFocus = function checkFocus(editorState) {
   var entities = getEntities(editorState);
   if (!entities.isEmpty()) {
     return editorState.getSelection().getHasFocus() ? editorState : closeTypeahead(editorState);
   }
   return editorState;
 };
-exports.checkFocus = checkFocus;
-var startTypeahead = function startTypeahead(editorState) {
+var startTypeahead = exports.startTypeahead = function startTypeahead(editorState) {
   return apply(editorState, insertText({
     text: '$',
     entity: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, startEntity), {}, {
@@ -179,8 +172,7 @@ var startTypeahead = function startTypeahead(editorState) {
     }
   }));
 };
-exports.startTypeahead = startTypeahead;
-var closeTypeahead = function closeTypeahead(editorState) {
+var closeTypeahead = exports.closeTypeahead = function closeTypeahead(editorState) {
   var entities = getEntities(editorState);
   var start = entities.first().start;
   var end = entities.last().end;
@@ -192,8 +184,7 @@ var closeTypeahead = function closeTypeahead(editorState) {
     text: text
   }));
 };
-exports.closeTypeahead = closeTypeahead;
-var selectTypeaheadItem = function selectTypeaheadItem(self) {
+var selectTypeaheadItem = exports.selectTypeaheadItem = function selectTypeaheadItem(self) {
   return function (label, value, selection) {
     return function () {
       // determine how the selected value should be wrapped based on the language of
@@ -249,12 +240,10 @@ var selectTypeaheadItem = function selectTypeaheadItem(self) {
     };
   };
 };
-exports.selectTypeaheadItem = selectTypeaheadItem;
-var getEntities = function getEntities(editorState) {
+var getEntities = exports.getEntities = function getEntities(editorState) {
   return getEntitiesImpl(editorState.getCurrentContent().getFirstBlock(), editorState.getCurrentContent());
 };
-exports.getEntities = getEntities;
-var getEntitiesImpl = function getEntitiesImpl(block, content) {
+var getEntitiesImpl = exports.getEntitiesImpl = function getEntitiesImpl(block, content) {
   var text = block.getText();
   var ranges = [];
   block.findEntityRanges(function (character) {
@@ -285,8 +274,8 @@ var getEntitiesImpl = function getEntitiesImpl(block, content) {
 };
 
 // SUPER GENERIC HELPERS
-exports.getEntitiesImpl = getEntitiesImpl;
-var apply = function apply(editorState) {
+
+var apply = exports.apply = function apply(editorState) {
   for (var _len = arguments.length, operations = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     operations[_key - 1] = arguments[_key];
   }
@@ -296,8 +285,7 @@ var apply = function apply(editorState) {
     return op(reduction);
   }, editorState);
 };
-exports.apply = apply;
-var select = function select(_ref7) {
+var select = exports.select = function select(_ref7) {
   var anchor = _ref7.anchor,
     focus = _ref7.focus;
   return function (editorState) {
@@ -307,8 +295,7 @@ var select = function select(_ref7) {
     return _draftJs.EditorState.forceSelection(editorState, selection2);
   };
 };
-exports.select = select;
-var insertText = function insertText(_ref8) {
+var insertText = exports.insertText = function insertText(_ref8) {
   var text = _ref8.text,
     entity = _ref8.entity;
   return function (editorState) {
@@ -319,8 +306,7 @@ var insertText = function insertText(_ref8) {
     return _draftJs.EditorState.push(editorState, contentState2, 'insert-characters', true);
   };
 };
-exports.insertText = insertText;
-var applyEntity = function applyEntity(_ref9) {
+var applyEntity = exports.applyEntity = function applyEntity(_ref9) {
   var data = _ref9.data,
     end = _ref9.end,
     key = _ref9.key,
@@ -336,19 +322,16 @@ var applyEntity = function applyEntity(_ref9) {
     return _draftJs.EditorState.forceSelection(_draftJs.EditorState.push(editorState, contentState2, 'apply-entity'), editorState.getSelection());
   };
 };
-exports.applyEntity = applyEntity;
-var findByEntityType = function findByEntityType(type) {
+var findByEntityType = exports.findByEntityType = function findByEntityType(type) {
   return function (contentBlock, callback, contentState) {
     return contentBlock.findEntityRanges(function (_char) {
       return _char.getEntity() ? contentState.getEntity(_char.getEntity()).getType() === type : false;
     }, callback);
   };
 };
-exports.findByEntityType = findByEntityType;
-var getCurrentIndentation = function getCurrentIndentation(newLine, editorState) {
+var getCurrentIndentation = exports.getCurrentIndentation = function getCurrentIndentation(newLine, editorState) {
   var text = editorState.getCurrentContent().getBlockForKey(editorState.getSelection().getStartKey()).getText();
   var textBeforeCursor = text.slice(0, editorState.getSelection().getStartOffset());
   var lineBeforeCursor = textBeforeCursor.slice(textBeforeCursor.lastIndexOf(newLine) + 1);
   return lineBeforeCursor.replace(/\S.*$/, '');
-};
-exports.getCurrentIndentation = getCurrentIndentation;
+};

package/lib/components/common/code_input/languageHelpers.js

@@ -25,7 +25,7 @@ var processToken = function processToken() {
     }
   };
 };
-var processCode = function processCode(language) {
+var processCode = exports.processCode = function processCode(language) {
   return function (string) {
     for (var _len2 = arguments.length, parentTypes = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       parentTypes[_key2 - 1] = arguments[_key2];
@@ -33,11 +33,8 @@ var processCode = function processCode(language) {
     return _prismjs["default"].tokenize(string, language).flatMap(processToken.apply(void 0, parentTypes));
   };
 };
-exports.processCode = processCode;
-var processJavaScript = processCode(_prismjs["default"].languages.javascript);
-exports.processJavaScript = processJavaScript;
-var processRuby = processCode(_prismjs["default"].languages.ruby);
-exports.processRuby = processRuby;
+var processJavaScript = exports.processJavaScript = processCode(_prismjs["default"].languages.javascript);
+var processRuby = exports.processRuby = processCode(_prismjs["default"].languages.ruby);
 var countLength = function countLength(tokens) {
   return tokens.reduce(function (reduction, _ref) {
     var _ref2 = (0, _slicedToArray2["default"])(_ref, 1),
@@ -114,14 +111,11 @@ var processInterpolation = function processInterpolation(string) {
   });
   return result.concat(processJavaScriptTemplate(string.slice(countLength(result))));
 };
-var processTemplate = function processTemplate(openingString, processor) {
+var processTemplate = exports.processTemplate = function processTemplate(openingString, processor) {
   return function (string) {
     var openingIndex = string.indexOf(openingString);
     return openingIndex > -1 ? [[string.slice(0, openingIndex)]].concat((0, _toConsumableArray2["default"])(processor(string.slice(openingIndex)))) : [[string]];
   };
 };
-exports.processTemplate = processTemplate;
-var processErbTemplate = processTemplate('<%', processEmbeddedRuby);
-exports.processErbTemplate = processErbTemplate;
-var processJavaScriptTemplate = processTemplate('${', processInterpolation);
-exports.processJavaScriptTemplate = processJavaScriptTemplate;
+var processErbTemplate = exports.processErbTemplate = processTemplate('<%', processEmbeddedRuby);
+var processJavaScriptTemplate = exports.processJavaScriptTemplate = processTemplate('${', processInterpolation);

package/lib/components/common/code_input/languageHelpers.test.js

@@ -3,10 +3,10 @@
 var _languageHelpers = require("./languageHelpers");
 describe('processErbTemplate', function () {
   test('simple tokens', function () {
-    expect((0, _languageHelpers.processErbTemplate)("Hello <%= @results['Person'] %>")).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ['@results', 'variable', 'erb'], ['[', 'punctuation', 'erb'], ["'Person'", 'string', 'erb'], [']', 'punctuation', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
+    expect((0, _languageHelpers.processErbTemplate)("Hello <%= @results['Person'] %>")).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ['@results', 'variable', 'erb'], ['[', 'punctuation', 'erb'], ["'Person'", 'string', 'string-literal', 'erb'], [']', 'punctuation', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
   });
   test('should allow %> inside a string', function () {
-    expect((0, _languageHelpers.processErbTemplate)("Hello <%= '%>' %>")).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ["'%>'", 'string', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
+    expect((0, _languageHelpers.processErbTemplate)("Hello <%= '%>' %>")).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ["'%>'", 'string', 'string-literal', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
   });
   test('% and > need to be immediately adjacent', function () {
     expect((0, _languageHelpers.processErbTemplate)('Hello <%= % > %>')).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ['%', 'operator', 'erb'], [' ', 'erb'], ['>', 'operator', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
@@ -39,7 +39,7 @@ describe('processJavaScriptTemplate', function () {
   });
   test('add some objects inside to test curly behavior', function () {
     // eslint-disable-next-line no-template-curly-in-string
-    expect((0, _languageHelpers.processJavaScriptTemplate)('Hello ${{foo:{"bar":2}}}')).toEqual([['Hello '], ['${', 'opening-interpolation', 'js-template'], ['{', 'punctuation', 'js-template'], ['foo', 'js-template'], [':', 'operator', 'js-template'], ['{', 'punctuation', 'js-template'], ['"bar"', 'string', 'js-template'], [':', 'operator', 'js-template'], ['2', 'number', 'js-template'], ['}', 'punctuation', 'js-template'], ['}', 'punctuation', 'js-template'], ['}', 'closing-interpolation', 'js-template'], ['']]);
+    expect((0, _languageHelpers.processJavaScriptTemplate)('Hello ${{foo:{"bar":2}}}')).toEqual([['Hello '], ['${', 'opening-interpolation', 'js-template'], ['{', 'punctuation', 'js-template'], ['foo', 'literal-property', 'js-template'], [':', 'operator', 'js-template'], ['{', 'punctuation', 'js-template'], ['"bar"', 'string-property', 'js-template'], [':', 'operator', 'js-template'], ['2', 'number', 'js-template'], ['}', 'punctuation', 'js-template'], ['}', 'punctuation', 'js-template'], ['}', 'closing-interpolation', 'js-template'], ['']]);
   });
   test('multiple interpolations', function () {
     // eslint-disable-next-line no-template-curly-in-string
@@ -48,16 +48,18 @@ describe('processJavaScriptTemplate', function () {
 });
 describe('processRuby', function () {
   test('simple tokens', function () {
-    expect((0, _languageHelpers.processRuby)("'Hello ' + @results['Person']")).toEqual([["'Hello '", 'string'], [' '], ['+', 'operator'], [' '], ['@results', 'variable'], ['[', 'punctuation'], ["'Person'", 'string'], [']', 'punctuation']]);
+    expect((0, _languageHelpers.processRuby)("'Hello ' + @results['Person']")).toEqual([["'Hello '", 'string', 'string-literal'], [' '], ['+', 'operator'], [' '], ['@results', 'variable'], ['[', 'punctuation'], ["'Person'", 'string', 'string-literal'], [']', 'punctuation']]);
   });
   test('string with interpolation', function () {
-    expect((0, _languageHelpers.processRuby)("%^Hello #{ @results['Person'] }^")).toEqual([['%^Hello ', 'string'], ['#{', 'delimiter', 'interpolation', 'string'], [' ', 'interpolation', 'string'], ['@results', 'variable', 'interpolation', 'string'], ['[', 'punctuation', 'interpolation', 'string'], ["'Person'", 'string', 'interpolation', 'string'], [']', 'punctuation', 'interpolation', 'string'], [' ', 'interpolation', 'string'], ['}', 'delimiter', 'interpolation', 'string'], ['^', 'string']]);
+    expect((0, _languageHelpers.processRuby)("%^Hello #{ @results['Person'] }^")).toEqual([['%^Hello ', 'string', 'string-literal'], ['#{', 'delimiter', 'interpolation', 'string-literal'], [' ', 'content', 'interpolation', 'string-literal'], ['@results', 'variable', 'content', 'interpolation', 'string-literal'], ['[', 'punctuation', 'content', 'interpolation', 'string-literal'], ["'Person'", 'string', 'string-literal', 'content', 'interpolation', 'string-literal'], [']', 'punctuation', 'content', 'interpolation', 'string-literal'], [' ', 'content', 'interpolation', 'string-literal'], ['}', 'delimiter', 'interpolation', 'string-literal'], ['^', 'string', 'string-literal']]);
   });
   test('nested interpolation', function () {
-    expect((0, _languageHelpers.processRuby)('"#{"#{2}"}"')).toEqual([['"', 'string'], ['#{', 'delimiter', 'interpolation', 'string'],
+    expect((0, _languageHelpers.processRuby)('"#{"#{2}"}"')).toEqual([
     // prism's ruby parser does not support nested interpolation (thinks its a
     // comment) the commented code below is what it should be if it did
     // support that properly
+    // ['"', 'string'],
+    // ['#{', 'delimiter', 'interpolation', 'string'],
     // ['"', 'string', 'interpolation', 'string'],
     // ['#{', 'delimiter', 'interpolation', 'string', 'interpolation', 'string'],
     // ['2', 'number', 'interpolation', 'string', 'interpolation', 'string'],
@@ -66,7 +68,7 @@ describe('processRuby', function () {
     // ['}', 'delimiter', 'interpolation', 'string'],
     // ['"', 'string'],
 
-    // the following is the resulting remainder due to the prism issue
-    ['"', 'interpolation', 'string'], ['#{2', 'comment', 'interpolation', 'string'], ['}', 'delimiter', 'interpolation', 'string'], ['"', 'string'], ['}', 'punctuation'], ['"']]);
+    // the following is the result due to the prism issue
+    ['"#{"', 'string', 'string-literal'], ['#{', 'delimiter', 'interpolation', 'string-literal'], ['2', 'number', 'content', 'interpolation', 'string-literal'], ['}', 'delimiter', 'interpolation', 'string-literal'], ['"', 'string', 'string-literal'], ['}', 'punctuation'], ['"']]);
   });
 });

package/lib/components/common/defaults/Toast.js

@@ -22,5 +22,4 @@ var Toast = function Toast(_ref) {
     onClick: toggle
   }, "\xD7"));
 };
-var _default = Toast;
-exports["default"] = _default;
+var _default = exports["default"] = Toast;

package/lib/components/common/defaults/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.DefaultCommonConfig = void 0;
 var _immutable = require("immutable");
 var _Toast = _interopRequireDefault(require("./Toast"));
-var DefaultCommonConfig = (0, _immutable.Map)({
+var DefaultCommonConfig = exports.DefaultCommonConfig = (0, _immutable.Map)({
   Toast: _Toast["default"]
-});
-exports.DefaultCommonConfig = DefaultCommonConfig;
+});

package/lib/components/core/attribute_definition/AttributeDefinitionForm.js

@@ -79,13 +79,12 @@ var fields = function fields(_ref4) {
  * @component
  * A form for creating and updating Attribute Definitions within the Kinetic Platform
  */
-var AttributeDefinitionForm = (0, _Form.generateForm)({
+var AttributeDefinitionForm = exports.AttributeDefinitionForm = (0, _Form.generateForm)({
   formOptions: ['kappSlug', 'attributeType', 'attributeName'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.AttributeDefinitionForm = AttributeDefinitionForm;
 AttributeDefinitionForm.displayName = 'AttributeDefinitionForm';
 
 // Specifies the default values for props:

package/lib/components/core/attribute_definition/AttributeDefinitionTable.js

@@ -56,13 +56,12 @@ var columns = [{
   sortable: false,
   toggleable: true
 }];
-var AttributeDefinitionTable = (0, _Table.generateTable)({
+var AttributeDefinitionTable = exports.AttributeDefinitionTable = (0, _Table.generateTable)({
   tableOptions: ['kappSlug', 'attributeType'],
   columns: columns,
   filters: filters,
   dataSource: dataSource
 });
-exports.AttributeDefinitionTable = AttributeDefinitionTable;
 AttributeDefinitionTable.displayName = 'AttributeDefinitionTable';
 AttributeDefinitionTable.propTypes = {
   /** The Slug of the kapp required if the type of attribute is scoped to a kapp (ie, category * kapp attributes) */

package/lib/components/core/bridge_model/BridgeModelForm.js

@@ -62,61 +62,59 @@ var handleSubmit = function handleSubmit(_ref4) {
     var _ref6 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(values, _ref5) {
       var modelMapping, _values$toJS, name, status, bridgeSlug, agentSlug, structure, modelMethod, mappingName, mappingMethod, _yield$modelMethod, bridgeModel, modelError, _yield$mappingMethod, mappingError;
       return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              modelMapping = _ref5.modelMapping;
-              // destructure the values of the fields because they will be used in different
-              // payloads below
-              _values$toJS = values.toJS(), name = _values$toJS.name, status = _values$toJS.status, bridgeSlug = _values$toJS.bridgeSlug, agentSlug = _values$toJS.agentSlug, structure = _values$toJS.structure; // determine if we are creating / updating a model
-              modelMethod = modelName ? _apis.updateBridgeModel : _apis.createBridgeModel; // determine if we are creating / updating a model mapping, due to invalid
-              // states its possible that we can be updating a model but creating a mapping
-              mappingName = modelMapping && modelMapping.get('name');
-              mappingMethod = mappingName ? _apis.updateBridgeModelMapping : _apis.createBridgeModelMapping;
-              _context.next = 7;
-              return modelMethod({
-                modelName: modelName,
-                bridgeModel: {
-                  name: name,
-                  status: status,
-                  activeMappingName: name
-                }
-              });
-            case 7:
-              _yield$modelMethod = _context.sent;
-              bridgeModel = _yield$modelMethod.bridgeModel;
-              modelError = _yield$modelMethod.error;
-              if (!modelError) {
-                _context.next = 12;
-                break;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            modelMapping = _ref5.modelMapping;
+            // destructure the values of the fields because they will be used in different
+            // payloads below
+            _values$toJS = values.toJS(), name = _values$toJS.name, status = _values$toJS.status, bridgeSlug = _values$toJS.bridgeSlug, agentSlug = _values$toJS.agentSlug, structure = _values$toJS.structure; // determine if we are creating / updating a model
+            modelMethod = modelName ? _apis.updateBridgeModel : _apis.createBridgeModel; // determine if we are creating / updating a model mapping, due to invalid
+            // states its possible that we can be updating a model but creating a mapping
+            mappingName = modelMapping && modelMapping.get('name');
+            mappingMethod = mappingName ? _apis.updateBridgeModelMapping : _apis.createBridgeModelMapping;
+            _context.next = 7;
+            return modelMethod({
+              modelName: modelName,
+              bridgeModel: {
+                name: name,
+                status: status,
+                activeMappingName: name
               }
-              throw modelError.statusCode === 400 && modelError.message || 'There was an error saving the model';
-            case 12:
-              _context.next = 14;
-              return mappingMethod({
-                modelName: name,
-                mappingName: mappingName,
-                bridgeModelMapping: {
-                  name: name,
-                  bridgeSlug: bridgeSlug,
-                  agentSlug: agentSlug,
-                  structure: structure
-                }
-              });
-            case 14:
-              _yield$mappingMethod = _context.sent;
-              mappingError = _yield$mappingMethod.error;
-              if (!mappingError) {
-                _context.next = 18;
-                break;
+            });
+          case 7:
+            _yield$modelMethod = _context.sent;
+            bridgeModel = _yield$modelMethod.bridgeModel;
+            modelError = _yield$modelMethod.error;
+            if (!modelError) {
+              _context.next = 12;
+              break;
+            }
+            throw modelError.statusCode === 400 && modelError.message || 'There was an error saving the model';
+          case 12:
+            _context.next = 14;
+            return mappingMethod({
+              modelName: name,
+              mappingName: mappingName,
+              bridgeModelMapping: {
+                name: name,
+                bridgeSlug: bridgeSlug,
+                agentSlug: agentSlug,
+                structure: structure
               }
-              throw mappingError.statusCode === 400 && mappingError.message || 'There was an error saving the model mapping';
-            case 18:
-              return _context.abrupt("return", bridgeModel);
-            case 19:
-            case "end":
-              return _context.stop();
-          }
+            });
+          case 14:
+            _yield$mappingMethod = _context.sent;
+            mappingError = _yield$mappingMethod.error;
+            if (!mappingError) {
+              _context.next = 18;
+              break;
+            }
+            throw mappingError.statusCode === 400 && mappingError.message || 'There was an error saving the model mapping';
+          case 18:
+            return _context.abrupt("return", bridgeModel);
+          case 19:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
@@ -203,11 +201,10 @@ var fields = function fields(_ref7) {
     }];
   };
 };
-var BridgeModelForm = (0, _Form.generateForm)({
+var BridgeModelForm = exports.BridgeModelForm = (0, _Form.generateForm)({
   formOptions: ['modelName'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.BridgeModelForm = BridgeModelForm;
 BridgeModelForm.displayName = 'BridgeModelForm';

package/lib/components/core/bridge_model/BridgeModelTable.js

@@ -57,10 +57,9 @@ var columns = [{
   sortable: true,
   toggleable: true
 }];
-var BridgeModelTable = (0, _Table.generateTable)({
+var BridgeModelTable = exports.BridgeModelTable = (0, _Table.generateTable)({
   columns: columns,
   filters: filters,
   dataSource: dataSource
 });
-exports.BridgeModelTable = BridgeModelTable;
 BridgeModelTable.displayName = 'BridgeModelTable';

package/lib/components/core/bridge_model_attribute/BridgeModelAttributeForm.js

@@ -99,11 +99,10 @@ var fields = function fields(_ref6) {
     }];
   };
 };
-var BridgeModelAttributeForm = (0, _Form.generateForm)({
+var BridgeModelAttributeForm = exports.BridgeModelAttributeForm = (0, _Form.generateForm)({
   formOptions: ['modelName', 'attributeName'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.BridgeModelAttributeForm = BridgeModelAttributeForm;
 BridgeModelAttributeForm.displayName = 'BridgeModelAttributeForm';

package/lib/components/core/bridge_model_attribute/BridgeModelAttributeTable.js

@@ -83,11 +83,10 @@ var columns = [{
   title: 'Mapping',
   type: 'text'
 }];
-var BridgeModelAttributeTable = (0, _Table.generateTable)({
+var BridgeModelAttributeTable = exports.BridgeModelAttributeTable = (0, _Table.generateTable)({
   columns: columns,
   // filters,
   dataSource: dataSource,
   tableOptions: ['modelName']
 });
-exports.BridgeModelAttributeTable = BridgeModelAttributeTable;
 BridgeModelAttributeTable.displayName = 'BridgeModelAttributeTable';

package/lib/components/core/bridge_model_qualification/BridgeModelQualificationForm.js

@@ -137,11 +137,10 @@ var fields = function fields(_ref6) {
     }];
   };
 };
-var BridgeModelQualificationForm = (0, _Form.generateForm)({
+var BridgeModelQualificationForm = exports.BridgeModelQualificationForm = (0, _Form.generateForm)({
   formOptions: ['modelName', 'qualificationName'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.BridgeModelQualificationForm = BridgeModelQualificationForm;
 BridgeModelQualificationForm.displayName = 'BridgeModelQualificationForm';

package/lib/components/core/bridge_model_qualification/BridgeModelQualificationTable.js

@@ -95,11 +95,10 @@ var columns = [{
   value: 'query',
   title: 'Query'
 }];
-var BridgeModelQualificationTable = (0, _Table.generateTable)({
+var BridgeModelQualificationTable = exports.BridgeModelQualificationTable = (0, _Table.generateTable)({
   columns: columns,
   // filters,
   dataSource: dataSource,
   tableOptions: ['modelName']
 });
-exports.BridgeModelQualificationTable = BridgeModelQualificationTable;
 BridgeModelQualificationTable.displayName = 'BridgeModelQualificationTable';

package/lib/components/core/category/CategoryForm.js

@@ -104,13 +104,12 @@ var fields = function fields(_ref4) {
     }];
   };
 };
-var CategoryForm = (0, _Form.generateForm)({
+var CategoryForm = exports.CategoryForm = (0, _Form.generateForm)({
   formOptions: ['kappSlug', 'categorySlug'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.CategoryForm = CategoryForm;
 CategoryForm.displayName = 'CategoryForm';
 CategoryForm.propTypes = {
   /** The Slug of the kapp the category exists in, or should be created in */

package/lib/components/core/category/CategoryTable.js

@@ -73,13 +73,12 @@ var columns = [{
   sortable: true,
   toggleable: true
 }];
-var CategoryTable = (0, _Table.generateTable)({
+var CategoryTable = exports.CategoryTable = (0, _Table.generateTable)({
   tableOptions: ['kappSlug'],
   columns: columns,
   filters: filters,
   dataSource: dataSource
 });
-exports.CategoryTable = CategoryTable;
 CategoryTable.propTypes = {
   /** The Slug of the kapp to display categories for */
   kappSlug: _propTypes["default"].string.isRequired