@kineticdata/react 5.1.2 → 6.0.1

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

@@ -1,64 +1,66 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { createRef, Component } from 'react';
-import { throttle } from 'lodash-es';
-import { isIE11 } from './helpers';
-import * as constants from './constants';
-import { Point } from './models';
-export var SvgCanvas = /*#__PURE__*/function (_Component) {
-  _inherits(SvgCanvas, _Component);
-
-  var _super = _createSuper(SvgCanvas);
-
+"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.SvgCanvas = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodashEs = require("lodash-es");
+var _helpers = require("./helpers");
+var constants = _interopRequireWildcard(require("./constants"));
+var _models = require("./models");
+var SvgCanvas = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(SvgCanvas, _Component);
+  var _super = (0, _createSuper2["default"])(SvgCanvas);
   function SvgCanvas(props) {
     var _this;
-
-    _classCallCheck(this, SvgCanvas);
-
+    (0, _classCallCheck2["default"])(this, SvgCanvas);
     _this = _super.call(this, props);
-
     _this.watchDrag = function (_ref) {
       var event = _ref.event,
-          onClick = _ref.onClick,
-          onMove = _ref.onMove,
-          onDrop = _ref.onDrop,
-          _ref$scaled = _ref.scaled,
-          scaled = _ref$scaled === void 0 ? true : _ref$scaled,
-          _ref$relative = _ref.relative,
-          relative = _ref$relative === void 0 ? true : _ref$relative;
-      event.preventDefault();
-      event.stopPropagation(); // boolean to prevent race condition where onMove could be called after
+        nativeEvent = _ref.nativeEvent,
+        onClick = _ref.onClick,
+        onMove = _ref.onMove,
+        onDrop = _ref.onDrop,
+        _ref$scaled = _ref.scaled,
+        scaled = _ref$scaled === void 0 ? true : _ref$scaled,
+        _ref$relative = _ref.relative,
+        relative = _ref$relative === void 0 ? true : _ref$relative;
+      event && event.preventDefault();
+      event && event.stopPropagation();
+      // boolean to prevent race condition where onMove could be called after
       // onDrop was called
-
-      var dragging = false; // set a threshold before we consider the mode to be dragging to prevent
+      var dragging = false;
+      // set a threshold before we consider the mode to be dragging to prevent
       // clicks that result as really short drags
-
       setTimeout(function () {
         return dragging = true;
-      }, 100); // track whether or not the mousemove event was fired before the mouseup,
+      }, 100);
+      // track whether or not the mousemove event was fired before the mouseup,
       // if not we will call onClick instead of onDrop
-
-      var dragged = false; // for relative mode, track the last x and y positions so we can pass the
+      var dragged = false;
+      // for relative mode, track the last x and y positions so we can pass the
       // deltas to onMove
-
-      var lastX = event.nativeEvent.clientX;
-      var lastY = event.nativeEvent.clientY; // for non-relative mode we want to calculate the virtual position in the
+      var lastX = event ? event.nativeEvent.clientX : nativeEvent.clientX;
+      var lastY = event ? event.nativeEvent.clientY : nativeEvent.clientY;
+      // for non-relative mode we want to calculate the virtual position in the
       // canvas, to do this we need to subtract the offsets below from the client
       // position (this is because offsetX and offsetY can't be trusted in IE).
-
       var offsetLeft = _this.canvas.current.parentNode.offsetLeft;
       var offsetTop = _this.canvas.current.parentNode.offsetTop;
-      var moveHandler = throttle(function (event) {
+      var moveHandler = (0, _lodashEs.throttle)(function (event) {
         event.preventDefault();
         event.stopPropagation();
         var clientX = event.clientX,
-            clientY = event.clientY;
-
+          clientY = event.clientY;
         if (dragging) {
           dragged = true;
-
           if (relative) {
             var dx = (clientX - lastX) / (scaled ? _this.viewport.scale : 1);
             var dy = (clientY - lastY) / (scaled ? _this.viewport.scale : 1);
@@ -71,25 +73,20 @@ export var SvgCanvas = /*#__PURE__*/function (_Component) {
           } else {
             var x = (clientX - offsetLeft - _this.viewport.x) / _this.viewport.scale;
             var y = (clientY - offsetTop - _this.viewport.y) / _this.viewport.scale;
-            onMove(Point({
+            onMove((0, _models.Point)({
               x: x,
               y: y
             }));
           }
         }
       }, constants.THROTTLE_DRAG);
-
       var dropHandler = function dropHandler(event) {
         event.preventDefault();
         event.stopPropagation();
         dragging = false;
-
         _this.canvas.current.removeEventListener('mousemove', moveHandler);
-
         _this.canvas.current.removeEventListener('mouseup', dropHandler);
-
         _this.canvas.current.removeEventListener('mouseleave', dropHandler);
-
         if (dragged) {
           if (onDrop) {
             onDrop();
@@ -100,14 +97,10 @@ export var SvgCanvas = /*#__PURE__*/function (_Component) {
           }
         }
       };
-
       _this.canvas.current.addEventListener('mousemove', moveHandler);
-
       _this.canvas.current.addEventListener('mouseup', dropHandler);
-
       _this.canvas.current.addEventListener('mouseleave', dropHandler);
     };
-
     _this.drag = function (event) {
       _this.watchDrag({
         event: event,
@@ -115,45 +108,39 @@ export var SvgCanvas = /*#__PURE__*/function (_Component) {
         scaled: false
       });
     };
-
     _this.focusPoint = function (_ref2, sidebar) {
       var x = _ref2.x,
-          y = _ref2.y;
+        y = _ref2.y;
       var height = _this.canvas.current.clientHeight;
       var width = sidebar ? sidebar.offsetLeft : _this.canvas.current.clientWidth;
       _this.viewport.x = width / 2 - x * _this.viewport.scale;
       _this.viewport.y = height / 2 - y * _this.viewport.scale;
-
       _this.setTransform(constants.CANVAS_ZOOM_DURATION, 'ease-in');
     };
-
     _this.pan = function (_ref3) {
       var dx = _ref3.dx,
-          dy = _ref3.dy;
+        dy = _ref3.dy;
       _this.viewport.x += dx;
       _this.viewport.y += dy;
-
       _this.setTransform();
     };
-
-    _this.zoom = throttle(function (clientX, clientY) {
+    _this.zoom = (0, _lodashEs.throttle)(function (clientX, clientY) {
       var offsetX = clientX - _this.canvas.current.parentNode.offsetLeft;
-      var offsetY = clientY - _this.canvas.current.parentNode.offsetTop; // Compute the new scale value, the deltaY from the mouse event is usually
+      var offsetY = clientY - _this.canvas.current.parentNode.offsetTop;
+      // Compute the new scale value, the deltaY from the mouse event is usually
       // somewhere between 0 and 100 so we divide that by a large number to get
       // much smaller increments.
-
       var scale = _this.viewport.scale - _this.scrollDelta / constants.CANVAS_ZOOM_MODIFIER;
       _this.scrollDelta = 0;
       var min = constants.CANVAS_SCALE_OPTIONS.first();
-      var max = _this.viewport.largeMode ? constants.CANVAS_SCALE_OPTIONS.last() : 1.0; // If the newly computed scale value is less than the minimum or more than
+      var max = _this.viewport.largeMode ? constants.CANVAS_SCALE_OPTIONS.last() : 1.0;
+      // If the newly computed scale value is less than the minimum or more than
       // the maximum we use those values instead.
-
       if (scale < min) {
         scale = min;
       } else if (scale > max) {
         scale = max;
       }
-
       if (scale !== _this.viewport.scale) {
         // In order to keep the mouse cursor in the same position relative to the
         // svg graph while zooming we also need to adjust the viewport's x and y
@@ -163,39 +150,31 @@ export var SvgCanvas = /*#__PURE__*/function (_Component) {
         _this.viewport.x += svgX * (_this.viewport.scale - scale);
         _this.viewport.y += svgY * (_this.viewport.scale - scale);
         _this.viewport.scale = scale;
-
         _this.setTransform();
       }
     }, constants.THROTTLE_ZOOM);
-
     _this.zoomIn = function () {
       var scale = constants.CANVAS_SCALE_OPTIONS.find(function (scale) {
         return scale > _this.viewport.scale;
       });
-
       if (scale) {
         if (scale > 1) {
           _this.viewport.largeMode = true;
         }
-
         _this.zoomToScale(scale);
       }
     };
-
     _this.zoomOut = function () {
       var scale = constants.CANVAS_SCALE_OPTIONS.reverse().find(function (scale) {
         return scale < _this.viewport.scale;
       });
-
       if (scale) {
         if (scale <= 1) {
           _this.viewport.largeMode = false;
         }
-
         _this.zoomToScale(scale);
       }
     };
-
     _this.zoomToScale = function (scale) {
       // make sure to adjust the x and y offsets so that we are zooming to / from
       // the center of the canvas element, use the following equation to determine
@@ -204,28 +183,24 @@ export var SvgCanvas = /*#__PURE__*/function (_Component) {
       var height = _this.canvas.current.clientHeight;
       var width = _this.canvas.current.clientWidth;
       var cx = (width / 2 - _this.viewport.x) / _this.viewport.scale;
-      var cy = (height / 2 - _this.viewport.y) / _this.viewport.scale; // then compute the new x / y values by using the equation above and
+      var cy = (height / 2 - _this.viewport.y) / _this.viewport.scale;
+      // then compute the new x / y values by using the equation above and
       // solving for x / y given the computed center coordinate
-
       _this.viewport.x = width / 2 - cx * scale;
       _this.viewport.y = height / 2 - cy * scale;
       _this.viewport.scale = scale;
-
       _this.setTransform(constants.CANVAS_ZOOM_DURATION, 'ease-out');
     };
-
     _this.onWheel = function (event) {
       event.preventDefault();
       event.stopPropagation();
       _this.scrollDelta += event.deltaY;
-
       _this.zoom(event.clientX, event.clientY);
     };
-
-    _this.canvas = createRef();
-    _this.transformer = createRef(); // Since the scroll event is throttled and we get the incremental scroll
+    _this.canvas = /*#__PURE__*/(0, _react.createRef)();
+    _this.transformer = /*#__PURE__*/(0, _react.createRef)();
+    // Since the scroll event is throttled and we get the incremental scroll
     // changes we need to accumulate them outside of the throttled logic.
-
     _this.scrollDelta = 0;
     _this.viewport = {
       largeMode: false,
@@ -235,24 +210,23 @@ export var SvgCanvas = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-
-  _createClass(SvgCanvas, [{
+  (0, _createClass2["default"])(SvgCanvas, [{
     key: "setTransform",
     value: function setTransform(duration) {
       var ease = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       var _this$viewport = this.viewport,
-          scale = _this$viewport.scale,
-          x = _this$viewport.x,
-          y = _this$viewport.y;
-
-      if (isIE11) {
+        scale = _this$viewport.scale,
+        x = _this$viewport.x,
+        y = _this$viewport.y;
+      if (_helpers.isIE11) {
         // this.transformer.current.setAttribute(
         //   'transform',
         //   `translate(${x} ${y}) scale(${scale})`,
         // );
         this.transformer.current.transform = "translate(".concat(x, " ").concat(y, ") scale(").concat(scale, ")");
       } else {
-        var transition = duration ? "transform ".concat(duration, "ms ").concat(ease) : ''; // this.transformer.current.setAttribute(
+        var transition = duration ? "transform ".concat(duration, "ms ").concat(ease) : '';
+        // this.transformer.current.setAttribute(
         //   'style',
         //   `transform: translate(${x}px, ${y}px) scale(${scale});${transition}`,
         // );
@@ -260,15 +234,12 @@ export var SvgCanvas = /*#__PURE__*/function (_Component) {
         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') {
         this.transformer.current.className.baseVal = 'min-detail';
       }
-
       if (this.viewport.scale >= 0.26 && this.viewport.scale < 0.5 && this.transformer.current.className.baseVal !== 'med-detail') {
         this.transformer.current.className.baseVal = 'med-detail';
       }
-
       if (this.viewport.scale >= 0.5 && this.transformer.current.className.baseVal !== '') {
         this.transformer.current.className.baseVal = '';
       }
@@ -282,7 +253,7 @@ export var SvgCanvas = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement("svg", {
+      return /*#__PURE__*/_react["default"].createElement("svg", {
         ref: this.canvas,
         className: "rkl tree-builder",
         style: {
@@ -290,11 +261,11 @@ export var SvgCanvas = /*#__PURE__*/function (_Component) {
           width: '100%'
         },
         onMouseDown: this.drag
-      }, /*#__PURE__*/React.createElement("g", {
+      }, /*#__PURE__*/_react["default"].createElement("g", {
         ref: this.transformer
       }, this.props.children));
     }
   }]);
-
   return SvgCanvas;
-}(Component);
+}(_react.Component);
+exports.SvgCanvas = SvgCanvas;

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

@@ -1,135 +1,20 @@
-import _toArray from "@babel/runtime/helpers/esm/toArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import { List } from 'immutable';
-import { shallowEqual } from 'recompose';
-var ELLIPSIS = " \u2026";
-var STYLE = {
-  dominantBaseline: 'central',
-  pointerEvents: 'none',
-  userSelect: 'none',
-  textAnchor: 'middle'
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SvgText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var SvgText = function SvgText(props) {
+  return /*#__PURE__*/_react["default"].createElement("foreignObject", {
+    className: props.className,
+    x: props.x + props.padding,
+    y: props.y,
+    height: props.height,
+    width: props.width - props.padding * 2
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "text-node"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, props.children)));
 };
-export var SvgText = /*#__PURE__*/function (_Component) {
-  _inherits(SvgText, _Component);
-
-  var _super = _createSuper(SvgText);
-
-  function SvgText(props) {
-    var _this;
-
-    _classCallCheck(this, SvgText);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      lineOffset: 0,
-      lines: []
-    };
-    return _this;
-  } // Need to call getLines on componentDidMount because we cannot measure the
-  // given text with getBBoxForWord (below) until this component is fully
-  // rendered.
-
-
-  _createClass(SvgText, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.getLines(this.props.children);
-    } // When we get new props we are going to re-compute the lines for the text
-    // because we may have new text or the position may have changed. Note that
-    // since this operation performs several DOM manipulations we use the
-    // shouldComponentUpdate method to prevent unnecessary checks.
-
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (this.shouldComponentUpdate(nextProps, this.state)) {
-        this.getLines(nextProps.children);
-      }
-    }
-  }, {
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(_ref, _ref2) {
-      var x = _ref.x,
-          y = _ref.y,
-          width = _ref.width,
-          height = _ref.height,
-          children = _ref.children;
-      var linesOffset = _ref2.linesOffset,
-          lines = _ref2.lines;
-      return this.state.linesOffset !== linesOffset || !shallowEqual(this.state.lines, lines) || this.props.x !== x || this.props.y !== y || this.props.width !== width || this.props.height !== height || !shallowEqual(this.props.children, children);
-    } // Helper method that uses the 'sampleEl' reference element to measure the
-    // size of a given word. We insert the word into the DOM and measure the
-    // sample element and then remove it from the DOM.
-
-  }, {
-    key: "getBBoxForWord",
-    value: function getBBoxForWord(word) {
-      var sampleEl = this.sampleEl;
-      sampleEl.appendChild(document.createTextNode(word));
-      var result = sampleEl.parentNode.getBBox();
-      sampleEl.removeChild(sampleEl.childNodes[0]);
-      return result;
-    }
-  }, {
-    key: "getLines",
-    value: function getLines() {
-      var _this2 = this;
-
-      var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-      var width = this.props.width - this.props.padding * 2;
-      var lineHeight = this.getBBoxForWord('K').height;
-
-      var _text$split = text.split(/\s+/),
-          _text$split2 = _toArray(_text$split),
-          first = _text$split2[0],
-          rest = _text$split2.slice(1);
-
-      var allLines = rest.reduce(function (memo, word) {
-        var next = "".concat(memo.last(), " ").concat(word);
-        return _this2.getBBoxForWord(next).width < width ? memo.set(memo.size - 1, next) : memo.push(word);
-      }, List([first])); // We make sure to always render at least one line, with the scaling around
-      // these tspans there can be some finicky lineHeight values returned above.
-
-      var maxLines = Math.floor(this.props.height / lineHeight) || 1;
-      var lines = allLines.size <= maxLines ? allLines : allLines.take(maxLines).update(maxLines - 1, function (line) {
-        return "".concat(line).concat(ELLIPSIS);
-      });
-      var divisor = Math.min(maxLines, lines.size) + 1;
-      var lineOffset = this.props.height / divisor;
-      this.setState({
-        lines: lines,
-        lineOffset: lineOffset
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      return /*#__PURE__*/React.createElement("g", {
-        className: this.props.className
-      }, /*#__PURE__*/React.createElement("text", {
-        style: {
-          opacity: 0
-        }
-      }, /*#__PURE__*/React.createElement("tspan", {
-        ref: function ref(el) {
-          _this3.sampleEl = el;
-        }
-      })), /*#__PURE__*/React.createElement("text", null, this.state.lines.map(function (line, i) {
-        return /*#__PURE__*/React.createElement("tspan", {
-          style: STYLE,
-          key: line,
-          x: _this3.props.x + _this3.props.width / 2,
-          y: _this3.props.y + _this3.state.lineOffset * (i + 1)
-        }, line);
-      })));
-    }
-  }]);
-
-  return SvgText;
-}(Component);
+exports.SvgText = SvgText;

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

@@ -1,27 +1,35 @@
-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) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateTaskDefinition = exports.checkOmittedParameters = exports.TaskDefinitionConfigForm = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _immutable = require("immutable");
+var _Form = require("../../form/Form");
+var _apis = require("../../../apis");
+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) {
+exports.checkOmittedParameters = checkOmittedParameters;
+var generateTaskDefinition = function generateTaskDefinition(taskDefinition) {
   if (taskDefinition && 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), {}, {
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, taskDefinition), {}, {
+        parameters: [].concat((0, _toConsumableArray2["default"])(taskDefinition.parameters.map(function (parameter) {
+          return parameter.id === 'kappSlug' ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, parameter), {}, {
             defaultValue: form.kapp.slug
-          }) : parameter.id === 'formSlug' ? _objectSpread(_objectSpread({}, parameter), {}, {
+          }) : parameter.id === 'formSlug' ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, parameter), {}, {
             defaultValue: form.slug
           }) : parameter;
-        })), _toConsumableArray(form.fields.map(function (field) {
+        })), (0, _toConsumableArray2["default"])(form.fields.map(function (field) {
           return {
             name: field.name,
             defaultValue: '',
@@ -38,11 +46,11 @@ export var generateTaskDefinition = function generateTaskDefinition(taskDefiniti
     return null;
   }
 };
-
+exports.generateTaskDefinition = generateTaskDefinition;
 var dataSources = function dataSources() {
   return {
     kapps: {
-      fn: fetchKapps,
+      fn: _apis.fetchKapps,
       params: [],
       transform: function transform(data) {
         return data.kapps;
@@ -50,7 +58,6 @@ var dataSources = function dataSources() {
     }
   };
 };
-
 var fields = function fields() {
   return function () {
     return [{
@@ -61,15 +68,14 @@ var fields = function fields() {
       options: function options(_ref2) {
         var kapps = _ref2.kapps;
         return kapps ? kapps.map(function (kapp) {
-          return Map({
+          return (0, _immutable.Map)({
             value: kapp.get('slug'),
             label: kapp.get('name')
           });
-        }) : List();
+        }) : (0, _immutable.List)();
       },
       onChange: function onChange(_ref3, actions) {
         var values = _ref3.values;
-
         if (!!values.get('form')) {
           actions.setValue('form', null);
         }
@@ -92,22 +98,21 @@ var fields = function fields() {
     }];
   };
 };
-
 var handleSubmit = function handleSubmit(_ref6) {
   var taskDefinition = _ref6.taskDefinition;
   return function (values) {
-    return fetchForm({
+    return (0, _apis.fetchForm)({
       kappSlug: values.get('kappSlug'),
       formSlug: values.getIn(['form', 'slug'], ''),
       include: 'fields,kapp'
     }).then(generateTaskDefinition(taskDefinition));
   };
 };
-
-export var TaskDefinitionConfigForm = generateForm({
+var TaskDefinitionConfigForm = (0, _Form.generateForm)({
   formOptions: ['taskDefinition'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
+exports.TaskDefinitionConfigForm = TaskDefinitionConfigForm;
 TaskDefinitionConfigForm.displayName = 'TaskDefinitionConfigForm';