@kineticdata/react 6.1.0 → 6.1.1

package/lib/components/common/preferences/PreferencesProvider.js

@@ -0,0 +1,461 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePreferences = exports.setPreferenceJSON = exports.setPreferenceBool = exports.setPreference = exports.PreferencesProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _classPrivateFieldLooseBase2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classPrivateFieldLooseBase"));
+var _classPrivateFieldLooseKey2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classPrivateFieldLooseKey"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _reducer = require("../../../reducer");
+var _saga = require("../../../saga");
+var _effects = require("redux-saga/effects");
+var _store = require("../../../store");
+var _react = require("react");
+var _immutable = require("immutable");
+var _reactRedux = require("react-redux");
+var _apis = require("../../../apis");
+/**
+ * Preferences are stored as key-value pairs, where both the key and value are
+ * strings. These can be stored either in a browser session, or persisted in
+ * the database. We can also set temporary preferences which are only stored in
+ * redux, and thus will reset when the app is reloaded.
+ *
+ * This implementation expects that the key persisted in session or the db will
+ * consist of a prefix and key(suffix) value, where both contain lowercase
+ * alphanumeric characters and dashes. This implementation then combines the
+ * two parts with 4 consecutive dashes (----) to create the full key. The
+ * reason for having the two parts is to allow us to group preferences together
+ * by using the same prefix, which will make it easier to retrieve groups of
+ * preferences.
+ *
+ * The value must be saved as a string. In order to use other datatypes, you
+ * will need to convert the data when retrieving and updating preferences.
+ *
+ * Persisted preference examples:
+ *  'kapp-forms-table----filter-toggle': 'true'
+ *  'kapp-forms-table----initial-filters': '{"name": "A", "type": "Service"}'
+ *  'workflow-table----columns': '["name", "event", "updatedAt"]'
+ *
+ * Retrieved preference structure (as stored in redux):
+ *  {
+ *    kapp-forms-table: {
+ *      'filter-toggle': 'true',
+ *      'initial-filters': '{"name": "A", "type": "Service"}'
+ *    },
+ *    workflow-table: {
+ *      'columns': '["name", "event", "updatedAt"]'
+ *    }
+ *  }
+ */
+
+(0, _reducer.regHandlers)({
+  INIT_PREFERENCES: function INIT_PREFERENCES(state) {
+    return state.set('preferences', (0, _immutable.Map)());
+  },
+  LOAD_PREFERENCES: function LOAD_PREFERENCES(state, _ref) {
+    var payload = _ref.payload;
+    return state.set('preferences', payload);
+  },
+  SET_PREFERENCE_PERSISTENT: function SET_PREFERENCE_PERSISTENT(state, _ref2) {
+    var _ref2$payload = _ref2.payload,
+      prefix = _ref2$payload.prefix,
+      key = _ref2$payload.key,
+      value = _ref2$payload.value;
+    return typeof value === 'function' ? state.updateIn(['preferences', prefix, key], value) : state.setIn(['preferences', prefix, key], value);
+  },
+  SET_PREFERENCE_SESSION: function SET_PREFERENCE_SESSION(state, _ref3) {
+    var _ref3$payload = _ref3.payload,
+      prefix = _ref3$payload.prefix,
+      key = _ref3$payload.key,
+      value = _ref3$payload.value;
+    return typeof value === 'function' ? state.updateIn(['preferences', prefix, key], value) : state.setIn(['preferences', prefix, key], value);
+  },
+  SET_PREFERENCE_TEMP: function SET_PREFERENCE_TEMP(state, _ref4) {
+    var _ref4$payload = _ref4.payload,
+      prefix = _ref4$payload.prefix,
+      key = _ref4$payload.key,
+      value = _ref4$payload.value;
+    return typeof value === 'function' ? state.updateIn(['preferences', prefix, key], value) : state.setIn(['preferences', prefix, key], value);
+  }
+});
+(0, _saga.regSaga)((0, _effects.takeLatest)('INIT_PREFERENCES', function (_ref5) {
+  var loggedIn = _ref5.payload;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+    var preferences, persisted;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          // Create preferences map
+          preferences = (0, _immutable.Map)();
+          if (!loggedIn) {
+            _context.next = 6;
+            break;
+          }
+          _context.next = 4;
+          return (0, _effects.call)(_apis.fetchUserPreferences);
+        case 4:
+          persisted = _context.sent;
+          if (persisted.userPreferences) {
+            // Combine both preference lists
+            preferences = preferences.merge(Object.fromEntries(persisted.userPreferences.map(function (_ref6) {
+              var key = _ref6.key,
+                value = _ref6.value;
+              return [key, value];
+            })));
+          }
+        case 6:
+          // Get preferences from session storage
+          preferences = preferences.merge((0, _objectSpread3["default"])({}, sessionStorage));
+          _context.next = 9;
+          return (0, _effects.put)((0, _store.action)('LOAD_PREFERENCES', preferences
+          // Split each key into a prefix and key(suffix), using an empty
+          // string if a prefix is missing
+          .mapKeys(function (key) {
+            var keyArray = key.split(/(.*)----/);
+            if (keyArray.length > 1) return keyArray.slice(1, 3);else if (keyArray.length === 1) return ['', keyArray[0]];else return ['', ''];
+          })
+          // Group the preferences by the prefix
+          .groupBy(function (val, key) {
+            return key[0];
+          })
+          // Update each group to change theirs keys to remove the prefix
+          .map(function (val) {
+            return val.mapKeys(function (key) {
+              return key[1];
+            });
+          })));
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })();
+}));
+(0, _saga.regSaga)((0, _effects.takeEvery)('SET_PREFERENCE_PERSISTENT', function (_ref7) {
+  var _ref7$payload = _ref7.payload,
+    prefix = _ref7$payload.prefix,
+    key = _ref7$payload.key;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
+    var updatedValue;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return (0, _effects.select)(function (state) {
+            return state.getIn(['preferences', prefix, key]);
+          });
+        case 2:
+          updatedValue = _context2.sent;
+          if (!(typeof updatedValue === 'string')) {
+            _context2.next = 8;
+            break;
+          }
+          _context2.next = 6;
+          return (0, _effects.call)(_apis.upsertUserPreference, {
+            userPreference: {
+              key: "".concat(prefix, "----").concat(key),
+              value: updatedValue
+            }
+          });
+        case 6:
+          _context2.next = 9;
+          break;
+        case 8:
+          console.error("User preference values must be strings. The value for key '".concat(key, "' was of type '").concat(typeof updatedValue, "'."));
+        case 9:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })();
+}));
+(0, _saga.regSaga)((0, _effects.takeEvery)('SET_PREFERENCE_SESSION', function (_ref8) {
+  var _ref8$payload = _ref8.payload,
+    prefix = _ref8$payload.prefix,
+    key = _ref8$payload.key;
+  return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
+    var updatedValue;
+    return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.next = 2;
+          return (0, _effects.select)(function (state) {
+            return state.getIn(['preferences', prefix, key]);
+          });
+        case 2:
+          updatedValue = _context3.sent;
+          if (!(typeof updatedValue === 'string')) {
+            _context3.next = 8;
+            break;
+          }
+          _context3.next = 6;
+          return (0, _effects.call)([sessionStorage, sessionStorage.setItem], "".concat(prefix, "----").concat(key), updatedValue);
+        case 6:
+          _context3.next = 9;
+          break;
+        case 8:
+          console.error("User preference values must be strings. The value for key '".concat(key, "' was of type '").concat(typeof updatedValue, "'."));
+        case 9:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })();
+}));
+
+/**
+ * Sets a preference value for a given prefix and key
+ * @param {String} prefix The prefix part of the preference key.
+ * @param {String} key The key(suffix) part of the preference key.
+ * @param {String|Function} value The value to store for the preference key, or
+ *  an updater function that receives the previous value as a parameter.
+ * @param {('persist'|'session'|'temp')} duration How long to store the
+ *  preference for. Defaults to `session`.
+ *  - `persist` will store it forever.
+ *  - `session` will store it for the current browser session.
+ *  - `temp` will store it for the current instance of the webpage.
+ */
+var setPreference = exports.setPreference = function setPreference(prefix, key, value, duration) {
+  return (0, _store.dispatch)(duration === 'persist' ? 'SET_PREFERENCE_PERSISTENT' : duration === 'temp' ? 'SET_PREFERENCE_TEMP' : 'SET_PREFERENCE_SESSION', {
+    prefix: prefix,
+    key: key,
+    value: value
+  });
+};
+var setPreferenceBool = exports.setPreferenceBool = function setPreferenceBool(prefix, key, value, duration) {
+  return setPreference(prefix, key, typeof value === 'function' ? function (stateValue) {
+    return toBooleanString(value(fromBooleanString(stateValue)));
+  } : toBooleanString(value), duration);
+};
+var setPreferenceJSON = exports.setPreferenceJSON = function setPreferenceJSON(prefix, key, value, duration) {
+  return setPreference(prefix, key, typeof value === 'function' ? function (stateValue) {
+    return toJSONString(value(fromJSONString(stateValue)));
+  } : toJSONString(value), duration);
+};
+
+/**
+ * A class for defining a Preference record with getters and setters for
+ * different data types.
+ * @class
+ * @property {string} prefix The prefix of the preference
+ * @property {string} key The key of the preference
+ * @property {string} value The value of the preference
+ */
+var _prefix = /*#__PURE__*/(0, _classPrivateFieldLooseKey2["default"])("prefix");
+var _key = /*#__PURE__*/(0, _classPrivateFieldLooseKey2["default"])("key");
+var _value = /*#__PURE__*/(0, _classPrivateFieldLooseKey2["default"])("value");
+var Preference = /*#__PURE__*/function () {
+  function Preference(prefix, key, value) {
+    (0, _classCallCheck2["default"])(this, Preference);
+    Object.defineProperty(this, _prefix, {
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, _key, {
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, _value, {
+      writable: true,
+      value: void 0
+    });
+    (0, _classPrivateFieldLooseBase2["default"])(this, _prefix)[_prefix] = prefix;
+    (0, _classPrivateFieldLooseBase2["default"])(this, _key)[_key] = key;
+    (0, _classPrivateFieldLooseBase2["default"])(this, _value)[_value] = value;
+    this.asBool = this.asBool.bind(this);
+    this.asJSON = this.asJSON.bind(this);
+    this.set = this.set.bind(this);
+    this.setBool = this.setBool.bind(this);
+    this.setJSON = this.setJSON.bind(this);
+  }
+
+  /**
+   * Get the preference prefix
+   * @returns {String}
+   */
+  (0, _createClass2["default"])(Preference, [{
+    key: "prefix",
+    get: function get() {
+      return (0, _classPrivateFieldLooseBase2["default"])(this, _prefix)[_prefix];
+    }
+    /**
+     * Get the preference key
+     * @returns {String}
+     */
+  }, {
+    key: "key",
+    get: function get() {
+      return (0, _classPrivateFieldLooseBase2["default"])(this, _key)[_key];
+    }
+    /**
+     * Get the preference value as a string
+     * @returns {String}
+     */
+  }, {
+    key: "value",
+    get: function get() {
+      return (0, _classPrivateFieldLooseBase2["default"])(this, _value)[_value];
+    }
+
+    /**
+     * Get the preference value as a boolean, defaulting to the provided
+     *  `defaultValue` if there is no preference set.
+     * @param {boolean} [defaultValue]
+     * @returns {boolean}
+     */
+  }, {
+    key: "asBool",
+    value: function asBool(defaultValue) {
+      return fromBooleanString((0, _classPrivateFieldLooseBase2["default"])(this, _value)[_value], defaultValue);
+    }
+
+    /**
+     * Get the preference values as a JSON object, defaulting to the provided
+     *  `defaultValue` if there is no preference set, or the set preference is
+     *  not a valid JSON string
+     * @param {Object} [defaultValue]
+     * @returns {Object}
+     */
+  }, {
+    key: "asJSON",
+    value: function asJSON(defaultValue) {
+      return fromJSONString((0, _classPrivateFieldLooseBase2["default"])(this, _value)[_value], defaultValue);
+    }
+
+    /**
+     * Saves the provided value for this preference for the given duration
+     * @param {string} value The value to save
+     * @param {('persist'|'session'|'temp')} [duration] How long to save the
+     *  preference for. Defaults to `session`.
+     *  - `persist` will store it forever.
+     *  - `session` will store it for the current browser session.
+     *  - `temp` will store it for the current instance of the webpage.
+     */
+  }, {
+    key: "set",
+    value: function set(value, duration) {
+      setPreference((0, _classPrivateFieldLooseBase2["default"])(this, _prefix)[_prefix], (0, _classPrivateFieldLooseBase2["default"])(this, _key)[_key], value, duration);
+    }
+
+    /**
+     * Saves the provided boolean value for this preference for the given duration
+     * @param {boolean} value The boolean value to save
+     * @param {('persist'|'session'|'temp')} [duration] How long to save the
+     *  preference for. Defaults to `session`.
+     *  - `persist` will store it forever.
+     *  - `session` will store it for the current browser session.
+     *  - `temp` will store it for the current instance of the webpage.
+     */
+  }, {
+    key: "setBool",
+    value: function setBool(value, duration) {
+      setPreference((0, _classPrivateFieldLooseBase2["default"])(this, _prefix)[_prefix], (0, _classPrivateFieldLooseBase2["default"])(this, _key)[_key], toBooleanString(value), duration);
+    }
+
+    /**
+     * Saves the provided JSON value for this preference for the given duration
+     * @param {Object} value The JSON value to save
+     * @param {('persist'|'session'|'temp')} [duration] How long to save the
+     *  preference for. Defaults to `session`.
+     *  - `persist` will store it forever.
+     *  - `session` will store it for the current browser session.
+     *  - `temp` will store it for the current instance of the webpage.
+     */
+  }, {
+    key: "setJSON",
+    value: function setJSON(value, duration) {
+      setPreference((0, _classPrivateFieldLooseBase2["default"])(this, _prefix)[_prefix], (0, _classPrivateFieldLooseBase2["default"])(this, _key)[_key], toJSONString(value), duration);
+    }
+  }]);
+  return Preference;
+}();
+/**
+ * Hook for retrieving user preferences for a given prefix.
+ *
+ * @param {String} prefix A prefix that defines a group of preferences to allow
+ *  for fetching multiple related preferences at once. Prefixes should be
+ *  lowercase, alphanumeric and dashes only, and should not contain multiple
+ *  consecutive dashes.
+ * @param {String[]} [keys] List of preference keys for the given prefix to
+ *  return. Keys should be lowercase, alphanumeric and dashes only, and should
+ *  not contain multiple consecutive dashes.
+ * @returns {Object.<string,Preference>} Returns a map of preferences for the
+ *  provided `keys`. Each preference is a class with getters and setters for
+ *  various data types.
+ */
+var usePreferences = exports.usePreferences = function usePreferences() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var keys = arguments.length > 1 ? arguments[1] : undefined;
+  var preferences = (0, _store.useSelector)(function (state) {
+    var prefixPrefs = state.getIn(['preferences', prefix], (0, _immutable.Map)());
+    return Array.isArray(keys) ? keys.reduce(function (prefs, key) {
+      return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, prefs), {}, (0, _defineProperty2["default"])({}, key, prefixPrefs.get(key, '')));
+    }, {}) : prefixPrefs.toJS();
+  }, _reactRedux.shallowEqual);
+  return (0, _react.useMemo)(function () {
+    return Object.fromEntries(Object.entries(preferences).map(function (_ref9) {
+      var _ref10 = (0, _slicedToArray2["default"])(_ref9, 2),
+        key = _ref10[0],
+        value = _ref10[1];
+      return [key, new Preference(prefix, key, value)];
+    }));
+  }, [preferences, prefix]);
+};
+var PreferencesProvider = exports.PreferencesProvider = function PreferencesProvider(_ref11) {
+  var loggedIn = _ref11.loggedIn,
+    children = _ref11.children;
+  (0, _react.useEffect)(function () {
+    (0, _store.dispatch)('INIT_PREFERENCES', loggedIn);
+  }, [loggedIn]);
+  return children;
+};
+
+/**
+ * @param {String} value JSON string to parse into a JS object.
+ * @param {Object} [defaultValue] Value to return if the `value` param isn't
+ *  valid JSON.
+ * @returns {Object}
+ */
+function fromJSONString(value, defaultValue) {
+  try {
+    return value && typeof value === 'string' ? JSON.parse(value) : defaultValue || null;
+  } catch (e) {
+    return defaultValue || null;
+  }
+}
+
+/**
+ * @param {Object} value JS object to convert into a JSON string.
+ * @returns {String}
+ */
+function toJSONString(value) {
+  try {
+    return value && typeof value === 'object' ? JSON.stringify(value) : '';
+  } catch (e) {
+    return '';
+  }
+}
+
+/**
+ * @param {String} value Boolean string to parse into a boolean variable.
+ * @param {boolean} [defaultValue] Value to return if the `value` param is empty.
+ * @returns {boolean}
+ */
+function fromBooleanString(value, defaultValue) {
+  return value && typeof value === 'string' ? (value === null || value === void 0 ? void 0 : value.toLowerCase()) === 'true' : typeof defaultValue === 'boolean' ? defaultValue : null;
+}
+
+/**
+ * @param {boolean} value Boolean variable to convert to a string.
+ * @returns {string}
+ */
+function toBooleanString(value) {
+  return typeof value === 'boolean' ? value ? 'true' : 'false' : '';
+}

package/lib/components/core/attribute_definition/AttributeDefinitionForm.js

@@ -78,9 +78,9 @@ var fields = function fields(_ref4) {
   };
 };
 
-/**
- * @component
- * A form for creating and updating Attribute Definitions within the Kinetic Platform
+/**
+ * @component
+ * A form for creating and updating Attribute Definitions within the Kinetic Platform
  */
 var AttributeDefinitionForm = exports.AttributeDefinitionForm = (0, _Form.generateForm)({
   formOptions: ['kappSlug', 'attributeType', 'attributeName'],
@@ -100,10 +100,10 @@ AttributeDefinitionForm.propTypes = {
   attributeType: _propTypes["default"].oneOf(['spaceAttributeDefinitions', 'teamAttributeDefinitions', 'userAttributeDefinitions', 'userProfileAttributeDefinitions', 'categoryAttributeDefinitions', 'kappAttributeDefinitions', 'formAttributeDefinitions']).isRequired,
   /** The name of the attribute (assumes new if not null). */
   attributeName: _propTypes["default"].string,
-  /**
-   * If the attribute definition is for a Kapp
-   * (Kapp Attributes, Form Attributes, Category Attributes, ...etc)
-   * a Kapp Slug is required.
+  /**
+   * If the attribute definition is for a Kapp
+   * (Kapp Attributes, Form Attributes, Category Attributes, ...etc)
+   * a Kapp Slug is required.
    */
   kappSlug: _propTypes["default"].string
 };

package/lib/components/core/field_definition/FieldDefinitionForm.js

@@ -112,9 +112,9 @@ var fields = function fields(_ref6) {
   };
 };
 
-/**
- * @component
- * A form for creating and updating Field Definitions within the Kinetic Platform
+/**
+ * @component
+ * A form for creating and updating Field Definitions within the Kinetic Platform
  */
 var FieldDefinitionForm = exports.FieldDefinitionForm = (0, _Form.generateForm)({
   formOptions: ['kappSlug', 'name'],

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

@@ -114,7 +114,6 @@ var columns = [{
   value: 'type',
   title: 'Type',
   sortable: true,
-  filter: 'startsWith',
   type: 'text',
   toggleable: true
 }, {

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

@@ -11,7 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _Table = require("../../table/Table");
 var _apis = require("../../../apis");
 var _http = require("../../../apis/http");
+var _helpers = require("../../../helpers");
 var _excluded = ["integrations"];
+var clientSide = (0, _helpers.defineFilter)(true).startsWith('name', 'name').end();
 var fetchIntegrationsWithSupportingData = function fetchIntegrationsWithSupportingData(options) {
   return (0, _apis.fetchIntegrations)(options).then(function (_ref) {
     var integrations = _ref.integrations,
@@ -57,6 +59,7 @@ var dataSource = function dataSource(_ref4) {
   var kappSlug = _ref4.kappSlug;
   return {
     fn: fetchIntegrationsWithSupportingData,
+    clientSide: clientSide,
     params: function params(paramData) {
       return [(0, _objectSpread2["default"])((0, _objectSpread2["default"])({
         include: 'details',

package/lib/components/core/space/SpaceForm.js

@@ -473,24 +473,24 @@ var SpaceForm = exports.SpaceForm = (0, _Form.generateForm)({
 });
 SpaceForm.displayName = 'SpaceForm';
 SpaceForm.propTypes = {
-  /**
-   * A unique identifier for this form.
-   * If none is provided, one will be automatically generated and
-   * the form will be automatically mounted.
-   *
-   * If a formKey is provided, the form won't render until the
-   * `mountForm` action is dispatched.
+  /**
+   * A unique identifier for this form.
+   * If none is provided, one will be automatically generated and
+   * the form will be automatically mounted.
+   *
+   * If a formKey is provided, the form won't render until the
+   * `mountForm` action is dispatched.
    */
   formKey: _propTypes["default"].string,
-  /**
-   * A set of fields that should be added to the form
+  /**
+   * A set of fields that should be added to the form
    */
   addFields: _propTypes["default"].oneOfType([_propTypes["default"].array, _propTypes["default"].func]),
-  /**
-   * The layout of the form.
-   * - @param {Node} form The react `Node` of the rendered form
-   * - @param {Object} bindings all bindings fetched when the form was loaded
-   * - @param {Boolean} initialized If the form has been initialized
+  /**
+   * The layout of the form.
+   * - @param {Node} form The react `Node` of the rendered form
+   * - @param {Object} bindings all bindings fetched when the form was loaded
+   * - @param {Boolean} initialized If the form has been initialized
    */
   children: _propTypes["default"].func
 };

package/lib/components/core/submission/SubmissionActivityForm.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubmissionActivityForm = void 0;
+var _apis = require("../../../apis");
+var _Form = require("../../form/Form");
+var _immutable = require("immutable");
+var dataSources = function dataSources(_ref) {
+  var submissionId = _ref.submissionId,
+    activityId = _ref.activityId;
+  return {
+    activity: {
+      fn: _apis.fetchSubmissionActivity,
+      params: submissionId && activityId && [{
+        submissionId: submissionId,
+        activityId: activityId,
+        include: 'details'
+      }],
+      transform: function transform(result) {
+        return result.activity;
+      }
+    }
+  };
+};
+var handleSubmit = function handleSubmit(_ref2) {
+  var submissionId = _ref2.submissionId,
+    activityId = _ref2.activityId;
+  return function (values) {
+    return (activityId ? _apis.updateSubmissionActivity : _apis.createSubmissionActivity)({
+      submissionId: submissionId,
+      activityId: activityId,
+      activity: values.toJS()
+    }).then(function (_ref3) {
+      var kapp = _ref3.kapp,
+        error = _ref3.error;
+      if (error) {
+        throw error.statusCode === 400 && error.message || 'There was an error saving the activity';
+      }
+      return kapp;
+    });
+  };
+};
+var fields = function fields(_ref4) {
+  var submissionId = _ref4.submissionId,
+    activityId = _ref4.activityId;
+  return function (_ref5) {
+    var activity = _ref5.activity;
+    return submissionId && (!activityId || activity) && [{
+      name: 'type',
+      label: 'Type',
+      type: 'text',
+      initialValue: (0, _immutable.get)(activity, 'type')
+    }, {
+      name: 'label',
+      label: 'Label',
+      type: 'text',
+      initialValue: (0, _immutable.get)(activity, 'label')
+    }, {
+      name: 'description',
+      label: 'Description',
+      type: 'text',
+      initialValue: (0, _immutable.get)(activity, 'description')
+    }, {
+      name: 'data',
+      label: 'Data',
+      type: 'text',
+      initialValue: (0, _immutable.get)(activity, 'data')
+    }];
+  };
+};
+var SubmissionActivityForm = exports.SubmissionActivityForm = (0, _Form.generateForm)({
+  formOptions: ['submissionId', 'activityId'],
+  dataSources: dataSources,
+  fields: fields,
+  handleSubmit: handleSubmit
+});
+SubmissionActivityForm.displayName = 'SubmissionActivityForm';

package/lib/components/core/submission/SubmissionForm.js

@@ -20,12 +20,22 @@ var dataSources = function dataSources(_ref) {
       fn: _apis.fetchSubmission,
       params: submissionId && [{
         id: submissionId,
-        include: 'details,values.raw,form,form.fields,form.fields.details,form.pages'
+        include: 'details,values.raw,form,form.fields,form.fields.details,form.pages,origin,origin.form,origin.form.kapp,parent,parent.form,parent.form.kapp'
       }],
       transform: function transform(result) {
         return result.submission;
       }
     },
+    activities: {
+      fn: _apis.fetchSubmissionActivities,
+      params: submissionId && [{
+        submissionId: submissionId,
+        include: 'details'
+      }],
+      transform: function transform(result) {
+        return result.activities;
+      }
+    },
     form: {
       fn: _apis.fetchForm,
       params: kappSlug && formSlug && [{
@@ -136,7 +146,7 @@ var getInitialValue = function getInitialValue(submission, element, type) {
       return attachment.set('documentId', (0, _immutable.getIn)(rawValue, [i, 'documentId'], null));
     });
   }
-  return type === 'datetime' && value ? (0, _moment["default"])(value).format('yyyy-MM-DDThh:mm') : type === 'date' && value ? (0, _moment["default"])(value).format('yyyy-MM-DD') : value;
+  return type === 'datetime' && value ? (0, _moment["default"])(value).format('YYYY-MM-DDTHH:mm') : type === 'date' && value ? (0, _moment["default"])(value).format('YYYY-MM-DD') : value;
 };
 var serializer = function serializer(element) {
   return function (_ref7) {