@kineticdata/react 6.0.0 → 6.0.1

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

@@ -77,27 +77,44 @@ var BooleanYesNoCell = function BooleanYesNoCell(props) {
 var columns = [{
   value: 'username',
   title: 'Username',
-  sortable: true
+  sortable: true,
+  toggleable: false,
+  columnOrder: 'first'
 }, {
   value: 'email',
   title: 'Email',
-  sortable: true
+  sortable: true,
+  toggleable: true
 }, {
   value: 'displayName',
   title: 'Display Name',
-  sortable: true
+  sortable: true,
+  toggleable: true
 }, {
   value: 'createdAt',
   title: 'Created',
-  sortable: true
+  sortable: true,
+  toggleable: true
+}, {
+  value: 'createdBy',
+  title: 'Created By',
+  sortable: true,
+  toggleable: true
 }, {
   value: 'updatedAt',
   title: 'Updated',
-  sortable: true
+  sortable: true,
+  toggleable: true
+}, {
+  value: 'updatedBy',
+  title: 'Updated By',
+  sortable: true,
+  toggleable: true
 }, {
   value: 'enabled',
   title: 'Enabled?',
   sortable: false,
+  toggleable: true,
   components: {
     BodyCell: BooleanYesNoCell
   }
@@ -105,6 +122,7 @@ var columns = [{
   value: 'spaceAdmin',
   title: 'Space Admin?',
   sortable: false,
+  toggleable: true,
   components: {
     BodyCell: BooleanYesNoCell
   }

package/lib/components/core/webapi/WebApiForm.js

@@ -23,7 +23,12 @@ var securityEndpoints = {
 };
 var dataSources = function dataSources(_ref) {
   var kappSlug = _ref.kappSlug,
-    webApi = _ref.webApi;
+    webApi = _ref.webApi,
+    cloneParams = _ref.cloneParams;
+  var _ref2 = cloneParams || {},
+    cloneWebApi = _ref2.cloneWebApi,
+    sourceGroup = _ref2.sourceGroup,
+    sourceName = _ref2.sourceName;
   return {
     securityPolicyDefinitions: {
       fn: _apis.fetchSecurityPolicyDefinitions,
@@ -33,16 +38,29 @@ var dataSources = function dataSources(_ref) {
       transform: function transform(result) {
         return result.securityPolicyDefinitions;
       }
+    },
+    tree: {
+      // if cloneWebApi is falsy fetchTree will not run
+      fn: _apis.fetchTree,
+      params: cloneWebApi && [{
+        name: cloneWebApi.get('slug'),
+        sourceGroup: sourceGroup,
+        sourceName: sourceName,
+        include: 'details,treeJson'
+      }],
+      transform: function transform(results) {
+        return results.tree;
+      }
     }
   };
 };
-var handleSubmit = function handleSubmit(_ref2) {
-  var slug = _ref2.slug,
-    kappSlug = _ref2.kappSlug,
-    webApi = _ref2.webApi;
+var handleSubmit = function handleSubmit(_ref3) {
+  var slug = _ref3.slug,
+    kappSlug = _ref3.kappSlug,
+    webApi = _ref3.webApi;
   return /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(values) {
-      var _yield$fetchSpace, space, sourceName, sourceGroup, _ref4, _webApi, error1, _ref5, tree, error2;
+    var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(values, bindings) {
+      var _yield$fetchSpace, space, sourceName, sourceGroup, _ref5, _webApi, error1, _ref6, tree, error2;
       return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -85,9 +103,9 @@ var handleSubmit = function handleSubmit(_ref2) {
             case 15:
               _context.t0 = _context.sent;
             case 16:
-              _ref4 = _context.t0;
-              _webApi = _ref4.webApi;
-              error1 = _ref4.error;
+              _ref5 = _context.t0;
+              _webApi = _ref5.webApi;
+              error1 = _ref5.error;
               if (!error1) {
                 _context.next = 21;
                 break;
@@ -119,15 +137,16 @@ var handleSubmit = function handleSubmit(_ref2) {
                 tree: {
                   sourceGroup: sourceGroup,
                   sourceName: sourceName,
-                  name: values.get('slug')
+                  name: values.get('slug'),
+                  treeJson: bindings.tree && bindings.tree.get('treeJson') // used when the tree is cloned
                 }
               });
             case 29:
               _context.t1 = _context.sent;
             case 30:
-              _ref5 = _context.t1;
-              tree = _ref5.tree;
-              error2 = _ref5.error;
+              _ref6 = _context.t1;
+              tree = _ref6.tree;
+              error2 = _ref6.error;
               if (!error2) {
                 _context.next = 35;
                 break;
@@ -147,16 +166,16 @@ var handleSubmit = function handleSubmit(_ref2) {
         }
       }, _callee);
     }));
-    return function (_x) {
-      return _ref3.apply(this, arguments);
+    return function (_x, _x2) {
+      return _ref4.apply(this, arguments);
     };
   }();
 };
-var fields = function fields(_ref6) {
-  var webApi = _ref6.webApi,
-    tree = _ref6.tree;
-  return function (_ref7) {
-    var securityPolicyDefinitions = _ref7.securityPolicyDefinitions;
+var fields = function fields(_ref7) {
+  var webApi = _ref7.webApi,
+    tree = _ref7.tree;
+  return function (_ref8) {
+    var securityPolicyDefinitions = _ref8.securityPolicyDefinitions;
     return securityPolicyDefinitions && [{
       name: 'slug',
       label: 'Slug',
@@ -175,16 +194,16 @@ var fields = function fields(_ref6) {
         };
       }),
       initialValue: (0, _immutable.get)(webApi, 'method') || ''
-    }].concat((0, _toConsumableArray2["default"])(Object.entries(securityEndpoints).map(function (_ref8) {
-      var _ref9 = (0, _slicedToArray2["default"])(_ref8, 2),
-        endpointFieldName = _ref9[0],
-        endpoint = _ref9[1];
+    }].concat((0, _toConsumableArray2["default"])(Object.entries(securityEndpoints).map(function (_ref9) {
+      var _ref10 = (0, _slicedToArray2["default"])(_ref9, 2),
+        endpointFieldName = _ref10[0],
+        endpoint = _ref10[1];
       return {
         name: endpointFieldName,
         label: endpoint.label,
         type: 'select',
-        options: function options(_ref10) {
-          var securityPolicyDefinitions = _ref10.securityPolicyDefinitions;
+        options: function options(_ref11) {
+          var securityPolicyDefinitions = _ref11.securityPolicyDefinitions;
           return securityPolicyDefinitions ? securityPolicyDefinitions.filter(function (definition) {
             return endpoint.types.includes(definition.get('type'));
           }).map(function (definition) {
@@ -204,8 +223,8 @@ var fields = function fields(_ref6) {
       label: 'Security Policies',
       type: null,
       visible: false,
-      serialize: function serialize(_ref11) {
-        var values = _ref11.values;
+      serialize: function serialize(_ref12) {
+        var values = _ref12.values;
         return (0, _immutable.Map)(securityEndpoints).map(function (policy, endpointFieldName) {
           return (0, _immutable.Map)({
             endpoint: policy.endpoint,
@@ -226,7 +245,7 @@ var fields = function fields(_ref6) {
   };
 };
 var WebApiForm = (0, _Form.generateForm)({
-  formOptions: ['kappSlug', 'slug', 'webApi', 'tree'],
+  formOptions: ['kappSlug', 'slug', 'webApi', 'tree', 'cloneParams'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit

package/lib/components/core/webapi/WebApiTable.js

@@ -17,7 +17,7 @@ var dataSource = function dataSource(_ref) {
     params: function params() {
       return [{
         kappSlug: kappSlug,
-        include: 'details'
+        include: 'details,securityPolicies'
       }];
     },
     transform: function transform(result) {
@@ -51,25 +51,32 @@ var filters = function filters() {
 var columns = [{
   value: 'slug',
   title: 'Slug',
-  sortable: true
+  sortable: true,
+  toggleable: false,
+  columnOrder: 'first'
 }, {
   value: 'method',
   title: 'Method',
-  sortable: true
+  sortable: true,
+  toggleable: true
 }, {
   value: 'createdAt',
   title: 'Created',
-  sortable: true
+  sortable: true,
+  toggleable: true
 }, {
   value: 'createdBy',
-  title: 'Created By'
+  title: 'Created By',
+  toggleable: true
 }, {
   value: 'updatedAt',
   title: 'Updated',
-  sortable: true
+  sortable: true,
+  toggleable: true
 }, {
   value: 'updatedBy',
-  title: 'Updated By'
+  title: 'Updated By',
+  toggleable: true
 }];
 var WebApiTable = (0, _Table.generateTable)({
   tableOptions: ['kappSlug'],

package/lib/components/core/webhook/WebhookTable.js

@@ -88,31 +88,41 @@ var filters = function filters() {
 };
 var columns = [{
   value: 'createdAt',
-  title: 'Created'
+  title: 'Created',
+  toggleable: true
 }, {
   value: 'createdBy',
-  title: 'Created By'
+  title: 'Created By',
+  toggleable: true
 }, {
   value: 'event',
-  title: 'Event'
+  title: 'Event',
+  toggleable: true
 }, {
   value: 'filter',
-  title: 'Filter'
+  title: 'Filter',
+  toggleable: true
 }, {
   value: 'name',
-  title: 'Name'
+  title: 'Name',
+  toggleable: false,
+  columnOrder: 'first'
 }, {
   value: 'type',
-  title: 'Type'
+  title: 'Type',
+  toggleable: true
 }, {
   value: 'updatedAt',
-  title: 'Updated'
+  title: 'Updated',
+  toggleable: true
 }, {
   value: 'updatedBy',
-  title: 'Updated By'
+  title: 'Updated By',
+  toggleable: true
 }, {
   value: 'url',
-  title: 'URL'
+  title: 'URL',
+  toggleable: true
 }];
 var WebhookTable = (0, _Table.generateTable)({
   tableOptions: ['scope', 'kappSlug'],

package/lib/components/core/webhook_job/WebhookJobTable.js

@@ -71,61 +71,81 @@ var filters = function filters() {
 };
 var columns = [{
   value: 'createdAt',
-  title: 'Created'
+  title: 'Created',
+  toggleable: true
 }, {
   value: 'createdBy',
-  title: 'Created By'
+  title: 'Created By',
+  toggleable: true
 }, {
   value: 'event',
-  title: 'Event'
+  title: 'Event',
+  toggleable: true
 }, {
   value: 'id',
-  title: 'ID'
+  title: 'ID',
+  toggleable: true
 }, {
   value: 'name',
-  title: 'Name'
+  title: 'Name',
+  toggleable: true
 }, {
   value: 'parentId',
-  title: 'Parent ID'
+  title: 'Parent ID',
+  toggleable: true
 }, {
   value: 'requestContent',
-  title: 'Request Content'
+  title: 'Request Content',
+  toggleable: true
 }, {
   value: 'responseContent',
-  title: 'Response Content'
+  title: 'Response Content',
+  toggleable: true
 }, {
   value: 'retryCount',
-  title: 'Retry Count'
+  title: 'Retry Count',
+  toggleable: true
 }, {
   value: 'scheduledAt',
-  title: 'Scheduled At'
+  title: 'Scheduled At',
+  toggleable: false,
+  columnOrder: 'first'
 }, {
   value: 'scopeId',
-  title: 'Scope ID'
+  title: 'Scope ID',
+  toggleable: true
 }, {
   value: 'scopeType',
-  title: 'Scope Type'
+  title: 'Scope Type',
+  toggleable: true
 }, {
   value: 'status',
-  title: 'Status'
+  title: 'Status',
+  toggleable: true
 }, {
   value: 'summary',
-  title: 'Summary'
+  title: 'Summary',
+  toggleable: true
 }, {
   value: 'type',
-  title: 'Type'
+  title: 'Type',
+  toggleable: true
 }, {
   value: 'updatedAt',
-  title: 'Updated'
+  title: 'Updated',
+  toggleable: true
 }, {
   value: 'updatedBy',
-  title: 'Updated By'
+  title: 'Updated By',
+  toggleable: true
 }, {
   value: 'url',
-  title: 'URL'
+  title: 'URL',
+  toggleable: true
 }, {
   value: 'webhookId',
-  title: 'Webhook ID'
+  title: 'Webhook ID',
+  toggleable: true
 }];
 var WebhookJobTable = (0, _Table.generateTable)({
   tableOptions: ['scope', 'kappSlug', 'status'],

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

@@ -188,60 +188,122 @@ var buildPropertyFields = function buildPropertyFields(_ref5) {
   var isNew = _ref5.isNew,
     properties = _ref5.properties,
     getName = _ref5.getName,
+    getLabel = _ref5.getLabel,
     getOptions = _ref5.getOptions,
     getRequired = _ref5.getRequired,
     getSensitive = _ref5.getSensitive,
+    getCertificate = _ref5.getCertificate,
+    getHelpText = _ref5.getHelpText,
     getValue = _ref5.getValue;
   return {
     propertiesFields: properties.flatMap(function (property) {
       var name = getName(property);
+      var label = (0, _lodashEs.isFunction)(getLabel) && getLabel(property) || name;
       var options = (0, _lodashEs.isFunction)(getOptions) && getOptions(property);
       var required = (0, _lodashEs.isFunction)(getRequired) && getRequired(property);
       var sensitive = (0, _lodashEs.isFunction)(getSensitive) && getSensitive(property);
+      var certificate = (0, _lodashEs.isFunction)(getCertificate) && getCertificate(property);
+      var helpText = (0, _lodashEs.isFunction)(getHelpText) && getHelpText(property);
       var value = getValue(property);
-      return !sensitive || isNew ? [{
+      return !!certificate ? [{
         name: "property_".concat(name),
-        label: name,
+        label: label,
+        type: 'certificate',
+        required: required,
+        "transient": true,
+        options: options,
+        helpText: helpText,
+        initialValue: certificate,
+        visible: function visible(_ref6) {
+          var values = _ref6.values;
+          return !values.get("changeProperty_".concat(name));
+        }
+      }, {
+        name: "property_new_".concat(name),
+        label: label,
+        type: 'file',
+        required: required,
+        "transient": true,
+        helpText: helpText,
+        visible: function visible(_ref7) {
+          var values = _ref7.values;
+          return values.get("changeProperty_".concat(name));
+        }
+      }, {
+        name: "changeProperty_".concat(name),
+        label: "Change ".concat(label),
+        type: 'toggle',
+        "transient": true,
+        initialValue: false,
+        onChange: function onChange(_ref8, _ref9) {
+          var values = _ref8.values;
+          var setValue = _ref9.setValue;
+          if (!_immutable.List.isList(values.get("property_new_".concat(name))) || values.get("property_new_".concat(name)).size > 0) {
+            setValue("property_new_".concat(name), (0, _immutable.List)());
+          }
+        }
+      }] : !sensitive || isNew ? [{
+        name: "property_".concat(name),
+        label: label,
         type: sensitive ? 'password' : options ? 'select' : 'text',
         required: required,
         "transient": true,
         options: options,
+        helpText: helpText,
         initialValue: value
       }] : [{
         name: "property_".concat(name),
-        label: name,
-        type: 'password',
-        required: required ? function (_ref6) {
-          var values = _ref6.values;
+        label: label,
+        type: 'secret',
+        required: required ? function (_ref10) {
+          var values = _ref10.values;
           return values.get("changeProperty_".concat(name));
         } : false,
         "transient": true,
+        helpText: helpText,
         initialValue: '',
-        visible: function visible(_ref7) {
-          var values = _ref7.values;
+        visible: function visible(_ref11) {
+          var values = _ref11.values;
           return values.get("changeProperty_".concat(name));
         }
       }, {
         name: "changeProperty_".concat(name),
-        label: "Change ".concat(name),
-        type: 'checkbox',
+        label: "Change ".concat(label),
+        type: 'toggle',
         "transient": true,
         initialValue: false,
-        onChange: function onChange(_ref8, _ref9) {
-          var values = _ref8.values;
-          var setValue = _ref9.setValue;
+        onChange: function onChange(_ref12, _ref13) {
+          var values = _ref12.values;
+          var setValue = _ref13.setValue;
           if (values.get("property_".concat(name)) !== '') {
             setValue("property_".concat(name), '');
           }
         }
       }];
     }).toArray(),
-    propertiesSerialize: function propertiesSerialize(_ref10) {
-      var values = _ref10.values;
-      return properties.filter(function (prop) {
-        return isNew || !(0, _lodashEs.isFunction)(getSensitive) || !getSensitive(prop) || values.get("changeProperty_".concat(getName(prop)));
-      }).map(getName).reduce(function (reduction, propName) {
-        return reduction.set(propName, values.get("property_".concat(propName)));
+    propertiesSerialize: function propertiesSerialize(_ref14) {
+      var values = _ref14.values;
+      return properties.reduce(function (reduction, property) {
+        var name = getName(property);
+        var sensitive = (0, _lodashEs.isFunction)(getSensitive) && getSensitive(property);
+        var certificate = (0, _lodashEs.isFunction)(getCertificate) && getCertificate(property);
+        if (certificate) {
+          // If certificate field, serialize value if the corresponding
+          // changeProperty field has a value. Set to the new uploaded file, or
+          // an empty string if no file uploaded.
+          if (values.get("changeProperty_".concat(name))) {
+            return reduction.set(name, values.getIn(["property_new_".concat(name), 0]) || '');
+          }
+        } else if (sensitive) {
+          // If sensitive field, serialize value if the corresponding
+          // changeProperty field has a value. Set to the new provided value.
+          if (isNew || values.get("changeProperty_".concat(name))) {
+            return reduction.set(name, values.get("property_".concat(name)));
+          }
+        } else {
+          return reduction.set(name, values.get("property_".concat(name)));
+        }
+        return reduction;
       }, (0, _immutable.Map)()).toObject();
     }
   };

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

@@ -52,6 +52,7 @@ var FIELD_DEFAULT_VALUES = (0, _immutable.Map)({
   team: null,
   'team-multi': (0, _immutable.List)(),
   'text-multi': (0, _immutable.List)(),
+  toggle: false,
   user: null,
   'user-multi': (0, _immutable.List)()
 });

package/lib/components/index.js

@@ -483,6 +483,18 @@ Object.defineProperty(exports, "SystemBackgroundTasksTable", {
     return _SystemBackgroundTasksTable.SystemBackgroundTasksTable;
   }
 });
+Object.defineProperty(exports, "SystemCassandraForm", {
+  enumerable: true,
+  get: function get() {
+    return _SystemCassandraForm.SystemCassandraForm;
+  }
+});
+Object.defineProperty(exports, "SystemElasticSearchForm", {
+  enumerable: true,
+  get: function get() {
+    return _SystemElasticSearchForm.SystemElasticSearchForm;
+  }
+});
 Object.defineProperty(exports, "SystemErrorsTable", {
   enumerable: true,
   get: function get() {
@@ -543,6 +555,18 @@ Object.defineProperty(exports, "SystemTenantTable", {
     return _SystemTenantTable.SystemTenantTable;
   }
 });
+Object.defineProperty(exports, "SystemTrustedCertificateForm", {
+  enumerable: true,
+  get: function get() {
+    return _SystemTrustedCertificateForm.SystemTrustedCertificateForm;
+  }
+});
+Object.defineProperty(exports, "SystemTrustedCertificatesTable", {
+  enumerable: true,
+  get: function get() {
+    return _SystemTrustedCertificatesTable.SystemTrustedCertificatesTable;
+  }
+});
 Object.defineProperty(exports, "SystemUserForm", {
   enumerable: true,
   get: function get() {
@@ -603,6 +627,12 @@ Object.defineProperty(exports, "TeamTable", {
     return _TeamTable.TeamTable;
   }
 });
+Object.defineProperty(exports, "ToastContainer", {
+  enumerable: true,
+  get: function get() {
+    return _ToastContainer.ToastContainer;
+  }
+});
 Object.defineProperty(exports, "TreeBuilder", {
   enumerable: true,
   get: function get() {
@@ -687,6 +717,12 @@ Object.defineProperty(exports, "clearFilters", {
     return _Table.clearFilters;
   }
 });
+Object.defineProperty(exports, "clearToasts", {
+  enumerable: true,
+  get: function get() {
+    return _ToastContainer.clearToasts;
+  }
+});
 Object.defineProperty(exports, "formPropertyName", {
   enumerable: true,
   get: function get() {
@@ -741,6 +777,12 @@ Object.defineProperty(exports, "getToken", {
     return _AuthenticationContainer.getToken;
   }
 });
+Object.defineProperty(exports, "hideToast", {
+  enumerable: true,
+  get: function get() {
+    return _ToastContainer.hideToast;
+  }
+});
 Object.defineProperty(exports, "importLocale", {
   enumerable: true,
   get: function get() {
@@ -825,6 +867,12 @@ Object.defineProperty(exports, "serializeForm", {
     return _Form.serializeForm;
   }
 });
+Object.defineProperty(exports, "showToast", {
+  enumerable: true,
+  get: function get() {
+    return _ToastContainer.showToast;
+  }
+});
 Object.defineProperty(exports, "submitForm", {
   enumerable: true,
   get: function get() {
@@ -873,6 +921,7 @@ var _FormSelect = require("./common/FormSelect");
 var _Scroller = require("./common/Scroller");
 var _StaticSelect = require("./common/StaticSelect");
 var _AuthenticationContainer = require("./common/authentication/AuthenticationContainer");
+var _ToastContainer = require("./common/ToastContainer");
 var _Form = require("./form/Form");
 var _FormState = require("./form/FormState");
 var _KitchenSinkForm = require("./form/KitchenSinkForm");
@@ -950,8 +999,12 @@ var _SystemSmtpForm = require("./system/SystemSmtpForm");
 var _SystemTaskAdapterForm = require("./system/SystemTaskAdapterForm");
 var _SystemIngressForm = require("./system/SystemIngressForm");
 var _SystemSecurityForm = require("./system/SystemSecurityForm");
+var _SystemCassandraForm = require("./system/SystemCassandraForm");
+var _SystemElasticSearchForm = require("./system/SystemElasticSearchForm");
 var _SystemForm = require("./system/SystemForm");
 var _SystemBackgroundTasksTable = require("./system/SystemBackgroundTasksTable");
+var _SystemTrustedCertificateForm = require("./system/SystemTrustedCertificateForm");
+var _SystemTrustedCertificatesTable = require("./system/SystemTrustedCertificatesTable");
 var _helpers2 = require("./system/helpers");
 var _TreeBuilder = require("./task/builder/TreeBuilder");
 var _ConnectorForm = require("./task/builder/ConnectorForm");