@kineticdata/react 6.0.5 → 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

@@ -23,6 +23,9 @@ var dataSources = function dataSources(_ref) {
       }],
       transform: function transform(result) {
         return result.attributeDefinition;
+      },
+      errorTransform: function errorTransform(result) {
+        return result.error;
       }
     }
   };
@@ -75,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'],
@@ -97,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/bridge_model/BridgeModelTable.js

@@ -56,6 +56,25 @@ var columns = [{
   title: 'Status',
   sortable: true,
   toggleable: true
+}, {
+  value: 'createdAt',
+  title: 'Created At',
+  sortable: true,
+  toggleable: true
+}, {
+  value: 'createdBy',
+  title: 'Created By',
+  toggleable: true
+}, {
+  value: 'updatedAt',
+  title: 'Updated At',
+  toggleable: true,
+  sortable: true
+}, {
+  value: 'updatedBy',
+  title: 'Updated By',
+  toggleable: true,
+  sortable: true
 }];
 var BridgeModelTable = exports.BridgeModelTable = (0, _Table.generateTable)({
   columns: columns,

package/lib/components/core/bridge_model_attribute/BridgeModelAttributeForm.js

@@ -87,15 +87,12 @@ var fields = function fields(_ref6) {
       language: 'js-template',
       required: true,
       initialValue: bridgeModelAttribute && bridgeModelAttribute.get('structureField') || '',
-      options: {
-        'Add Field': {
-          value: 'fields("NAME")',
-          selection: {
-            start: 8,
-            end: 12
-          }
-        }
-      }
+      options: [{
+        label: 'fields',
+        type: 'function',
+        quoteType: 'double',
+        detail: 'Add Field Mapping'
+      }]
     }];
   };
 };

package/lib/components/core/bridge_model_attribute/BridgeModelAttributeTable.js

@@ -71,9 +71,6 @@ var dataSource = function dataSource(_ref5) {
     transform: transform
   };
 };
-
-// const filters = () => () => [{ name: 'name', label: 'Name', type: 'text' }];
-
 var columns = [{
   value: 'name',
   title: 'Name',
@@ -85,7 +82,6 @@ var columns = [{
 }];
 var BridgeModelAttributeTable = exports.BridgeModelAttributeTable = (0, _Table.generateTable)({
   columns: columns,
-  // filters,
   dataSource: dataSource,
   tableOptions: ['modelName']
 });

package/lib/components/core/bridge_model_qualification/BridgeModelQualificationForm.js

@@ -122,18 +122,15 @@ var fields = function fields(_ref6) {
       name: 'query',
       label: 'Query',
       type: 'code',
-      language: 'js-template',
+      language: 'text',
       required: false,
       initialValue: bridgeModelQualificationMapping && bridgeModelQualificationMapping.get('query') || '',
-      options: {
-        'Add Parameter': {
-          value: 'parameters("NAME")',
-          selection: {
-            start: 12,
-            end: 16
-          }
-        }
-      }
+      options: [{
+        label: 'parameters',
+        type: 'function',
+        quoteType: 'double',
+        detail: 'Add Parameter'
+      }]
     }];
   };
 };

package/lib/components/core/bridge_model_qualification/BridgeModelQualificationTable.js

@@ -11,8 +11,6 @@ var _apis = require("../../../apis");
 var _helpers = require("../../../helpers");
 var clientSide = (0, _helpers.defineFilter)(true).startsWith('name', 'name').equals('resultType', 'resultType').end();
 
-// const resultTypes = ['Single', 'Multiple'];
-
 // Handles bridge model api response by checking for error and also returning
 // error if active mapping is not present. If valid returns object with the
 // attributes and their mappings.
@@ -73,31 +71,20 @@ var dataSource = function dataSource(_ref5) {
     transform: transform
   };
 };
-
-// const filters = () => () => [
-//   { name: 'name', label: 'Name', type: 'text' },
-//   {
-//     name: 'resultType',
-//     label: 'Result Type',
-//     type: 'select',
-//     options: resultTypes.map(el => ({ label: el, value: el })),
-//   },
-// ];
-
 var columns = [{
   value: 'name',
   title: 'Name',
   sortable: true
 }, {
   value: 'resultType',
-  title: 'Result Type'
+  title: 'Result Type',
+  sortable: true
 }, {
   value: 'query',
   title: 'Query'
 }];
 var BridgeModelQualificationTable = exports.BridgeModelQualificationTable = (0, _Table.generateTable)({
   columns: columns,
-  // filters,
   dataSource: dataSource,
   tableOptions: ['modelName']
 });

package/lib/components/core/category/CategoryForm.js

@@ -22,6 +22,9 @@ var dataSources = function dataSources(_ref) {
       }],
       transform: function transform(result) {
         return result.category;
+      },
+      errorTransform: function errorTransform(result) {
+        return result.error;
       }
     },
     attributeDefinitions: {
@@ -77,7 +80,7 @@ var fields = function fields(_ref4) {
       name: 'slug',
       label: 'Slug',
       type: 'text',
-      required: false,
+      required: true,
       initialValue: category ? category.get('slug') : '',
       onChange: function onChange(_bindings, _ref8) {
         var setValue = _ref8.setValue;

package/lib/components/core/category/CategoryTable.js

@@ -54,7 +54,7 @@ var columns = [{
   toggleable: true
 }, {
   value: 'createdAt',
-  title: 'Created',
+  title: 'Created At',
   sortable: true,
   toggleable: true
 }, {
@@ -64,7 +64,7 @@ var columns = [{
   toggleable: true
 }, {
   value: 'updatedAt',
-  title: 'Updated',
+  title: 'Updated At',
   sortable: true,
   toggleable: true
 }, {