@kineticdata/react 5.1.2 → 6.0.1

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

@@ -1,11 +1,19 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { generateForm } from '../../form/Form';
-import { get, Map } from 'immutable';
-import { createWebApi, updateWebApi, fetchSecurityPolicyDefinitions, createTree, updateTree, fetchSpace } from '../../../apis';
-export var WEB_API_METHODS = ['GET', 'POST', 'PUT', 'DELETE'];
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebApiForm = exports.WEB_API_METHODS = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _Form = require("../../form/Form");
+var _immutable = require("immutable");
+var _apis = require("../../../apis");
+var WEB_API_METHODS = ['GET', 'POST', 'PUT', 'DELETE'];
+exports.WEB_API_METHODS = WEB_API_METHODS;
 var securityEndpoints = {
   webApiExecution: {
     endpoint: 'Execution',
@@ -13,32 +21,47 @@ var securityEndpoints = {
     types: ['Space', 'Kapp']
   }
 };
-
 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: fetchSecurityPolicyDefinitions,
+      fn: _apis.fetchSecurityPolicyDefinitions,
       params: kappSlug || webApi && webApi.get('kappSlug') ? [{
         kappSlug: kappSlug || webApi && webApi.get('kappSlug')
       }] : [],
       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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
-      var _yield$fetchSpace, space, sourceName, sourceGroup, _ref4, _webApi, error1, _ref5, tree, error2;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+    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) {
             case 0:
@@ -46,67 +69,55 @@ var handleSubmit = function handleSubmit(_ref2) {
                 _context.next = 38;
                 break;
               }
-
               _context.next = 3;
-              return fetchSpace({
+              return (0, _apis.fetchSpace)({
                 include: 'platformComponents'
               });
-
             case 3:
               _yield$fetchSpace = _context.sent;
               space = _yield$fetchSpace.space;
               sourceName = space.platformComponents.task.config.platformSourceName;
               sourceGroup = kappSlug ? "WebApis > ".concat(kappSlug) : 'WebApis';
-
               if (!slug) {
                 _context.next = 13;
                 break;
               }
-
               _context.next = 10;
-              return updateWebApi({
+              return (0, _apis.updateWebApi)({
                 kappSlug: kappSlug,
                 slug: slug,
                 webApi: values.toJS(),
                 include: 'securityPolicies'
               });
-
             case 10:
               _context.t0 = _context.sent;
               _context.next = 16;
               break;
-
             case 13:
               _context.next = 15;
-              return createWebApi({
+              return (0, _apis.createWebApi)({
                 kappSlug: kappSlug,
                 webApi: values.toJS(),
                 include: 'securityPolicies'
               });
-
             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;
               }
-
               throw error1.statusCode === 400 && error1.message || 'There was an error saving the WebAPI';
-
             case 21:
               if (!slug) {
                 _context.next = 27;
                 break;
               }
-
               _context.next = 24;
-              return updateTree({
+              return (0, _apis.updateTree)({
                 sourceName: sourceName,
                 sourceGroup: sourceGroup,
                 name: slug,
@@ -116,46 +127,38 @@ var handleSubmit = function handleSubmit(_ref2) {
                   name: values.get('slug')
                 }
               });
-
             case 24:
               _context.t1 = _context.sent;
               _context.next = 30;
               break;
-
             case 27:
               _context.next = 29;
-              return createTree({
+              return (0, _apis.createTree)({
                 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;
               }
-
               throw error2.statusCode === 400 && error2.message || 'There was an error saving the WebAPI tree';
-
             case 35:
               return _context.abrupt("return", {
                 tree: tree,
                 webApi: _webApi
               });
-
             case 38:
               return _context.abrupt("return", values.toObject());
-
             case 39:
             case "end":
               return _context.stop();
@@ -163,23 +166,22 @@ 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;
-  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',
       type: 'text',
       required: true,
-      initialValue: get(webApi, 'slug') || ''
+      initialValue: (0, _immutable.get)(webApi, 'slug') || ''
     }, {
       name: 'method',
       label: 'Method',
@@ -191,22 +193,21 @@ var fields = function fields(_ref6) {
           label: el
         };
       }),
-      initialValue: get(webApi, 'method') || ''
-    }].concat(_toConsumableArray(Object.entries(securityEndpoints).map(function (_ref8) {
-      var _ref9 = _slicedToArray(_ref8, 2),
-          endpointFieldName = _ref9[0],
-          endpoint = _ref9[1];
-
+      initialValue: (0, _immutable.get)(webApi, 'method') || ''
+    }].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) {
-            return Map({
+            return (0, _immutable.Map)({
               value: definition.get('name'),
               label: definition.get('name')
             });
@@ -214,7 +215,7 @@ var fields = function fields(_ref6) {
         },
         initialValue: webApi ? webApi.get('securityPolicies').find(function (pol) {
           return pol.get('endpoint') === endpoint.endpoint;
-        }, null, Map({})).get('name', '') : '',
+        }, null, (0, _immutable.Map)({})).get('name', '') : '',
         "transient": true
       };
     })), [{
@@ -222,10 +223,10 @@ var fields = function fields(_ref6) {
       label: 'Security Policies',
       type: null,
       visible: false,
-      serialize: function serialize(_ref11) {
-        var values = _ref11.values;
-        return Map(securityEndpoints).map(function (policy, endpointFieldName) {
-          return Map({
+      serialize: function serialize(_ref12) {
+        var values = _ref12.values;
+        return (0, _immutable.Map)(securityEndpoints).map(function (policy, endpointFieldName) {
+          return (0, _immutable.Map)({
             endpoint: policy.endpoint,
             name: values.get(endpointFieldName)
           });
@@ -233,15 +234,21 @@ var fields = function fields(_ref6) {
           return policy.get('name') !== '';
         }).toList();
       },
-      initialValue: get(webApi, 'securityPolicies')
+      initialValue: (0, _immutable.get)(webApi, 'securityPolicies')
+    }, {
+      name: 'ownerEmail',
+      label: 'Process Owner Email',
+      type: 'text',
+      required: false,
+      initialValue: (0, _immutable.get)(tree, 'ownerEmail') || ''
     }]);
   };
 };
-
-export var WebApiForm = generateForm({
-  formOptions: ['kappSlug', 'slug', 'webApi'],
+var WebApiForm = (0, _Form.generateForm)({
+  formOptions: ['kappSlug', 'slug', 'webApi', 'tree', 'cloneParams'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
+exports.WebApiForm = WebApiForm;
 WebApiForm.displayName = 'WebApiForm';

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

@@ -1,18 +1,23 @@
-import { generateTable } from '../../table/Table';
-import { fetchWebApis } from '../../../apis';
-import { WEB_API_METHODS } from './WebApiForm';
-import { defineFilter } from '../../../helpers';
-var clientSide = defineFilter(true).startsWith('slug', 'slug').equals('method', 'method').end();
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebApiTable = void 0;
+var _Table = require("../../table/Table");
+var _apis = require("../../../apis");
+var _WebApiForm = require("./WebApiForm");
+var _helpers = require("../../../helpers");
+var clientSide = (0, _helpers.defineFilter)(true).startsWith('slug', 'slug').equals('method', 'method').end();
 var dataSource = function dataSource(_ref) {
   var kappSlug = _ref.kappSlug;
   return {
-    fn: fetchWebApis,
+    fn: _apis.fetchWebApis,
     clientSide: clientSide,
     params: function params() {
       return [{
         kappSlug: kappSlug,
-        include: 'details'
+        include: 'details,securityPolicies'
       }];
     },
     transform: function transform(result) {
@@ -22,7 +27,6 @@ var dataSource = function dataSource(_ref) {
     }
   };
 };
-
 var filters = function filters() {
   return function () {
     return [{
@@ -34,7 +38,7 @@ var filters = function filters() {
       label: 'Method',
       type: 'select',
       options: function options() {
-        return WEB_API_METHODS.map(function (el) {
+        return _WebApiForm.WEB_API_METHODS.map(function (el) {
           return {
             value: el,
             label: el
@@ -44,34 +48,41 @@ 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
 }];
-export var WebApiTable = generateTable({
+var WebApiTable = (0, _Table.generateTable)({
   tableOptions: ['kappSlug'],
   columns: columns,
   filters: filters,
   dataSource: dataSource
 });
+exports.WebApiTable = WebApiTable;
 WebApiTable.displayName = 'WebApiTable';

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

@@ -1,16 +1,21 @@
-import { List, Map } from 'immutable';
-import { createWebhook, fetchWebhook, fetchKapp, fetchKappWebhookEvents, fetchSpace, fetchSpaceWebhookEvents, updateWebhook } from '../../../apis';
-import { generateForm } from '../../form/Form';
-import { buildBindings } from '../../../helpers';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebhookForm = void 0;
+var _immutable = require("immutable");
+var _apis = require("../../../apis");
+var _Form = require("../../form/Form");
+var _helpers = require("../../../helpers");
 var SPACE_INCLUDES = 'formAttributeDefinitions,spaceAttributeDefinitions,teamAttributeDefinitions,userAttributeDefinitions,userProfileAttributeDefinitions';
 var KAPP_INCLUDES = 'formAttributeDefinitions,kappAttributeDefinitions,fields';
-
 var dataSources = function dataSources(_ref) {
   var kappSlug = _ref.kappSlug,
-      name = _ref.name;
+    name = _ref.name;
   return {
     space: {
-      fn: fetchSpace,
+      fn: _apis.fetchSpace,
       params: [{
         include: SPACE_INCLUDES
       }],
@@ -19,7 +24,7 @@ var dataSources = function dataSources(_ref) {
       }
     },
     kapp: {
-      fn: fetchKapp,
+      fn: _apis.fetchKapp,
       params: kappSlug && [{
         kappSlug: kappSlug,
         include: KAPP_INCLUDES
@@ -29,7 +34,7 @@ var dataSources = function dataSources(_ref) {
       }
     },
     webhook: {
-      fn: fetchWebhook,
+      fn: _apis.fetchWebhook,
       params: name && [{
         kappSlug: kappSlug,
         webhookName: name
@@ -39,36 +44,32 @@ var dataSources = function dataSources(_ref) {
       }
     },
     events: {
-      fn: kappSlug ? fetchKappWebhookEvents : fetchSpaceWebhookEvents,
+      fn: kappSlug ? _apis.fetchKappWebhookEvents : _apis.fetchSpaceWebhookEvents,
       params: []
     }
   };
 };
-
 var handleSubmit = function handleSubmit(_ref2) {
   var kappSlug = _ref2.kappSlug,
-      name = _ref2.name;
+    name = _ref2.name;
   return function (values) {
-    return (name ? updateWebhook : createWebhook)({
+    return (name ? _apis.updateWebhook : _apis.createWebhook)({
       webhook: values.toJS(),
       kappSlug: kappSlug,
       webhookName: name
     }).then(function (_ref3) {
       var webhook = _ref3.webhook,
-          error = _ref3.error;
-
+        error = _ref3.error;
       if (error) {
         throw error.statusCode === 400 && error.message || 'There was an error saving the webhook';
       }
-
       return webhook;
     });
   };
 };
-
 var fields = function fields(_ref4) {
   var kappSlug = _ref4.kappSlug,
-      name = _ref4.name;
+    name = _ref4.name;
   return function (_ref5) {
     var webhook = _ref5.webhook;
     return (!name || webhook) && [{
@@ -88,11 +89,11 @@ var fields = function fields(_ref4) {
       options: function options(_ref6) {
         var events = _ref6.events;
         return events ? events.keySeq().sort().map(function (type) {
-          return Map({
+          return (0, _immutable.Map)({
             label: type,
             value: type
           });
-        }) : List();
+        }) : (0, _immutable.List)();
       },
       onChange: function onChange(bindings, _ref7) {
         var setValue = _ref7.setValue;
@@ -107,13 +108,13 @@ var fields = function fields(_ref4) {
       helpText: 'The event triggering the webhook.',
       options: function options(_ref8) {
         var values = _ref8.values,
-            events = _ref8.events;
-        return values && events ? events.get(values.get('type'), List()).map(function (event) {
-          return Map({
+          events = _ref8.events;
+        return values && events ? events.get(values.get('type'), (0, _immutable.List)()).map(function (event) {
+          return (0, _immutable.Map)({
             label: event,
             value: event
           });
-        }) : List();
+        }) : (0, _immutable.List)();
       }
     }, {
       name: 'filter',
@@ -124,9 +125,9 @@ var fields = function fields(_ref4) {
       helpText: 'Optional parameters limiting the events than can trigger a webhook. Click the </> button to see available insert values.',
       options: function options(_ref9) {
         var space = _ref9.space,
-            kapp = _ref9.kapp,
-            values = _ref9.values;
-        return buildBindings({
+          kapp = _ref9.kapp,
+          values = _ref9.values;
+        return (0, _helpers.buildBindings)({
           space: space,
           kapp: kapp,
           scope: values.get('type')
@@ -142,9 +143,9 @@ var fields = function fields(_ref4) {
       helpText: 'Location of the platform workflow or external system to pass information to. Click the </> button to see available insert values.',
       options: function options(_ref10) {
         var space = _ref10.space,
-            kapp = _ref10.kapp,
-            values = _ref10.values;
-        return buildBindings({
+          kapp = _ref10.kapp,
+          values = _ref10.values;
+        return (0, _helpers.buildBindings)({
           space: space,
           kapp: kapp,
           scope: values.get('type')
@@ -153,11 +154,11 @@ var fields = function fields(_ref4) {
     }];
   };
 };
-
-export var WebhookForm = generateForm({
+var WebhookForm = (0, _Form.generateForm)({
   formOptions: ['kappSlug', 'name'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
+exports.WebhookForm = WebhookForm;
 WebhookForm.displayName = 'WebhookForm';