@kineticdata/react 6.1.0 → 6.1.1

package/lib/components/core/translation/EntryTable.js

@@ -49,15 +49,16 @@ var filterDataSources = function filterDataSources() {
     }
   };
 };
-var filters = function filters() {
-  return function (_ref2) {
-    var locales = _ref2.locales;
+var filters = function filters(_ref2) {
+  var shared = _ref2.shared;
+  return function (_ref3) {
+    var locales = _ref3.locales;
     return [{
       name: 'locale',
       label: 'Locale',
       type: 'select',
-      options: function options(_ref3) {
-        var locales = _ref3.locales;
+      options: function options(_ref4) {
+        var locales = _ref4.locales;
         return locales && locales.map(function (loc) {
           return (0, _immutable.Map)({
             value: loc.get('code'),
@@ -65,7 +66,7 @@ var filters = function filters() {
           });
         });
       }
-    }, {
+    }, !shared && {
       name: 'context',
       label: 'Context',
       type: 'text'
@@ -73,7 +74,7 @@ var filters = function filters() {
       name: 'key',
       label: 'Key',
       type: 'text'
-    }];
+    }].filter(Boolean);
   };
 };
 var columns = [{

package/lib/components/core/user/UserForm.js

@@ -83,6 +83,8 @@ var fields = function fields(_ref3) {
       label: 'Username',
       type: 'text',
       required: true,
+      pattern: /^[^/&?=:%]*$/,
+      patternMessage: 'The characters / & ? = : % are not allowed.',
       enabled: !username,
       initialValue: (0, _immutable.get)(user, 'username') || ''
     }, {

package/lib/components/core/user/UserTable.js

@@ -52,10 +52,10 @@ var filters = function filters() {
       type: 'select',
       options: [{
         label: 'Yes',
-        value: true
+        value: 'true'
       }, {
         label: 'No',
-        value: false
+        value: 'false'
       }]
     }, {
       name: 'spaceAdmin',
@@ -63,10 +63,10 @@ var filters = function filters() {
       type: 'select',
       options: [{
         label: 'Yes',
-        value: true
+        value: 'true'
       }, {
         label: 'No',
-        value: false
+        value: 'false'
       }]
     }];
   };

package/lib/components/form/Form.js

@@ -907,7 +907,9 @@ var Form = exports.Form = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 var computeFieldSet = function computeFieldSet(fields, fieldSetProp) {
   var defaultFieldSet = (0, _immutable.OrderedSet)(fields.keySeq());
-  return (0, _immutable.OrderedSet)(!fieldSetProp ? defaultFieldSet : typeof fieldSetProp === 'function' ? fieldSetProp(defaultFieldSet) : fieldSetProp);
+  return (0, _immutable.OrderedSet)(!fieldSetProp ? defaultFieldSet : typeof fieldSetProp === 'function' ? fieldSetProp(defaultFieldSet) : fieldSetProp.filter(function (field) {
+    return defaultFieldSet.has(field);
+  }));
 };
 var evaluateReadOnly = function evaluateReadOnly(readOnlyProp, bindings) {
   return typeof readOnlyProp === 'boolean' ? readOnlyProp : typeof readOnlyProp === 'function' ? readOnlyProp(bindings) : false;
@@ -967,6 +969,7 @@ var FormImplComponent = /*#__PURE__*/function (_Component2) {
         alterFields = _this$props2.alterFields,
         autoFocus = _this$props2.autoFocus,
         components = _this$props2.components,
+        renderers = _this$props2.renderers,
         fieldsFn = _this$props2.fields,
         fieldSet = _this$props2.fieldSet,
         formKey = _this$props2.formKey,
@@ -1016,11 +1019,13 @@ var FormImplComponent = /*#__PURE__*/function (_Component2) {
               focusRef: name === autoFocus || index === autoFocus ? _this4.focusRef : null
             }, (0, _Form2.getFieldComponentProps)(field, readOnlyResult))) : null];
           }),
+          fieldSet: computedFieldSet.toJS(),
           dirty: dirty,
           error: error && /*#__PURE__*/_react["default"].createElement(FormError, {
             error: error,
             clear: clearError(formKey)
           }),
+          submit: onSubmit(formKey, fieldSet),
           buttons: !readOnlyResult && /*#__PURE__*/_react["default"].createElement(FormButtons, {
             formOptions: formOptions,
             fields: fields,
@@ -1036,10 +1041,15 @@ var FormImplComponent = /*#__PURE__*/function (_Component2) {
           meta: fields.map(function (field) {
             var _field$errors;
             return (0, _immutable.Map)({
+              label: field.label,
+              value: typeof field.serialize === 'function' && field.serialize(bindings) || field.value,
+              options: field.options,
+              type: field.type,
               visible: field.visible,
               hasErrors: ((_field$errors = field.errors) === null || _field$errors === void 0 ? void 0 : _field$errors.size) > 0
             });
-          })
+          }),
+          renderers: renderers
         });
       }
       return typeof this.props.children === 'function' ? this.props.children({
@@ -1081,7 +1091,8 @@ var generateForm = exports.generateForm = function generateForm(_ref33) {
       onError: configurationProps.onError,
       onLoad: configurationProps.onLoad,
       uncontrolled: configurationProps.uncontrolled,
-      readOnly: configurationProps.readOnly
+      readOnly: configurationProps.readOnly,
+      renderers: configurationProps.renderers
     }, configurationProps.children);
   };
 };

package/lib/components/form/FormState.js

@@ -20,7 +20,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
   };
 };
 var FormStateComopnent = function FormStateComopnent(props) {
-  return props.children(selectFormState(props.formState));
+  return props.children((props.selector || selectFormState)(props.formState));
 };
 var FormState = exports.FormState = (0, _store.connect)(mapStateToProps)(FormStateComopnent);
 FormState.get = function (formKey) {

package/lib/components/form/SimpleForm.js

@@ -273,8 +273,8 @@ var resetSimpleForm = exports.resetSimpleForm = function resetSimpleForm(formKey
 // to do this because we need to use the form key in the mapStateToProps of the
 // wrapped component.
 
-/**
- * @component
+/**
+ * @component
  */
 var SimpleForm = exports.SimpleForm = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(SimpleForm, _Component);

package/lib/components/index.js

@@ -513,6 +513,12 @@ Object.defineProperty(exports, "StaticSelect", {
     return _StaticSelect.StaticSelect;
   }
 });
+Object.defineProperty(exports, "SubmissionActivityForm", {
+  enumerable: true,
+  get: function get() {
+    return _SubmissionActivityForm.SubmissionActivityForm;
+  }
+});
 Object.defineProperty(exports, "SubmissionForm", {
   enumerable: true,
   get: function get() {
@@ -777,6 +783,12 @@ Object.defineProperty(exports, "clearToasts", {
     return _ToastContainer.clearToasts;
   }
 });
+Object.defineProperty(exports, "findTableKey", {
+  enumerable: true,
+  get: function get() {
+    return _Table.findTableKey;
+  }
+});
 Object.defineProperty(exports, "formPropertyName", {
   enumerable: true,
   get: function get() {
@@ -837,6 +849,12 @@ Object.defineProperty(exports, "getToken", {
     return _AuthenticationContainer.getToken;
   }
 });
+Object.defineProperty(exports, "hasTableFiltersApplied", {
+  enumerable: true,
+  get: function get() {
+    return _Table.hasTableFiltersApplied;
+  }
+});
 Object.defineProperty(exports, "hideToast", {
   enumerable: true,
   get: function get() {
@@ -921,6 +939,18 @@ Object.defineProperty(exports, "reloadDataSources", {
     return _Form.reloadDataSources;
   }
 });
+Object.defineProperty(exports, "reloadTablePage", {
+  enumerable: true,
+  get: function get() {
+    return _Table.reloadTablePage;
+  }
+});
+Object.defineProperty(exports, "resetFilterForm", {
+  enumerable: true,
+  get: function get() {
+    return _Table.resetFilterForm;
+  }
+});
 Object.defineProperty(exports, "resetForm", {
   enumerable: true,
   get: function get() {
@@ -939,6 +969,30 @@ Object.defineProperty(exports, "serializeForm", {
     return _Form.serializeForm;
   }
 });
+Object.defineProperty(exports, "setFormValue", {
+  enumerable: true,
+  get: function get() {
+    return _Form.setValue;
+  }
+});
+Object.defineProperty(exports, "setPreference", {
+  enumerable: true,
+  get: function get() {
+    return _PreferencesProvider.setPreference;
+  }
+});
+Object.defineProperty(exports, "setPreferenceBool", {
+  enumerable: true,
+  get: function get() {
+    return _PreferencesProvider.setPreferenceBool;
+  }
+});
+Object.defineProperty(exports, "setPreferenceJSON", {
+  enumerable: true,
+  get: function get() {
+    return _PreferencesProvider.setPreferenceJSON;
+  }
+});
 Object.defineProperty(exports, "showToast", {
   enumerable: true,
   get: function get() {
@@ -957,6 +1011,12 @@ Object.defineProperty(exports, "timedOut", {
     return _AuthenticationContainer.timedOut;
   }
 });
+Object.defineProperty(exports, "toggleFilterField", {
+  enumerable: true,
+  get: function get() {
+    return _Table.toggleFilterField;
+  }
+});
 Object.defineProperty(exports, "unlockSubmission", {
   enumerable: true,
   get: function get() {
@@ -981,6 +1041,12 @@ Object.defineProperty(exports, "unmountTreeBuilder", {
     return _builder.unmountTreeBuilder;
   }
 });
+Object.defineProperty(exports, "usePreferences", {
+  enumerable: true,
+  get: function get() {
+    return _PreferencesProvider.usePreferences;
+  }
+});
 Object.defineProperty(exports, "validateForm", {
   enumerable: true,
   get: function get() {
@@ -1000,6 +1066,7 @@ var _Scroller = require("./common/Scroller");
 var _StaticSelect = require("./common/StaticSelect");
 var _ConnectionSelect = require("./common/ConnectionSelect");
 var _AuthenticationContainer = require("./common/authentication/AuthenticationContainer");
+var _PreferencesProvider = require("./common/preferences/PreferencesProvider");
 var _ToastContainer = require("./common/ToastContainer");
 var _Form = require("./form/Form");
 var _FormState = require("./form/FormState");
@@ -1061,6 +1128,7 @@ var _SecurityDefinitionTable = require("./core/security_definition/SecurityDefin
 var _SpaceForm = require("./core/space/SpaceForm");
 var _SubmissionTable = require("./core/submission/SubmissionTable");
 var _SubmissionForm = require("./core/submission/SubmissionForm");
+var _SubmissionActivityForm = require("./core/submission/SubmissionActivityForm");
 var _DatastoreSubmissionTable = require("./core/submission/DatastoreSubmissionTable");
 var _TeamForm = require("./core/team/TeamForm");
 var _TeamTable = require("./core/team/TeamTable");

package/lib/components/integrator/connection/ConnectionForm.js

@@ -7,15 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.ConnectionForm = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _immutable = require("immutable");
 var _Form = require("../../form/Form");
 var _apis = require("../../../apis");
 var _integrationTypes = _interopRequireDefault(require("../integrationTypes"));
 var _http = require("./config_fields/http");
+var _sql = require("./config_fields/sql");
 var dataSources = function dataSources(_ref) {
-  var id = _ref.id;
+  var id = _ref.id,
+    clone = _ref.clone,
+    importData = _ref.importData,
+    importOverwrite = _ref.importOverwrite;
   return {
-    connection: {
+    connection:
+    // If importing and overwriting an existing connection, set the import data
+    // into the bindings. Otherwise, fetch the connection if an id is provided.
+    importData && importOverwrite === true ? {
+      fn: function fn() {
+        return importData;
+      },
+      params: []
+    } : {
       fn: _apis.fetchConnection,
       params: id && [{
         id: id
@@ -23,16 +36,25 @@ var dataSources = function dataSources(_ref) {
       transform: function transform(result) {
         return result.connection;
       }
+    },
+    isClone: {
+      fn: function fn() {
+        return clone;
+      },
+      params: []
     }
   };
 };
 var handleSubmit = function handleSubmit(_ref2) {
   var id = _ref2.id,
-    clone = _ref2.clone;
+    clone = _ref2.clone,
+    importData = _ref2.importData,
+    importOverwrite = _ref2.importOverwrite;
   return function (values) {
-    return (id && !clone ? _apis.updateConnection : _apis.createConnection)({
-      id: id,
-      connection: values.toJS()
+    return (importData ? _apis.importConnection : id && !clone ? _apis.updateConnection : _apis.createConnection)({
+      id: importData ? undefined : id,
+      connection: importData && importOverwrite !== false ? values.set('id', importData.id).toJS() : values.toJS(),
+      force: importData ? importOverwrite : undefined
     }).then(function (_ref3) {
       var connection = _ref3.connection,
         error = _ref3.error;
@@ -43,23 +65,45 @@ var handleSubmit = function handleSubmit(_ref2) {
     });
   };
 };
+var getFieldConfigByType = function getFieldConfigByType(type, connection, options) {
+  switch (type) {
+    case 'http':
+      var configFieldsHTTP = (0, _http.generateHttpConnectionConfigFields)((0, _immutable.get)(connection, 'config'), options);
+      return [configFieldsHTTP, (0, _http.serializeHttpConnectionConfigFields)(configFieldsHTTP)];
+    case 'postgres':
+    case 'mssql':
+      var configFieldsSQL = (0, _sql.generateSQLConnectionConfigFields)((0, _immutable.get)(connection, 'config'), type, options);
+      return [configFieldsSQL, (0, _sql.serializeSQLConnectionConfigFields)(configFieldsSQL)];
+    default:
+      return [[], undefined];
+  }
+};
 var fields = function fields(_ref4) {
   var id = _ref4.id,
     type = _ref4.type,
-    clone = _ref4.clone;
+    clone = _ref4.clone,
+    importData = _ref4.importData,
+    importOverwrite = _ref4.importOverwrite;
   return function (_ref5) {
     var connection = _ref5.connection;
     // Must provide an id of an existing connection, or a type
-    if (id ? connection : type) {
-      var typeValue = (0, _immutable.get)(connection, 'type') || type;
-      var configFields = typeValue === 'http' ? (0, _http.generateHttpConnectionConfigFields)((0, _immutable.get)(connection, 'config')) : [];
+    if (importData || (id ? connection : type)) {
+      var record = connection || (0, _immutable.fromJS)(importData);
+      var typeValue = (0, _immutable.getIn)(record, ['config', 'configType']) || type;
+      var _getFieldConfigByType = getFieldConfigByType(typeValue, record, {
+          isClone: clone,
+          isNewImport: importData && importOverwrite !== true
+        }),
+        _getFieldConfigByType2 = (0, _slicedToArray2["default"])(_getFieldConfigByType, 2),
+        configFields = _getFieldConfigByType2[0],
+        configSerialize = _getFieldConfigByType2[1];
       return [{
         name: 'name',
         label: 'Connection Name',
         type: 'text',
-        initialValue: !clone ? (0, _immutable.get)(connection, 'name') : '',
+        initialValue: !clone ? (0, _immutable.get)(record, 'name') : '',
         required: true,
-        placeholder: !clone ? 'Enter a name to find your connection easily' : "Clone of ".concat((0, _immutable.get)(connection, 'name'))
+        placeholder: !clone ? 'Enter a name to find your connection easily' : "Clone of ".concat((0, _immutable.get)(record, 'name'))
       }, {
         name: 'type',
         label: 'Type',
@@ -72,19 +116,19 @@ var fields = function fields(_ref4) {
         name: 'documentationLink',
         label: 'API Documentation Link',
         type: 'text',
-        initialValue: (0, _immutable.get)(connection, 'documentationLink') || '',
+        initialValue: (0, _immutable.get)(record, 'documentationLink') || '',
         placeholder: 'Optional (but recommended)'
       }, {
         name: 'description',
         label: 'Description',
         type: 'text',
-        initialValue: (0, _immutable.get)(connection, 'description') || '',
+        initialValue: (0, _immutable.get)(record, 'description') || '',
         placeholder: 'Enter a short description for the connection'
       }, {
         name: 'secrets',
         label: 'Secrets',
         type: 'map',
-        initialValue: (0, _immutable.get)(connection, 'secrets') || {},
+        initialValue: (0, _immutable.get)(record, 'secrets') || {},
         placeholder: 'Secret Key',
         helpText: 'Secrets are key-value pairs that define sensitive values that will be hidden from view, but can be referenced in other parts of the connection by their keys.'
       }, {
@@ -92,9 +136,9 @@ var fields = function fields(_ref4) {
         label: 'Config',
         type: null,
         visible: false,
-        initialValue: (0, _immutable.get)(connection, 'config'),
+        initialValue: (0, _immutable.get)(record, 'config'),
         // Serialize the transient config fields into a single config object
-        serialize: (0, _http.serializeHttpConnectionConfigFields)(configFields)
+        serialize: configSerialize
       }].concat((0, _toConsumableArray2["default"])(configFields.map(function (field) {
         return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, field), {}, {
           "transient": true
@@ -104,7 +148,7 @@ var fields = function fields(_ref4) {
   };
 };
 var ConnectionForm = exports.ConnectionForm = (0, _Form.generateForm)({
-  formOptions: ['id', 'type', 'clone'],
+  formOptions: ['id', 'type', 'clone', 'importData', 'importOverwrite'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit

package/lib/components/integrator/connection/ConnectionTable.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ConnectionTable = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _apis = require("../../../apis");
 var _Table = require("../../table/Table");
 var _integrationTypes = _interopRequireDefault(require("../integrationTypes"));
@@ -29,8 +28,8 @@ var dataSource = function dataSource() {
   return {
     fn: _apis.fetchConnections,
     clientSide: clientSide,
-    params: function params(paramData) {
-      return [(0, _objectSpread2["default"])({}, paramData.filters.filter(Boolean).toJS())];
+    params: function params() {
+      return [];
     },
     transform: function transform(result) {
       return {
@@ -45,6 +44,9 @@ var columns = [{
   sortable: true
 }, {
   value: 'type',
+  valueTransform: function valueTransform(_value, row) {
+    return row.getIn(['config', 'configType']);
+  },
   title: 'Type',
   sortable: true,
   toggleable: true

package/lib/components/integrator/connection/config_fields/http.js

@@ -46,7 +46,7 @@ var serializeHttpConnectionConfigFields = exports.serializeHttpConnectionConfigF
     }, (0, _immutable.Map)());
   };
 };
-var generateHttpConnectionConfigFields = exports.generateHttpConnectionConfigFields = function generateHttpConnectionConfigFields(config) {
+var generateHttpConnectionConfigFields = exports.generateHttpConnectionConfigFields = function generateHttpConnectionConfigFields(config, options) {
   return [{
     name: 'configType',
     label: 'Type',
@@ -73,9 +73,9 @@ var generateHttpConnectionConfigFields = exports.generateHttpConnectionConfigFie
     label: 'Trusted CA Certificate',
     type: 'text',
     initialValue: (0, _immutable.get)(config, 'caCert') || ''
-  }].concat((0, _toConsumableArray2["default"])(generateHttpConnectionConfigAuthFields((0, _immutable.get)(config, 'auth'), !config)));
+  }].concat((0, _toConsumableArray2["default"])(generateHttpConnectionConfigAuthFields((0, _immutable.get)(config, 'auth'), options)));
 };
-var generateHttpConnectionConfigAuthFields = function generateHttpConnectionConfigAuthFields(auth) {
+var generateHttpConnectionConfigAuthFields = function generateHttpConnectionConfigAuthFields(auth, options) {
   return [{
     name: 'auth.authType',
     label: 'Authentication',
@@ -117,13 +117,13 @@ var generateHttpConnectionConfigAuthFields = function generateHttpConnectionConf
     type: 'toggle',
     // Set to true if there is no auth config or if the current auth config is
     // set to a different type
-    initialValue: !auth || (0, _immutable.get)(auth, 'authType') !== 'basic',
+    initialValue: !auth || options.isClone || options.isNewImport || (0, _immutable.get)(auth, 'authType') !== 'basic',
     // Show if we're editing a connection and the selected auth type matches
     // the currently saved auth type
     visible: function visible(_ref5) {
       var values = _ref5.values,
         connection = _ref5.connection;
-      return !!connection && values.get('auth.authType') === 'basic' && connection.getIn(['config', 'auth', 'authType']) === 'basic';
+      return !!connection && !options.isClone && values.get('auth.authType') === 'basic' && connection.getIn(['config', 'auth', 'authType']) === 'basic';
     }
   }, {
     name: 'auth.password',
@@ -138,13 +138,13 @@ var generateHttpConnectionConfigAuthFields = function generateHttpConnectionConf
     enabled: function enabled(_ref7) {
       var values = _ref7.values,
         connection = _ref7.connection;
-      return !connection || !!values.get('auth.password.toggle');
+      return !connection || options.isClone || !!values.get('auth.password.toggle');
     },
     // Show the placeholder if there is a connection and it matches the saved type
     placeholder: function placeholder(_ref8) {
       var values = _ref8.values,
         connection = _ref8.connection;
-      return !!connection && connection.getIn(['config', 'auth', 'authType']) === 'basic' && !values.get('auth.password.toggle') ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022" : undefined;
+      return !!connection && !options.isClone && connection.getIn(['config', 'auth', 'authType']) === 'basic' && !values.get('auth.password.toggle') ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022" : undefined;
     }
   },
   // client_credentials
@@ -181,13 +181,13 @@ var generateHttpConnectionConfigAuthFields = function generateHttpConnectionConf
     type: 'toggle',
     // Set to true if there is no auth config or if the current auth config is
     // set to a different type
-    initialValue: !auth || (0, _immutable.get)(auth, 'authType') !== 'client_credentials',
+    initialValue: !auth || options.isClone || options.isNewImport || (0, _immutable.get)(auth, 'authType') !== 'client_credentials',
     // Show if we're editing a connection and the selected auth type matches
     // the currently saved auth type
     visible: function visible(_ref13) {
       var values = _ref13.values,
         connection = _ref13.connection;
-      return !!connection && values.get('auth.authType') === 'client_credentials' && connection.getIn(['config', 'auth', 'authType']) === 'client_credentials';
+      return !!connection && !options.isClone && values.get('auth.authType') === 'client_credentials' && connection.getIn(['config', 'auth', 'authType']) === 'client_credentials';
     }
   }, {
     name: 'auth.clientSecret',
@@ -201,13 +201,13 @@ var generateHttpConnectionConfigAuthFields = function generateHttpConnectionConf
     enabled: function enabled(_ref15) {
       var values = _ref15.values,
         connection = _ref15.connection;
-      return !connection || !!values.get('auth.clientSecret.toggle');
+      return !connection || options.isClone || !!values.get('auth.clientSecret.toggle');
     },
     // Show the placeholder if there is a connection and it matches the saved type
     placeholder: function placeholder(_ref16) {
       var values = _ref16.values,
         connection = _ref16.connection;
-      return !!connection && connection.getIn(['config', 'auth', 'authType']) === 'client_credentials' && !values.get('auth.clientSecret.toggle') ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022" : undefined;
+      return !!connection && !options.isClone && connection.getIn(['config', 'auth', 'authType']) === 'client_credentials' && !values.get('auth.clientSecret.toggle') ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022" : undefined;
     }
   }, {
     name: 'auth.scope',
@@ -282,13 +282,13 @@ var generateHttpConnectionConfigAuthFields = function generateHttpConnectionConf
     type: 'toggle',
     // Set to true if there is no auth config or if the current auth config is
     // set to a different type
-    initialValue: !auth || (0, _immutable.get)(auth, 'authType') !== 'raw_bearer_token',
+    initialValue: !auth || options.isClone || options.isNewImport || (0, _immutable.get)(auth, 'authType') !== 'raw_bearer_token',
     // Show if we're editing a connection and the selected auth type matches
     // the currently saved auth type
     visible: function visible(_ref25) {
       var values = _ref25.values,
         connection = _ref25.connection;
-      return !!connection && values.get('auth.authType') === 'raw_bearer_token' && connection.getIn(['config', 'auth', 'authType']) === 'raw_bearer_token';
+      return !!connection && !options.isClone && values.get('auth.authType') === 'raw_bearer_token' && connection.getIn(['config', 'auth', 'authType']) === 'raw_bearer_token';
     }
   }, {
     name: 'auth.token',
@@ -303,15 +303,15 @@ var generateHttpConnectionConfigAuthFields = function generateHttpConnectionConf
     enabled: function enabled(_ref27) {
       var values = _ref27.values,
         connection = _ref27.connection;
-      return !connection || !!values.get('auth.token.toggle');
+      return !connection || options.isClone || !!values.get('auth.token.toggle');
     },
     // Show the placeholder if there is a connection and it matches the saved type
     placeholder: function placeholder(_ref28) {
       var values = _ref28.values,
         connection = _ref28.connection;
-      return !!connection && connection.getIn(['config', 'auth', 'authType']) === 'raw_bearer_token' && !values.get('auth.token.toggle') ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022" : undefined;
+      return !!connection && !options.isClone && connection.getIn(['config', 'auth', 'authType']) === 'raw_bearer_token' && !values.get('auth.token.toggle') ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022" : undefined;
     }
-  }].concat((0, _toConsumableArray2["default"])(generateHttpConnectionConfigAuthTokenOperationFields((0, _immutable.getIn)(auth, ['token', 'operation']))), [{
+  }].concat((0, _toConsumableArray2["default"])(generateHttpConnectionConfigAuthTokenOperationFields((0, _immutable.getIn)(auth, ['token', 'operation']), options)), [{
     name: 'auth.tokenHttpConn',
     "transient": true,
     label: 'Use different connection for auth',
@@ -321,7 +321,7 @@ var generateHttpConnectionConfigAuthFields = function generateHttpConnectionConf
       var values = _ref29.values;
       return values.get('auth.authType') === 'http_bearer_token';
     }
-  }], (0, _toConsumableArray2["default"])(generateHttpConnectionConfigAuthTokenConnectionFields((0, _immutable.getIn)(auth, ['token', 'connection']))), [{
+  }], (0, _toConsumableArray2["default"])(generateHttpConnectionConfigAuthTokenConnectionFields((0, _immutable.getIn)(auth, ['token', 'connection']), options)), [{
     name: 'auth.token.tokenOutput',
     label: 'Token',
     type: 'code',
@@ -353,7 +353,7 @@ var generateHttpConnectionConfigAuthFields = function generateHttpConnectionConf
     helpText: /*#__PURE__*/React.createElement(React.Fragment, null, "Define a JavaScript expression that maps the response to a numeric expiration value in seconds. Press ", /*#__PURE__*/React.createElement("code", null, "Ctrl + Space"), " to see the available properties in the field.")
   }]);
 };
-var generateHttpConnectionConfigAuthTokenOperationFields = function generateHttpConnectionConfigAuthTokenOperationFields(operation) {
+var generateHttpConnectionConfigAuthTokenOperationFields = function generateHttpConnectionConfigAuthTokenOperationFields(operation, options) {
   return [{
     name: 'auth.token.operation.configType',
     label: 'Type',
@@ -532,7 +532,7 @@ var generateHttpConnectionConfigAuthTokenOperationFields = function generateHttp
     helpText: /*#__PURE__*/React.createElement(React.Fragment, null, "Use the ", /*#__PURE__*/React.createElement("code", null, '{{secretKey}}'), " format to insert secrets that have been defined for this connection.")
   }];
 };
-var generateHttpConnectionConfigAuthTokenConnectionFields = function generateHttpConnectionConfigAuthTokenConnectionFields(connection) {
+var generateHttpConnectionConfigAuthTokenConnectionFields = function generateHttpConnectionConfigAuthTokenConnectionFields(connection, options) {
   return [{
     name: 'auth.token.connection.baseUrl',
     label: 'Token Base URL',