@kineticdata/react 6.0.4 → 6.1.0

package/lib/components/core/form/FormForm.js

@@ -12,9 +12,9 @@ var _Form = require("../../form/Form");
 var _apis = require("../../../apis");
 var _helpers = require("../../../helpers");
 var FORM_STATUSES = ['New', 'Active', 'Inactive', 'Delete'];
-var FORM_INCLUDES = 'details,attributesMap,securityPolicies,backgroundJobs,fields,categorizations';
+var FORM_INCLUDES = 'details,attributesMap,securityPolicies,backgroundJobs,fields,categorizations,categorizations.category,categorizations.category.attributes[Parent]';
 var KAPP_INCLUDES = 'fields,formTypes,formAttributeDefinitions,kappAttributeDefinitions,securityPolicies';
-var SPACE_INCLUDES = 'spaceAttributeDefinitions,formAttributeDefinitions,securityPolicies';
+var SPACE_INCLUDES = 'spaceAttributeDefinitions,securityPolicies';
 var dataSources = function dataSources(_ref) {
   var formSlug = _ref.formSlug,
     kappSlug = _ref.kappSlug;
@@ -102,7 +102,8 @@ var handleSubmit = function handleSubmit(_ref2) {
 var buildLabel = function buildLabel(_ref4) {
   var name = _ref4.name,
     category = _ref4.category,
-    categories = _ref4.categories;
+    categories = _ref4.categories,
+    loading = _ref4.loading;
   var match = null;
   if (category.get('attributes').size) {
     category.get('attributes').map(function (c) {
@@ -113,8 +114,9 @@ var buildLabel = function buildLabel(_ref4) {
         name = match ? buildLabel({
           name: "".concat(match.get('name'), "::").concat(name),
           category: match,
-          categories: categories
-        }) : "(Missing Category ".concat(c.getIn(['values', 0]), ")::").concat(name);
+          categories: categories,
+          loading: loading
+        }) : loading ? "".concat(c.getIn(['values', 0]), "::").concat(name) : "(Missing Category ".concat(c.getIn(['values', 0]), ")::").concat(name);
       }
       return name;
     });
@@ -125,22 +127,22 @@ var securityEndpoints = {
   formDisplay: {
     endpoint: 'Display',
     label: 'Form Display',
-    types: ['Space', 'Kapp', 'Form']
+    types: ['Kapp', 'Form']
   },
   formModification: {
     endpoint: 'Modification',
     label: 'Form Modification',
-    types: ['Space', 'Kapp', 'Form']
+    types: ['Kapp', 'Form']
   },
   submissionAccess: {
     endpoint: 'Submission Access',
     label: 'Submission Access',
-    types: ['Space', 'Kapp', 'Form', 'Submission']
+    types: ['Kapp', 'Form', 'Submission']
   },
   submissionModification: {
     endpoint: 'Submission Modification',
     label: 'Submission Modification',
-    types: ['Space', 'Kapp', 'Form', 'Submission']
+    types: ['Kapp', 'Form', 'Submission']
   }
 };
 var fields = function fields(_ref5) {
@@ -221,12 +223,24 @@ var fields = function fields(_ref5) {
       options: function options(_ref10) {
         var space = _ref10.space,
           kapp = _ref10.kapp,
-          form = _ref10.form;
-        return (0, _helpers.buildBindings)({
-          space: space,
-          kapp: kapp,
-          form: form,
-          scope: kappSlug ? 'Submission' : 'Submission'
+          form = _ref10.form,
+          attributeDefinitions = _ref10.attributeDefinitions;
+        return (0, _helpers.buildCodeEditorBindings)({
+          space: {
+            attributeDefinitions: space === null || space === void 0 ? void 0 : space.get('spaceAttributeDefinitions')
+          },
+          kapp: {
+            attributeDefinitions: kapp === null || kapp === void 0 ? void 0 : kapp.get('kappAttributeDefinitions')
+          },
+          form: {
+            attributeDefinitions: attributeDefinitions
+          },
+          submission: {
+            detailed: true
+          },
+          values: (form === null || form === void 0 ? void 0 : form.get('fields').size) > 0 && {
+            data: form.get('fields')
+          }
         });
       }
     }, !!kappSlug && {
@@ -259,7 +273,8 @@ var fields = function fields(_ref5) {
           }).map(function (definition) {
             return (0, _immutable.Map)({
               value: definition.get('name'),
-              label: definition.get('name')
+              label: definition.get('name'),
+              type: definition.get('type')
             });
           }) : [];
         },
@@ -304,13 +319,21 @@ var fields = function fields(_ref5) {
       label: 'Categories',
       type: 'select-multi',
       options: function options(_ref19) {
-        var categories = _ref19.categories;
-        return categories ? categories.map(function (category) {
+        var categories = _ref19.categories,
+          form = _ref19.form;
+        // Until categories are fetched, use the data from the form's
+        // categories to build options to minimize the flash of the slug values
+        // changing to the names
+        var categoriesList = categories || (form === null || form === void 0 ? void 0 : form.get('categorizations').map(function (c) {
+          return c.get('category');
+        }));
+        return categoriesList ? categoriesList.map(function (category) {
           return (0, _immutable.Map)({
             label: buildLabel({
               name: category.get('name'),
               category: category,
-              categories: categories
+              categories: categoriesList,
+              loading: !categories
             }),
             value: category.get('slug')
           });

package/lib/components/core/form/FormTable.js

@@ -110,9 +110,21 @@ var columns = [{
   title: 'Slug',
   sortable: true,
   toggleable: true
+}, {
+  value: 'type',
+  title: 'Type',
+  sortable: true,
+  filter: 'startsWith',
+  type: 'text',
+  toggleable: true
+}, {
+  value: 'status',
+  title: 'Status',
+  sortable: true,
+  toggleable: true
 }, {
   value: 'createdAt',
-  title: 'Created',
+  title: 'Created At',
   sortable: true,
   toggleable: true
 }, {
@@ -121,7 +133,7 @@ var columns = [{
   toggleable: true
 }, {
   value: 'updatedAt',
-  title: 'Updated',
+  title: 'Updated At',
   sortable: true,
   toggleable: true
 }, {
@@ -133,18 +145,6 @@ var columns = [{
   value: 'notes',
   title: 'Notes',
   toggleable: true
-}, {
-  value: 'status',
-  title: 'Status',
-  sortable: true,
-  toggleable: true
-}, {
-  value: 'type',
-  title: 'Type',
-  sortable: true,
-  filter: 'startsWith',
-  type: 'text',
-  toggleable: true
 }, {
   value: 'submissionLabelExpression',
   title: 'Submission Label',

package/lib/components/core/form_type/FormTypeForm.js

@@ -19,6 +19,9 @@ var dataSources = function dataSources(_ref) {
       }],
       transform: function transform(result) {
         return result.formType;
+      },
+      errorTransform: function errorTransform(result) {
+        return result.error;
       }
     }
   };

package/lib/components/core/i18n/Moment.js

@@ -171,6 +171,7 @@ Moment.formats = {
   dateShort: 'll',
   dateWithDayShort: 'ddd, ll',
   dateTime: 'LLL',
+  dateTimeWithSeconds: 'LL LTS',
   dateTimeNumeric: 'L LT',
   dateTimeShort: 'lll',
   dateTimeWithDay: 'LLLL',

package/lib/components/core/integration/IntegrationForm.js

@@ -0,0 +1,232 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IntegrationForm = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _Form = require("../../form/Form");
+var _apis = require("../../../apis");
+var _immutable = require("immutable");
+var _integrationTypes = _interopRequireWildcard(require("../../integrator/integrationTypes"));
+var dataSources = function dataSources(_ref) {
+  var kappSlug = _ref.kappSlug,
+    name = _ref.name;
+  return {
+    integration: {
+      fn: _apis.fetchIntegration,
+      params: name && [{
+        kappSlug: kappSlug,
+        name: name,
+        include: 'securityPolicies'
+      }],
+      transform: function transform(result) {
+        return result.integration;
+      },
+      errorTransform: function errorTransform(result) {
+        return result.error;
+      }
+    },
+    connections: {
+      fn: _apis.fetchConnections,
+      params: [],
+      transform: function transform(result) {
+        return result.connections;
+      }
+    },
+    operations: {
+      fn: _apis.fetchOperations,
+      params: function params(_ref2) {
+        var values = _ref2.values,
+          integration = _ref2.integration;
+        var connectionId = (values === null || values === void 0 ? void 0 : values.get('connectionId')) || (integration === null || integration === void 0 ? void 0 : integration.get('connectionId'));
+        return connectionId && [{
+          connectionId: connectionId
+        }];
+      },
+      transform: function transform(result) {
+        return result.operations;
+      }
+    },
+    parameters: {
+      fn: function fn(options) {
+        return !!options.operationId ? (0, _apis.inspectOperation)(options) : Promise.resolve({});
+      },
+      params: function params(_ref3) {
+        var values = _ref3.values;
+        return [{
+          operationId: values === null || values === void 0 ? void 0 : values.get('operationId')
+        }];
+      }
+    },
+    securityPolicyDefinitions: {
+      fn: _apis.fetchSecurityPolicyDefinitions,
+      params: kappSlug && [{
+        kappSlug: kappSlug
+      }],
+      transform: function transform(result) {
+        return result.securityPolicyDefinitions;
+      }
+    }
+  };
+};
+var handleSubmit = function handleSubmit(_ref4) {
+  var kappSlug = _ref4.kappSlug,
+    name = _ref4.name;
+  return function (values) {
+    return (name ? _apis.updateIntegration : _apis.createIntegration)({
+      integration: values.toJS(),
+      kappSlug: kappSlug,
+      name: name
+    }).then(function (_ref5) {
+      var integration = _ref5.integration,
+        error = _ref5.error;
+      if (error) {
+        throw error.statusCode === 400 && error.message || 'There was an error saving the integration';
+      }
+      return integration;
+    });
+  };
+};
+var securityEndpoints = {
+  execution: {
+    endpoint: 'Execution',
+    label: 'Execution Security Policy',
+    types: ['Kapp']
+  }
+};
+var fields = function fields(_ref6) {
+  var name = _ref6.name;
+  return function (_ref7) {
+    var integration = _ref7.integration,
+      connections = _ref7.connections,
+      operations = _ref7.operations;
+    return (!name || integration) && connections && (!(integration !== null && integration !== void 0 && integration.get('connectionId')) || operations) && [{
+      name: 'name',
+      label: 'Name',
+      type: 'text',
+      pattern: /^[a-z\d-]+[a-z\d\s-]*$/i,
+      patternMessage: 'Name can only contain alpha-numeric characters, spaces, and hyphens, and cannot start with spaces.',
+      required: true,
+      initialValue: integration ? integration.get('name') : ''
+    }, {
+      name: 'connectionId',
+      label: 'Connection',
+      type: 'select',
+      required: true,
+      initialValue: integration ? integration.get('connectionId') : '',
+      options: function options(_ref8) {
+        var connections = _ref8.connections;
+        return connections.map(function (conn) {
+          var _getConnectionMetadat;
+          return (0, _immutable.Map)({
+            value: conn.get('id'),
+            label: conn.get('name'),
+            type: _integrationTypes["default"].getLabel(conn.get('type')),
+            detail: (_getConnectionMetadat = (0, _integrationTypes.getConnectionMetadata)(conn)) === null || _getConnectionMetadat === void 0 ? void 0 : _getConnectionMetadat.optionDetail
+          });
+        });
+      },
+      onChange: function onChange(bindings, _ref9) {
+        var setValue = _ref9.setValue;
+        setValue('operationId', '');
+        setValue('inputMappings', {});
+      }
+    }, {
+      name: 'operationId',
+      label: 'Operation',
+      type: 'select',
+      required: true,
+      initialValue: integration ? integration.get('operationId') : '',
+      options: function options(_ref10) {
+        var operations = _ref10.operations,
+          values = _ref10.values;
+        return (operations || (0, _immutable.List)()
+        // Make sure we only show correct operations while waiting on data to
+        // be fetched
+        ).filter(function (op) {
+          return op.get('connectionId') === values.get('connectionId');
+        }).map(function (op) {
+          var _getOperationMetadata;
+          return (0, _immutable.Map)({
+            value: op.get('id'),
+            label: op.get('name'),
+            detail: (_getOperationMetadata = (0, _integrationTypes.getOperationMetadata)(op)) === null || _getOperationMetadata === void 0 ? void 0 : _getOperationMetadata.optionDetail
+          });
+        });
+      },
+      enabled: function enabled(_ref11) {
+        var values = _ref11.values;
+        return !!values.get('connectionId');
+      },
+      placeholder: function placeholder(_ref12) {
+        var values = _ref12.values;
+        return !values.get('connectionId') ? 'Select a connection' : undefined;
+      }
+    }, {
+      name: 'inputMappings',
+      label: 'Parameter Mappings',
+      type: 'map',
+      initialValue: integration ? integration.get('inputMappings') : {},
+      enabled: function enabled(_ref13) {
+        var values = _ref13.values;
+        return !!values.get('operationId');
+      }
+    }].concat((0, _toConsumableArray2["default"])(Object.entries(securityEndpoints).map(function (_ref14) {
+      var _ref15 = (0, _slicedToArray2["default"])(_ref14, 2),
+        endpointFieldName = _ref15[0],
+        endpoint = _ref15[1];
+      return {
+        name: endpointFieldName,
+        label: endpoint.label,
+        type: 'select',
+        options: function options(_ref16) {
+          var securityPolicyDefinitions = _ref16.securityPolicyDefinitions;
+          return securityPolicyDefinitions ? securityPolicyDefinitions.filter(function (definition) {
+            return endpoint.types.includes(definition.get('type'));
+          }).map(function (definition) {
+            return (0, _immutable.Map)({
+              value: definition.get('name'),
+              label: definition.get('name'),
+              type: definition.get('type')
+            });
+          }) : [];
+        },
+        initialValue: integration ? integration.get('securityPolicies').find(function (pol) {
+          return pol.get('endpoint') === endpoint.endpoint;
+        }, null, (0, _immutable.Map)({})).get('name', '') : '',
+        "transient": true
+      };
+    })), [{
+      name: 'securityPolicies',
+      label: 'Security Policies',
+      type: null,
+      visible: false,
+      serialize: function serialize(_ref17) {
+        var values = _ref17.values;
+        return Object.entries(securityEndpoints).map(function (_ref18) {
+          var _ref19 = (0, _slicedToArray2["default"])(_ref18, 2),
+            endpointFieldName = _ref19[0],
+            policy = _ref19[1];
+          return {
+            endpoint: policy.endpoint,
+            name: values.get(endpointFieldName)
+          };
+        }).filter(function (endpoint) {
+          return endpoint.name !== '';
+        });
+      },
+      initialValue: integration ? integration.get('securityPolicies') : []
+    }]);
+  };
+};
+var IntegrationForm = exports.IntegrationForm = (0, _Form.generateForm)({
+  formOptions: ['kappSlug', 'name'],
+  dataSources: dataSources,
+  fields: fields,
+  handleSubmit: handleSubmit
+});
+IntegrationForm.displayName = 'IntegrationForm';

package/lib/components/core/integration/IntegrationTable.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IntegrationTable = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _Table = require("../../table/Table");
+var _apis = require("../../../apis");
+var _http = require("../../../apis/http");
+var _excluded = ["integrations"];
+var fetchIntegrationsWithSupportingData = function fetchIntegrationsWithSupportingData(options) {
+  return (0, _apis.fetchIntegrations)(options).then(function (_ref) {
+    var integrations = _ref.integrations,
+      response = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    // Get ids of all operations in the table
+    var ids = integrations === null || integrations === void 0 ? void 0 : integrations.map(function (integration) {
+      return integration.operationId;
+    });
+    // Fetch supporting integrator data for the table
+    return Promise.all([
+    // Get all connections
+    (0, _apis.fetchConnections)(),
+    // Get the operations that are used in the integrations
+    (ids === null || ids === void 0 ? void 0 : ids.length) > 0 ? (0, _apis.fetchBulkOperations)({
+      ids: ids
+    }) : Promise.resolve({
+      operations: []
+    })]).then(function (_ref2) {
+      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+        _ref3$ = _ref3[0],
+        connections = _ref3$.connections,
+        integratorError = _ref3$.error,
+        operations = _ref3[1].operations;
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, response), {}, {
+        integrations: integrations.map(function (integration) {
+          var _connections$find, _operations$find;
+          return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, integration), {}, {
+            // Add the connection and operation names to the records
+            connectionName: connections === null || connections === void 0 ? void 0 : (_connections$find = connections.find(function (conn) {
+              return conn.id === integration.connectionId;
+            })) === null || _connections$find === void 0 ? void 0 : _connections$find.name,
+            operationName: operations === null || operations === void 0 ? void 0 : (_operations$find = operations.find(function (op) {
+              return op.id === integration.operationId;
+            })) === null || _operations$find === void 0 ? void 0 : _operations$find.name
+          });
+        }),
+        integratorError: integratorError
+      });
+    });
+  });
+};
+var dataSource = function dataSource(_ref4) {
+  var kappSlug = _ref4.kappSlug;
+  return {
+    fn: fetchIntegrationsWithSupportingData,
+    params: function params(paramData) {
+      return [(0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+        include: 'details',
+        kappSlug: kappSlug
+      }, (0, _http.generateSortParams)(paramData)), (0, _http.generatePaginationParams)(paramData))];
+    },
+    transform: function transform(result) {
+      return {
+        data: result.integrations,
+        nextPageToken: result.nextPageToken,
+        extraData: {
+          integratorError: result.integratorError
+        }
+      };
+    }
+  };
+};
+var filters = function filters() {
+  return function () {
+    return [{
+      name: 'name',
+      label: 'Name',
+      type: 'text'
+    }];
+  };
+};
+var columns = [{
+  value: 'name',
+  title: 'Name',
+  sortable: true,
+  toggleable: false,
+  columnOrder: 'first'
+}, {
+  value: 'connectionId',
+  title: 'Connection ID',
+  sortable: false,
+  toggleable: true
+}, {
+  value: 'connectionName',
+  title: 'Connection',
+  sortable: false,
+  toggleable: true
+}, {
+  value: 'operationId',
+  title: 'Operation ID',
+  sortable: false,
+  toggleable: true
+}, {
+  value: 'operationName',
+  title: 'Operation',
+  sortable: false,
+  toggleable: true
+}, {
+  value: 'createdAt',
+  title: 'Created At',
+  sortable: true,
+  toggleable: true
+}, {
+  value: 'createdBy',
+  title: 'Created By',
+  sortable: true,
+  toggleable: true
+}, {
+  value: 'updatedAt',
+  title: 'Updated At',
+  sortable: true,
+  toggleable: true
+}, {
+  value: 'updatedBy',
+  title: 'Updated By',
+  sortable: true,
+  toggleable: true
+}];
+var IntegrationTable = exports.IntegrationTable = (0, _Table.generateTable)({
+  tableOptions: ['kappSlug'],
+  columns: columns,
+  filters: filters,
+  dataSource: dataSource
+});
+IntegrationTable.displayName = 'IntegrationTable';