@kineticdata/react 5.0.17 → 5.0.18

package/lib/apis/core/authentication.js

@@ -52,9 +52,17 @@ export var singleSignOn = function singleSignOn(spaceSlug, dimensions) {
     var options = _objectSpread(_objectSpread({}, dimensions), getPopupPosition(window, dimensions));
 
     var endpoint = bundle.spaceLocation() + '/app/saml/login/alias/' + spaceSlug;
-    var popup = window.open(endpoint, target, stringifyOptions(options)); // Create an event handler that closes the popup window if we focus the
+    var popup = window.open(endpoint, target, stringifyOptions(options));
+
+    if (!popup) {
+      resolve({
+        error: 'Enterprise Sign In popup was blocked by the browser.'
+      });
+      return;
+    } // Create an event handler that closes the popup window if we focus the
     // parent window
 
+
     var windowFocusHandler = function windowFocusHandler() {
       popup.close();
       window.removeEventListener('focus', windowFocusHandler);
@@ -80,7 +88,7 @@ export var singleSignOn = function singleSignOn(spaceSlug, dimensions) {
                 }
 
                 resolve({
-                  error: 'Single Sign-on cancelled'
+                  error: 'Enterprise Sign In was cancelled'
                 });
                 _context.next = 12;
                 break;
@@ -107,7 +115,7 @@ export var singleSignOn = function singleSignOn(spaceSlug, dimensions) {
                 } else {
                   popup.close();
                   resolve({
-                    error: 'Single Sign-on timed out'
+                    error: 'Enterprise Sign In timed out'
                   });
                 }
 

package/lib/apis/core/fileResources.js

@@ -0,0 +1,36 @@
+import { apiGroup } from '../http';
+
+var _apiGroup = apiGroup({
+  name: 'FileResource',
+  dataOption: 'fileResource',
+  plural: {
+    requiredOptions: [],
+    url: function url() {
+      return '/fileResources';
+    },
+    transform: function transform(response) {
+      return {
+        fileResources: response.data.fileResources
+      };
+    }
+  },
+  singular: {
+    requiredOptions: ['fileResourceSlug'],
+    url: function url(_ref) {
+      var fileResourceSlug = _ref.fileResourceSlug;
+      return "/fileResources/".concat(fileResourceSlug);
+    },
+    transform: function transform(response) {
+      return {
+        fileResource: response.data.fileResource
+      };
+    }
+  }
+}),
+    fetchFileResources = _apiGroup.fetchFileResources,
+    fetchFileResource = _apiGroup.fetchFileResource,
+    createFileResource = _apiGroup.createFileResource,
+    updateFileResource = _apiGroup.updateFileResource,
+    deleteFileResource = _apiGroup.deleteFileResource;
+
+export { fetchFileResources, fetchFileResource, createFileResource, updateFileResource, deleteFileResource };

package/lib/apis/core/filestores.js

@@ -0,0 +1,40 @@
+import { apiGroup } from '../http';
+
+var _apiGroup = apiGroup({
+  name: 'Filestore',
+  dataOption: 'filestore',
+  plural: {
+    requiredOptions: [],
+    url: function url(_ref) {
+      var _ref$agentSlug = _ref.agentSlug,
+          agentSlug = _ref$agentSlug === void 0 ? 'system' : _ref$agentSlug;
+      return "/app/components/agents/".concat(agentSlug, "/app/api/v1/filestores");
+    },
+    transform: function transform(response) {
+      return {
+        filestores: response.data.filestores
+      };
+    }
+  },
+  singular: {
+    requiredOptions: ['filestoreSlug'],
+    url: function url(_ref2) {
+      var _ref2$agentSlug = _ref2.agentSlug,
+          agentSlug = _ref2$agentSlug === void 0 ? 'system' : _ref2$agentSlug,
+          filestoreSlug = _ref2.filestoreSlug;
+      return "/app/components/agents/".concat(agentSlug, "/app/api/v1/filestores/").concat(filestoreSlug);
+    },
+    transform: function transform(response) {
+      return {
+        filestore: response.data.filestore
+      };
+    }
+  }
+}),
+    fetchFilestores = _apiGroup.fetchFilestores,
+    fetchFilestore = _apiGroup.fetchFilestore,
+    createFilestore = _apiGroup.createFilestore,
+    updateFilestore = _apiGroup.updateFilestore,
+    deleteFilestore = _apiGroup.deleteFilestore;
+
+export { fetchFilestores, fetchFilestore, createFilestore, updateFilestore, deleteFilestore };

package/lib/components/agent/filestore/FilestoreForm.js

@@ -0,0 +1,132 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { createFilestore, fetchFilestore, updateFilestore } from '../../../apis';
+import { fetchAdapters } from '../../../apis';
+import { get, getIn, List, Map } from 'immutable';
+import { buildPropertyFields, handleFormErrors } from '../../form/Form.helpers';
+import { generateForm } from '../../form/Form';
+
+var dataSources = function dataSources(_ref) {
+  var agentSlug = _ref.agentSlug,
+      filestoreSlug = _ref.filestoreSlug,
+      adapterClass = _ref.adapterClass;
+  return {
+    filestore: {
+      fn: fetchFilestore,
+      params: agentSlug && filestoreSlug && [{
+        agentSlug: agentSlug,
+        filestoreSlug: filestoreSlug,
+        include: 'details'
+      }],
+      transform: function transform(result) {
+        return result.filestore;
+      }
+    },
+    adapters: {
+      fn: fetchAdapters,
+      params: [{
+        include: 'details',
+        type: 'filestore',
+        agentSlug: agentSlug
+      }],
+      transform: function transform(result) {
+        return result.adapters;
+      }
+    },
+    adapterProperties: {
+      fn: function fn(adapters, filestore) {
+        var appliedAdapterClass = filestore ? filestore.get('adapterClass') : adapterClass;
+        var adapter = adapters.find(function (adapter) {
+          return adapter.get('class') === appliedAdapterClass;
+        });
+        return adapter ? List(adapter.get('properties')) : List();
+      },
+      params: function params(_ref2) {
+        var adapters = _ref2.adapters,
+            filestore = _ref2.filestore;
+        return (!filestoreSlug || filestore) && adapters && [adapters, filestore];
+      }
+    }
+  };
+};
+
+var handleSubmit = function handleSubmit(_ref3) {
+  var agentSlug = _ref3.agentSlug,
+      filestoreSlug = _ref3.filestoreSlug;
+  return function (values) {
+    return (filestoreSlug ? updateFilestore : createFilestore)({
+      agentSlug: agentSlug,
+      filestoreSlug: filestoreSlug,
+      filestore: values.toJS()
+    }).then(handleFormErrors('filestore', 'There was a problem saving the filestore.'));
+  };
+};
+
+var fields = function fields(_ref4) {
+  var adapterClass = _ref4.adapterClass;
+  return function (_ref5) {
+    var filestore = _ref5.filestore,
+        adapters = _ref5.adapters,
+        adapterProperties = _ref5.adapterProperties;
+
+    if (adapterProperties) {
+      var _buildPropertyFields = buildPropertyFields({
+        isNew: !filestore,
+        properties: adapterProperties,
+        getName: function getName(property) {
+          return property.get('name');
+        },
+        getRequired: function getRequired(property) {
+          return property.get('required');
+        },
+        getSensitive: function getSensitive(property) {
+          return property.get('sensitive');
+        },
+        getOptions: function getOptions(property) {
+          return property.get('options');
+        },
+        getValue: function getValue(property) {
+          return getIn(filestore, ['properties', property.get('name')], '');
+        }
+      }),
+          propertiesFields = _buildPropertyFields.propertiesFields,
+          propertiesSerialize = _buildPropertyFields.propertiesSerialize;
+
+      return [{
+        name: 'slug',
+        label: 'Filestore Slug',
+        type: 'text',
+        required: true,
+        initialValue: get(filestore, 'slug', ''),
+        pattern: /^[a-z\d-]+$/,
+        patternMessage: 'File Store Slug may only contain letters, numbers, and dashes',
+        helpText: 'Unique name used in the bridge path.'
+      }, {
+        name: 'adapterClass',
+        label: 'Adapter Class',
+        type: 'text',
+        enabled: false,
+        required: false,
+        initialValue: filestore ? filestore.get('adapterClass') : adapterClass,
+        options: adapters.map(function (adapter) {
+          return Map({
+            value: adapter.get('class'),
+            label: adapter.get('name')
+          });
+        })
+      }].concat(_toConsumableArray(propertiesFields), [{
+        name: 'properties',
+        visible: false,
+        initialValue: get(filestore, 'properties', {}),
+        serialize: propertiesSerialize
+      }]);
+    }
+  };
+};
+
+export var FilestoreForm = generateForm({
+  formOptions: ['filestoreSlug', 'adapterClass', 'agentSlug'],
+  dataSources: dataSources,
+  fields: fields,
+  handleSubmit: handleSubmit
+});
+FilestoreForm.displayName = 'FilestoreForm';

package/lib/components/agent/filestore/FilestoreTable.js

@@ -0,0 +1,53 @@
+import { defineFilter } from '../../../helpers';
+import { fetchFilestores } from '../../../apis';
+import { generateTable } from '../../table/Table';
+var clientSide = defineFilter(true).startsWith('slug', 'slug').end();
+
+var dataSource = function dataSource(_ref) {
+  var agentSlug = _ref.agentSlug;
+  return {
+    fn: fetchFilestores,
+    clientSide: clientSide,
+    params: function params() {
+      return [{
+        agentSlug: agentSlug,
+        include: 'details'
+      }];
+    },
+    transform: function transform(result) {
+      return {
+        data: result.filestores
+      };
+    }
+  };
+};
+
+var filters = function filters() {
+  return function () {
+    return [{
+      name: 'slug',
+      label: 'Slug',
+      type: 'text'
+    }];
+  };
+};
+
+var columns = [{
+  value: 'slug',
+  title: 'Slug',
+  sortable: true
+}, {
+  value: 'adapterClass',
+  title: 'Adapter',
+  sortable: true,
+  valueTransform: function valueTransform(_value) {
+    return _value.split('.').pop().match(/[A-Z][a-z]+/g).join(' ');
+  }
+}];
+export var FilestoreTable = generateTable({
+  tableOptions: ['agentSlug'],
+  columns: columns,
+  filters: filters,
+  dataSource: dataSource
+});
+FilestoreTable.displayName = 'FilestoreTable';

package/lib/components/common/Scroller.js

@@ -50,13 +50,13 @@ export var Scroller = /*#__PURE__*/function (_Component) {
           }
         } // when scrolling up...
         else if (childTop < this.lastTop) {
-            // check to see if the top of the child element is above the top of the
-            // scrollable parent
-            if (childTop < parent.scrollTop) {
-              // scroll the child into view (passing true which aligns by top)
-              child.scrollIntoView(true);
-            }
+          // check to see if the top of the child element is above the top of the
+          // scrollable parent
+          if (childTop < parent.scrollTop) {
+            // scroll the child into view (passing true which aligns by top)
+            child.scrollIntoView(true);
           }
+        }
 
         this.lastTop = child.offsetTop;
       }

package/lib/components/core/core_form/CoreForm.js

@@ -286,16 +286,16 @@ export var CoreFormComponent = /*#__PURE__*/function (_Component) {
         }));
       } // If pending and error state has just been set, call error callback
       else if (this.state.pending && this.state.error && !prevState.error) {
-          if (this.state.error.statusCode === 401) {
-            applyGuard(this.props.onUnauthorized || this.props.unauthorized);
-          } else if (this.state.error.statusCode === 403) {
-            applyGuard(this.props.onForbidden || this.props.forbidden);
-          } else if (this.state.error.statusCode === 404) {
-            applyGuard(this.props.onNotFound || this.props.onNotFound);
-          } else {
-            applyGuard(this.props.onError || this.props.error);
-          }
-        } // If locking is turned on and has been initalized
+        if (this.state.error.statusCode === 401) {
+          applyGuard(this.props.onUnauthorized || this.props.unauthorized);
+        } else if (this.state.error.statusCode === 403) {
+          applyGuard(this.props.onForbidden || this.props.forbidden);
+        } else if (this.state.error.statusCode === 404) {
+          applyGuard(this.props.onNotFound || this.props.onNotFound);
+        } else {
+          applyGuard(this.props.onError || this.props.error);
+        }
+      } // If locking is turned on and has been initalized
 
 
       if (this.state.lock && this.state.lock.init) {

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

@@ -0,0 +1,130 @@
+import { generateForm } from '../../form/Form';
+import { fetchKapp, fetchSpace, updateKapp, updateSpace } from '../../../apis';
+import { FIELD_DATA_TYPES } from './FieldDefinitionTable';
+
+var dataSources = function dataSources(_ref) {
+  var kappSlug = _ref.kappSlug,
+      name = _ref.name;
+  return {
+    form: {
+      fn: kappSlug ? fetchKapp : fetchSpace,
+      params: [{
+        kappSlug: kappSlug,
+        include: 'fields'
+      }],
+      transform: function transform(result) {
+        return kappSlug ? result.kapp : result.space;
+      }
+    },
+    fieldDefinition: {
+      fn: function fn(form, name) {
+        return form.get('fields').find(function (f) {
+          return f.get('name') === name;
+        });
+      },
+      params: function params(_ref2) {
+        var form = _ref2.form;
+        return form && name && [form, name];
+      }
+    }
+  };
+};
+
+var handleSubmit = function handleSubmit(_ref3) {
+  var kappSlug = _ref3.kappSlug,
+      name = _ref3.name;
+  return function (values, _ref4) {
+    var form = _ref4.form;
+    var dataType = FIELD_DATA_TYPES.find(function (fdt) {
+      return fdt.value === values.get('renderType');
+    }).dataType;
+    var field = values.set('dataType', dataType);
+    var fields = name ? form.get('fields').map(function (fd) {
+      return fd.get('name') === name ? field : fd;
+    }) : form.get('fields').push(field);
+    return (kappSlug ? updateKapp({
+      kapp: {
+        fields: fields
+      },
+      kappSlug: kappSlug
+    }) : updateSpace({
+      space: {
+        fields: fields
+      }
+    })).then(function (_ref5) {
+      var kapp = _ref5.kapp,
+          space = _ref5.space,
+          error = _ref5.error;
+
+      if (error) {
+        throw error.statusCode === 400 && error.message || 'There was an error saving the field definition';
+      }
+
+      return kappSlug ? kapp : space;
+    });
+  };
+};
+
+var fields = function fields(_ref6) {
+  var name = _ref6.name;
+  return function (_ref7) {
+    var form = _ref7.form,
+        fieldDefinition = _ref7.fieldDefinition;
+    return (!name || fieldDefinition) && form && [{
+      name: 'name',
+      label: 'Name',
+      type: 'text',
+      required: true,
+      initialValue: fieldDefinition ? fieldDefinition.get('name') : ''
+    }, {
+      name: 'renderType',
+      label: 'Type',
+      type: 'select',
+      required: true,
+      options: FIELD_DATA_TYPES,
+      initialValue: fieldDefinition ? fieldDefinition.get('renderType') : ''
+    }, {
+      name: 'createdAt',
+      label: 'Created At',
+      type: 'text',
+      visible: false,
+      initialValue: fieldDefinition ? fieldDefinition.get('createdAt') : '2020-08-24T22:06:20.572Z'
+    }, {
+      name: 'createdBy',
+      label: 'Created By',
+      type: 'text',
+      visible: false,
+      initialValue: fieldDefinition ? fieldDefinition.get('createdBy') : 'admin'
+    }, {
+      name: 'updatedAt',
+      label: 'Updated At',
+      type: 'text',
+      visible: false,
+      initialValue: fieldDefinition ? fieldDefinition.get('updatedAt') : '2020-08-24T22:06:20.572Z'
+    }, {
+      name: 'updatedBy',
+      label: 'Updated By',
+      type: 'text',
+      visible: false,
+      initialValue: fieldDefinition ? fieldDefinition.get('updatedBy') : 'admin'
+    }];
+  };
+};
+/**
+ * @component
+ * A form for creating and updating Field Definitions within the Kinetic Platform
+ */
+
+
+export var FieldDefinitionForm = generateForm({
+  formOptions: ['kappSlug', 'name'],
+  dataSources: dataSources,
+  fields: fields,
+  handleSubmit: handleSubmit
+});
+FieldDefinitionForm.displayName = 'FieldDefinitionForm'; // Specifies the default values for props:
+
+FieldDefinitionForm.defaultProps = {
+  fieldName: null,
+  kappSlug: null
+};

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

@@ -0,0 +1,86 @@
+import { generateTable } from '../../table/Table';
+import { fetchKapp, fetchSpace } from '../../../apis';
+import { defineFilter } from '../../../helpers';
+export var FIELD_DATA_TYPES = [{
+  value: 'checkbox',
+  label: 'Checkbox',
+  dataType: 'json'
+}, {
+  value: 'date',
+  label: 'Date',
+  dataType: 'string'
+}, {
+  value: 'datetime',
+  label: 'Date/Time',
+  dataType: 'string'
+}, {
+  value: 'dropdown',
+  label: 'Dropdown',
+  dataType: 'string'
+}, {
+  value: 'radio',
+  label: 'Radio',
+  dataType: 'string'
+}, {
+  value: 'text',
+  label: 'Text',
+  dataType: 'string'
+}, {
+  value: 'time',
+  label: 'Time',
+  dataType: 'string'
+}];
+var clientSide = defineFilter(true).startsWith('name', 'name').end();
+
+var dataSource = function dataSource(_ref) {
+  var kappSlug = _ref.kappSlug;
+  return {
+    fn: kappSlug ? fetchKapp : fetchSpace,
+    clientSide: clientSide,
+    params: function params() {
+      return [{
+        kappSlug: kappSlug,
+        include: 'fields'
+      }];
+    },
+    transform: function transform(result) {
+      return {
+        data: kappSlug ? result.kapp.fields : result.space.fields
+      };
+    }
+  };
+};
+
+var filters = function filters() {
+  return function () {
+    return [{
+      name: 'name',
+      label: 'Name',
+      type: 'text'
+    }];
+  };
+};
+
+var columns = [{
+  value: 'name',
+  title: 'Name'
+}, {
+  value: 'renderType',
+  title: 'Render Type'
+}, {
+  value: 'dataType',
+  title: 'Data Type'
+}, {
+  value: 'updatedAt',
+  title: 'Updated At'
+}, {
+  value: 'updatedBy',
+  title: 'Updated By'
+}];
+export var FieldDefinitionTable = generateTable({
+  tableOptions: ['kappSlug'],
+  columns: columns,
+  filters: filters,
+  dataSource: dataSource
+});
+FieldDefinitionTable.displayName = 'FieldDefinitionTable';