@kineticdata/react 5.1.0-rc.2 → 5.1.0

package/lib/components/system/SystemBackgroundTasksTable.js

@@ -0,0 +1,83 @@
+import { generateTable } from '../table/Table';
+import { fetchSystemBackgroundTasks } from '../../apis';
+import { defineFilter } from '../../helpers';
+import { List } from 'immutable';
+var clientSide = defineFilter(true).startsWith('id', 'id').startsWith('status', 'status').end();
+
+var dataSource = function dataSource(_ref) {
+  var spaceSlug = _ref.spaceSlug;
+  return {
+    fn: fetchSystemBackgroundTasks,
+    clientSide: clientSide,
+    params: function params() {
+      return [{
+        spaceSlug: spaceSlug
+      }];
+    },
+    transform: function transform(result) {
+      return {
+        data: result.backgroundTasks
+      };
+    }
+  };
+};
+
+var filters = function filters() {
+  return function () {
+    return [{
+      name: 'id',
+      label: 'ID',
+      type: 'text'
+    }, {
+      name: 'status',
+      label: 'Status',
+      type: 'text'
+    }];
+  };
+};
+
+var columns = [{
+  value: 'id',
+  title: 'ID',
+  sortable: false
+}, {
+  value: 'createdAt',
+  title: 'Created At',
+  valueTransform: function valueTransform(_value, row) {
+    var createdTransition = row.get('transitions', List()).find(function (t) {
+      return t.has('Created');
+    });
+    return createdTransition ? createdTransition.get('Created') : 'N/A';
+  },
+  sortable: true
+}, {
+  value: 'description',
+  title: 'Description',
+  sortable: false
+}, {
+  value: 'exception',
+  title: 'Exception',
+  sortable: false
+}, {
+  value: 'messages',
+  title: 'Messages',
+  sortable: false
+}, {
+  value: 'Result',
+  title: 'Result',
+  sortable: false
+}, {
+  value: 'status',
+  title: 'Status'
+}, {
+  value: 'transitions',
+  title: 'Transitions',
+  sortable: false
+}];
+export var SystemBackgroundTasksTable = generateTable({
+  tableOptions: ['spaceSlug'],
+  columns: columns,
+  filters: filters,
+  dataSource: dataSource
+});
+SystemBackgroundTasksTable.displayName = 'SystemBackgroundTasksTable';

package/lib/components/system/SystemSecurityForm.js

@@ -0,0 +1,69 @@
+import { List, fromJS, get } from 'immutable';
+import { generateForm } from '../form/Form';
+import { fetchSystemSecurity, updateSystemSecurity } from '../../apis';
+import { handleFormErrors } from '../form/Form.helpers';
+
+var handleSubmit = function handleSubmit() {
+  return function (values) {
+    return updateSystemSecurity({
+      systemSecurity: values.toJS()
+    }).then(handleFormErrors());
+  };
+};
+
+var dataSources = function dataSources() {
+  return {
+    systemSecurity: {
+      fn: fetchSystemSecurity,
+      params: [],
+      transform: function transform(result) {
+        return result.systemSecurity;
+      }
+    }
+  };
+};
+
+var fields = function fields() {
+  return function (_ref) {
+    var systemSecurity = _ref.systemSecurity;
+    return systemSecurity && [{
+      name: 'allowedSystemIps',
+      label: 'Allowed IPs',
+      type: 'select',
+      options: function options() {
+        return fromJS([{
+          name: 'description',
+          label: 'Description',
+          type: 'text'
+        }, {
+          name: 'value',
+          label: 'IP Range',
+          type: 'text'
+        }]);
+      },
+      visible: function visible(_ref2) {
+        var values = _ref2.values;
+        return values.get('allowedSystemIpsEnabled', false);
+      },
+      initialValue: get(systemSecurity, 'allowedSystemIps', List()),
+      serialize: function serialize(_ref3) {
+        var values = _ref3.values;
+        return values.get('allowedSystemIpsEnabled', false) ? values.get('allowedSystemIps') : [];
+      }
+    }, {
+      name: 'allowedSystemIpsEnabled',
+      label: 'Enabled Allowed IP Restrictions?',
+      type: 'checkbox',
+      initialValue: get(systemSecurity, 'allowedSystemIps', List()).size > 0,
+      "transient": true
+    }];
+  };
+};
+
+export var SystemSecurityForm = generateForm({
+  formOptions: [],
+  dataSources: dataSources,
+  fields: fields,
+  handleSubmit: handleSubmit
+});
+SystemSecurityForm.displayName = 'SystemSecurityForm';

package/lib/components/system/spaces/SystemSpaceForm.js

@@ -1,5 +1,5 @@
 import { fetchSpace, updateSpace } from '../../../apis';
-import { get } from 'immutable';
+import { fromJS, get } from 'immutable';
 import { generateForm } from '../../form/Form';
 import { handleFormErrors } from '../../form/Form.helpers';
 
@@ -10,7 +10,7 @@ var dataSources = function dataSources(_ref) {
       fn: fetchSpace,
       params: slug && [{
         slug: slug,
-        include: 'details'
+        include: 'details,allowedIps'
       }],
       transform: function transform(result) {
         return result.space;
@@ -29,10 +29,9 @@ var handleSubmit = function handleSubmit(_ref2) {
   };
 };
 
-var fields = function fields(_ref3) {
-  var slug = _ref3.slug;
-  return function (_ref4) {
-    var space = _ref4.space;
+var fields = function fields() {
+  return function (_ref3) {
+    var space = _ref3.space;
     return space && [{
       name: 'name',
       label: 'Name',
@@ -52,9 +51,9 @@ var fields = function fields(_ref3) {
       type: 'checkbox',
       "transient": true,
       initialValue: (get(space, 'sharedBundleBase') || '') !== '',
-      onChange: function onChange(_ref5, _ref6) {
-        var values = _ref5.values;
-        var setValue = _ref6.setValue;
+      onChange: function onChange(_ref4, _ref5) {
+        var values = _ref4.values;
+        var setValue = _ref5.setValue;
 
         if (values.get('sharedBundleBase') !== '') {
           setValue('sharedBundleBase', '');
@@ -70,12 +69,12 @@ var fields = function fields(_ref3) {
       type: 'text',
       initialValue: get(space, 'sharedBundleBase') || '',
       helpText: 'Directory used as path prefix for bundles.',
-      visible: function visible(_ref7) {
-        var values = _ref7.values;
+      visible: function visible(_ref6) {
+        var values = _ref6.values;
         return values.get('sharedBundle');
       },
-      required: function required(_ref8) {
-        var values = _ref8.values;
+      required: function required(_ref7) {
+        var values = _ref7.values;
         return values.get('sharedBundle');
       }
     }, {
@@ -83,14 +82,43 @@ var fields = function fields(_ref3) {
       label: 'Bundle Path',
       type: 'text',
       initialValue: get(space, 'bundlePath') || '',
-      visible: function visible(_ref9) {
+      visible: function visible(_ref8) {
+        var values = _ref8.values;
+        return get(values, 'sharedBundle');
+      },
+      required: function required(_ref9) {
         var values = _ref9.values;
         return get(values, 'sharedBundle');
+      }
+    }, {
+      name: 'allowedIps',
+      label: 'Allowed IPs',
+      type: 'select',
+      options: function options() {
+        return fromJS([{
+          name: 'description',
+          label: 'Description',
+          type: 'text'
+        }, {
+          name: 'value',
+          label: 'IP Range',
+          type: 'text'
+        }]);
       },
-      required: function required(_ref10) {
+      visible: function visible(_ref10) {
         var values = _ref10.values;
-        return get(values, 'sharedBundle');
+        return values.get('allowedIpsEnabled', false);
+      },
+      initialValue: get(space, 'allowedIps', []),
+      serialize: function serialize(_ref11) {
+        var values = _ref11.values;
+        return values.get('allowedIpsEnabled', false) ? values.get('allowedIps') : [];
       }
+    }, {
+      name: 'allowedIpsEnabled',
+      label: 'Enabled Allowed IP Restrictions?',
+      type: 'checkbox',
+      initialValue: get(space, 'allowedIpsEnabled', false) || false
     }];
   };
 };

package/lib/components/task/builder/Connector.js

@@ -126,21 +126,32 @@ export var Connector = /*#__PURE__*/function (_Component) {
       var dy = y2 - y1;
       var length = Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
       var angle = Math.atan2(dy, dx) * 180 / Math.PI + 180;
-      var attribute = isIE11 ? 'transform' : 'style';
-      var connectorValue = isIE11 ? "translate(".concat(x2, " ").concat(y2, ") rotate(").concat(angle, ")") : "transform: translate(".concat(x2, "px, ").concat(y2, "px) rotate(").concat(angle, "deg)");
-      var connectorLabelValue = isIE11 ? "translate(".concat(x1 + dx / 2, " ").concat(y1 + dy / 2, ")") : "transform: translate(".concat(x1 + dx / 2, "px, ").concat(y1 + dy / 2, "px)");
+      var connectorValue = isIE11 ? "translate(".concat(x2, " ").concat(y2, ") rotate(").concat(angle, ")") : "translate(".concat(x2, "px, ").concat(y2, "px) rotate(").concat(angle, "deg)");
+      var connectorLabelValue = isIE11 ? "translate(".concat(x1 + dx / 2, " ").concat(y1 + dy / 2, ")") : "translate(".concat(x1 + dx / 2, "px, ").concat(y1 + dy / 2, "px)");
+
+      if (isIE11) {
+        _this.connector.current.transform = connectorValue;
+
+        if (_this.connectorLabel.current) {
+          _this.connectorLabel.current.transform = connectorLabelValue;
+        }
+      } else {
+        _this.connector.current.style.transform = connectorValue;
+
+        if (_this.connectorLabel.current) {
+          _this.connectorLabel.current.style.transform = connectorLabelValue;
+        }
+      } // this.connector.current.setAttribute(attribute, connectorValue);
 
-      _this.connector.current.setAttribute(attribute, connectorValue);
 
       if (_this.connectorTail.current) {
         _this.connectorTail.current.setAttribute('cx', length);
       }
 
-      _this.connectorBody.current.setAttribute('x2', length);
+      _this.connectorBody.current.setAttribute('x2', length); // if (this.connectorLabel.current) {
+      //   this.connectorLabel.current.setAttribute(attribute, connectorLabelValue);
+      // }
 
-      if (_this.connectorLabel.current) {
-        _this.connectorLabel.current.setAttribute(attribute, connectorLabelValue);
-      }
     };
 
     _this.connector = createRef();

package/lib/components/task/builder/ConnectorForm.js

@@ -72,7 +72,7 @@ var fields = function fields(_ref2) {
 var handleSubmit = function handleSubmit(_ref4) {
   var connector = _ref4.connector;
   return function (values) {
-    return values.toObject();
+    return connector.merge(values);
   };
 };
 

package/lib/components/task/builder/Node.js

@@ -130,9 +130,16 @@ export var Node = /*#__PURE__*/function (_Component) {
   }, {
     key: "draw",
     value: function draw() {
-      var attribute = isIE11 ? 'transform' : 'style';
-      var value = isIE11 ? "translate(".concat(this.position.x, " ").concat(this.position.y, ")") : "transform: translate(".concat(this.position.x, "px,  ").concat(this.position.y, "px)");
-      this.el.current.setAttribute(attribute, value);
+      // const attribute = isIE11 ? 'transform' : 'style';
+      // const value = isIE11
+      //   ? `translate(${this.position.x} ${this.position.y})`
+      //   : `transform: translate(${this.position.x}px,  ${this.position.y}px)`;
+      // this.el.current.setAttribute(attribute, value);
+      if (isIE11) {
+        this.el.current.transform = "translate(".concat(this.position.x, " ").concat(this.position.y, ")");
+      } else {
+        this.el.current.style.transform = "translate(".concat(this.position.x, "px,  ").concat(this.position.y, "px)");
+      }
     }
   }, {
     key: "render",

package/lib/components/task/builder/NodeForm.js

@@ -3,6 +3,8 @@ import { List } from 'immutable';
 import { generateForm } from '../../form/Form';
 import { NodeMessage } from './models';
 import { buildBindings } from './helpers';
+import { fetchForm } from '../../../apis';
+import { checkOmittedParameters, generateTaskDefinition } from './TaskDefinitionConfigForm';
 
 var dataSources = function dataSources(_ref) {
   var tasks = _ref.tasks,
@@ -18,6 +20,33 @@ var dataSources = function dataSources(_ref) {
         return node.parameters;
       },
       params: [node]
+    },
+    form: {
+      fn: function fn(node) {
+        return fetchForm({
+          kappSlug: node.parameters.find(function (parameter) {
+            return parameter.id === 'kappSlug';
+          }).value,
+          formSlug: node.parameters.find(function (parameter) {
+            return parameter.id === 'formSlug';
+          }).value,
+          include: 'fields,kapp'
+        }).then(function (data) {
+          return data.form;
+        });
+      },
+      params: generateTaskDefinition(tasks.get(node.definitionId)) ? [node] : null
+    },
+    task: {
+      fn: function fn(node, form) {
+        return form ? generateTaskDefinition(tasks.get(node.definitionId))({
+          form: form.toJS()
+        }) : tasks.get(node.definitionId);
+      },
+      params: function params(_ref2) {
+        var form = _ref2.form;
+        return generateTaskDefinition(tasks.get(node.definitionId)) ? form ? [node, form] : null : [node, null];
+      }
     }
   };
 };
@@ -34,26 +63,26 @@ var getOptions = function getOptions(menu) {
 };
 
 var checkDependsOn = function checkDependsOn(parameter) {
-  return !parameter.dependsOnId || function (_ref2) {
-    var values = _ref2.values;
+  return !parameter.dependsOnId || function (_ref3) {
+    var values = _ref3.values;
     return values.get("parameter_".concat(parameter.dependsOnId)) === parameter.dependsOnValue;
   };
 };
 
-var fields = function fields(_ref3) {
-  var tasks = _ref3.tasks,
-      tree = _ref3.tree,
-      node = _ref3.node;
-  return function (_ref4) {
-    var bindings = _ref4.bindings;
+var fields = function fields(_ref4) {
+  var tasks = _ref4.tasks,
+      tree = _ref4.tree,
+      node = _ref4.node;
+  return function (_ref5) {
+    var bindings = _ref5.bindings;
     return bindings && [{
       name: 'name',
       label: 'Name',
       type: 'text',
       initialValue: node.name,
       required: true,
-      constraint: function constraint(_ref5) {
-        var values = _ref5.values;
+      constraint: function constraint(_ref6) {
+        var values = _ref6.values;
         return tree.nodes.some(function (other) {
           return other.name === values.get('name') && other.id !== node.id;
         }) ? 'This name is already used by another node' : values.get('name').length > 128 ? 'Name cannot exceed 128 characters' : true;
@@ -98,14 +127,14 @@ var fields = function fields(_ref3) {
         initialValue: parameter.value,
         options: parameter.menu ? getOptions(parameter.menu) : bindings,
         "transient": true,
-        visible: checkDependsOn(parameter)
+        visible: checkDependsOn(parameter) && checkOmittedParameters(node, parameter)
       };
     })), [{
       name: 'parameters',
       type: null,
       visible: false,
-      serialize: function serialize(_ref6) {
-        var values = _ref6.values;
+      serialize: function serialize(_ref7) {
+        var values = _ref7.values;
         return node.parameters.map(function (parameter) {
           return parameter.set('value', values.get("parameter_".concat(parameter.id)));
         });
@@ -122,8 +151,8 @@ var fields = function fields(_ref3) {
       language: 'erb',
       options: bindings,
       "transient": true,
-      visible: function visible(_ref7) {
-        var values = _ref7.values;
+      visible: function visible(_ref8) {
+        var values = _ref8.values;
         return values.get('defers', false);
       }
     }, {
@@ -138,8 +167,8 @@ var fields = function fields(_ref3) {
       language: 'erb',
       options: bindings,
       "transient": true,
-      visible: function visible(_ref8) {
-        var values = _ref8.values;
+      visible: function visible(_ref9) {
+        var values = _ref9.values;
         return values.get('defers', false);
       }
     }, {
@@ -158,8 +187,8 @@ var fields = function fields(_ref3) {
       name: 'messages',
       type: null,
       visible: false,
-      serialize: function serialize(_ref9) {
-        var values = _ref9.values;
+      serialize: function serialize(_ref10) {
+        var values = _ref10.values;
         return List(values.get('defers') ? ['Create', 'Update', 'Complete'] : ['Complete']).map(function (type) {
           return NodeMessage({
             type: type,
@@ -174,10 +203,10 @@ var fields = function fields(_ref3) {
   };
 };
 
-var handleSubmit = function handleSubmit(_ref10) {
-  var node = _ref10.node;
+var handleSubmit = function handleSubmit(_ref11) {
+  var node = _ref11.node;
   return function (values) {
-    return values.toObject();
+    return node.merge(values);
   };
 };
 

package/lib/components/task/builder/NodeParametersForm.js

@@ -2,6 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { generateForm } from '../../form/Form';
 import { buildBindings, normalizeParameter } from './helpers';
 import { NodeParameter } from './models';
+import { checkOmittedParameters } from './TaskDefinitionConfigForm';
 
 var getOptions = function getOptions(menu) {
   return menu.split(',').filter(function (value) {
@@ -54,7 +55,8 @@ var fields = function fields(_ref2) {
         initialValue: parameter.value,
         options: parameter.menu ? getOptions(parameter.menu) : bindings,
         "transient": true,
-        enabled: false
+        enabled: false,
+        visible: checkOmittedParameters(node, parameter)
       };
     })), _toConsumableArray(parameters.map(function (parameter) {
       var matchingParameter = node.parameters.find(function (oldParameter) {
@@ -68,7 +70,8 @@ var fields = function fields(_ref2) {
         helpText: parameter.description,
         initialValue: matchingParameter ? matchingParameter.value : parameter.defaultValue,
         options: parameter.menu ? getOptions(parameter.menu) : bindings,
-        "transient": true
+        "transient": true,
+        visible: checkOmittedParameters(node, parameter)
       };
     })), [{
       name: 'parameters',

package/lib/components/task/builder/SvgCanvas.js

@@ -245,11 +245,20 @@ export var SvgCanvas = /*#__PURE__*/function (_Component) {
           x = _this$viewport.x,
           y = _this$viewport.y;
 
-      if (!isIE11) {
-        var transition = duration ? "transition: transform ".concat(duration, "ms ").concat(ease) : '';
-        this.transformer.current.setAttribute('style', "transform: translate(".concat(x, "px, ").concat(y, "px) scale(").concat(scale, ");").concat(transition));
+      if (isIE11) {
+        // this.transformer.current.setAttribute(
+        //   'transform',
+        //   `translate(${x} ${y}) scale(${scale})`,
+        // );
+        this.transformer.current.transform = "translate(".concat(x, " ").concat(y, ") scale(").concat(scale, ")");
       } else {
-        this.transformer.current.setAttribute('transform', "translate(".concat(x, " ").concat(y, ") scale(").concat(scale, ")"));
+        var transition = duration ? "transform ".concat(duration, "ms ").concat(ease) : ''; // this.transformer.current.setAttribute(
+        //   'style',
+        //   `transform: translate(${x}px, ${y}px) scale(${scale});${transition}`,
+        // );
+
+        this.transformer.current.style.transform = "translate(".concat(x, "px, ").concat(y, "px) scale(").concat(scale, ")");
+        this.transformer.current.style.transition = transition;
       }
 
       if (this.viewport.scale < 0.26 && this.transformer.current.className.baseVal !== 'min-detail') {

package/lib/components/task/builder/TaskDefinitionConfigForm.js

@@ -0,0 +1,113 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { List, Map } from 'immutable';
+import { generateForm } from '../../form/Form';
+import { fetchForm, fetchKapps } from '../../../apis';
+export var checkOmittedParameters = function checkOmittedParameters(node, parameter) {
+  if (node.definitionId === 'system_submission_create_v1') {
+    return !['kappSlug', 'formSlug'].includes(parameter.id);
+  } else {
+    return true;
+  }
+};
+export var generateTaskDefinition = function generateTaskDefinition(taskDefinition) {
+  if (taskDefinition.definitionName === 'system_submission_create') {
+    return function (_ref) {
+      var form = _ref.form;
+      return _objectSpread(_objectSpread({}, taskDefinition), {}, {
+        parameters: [].concat(_toConsumableArray(taskDefinition.parameters.map(function (parameter) {
+          return parameter.id === 'kappSlug' ? _objectSpread(_objectSpread({}, parameter), {}, {
+            defaultValue: form.kapp.slug
+          }) : parameter.id === 'formSlug' ? _objectSpread(_objectSpread({}, parameter), {}, {
+            defaultValue: form.slug
+          }) : parameter;
+        })), _toConsumableArray(form.fields.map(function (field) {
+          return {
+            name: field.name,
+            defaultValue: '',
+            dependsOnId: null,
+            dependsOnValue: null,
+            description: '',
+            id: "values.".concat(field.name),
+            required: false
+          };
+        })))
+      });
+    };
+  } else {
+    return null;
+  }
+};
+
+var dataSources = function dataSources() {
+  return {
+    kapps: {
+      fn: fetchKapps,
+      params: [],
+      transform: function transform(data) {
+        return data.kapps;
+      }
+    }
+  };
+};
+
+var fields = function fields() {
+  return function () {
+    return [{
+      name: 'kappSlug',
+      label: 'Kapp',
+      type: 'select',
+      required: true,
+      options: function options(_ref2) {
+        var kapps = _ref2.kapps;
+        return kapps ? kapps.map(function (kapp) {
+          return Map({
+            value: kapp.get('slug'),
+            label: kapp.get('name')
+          });
+        }) : List();
+      },
+      onChange: function onChange(_ref3, actions) {
+        var values = _ref3.values;
+
+        if (!!values.get('form')) {
+          actions.setValue('form', null);
+        }
+      }
+    }, {
+      name: 'form',
+      label: 'Form',
+      type: 'form',
+      required: true,
+      enabled: function enabled(_ref4) {
+        var values = _ref4.values;
+        return values.get('kappSlug') !== '';
+      },
+      search: function search(_ref5) {
+        var values = _ref5.values;
+        return values.get('kappSlug') !== '' ? {
+          kappSlug: values.get('kappSlug')
+        } : {};
+      }
+    }];
+  };
+};
+
+var handleSubmit = function handleSubmit(_ref6) {
+  var taskDefinition = _ref6.taskDefinition;
+  return function (values) {
+    return fetchForm({
+      kappSlug: values.get('kappSlug'),
+      formSlug: values.getIn(['form', 'slug'], ''),
+      include: 'fields,kapp'
+    }).then(generateTaskDefinition(taskDefinition));
+  };
+};
+
+export var TaskDefinitionConfigForm = generateForm({
+  formOptions: ['taskDefinition'],
+  dataSources: dataSources,
+  fields: fields,
+  handleSubmit: handleSubmit
+});
+TaskDefinitionConfigForm.displayName = 'TaskDefinitionConfigForm';