@kineticdata/react 6.0.5 → 6.1.0

package/lib/components/form/Form.models.js

@@ -25,16 +25,19 @@ var FormState = exports.FormState = (0, _immutable.Record)({
 });
 var DATA_SOURCE_STATUS = exports.DATA_SOURCE_STATUS = {
   PENDING: 'PENDING',
+  PENDING_RELOAD: 'PENDING_RELOAD',
   RESOLVED: 'RESOLVED',
   REJECTED: 'REJECTED'
 };
 var DataSource = exports.DataSource = (0, _immutable.Record)({
   data: null,
+  error: null,
   fn: null,
   params: null,
   paramsFn: null,
   status: DATA_SOURCE_STATUS.PENDING,
-  transform: null
+  transform: null,
+  errorTransform: null
 });
 var FIELD_DEFAULT_VALUES = exports.FIELD_DEFAULT_VALUES = (0, _immutable.Map)({
   attributes: (0, _immutable.Map)(),
@@ -45,6 +48,7 @@ var FIELD_DEFAULT_VALUES = exports.FIELD_DEFAULT_VALUES = (0, _immutable.Map)({
   form: null,
   'form-multi': (0, _immutable.List)(),
   map: (0, _immutable.OrderedMap)(),
+  nullable: null,
   'select-multi': (0, _immutable.List)(),
   team: null,
   'team-multi': (0, _immutable.List)(),
@@ -54,6 +58,7 @@ var FIELD_DEFAULT_VALUES = exports.FIELD_DEFAULT_VALUES = (0, _immutable.Map)({
   'user-multi': (0, _immutable.List)()
 });
 var Field = exports.Field = (0, _immutable.Record)({
+  bindings: {},
   constraint: null,
   constraintMessage: 'Invalid',
   dirty: false,

package/lib/components/form/FormState.js

@@ -8,18 +8,22 @@ var _store = require("../../store");
 var selectFormState = function selectFormState(formState) {
   var _formState$fields;
   return {
-    dirty: (_formState$fields = formState.fields) === null || _formState$fields === void 0 ? void 0 : _formState$fields.some(function (field) {
+    dirty: formState === null || formState === void 0 ? void 0 : (_formState$fields = formState.fields) === null || _formState$fields === void 0 ? void 0 : _formState$fields.some(function (field) {
       return field.dirty;
     }),
-    error: formState.error
+    error: formState === null || formState === void 0 ? void 0 : formState.error
   };
 };
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
-    formState: state.getIn(['forms', props.formKey], null)
+    formState: state.getIn(['forms', props.formKey])
   };
 };
 var FormStateComopnent = function FormStateComopnent(props) {
-  return props.formState && props.children(selectFormState(props.formState));
+  return props.children(selectFormState(props.formState));
 };
-var FormState = exports.FormState = (0, _store.connect)(mapStateToProps)(FormStateComopnent);
+var FormState = exports.FormState = (0, _store.connect)(mapStateToProps)(FormStateComopnent);
+FormState.get = function (formKey) {
+  var _store$getState;
+  return selectFormState((_store$getState = _store.store.getState()) === null || _store$getState === void 0 ? void 0 : _store$getState.getIn(['forms', formKey]));
+};

package/lib/components/form/defaults/CodeField.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CodeField = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CodeInput = require("../../common/code_input/CodeInput");
+var _immutable = require("immutable");
 var CodeField = exports.CodeField = function CodeField(props) {
   return props.visible && /*#__PURE__*/_react["default"].createElement("div", {
     className: "field"
@@ -15,10 +16,52 @@ var CodeField = exports.CodeField = function CodeField(props) {
   }, props.label), /*#__PURE__*/_react["default"].createElement(_CodeInput.CodeInput, {
     id: props.id || props.name,
     language: props.language,
-    bindings: props.options,
+    bindings: prepareOptions(props.options),
     value: props.value,
     onBlur: props.onBlur,
     onChange: props.onChange,
     onFocus: props.onFocus
+  }, function (_ref) {
+    var editor = _ref.editor,
+      wrapperProps = _ref.wrapperProps;
+    return /*#__PURE__*/_react["default"].createElement("div", Object.assign({}, wrapperProps, {
+      className: "code-input"
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "content"
+    }, editor));
   }));
+};
+
+// We deprecated the use of CodeInput in the consoles, but are keeping the
+// component in RKL since it might be used outside the consoles. We'll also
+// continue using it for this default CodeField in RKL, so we want to massage
+// the new CodeEditor options into a format that will work here.
+var prepareOptions = function prepareOptions(options) {
+  return _immutable.Map.isMap(options) ? options : options.flatMap(function (opt) {
+    return !opt.get('siblings') || opt.get('siblings').isEmpty() ? (0, _immutable.List)([opt]) : opt.get('siblings').map(function (sib) {
+      return opt.update('label', function (label) {
+        return "".concat(label, ":").concat(sib.get('label'));
+      });
+    });
+  }).flatMap(function (opt) {
+    return !opt.get('type') || opt.get('type') === 'constant' || !opt.get('children') || opt.get('children').isEmpty() ? (0, _immutable.List)([opt]) : opt.get('children').flatMap(function (child) {
+      return !(0, _immutable.fromJS)(child).get('siblings') || (0, _immutable.fromJS)(child).get('siblings').isEmpty() ? (0, _immutable.List)([child]) : (0, _immutable.fromJS)(child).get('siblings').map(function (sib) {
+        return child.update('label', function (label) {
+          return "".concat(label, ":").concat(sib.get('label'));
+        });
+      });
+    }).map(function (child) {
+      return (0, _immutable.fromJS)(child).update('label', function (label) {
+        return opt.get('type') === 'function' ? "".concat(opt.get('label'), "('").concat(label, "')") : opt.get('type') === 'object' ? "".concat(opt.get('label'), "['").concat(label, "']") : opt.get('type') === 'dot-object' ? "".concat(opt.get('label'), ".").concat(label) : opt.get('label');
+      });
+    });
+  }).sortBy(function (opt) {
+    return opt.get('label');
+  }).toOrderedMap().mapKeys(function (_, opt) {
+    return opt.get('label');
+  }).map(function (opt) {
+    return (0, _immutable.Map)({
+      value: "".concat(opt.get('label')).concat(opt.get('type') === 'function' ? "('')" : opt.get('type') === 'object' ? "['']" : '')
+    });
+  });
 };

package/lib/components/index.js

@@ -117,6 +117,24 @@ Object.defineProperty(exports, "CodeInput", {
     return _CodeInput.CodeInput;
   }
 });
+Object.defineProperty(exports, "ConnectionForm", {
+  enumerable: true,
+  get: function get() {
+    return _ConnectionForm.ConnectionForm;
+  }
+});
+Object.defineProperty(exports, "ConnectionSelect", {
+  enumerable: true,
+  get: function get() {
+    return _ConnectionSelect.ConnectionSelect;
+  }
+});
+Object.defineProperty(exports, "ConnectionTable", {
+  enumerable: true,
+  get: function get() {
+    return _ConnectionTable.ConnectionTable;
+  }
+});
 Object.defineProperty(exports, "ConnectorForm", {
   enumerable: true,
   get: function get() {
@@ -291,6 +309,18 @@ Object.defineProperty(exports, "IndexJobTable", {
     return _IndexJobTable.IndexJobTable;
   }
 });
+Object.defineProperty(exports, "IntegrationForm", {
+  enumerable: true,
+  get: function get() {
+    return _IntegrationForm.IntegrationForm;
+  }
+});
+Object.defineProperty(exports, "IntegrationTable", {
+  enumerable: true,
+  get: function get() {
+    return _IntegrationTable.IntegrationTable;
+  }
+});
 Object.defineProperty(exports, "KappForm", {
   enumerable: true,
   get: function get() {
@@ -387,6 +417,18 @@ Object.defineProperty(exports, "OAuthClientTable", {
     return _OAuthClientTable.OAuthClientTable;
   }
 });
+Object.defineProperty(exports, "OperationForm", {
+  enumerable: true,
+  get: function get() {
+    return _OperationForm.OperationForm;
+  }
+});
+Object.defineProperty(exports, "OperationTable", {
+  enumerable: true,
+  get: function get() {
+    return _OperationTable.OperationTable;
+  }
+});
 Object.defineProperty(exports, "PolicyRuleForm", {
   enumerable: true,
   get: function get() {
@@ -555,6 +597,12 @@ Object.defineProperty(exports, "SystemTenantForm", {
     return _SystemTenantForm.SystemTenantForm;
   }
 });
+Object.defineProperty(exports, "SystemTenantMigrateForm", {
+  enumerable: true,
+  get: function get() {
+    return _SystemTenantMigrateForm.SystemTenantMigrateForm;
+  }
+});
 Object.defineProperty(exports, "SystemTenantTable", {
   enumerable: true,
   get: function get() {
@@ -753,10 +801,10 @@ Object.defineProperty(exports, "generateTable", {
     return _Table2.generateTable;
   }
 });
-Object.defineProperty(exports, "generateTaskDefinition", {
+Object.defineProperty(exports, "getConnectionMetadata", {
   enumerable: true,
   get: function get() {
-    return _TaskDefinitionConfigForm.generateTaskDefinition;
+    return _integrationTypes.getConnectionMetadata;
   }
 });
 Object.defineProperty(exports, "getCsrfToken", {
@@ -771,6 +819,12 @@ Object.defineProperty(exports, "getLockedBy", {
     return _CoreForm.getLockedBy;
   }
 });
+Object.defineProperty(exports, "getOperationMetadata", {
+  enumerable: true,
+  get: function get() {
+    return _integrationTypes.getOperationMetadata;
+  }
+});
 Object.defineProperty(exports, "getTimeLeft", {
   enumerable: true,
   get: function get() {
@@ -795,6 +849,12 @@ Object.defineProperty(exports, "importLocale", {
     return _Moment.importLocale;
   }
 });
+Object.defineProperty(exports, "integrationTypes", {
+  enumerable: true,
+  get: function get() {
+    return _integrationTypes.integrationTypes;
+  }
+});
 Object.defineProperty(exports, "isLockable", {
   enumerable: true,
   get: function get() {
@@ -855,6 +915,12 @@ Object.defineProperty(exports, "reloadDataSource", {
     return _Form.reloadDataSource;
   }
 });
+Object.defineProperty(exports, "reloadDataSources", {
+  enumerable: true,
+  get: function get() {
+    return _Form.reloadDataSources;
+  }
+});
 Object.defineProperty(exports, "resetForm", {
   enumerable: true,
   get: function get() {
@@ -915,6 +981,12 @@ Object.defineProperty(exports, "unmountTreeBuilder", {
     return _builder.unmountTreeBuilder;
   }
 });
+Object.defineProperty(exports, "validateForm", {
+  enumerable: true,
+  get: function get() {
+    return _Form.validateForm;
+  }
+});
 var _AttributeSelect = require("./common/AttributeSelect");
 var _BridgeSelect = require("./common/BridgeSelect");
 var _CodeInput = require("./common/code_input/CodeInput");
@@ -926,6 +998,7 @@ var _TableInput = require("./common/TableInput");
 var _FormSelect = require("./common/FormSelect");
 var _Scroller = require("./common/Scroller");
 var _StaticSelect = require("./common/StaticSelect");
+var _ConnectionSelect = require("./common/ConnectionSelect");
 var _AuthenticationContainer = require("./common/authentication/AuthenticationContainer");
 var _ToastContainer = require("./common/ToastContainer");
 var _Form = require("./form/Form");
@@ -974,6 +1047,8 @@ var _CoreForm = require("./core/core_form/CoreForm");
 var _IndexDefinitionForm = require("./core/index_definition/IndexDefinitionForm");
 var _IndexDefinitionTable = require("./core/index_definition/IndexDefinitionTable");
 var _IndexJobTable = require("./core/index_job/IndexJobTable");
+var _IntegrationForm = require("./core/integration/IntegrationForm");
+var _IntegrationTable = require("./core/integration/IntegrationTable");
 var _KappForm = require("./core/kapp/KappForm");
 var _KappTable = require("./core/kapp/KappTable");
 var _LocaleForm = require("./core/translation/LocaleForm");
@@ -999,6 +1074,7 @@ var _WebhookTable = require("./core/webhook/WebhookTable");
 var _WebhookJobTable = require("./core/webhook_job/WebhookJobTable");
 var _SystemTenantTable = require("./system/spaces/SystemTenantTable");
 var _SystemTenantForm = require("./system/spaces/SystemTenantForm");
+var _SystemTenantMigrateForm = require("./system/spaces/SystemTenantMigrateForm");
 var _SystemSpaceForm = require("./system/spaces/SystemSpaceForm");
 var _SystemFilestoreForm = require("./system/SystemFilestoreForm");
 var _SystemUserForm = require("./system/SystemUserForm");
@@ -1039,4 +1115,9 @@ var _TaskCategoryTable = require("./task/category/TaskCategoryTable");
 var _TaskCategoryForm = require("./task/category/TaskCategoryForm");
 var _PolicyRuleTable = require("./task/policy_rule/PolicyRuleTable");
 var _PolicyRuleForm = require("./task/policy_rule/PolicyRuleForm");
-var _EngineSettingsForm = require("./task/engine/EngineSettingsForm");
+var _EngineSettingsForm = require("./task/engine/EngineSettingsForm");
+var _integrationTypes = require("./integrator/integrationTypes");
+var _ConnectionTable = require("./integrator/connection/ConnectionTable");
+var _ConnectionForm = require("./integrator/connection/ConnectionForm");
+var _OperationTable = require("./integrator/operation/OperationTable");
+var _OperationForm = require("./integrator/operation/OperationForm");

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

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionForm = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+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 dataSources = function dataSources(_ref) {
+  var id = _ref.id;
+  return {
+    connection: {
+      fn: _apis.fetchConnection,
+      params: id && [{
+        id: id
+      }],
+      transform: function transform(result) {
+        return result.connection;
+      }
+    }
+  };
+};
+var handleSubmit = function handleSubmit(_ref2) {
+  var id = _ref2.id,
+    clone = _ref2.clone;
+  return function (values) {
+    return (id && !clone ? _apis.updateConnection : _apis.createConnection)({
+      id: id,
+      connection: values.toJS()
+    }).then(function (_ref3) {
+      var connection = _ref3.connection,
+        error = _ref3.error;
+      if (error) {
+        throw error.statusCode === 400 && error.message || 'There was an error saving the connection';
+      }
+      return connection;
+    });
+  };
+};
+var fields = function fields(_ref4) {
+  var id = _ref4.id,
+    type = _ref4.type,
+    clone = _ref4.clone;
+  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')) : [];
+      return [{
+        name: 'name',
+        label: 'Connection Name',
+        type: 'text',
+        initialValue: !clone ? (0, _immutable.get)(connection, 'name') : '',
+        required: true,
+        placeholder: !clone ? 'Enter a name to find your connection easily' : "Clone of ".concat((0, _immutable.get)(connection, 'name'))
+      }, {
+        name: 'type',
+        label: 'Type',
+        type: 'select',
+        options: _integrationTypes["default"],
+        initialValue: typeValue,
+        required: true,
+        enabled: false
+      }, {
+        name: 'documentationLink',
+        label: 'API Documentation Link',
+        type: 'text',
+        initialValue: (0, _immutable.get)(connection, 'documentationLink') || '',
+        placeholder: 'Optional (but recommended)'
+      }, {
+        name: 'description',
+        label: 'Description',
+        type: 'text',
+        initialValue: (0, _immutable.get)(connection, 'description') || '',
+        placeholder: 'Enter a short description for the connection'
+      }, {
+        name: 'secrets',
+        label: 'Secrets',
+        type: 'map',
+        initialValue: (0, _immutable.get)(connection, '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.'
+      }, {
+        name: 'config',
+        label: 'Config',
+        type: null,
+        visible: false,
+        initialValue: (0, _immutable.get)(connection, 'config'),
+        // Serialize the transient config fields into a single config object
+        serialize: (0, _http.serializeHttpConnectionConfigFields)(configFields)
+      }].concat((0, _toConsumableArray2["default"])(configFields.map(function (field) {
+        return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, field), {}, {
+          "transient": true
+        });
+      })));
+    }
+  };
+};
+var ConnectionForm = exports.ConnectionForm = (0, _Form.generateForm)({
+  formOptions: ['id', 'type', 'clone'],
+  dataSources: dataSources,
+  fields: fields,
+  handleSubmit: handleSubmit
+});
+ConnectionForm.displayName = 'ConnectionForm';

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

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+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"));
+var _helpers = require("../../../helpers");
+var filters = function filters() {
+  return function () {
+    return [{
+      name: 'name',
+      label: 'Name',
+      type: 'text'
+    }, {
+      name: 'type',
+      label: 'Type',
+      type: 'select',
+      options: _integrationTypes["default"]
+    }];
+  };
+};
+var clientSide = (0, _helpers.defineFilter)(true).matches('name', 'name').equals('type', 'type').end();
+var dataSource = function dataSource() {
+  return {
+    fn: _apis.fetchConnections,
+    clientSide: clientSide,
+    params: function params(paramData) {
+      return [(0, _objectSpread2["default"])({}, paramData.filters.filter(Boolean).toJS())];
+    },
+    transform: function transform(result) {
+      return {
+        data: result.connections
+      };
+    }
+  };
+};
+var columns = [{
+  value: 'name',
+  title: 'Name',
+  sortable: true
+}, {
+  value: 'type',
+  title: 'Type',
+  sortable: true,
+  toggleable: true
+}, {
+  value: 'status',
+  valueTransform: function valueTransform(_value, row) {
+    return row.getIn(['status', 'healthy']) ? 'Valid' : 'Invalid';
+  },
+  title: 'Status',
+  sortable: false,
+  toggleable: true
+}, {
+  value: 'id',
+  title: 'Id',
+  toggleable: true
+}, {
+  value: 'insertedAt',
+  title: 'Created At',
+  sortable: true,
+  toggleable: true
+}, {
+  value: 'updatedAt',
+  title: 'Updated At',
+  sortable: true,
+  toggleable: true
+}];
+var ConnectionTable = exports.ConnectionTable = (0, _Table.generateTable)({
+  tableOptions: [],
+  columns: columns,
+  filters: filters,
+  dataSource: dataSource
+});
+ConnectionTable.displayName = 'ConnectionTable';