@kineticdata/react 6.0.1 → 6.0.3

package/lib/components/form/tests/components.js

@@ -1,70 +1,75 @@
 "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.mockFieldConfig = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _immutable = require("immutable");
+var _excluded = ["fields", "error", "buttons"];
+var stringifyProps = function stringifyProps(props) {
+  return JSON.stringify(props,
+  // Make sure functions are stringified to an empty function string
+  // instead of being omitted
+  function (k, v) {
+    return typeof v === 'function' ? '() => {}' : v;
+  }, 2);
+};
+var stringifyImmutablePropTypes = function stringifyImmutablePropTypes(props) {
+  return JSON.stringify(Object.entries(props).reduce(function (o, _ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      k = _ref2[0],
+      v = _ref2[1];
+    return (0, _immutable.isImmutable)(v) ? (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, o), {}, (0, _defineProperty2["default"])({}, k, "Immutable".concat(_immutable.List.isList(v) ? '.List' : _immutable.OrderedMap.isOrderedMap(v) ? '.OrderedMap' : _immutable.Map.isMap(v) ? '.Map' : _immutable.Record.isRecord(v) ? '.Record' : ''))) : o;
+  }, {}), null, 2);
+};
+
+// Create a mock component that renders a div and all of its props as
+// stringified attributes on that div
+var generateMock = function generateMock(name) {
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      "data-testid": name
+      // Store the stringified props for the component
+      ,
+      "data-props": stringifyProps(props)
+      // Store the immutable types for the relevant props because JSON.stringify
+      // removes that metadata in the data-props above, and we want to verify
+      // that certain props are Immutable instances in some tests
+      ,
+      "data-immutable-props": stringifyImmutablePropTypes(props)
+    });
+  };
+};
+
 // Define mock functional components for each of the form fields, form buttons
 // and form error. We define them explicitly like this because this is the name
 // that we want to be used in the snapshot. When testing overrides we will then
 // be able to determine that the override was used instead of the mock.
-var AttributesFieldMock = function AttributesFieldMock() {
-  return null;
-};
-var CheckboxFieldMock = function CheckboxFieldMock() {
-  return null;
-};
-var CodeFieldMock = function CodeFieldMock() {
-  return null;
-};
-var FormButtonsMock = function FormButtonsMock() {
-  return null;
-};
-var FormErrorMock = function FormErrorMock() {
-  return null;
-};
-var FormFieldMock = function FormFieldMock() {
-  return null;
-};
-var FormMultiFieldMock = function FormMultiFieldMock() {
-  return null;
-};
-var PasswordFieldMock = function PasswordFieldMock() {
-  return null;
-};
-var RadioFieldMock = function RadioFieldMock() {
-  return null;
-};
-var TeamFieldMock = function TeamFieldMock() {
-  return null;
-};
-var TeamMultiFieldMock = function TeamMultiFieldMock() {
-  return null;
-};
-var SelectFieldMock = function SelectFieldMock() {
-  return null;
-};
-var SelectMultiFieldMock = function SelectMultiFieldMock() {
-  return null;
-};
-var TextFieldMock = function TextFieldMock() {
-  return null;
-};
-var TextMultiFieldMock = function TextMultiFieldMock() {
-  return null;
-};
-var UserFieldMock = function UserFieldMock() {
-  return null;
-};
-var UserMultiFieldMock = function UserMultiFieldMock() {
-  return null;
-};
-var TableFieldMock = function TableFieldMock() {
-  return null;
-};
-var mockFieldConfig = {
+var AttributesFieldMock = generateMock('AttributesFieldMock');
+var CheckboxFieldMock = generateMock('CheckboxFieldMock');
+var CodeFieldMock = generateMock('CodeFieldMock');
+var FormButtonsMock = generateMock('FormButtonsMock');
+var FormErrorMock = generateMock('FormErrorMock');
+var FormFieldMock = generateMock('FormFieldMock');
+var FormMultiFieldMock = generateMock('FormMultiFieldMock');
+var PasswordFieldMock = generateMock('PasswordFieldMock');
+var RadioFieldMock = generateMock('RadioFieldMock');
+var TeamFieldMock = generateMock('TeamFieldMock');
+var TeamMultiFieldMock = generateMock('TeamMultiFieldMock');
+var SelectFieldMock = generateMock('SelectFieldMock');
+var SelectMultiFieldMock = generateMock('SelectMultiFieldMock');
+var TextFieldMock = generateMock('TextFieldMock');
+var TextMultiFieldMock = generateMock('TextMultiFieldMock');
+var UserFieldMock = generateMock('UserFieldMock');
+var UserMultiFieldMock = generateMock('UserMultiFieldMock');
+var TableFieldMock = generateMock('TableFieldMock');
+var mockFieldConfig = exports.mockFieldConfig = {
   AttributesField: AttributesFieldMock,
   CheckboxField: CheckboxFieldMock,
   CodeField: CodeFieldMock,
@@ -74,11 +79,16 @@ var mockFieldConfig = {
   FormMultiField: FormMultiFieldMock,
   // FormLayout is the one component we actually want to render so that the
   // <Field> components end up being rendered and are then testable.
-  FormLayout: function FormLayout(_ref) {
-    var buttons = _ref.buttons,
-      error = _ref.error,
-      fields = _ref.fields;
-    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, fields.toList(), error, buttons);
+  FormLayout: function FormLayout(_ref3) {
+    var fields = _ref3.fields,
+      error = _ref3.error,
+      buttons = _ref3.buttons,
+      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
+    return /*#__PURE__*/_react["default"].createElement("form", {
+      "data-testid": "FormLayout",
+      "data-props": stringifyProps(props),
+      "data-immutable-props": stringifyImmutablePropTypes(props)
+    }, fields.toList(), error, buttons);
   },
   PasswordField: PasswordFieldMock,
   RadioField: RadioFieldMock,
@@ -91,5 +101,4 @@ var mockFieldConfig = {
   UserField: UserFieldMock,
   UserMultiField: UserMultiFieldMock,
   TableField: TableFieldMock
-};
-exports.mockFieldConfig = mockFieldConfig;
+};

package/lib/components/index.js

@@ -441,6 +441,12 @@ Object.defineProperty(exports, "SecurityDefinitionTable", {
     return _SecurityDefinitionTable.SecurityDefinitionTable;
   }
 });
+Object.defineProperty(exports, "SimpleForm", {
+  enumerable: true,
+  get: function get() {
+    return _SimpleForm.SimpleForm;
+  }
+});
 Object.defineProperty(exports, "SourceForm", {
   enumerable: true,
   get: function get() {
@@ -924,6 +930,7 @@ var _AuthenticationContainer = require("./common/authentication/AuthenticationCo
 var _ToastContainer = require("./common/ToastContainer");
 var _Form = require("./form/Form");
 var _FormState = require("./form/FormState");
+var _SimpleForm = require("./form/SimpleForm");
 var _KitchenSinkForm = require("./form/KitchenSinkForm");
 var _Table = require("./table/Table.redux");
 var _Table2 = require("./table/Table");

package/lib/components/system/SystemBackgroundTasksTable.js

@@ -77,11 +77,10 @@ var columns = [{
   title: 'Transitions',
   sortable: false
 }];
-var SystemBackgroundTasksTable = (0, _Table.generateTable)({
+var SystemBackgroundTasksTable = exports.SystemBackgroundTasksTable = (0, _Table.generateTable)({
   tableOptions: ['spaceSlug'],
   columns: columns,
   filters: filters,
   dataSource: dataSource
 });
-exports.SystemBackgroundTasksTable = SystemBackgroundTasksTable;
 SystemBackgroundTasksTable.displayName = 'SystemBackgroundTasksTable';

package/lib/components/system/SystemCassandraForm.js

@@ -88,11 +88,10 @@ var fields = function fields() {
     }
   };
 };
-var SystemCassandraForm = (0, _Form.generateForm)({
+var SystemCassandraForm = exports.SystemCassandraForm = (0, _Form.generateForm)({
   formOptions: [],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.SystemCassandraForm = SystemCassandraForm;
 SystemCassandraForm.displayName = 'SystemCassandraForm';

package/lib/components/system/SystemElasticSearchForm.js

@@ -88,11 +88,10 @@ var fields = function fields() {
     }
   };
 };
-var SystemElasticSearchForm = (0, _Form.generateForm)({
+var SystemElasticSearchForm = exports.SystemElasticSearchForm = (0, _Form.generateForm)({
   formOptions: [],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.SystemElasticSearchForm = SystemElasticSearchForm;
 SystemElasticSearchForm.displayName = 'SystemElasticSearchForm';

package/lib/components/system/SystemFilestoreForm.js

@@ -94,10 +94,9 @@ var fields = function fields() {
     }
   };
 };
-var SystemFilestoreForm = (0, _index.generateForm)({
+var SystemFilestoreForm = exports.SystemFilestoreForm = (0, _index.generateForm)({
   formOptions: ['slug'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
-});
-exports.SystemFilestoreForm = SystemFilestoreForm;
+});

package/lib/components/system/SystemForm.js

@@ -59,11 +59,10 @@ var fields = function fields() {
     }];
   };
 };
-var SystemForm = (0, _Form.generateForm)({
+var SystemForm = exports.SystemForm = (0, _Form.generateForm)({
   formOptions: [],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.SystemForm = SystemForm;
 SystemForm.displayName = 'SystemForm';

package/lib/components/system/SystemIngressForm.js

@@ -105,11 +105,10 @@ var fields = function fields() {
     }];
   };
 };
-var SystemIngressForm = (0, _Form.generateForm)({
+var SystemIngressForm = exports.SystemIngressForm = (0, _Form.generateForm)({
   formOptions: [],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.SystemIngressForm = SystemIngressForm;
 SystemIngressForm.displayName = 'SystemIngressForm';

package/lib/components/system/SystemSecurityForm.js

@@ -62,11 +62,10 @@ var fields = function fields() {
     }];
   };
 };
-var SystemSecurityForm = (0, _Form.generateForm)({
+var SystemSecurityForm = exports.SystemSecurityForm = (0, _Form.generateForm)({
   formOptions: [],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.SystemSecurityForm = SystemSecurityForm;
 SystemSecurityForm.displayName = 'SystemSecurityForm';

package/lib/components/system/SystemSmtpForm.js

@@ -131,10 +131,9 @@ var fields = function fields() {
     }];
   };
 };
-var SystemSmtpForm = (0, _Form.generateForm)({
+var SystemSmtpForm = exports.SystemSmtpForm = (0, _Form.generateForm)({
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.SystemSmtpForm = SystemSmtpForm;
 SystemSmtpForm.displayName = 'SystemMailForm';

package/lib/components/system/SystemTaskAdapterForm.js

@@ -70,11 +70,10 @@ var fields = function fields() {
     }].concat((0, _toConsumableArray2["default"])((0, _helpers.MSSQL_FIELDS)('type', defaultTaskDbAdapter, [], null)), (0, _toConsumableArray2["default"])((0, _helpers.ORACLE_FIELDS)('type', defaultTaskDbAdapter, [], null)), (0, _toConsumableArray2["default"])((0, _helpers.POSTGRES_FIELDS)('type', defaultTaskDbAdapter, [], null)));
   };
 };
-var SystemTaskAdapterForm = (0, _Form.generateForm)({
+var SystemTaskAdapterForm = exports.SystemTaskAdapterForm = (0, _Form.generateForm)({
   formOptions: [],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.SystemTaskAdapterForm = SystemTaskAdapterForm;
 SystemTaskAdapterForm.displayName = 'SystemTaskAdapterForm';

package/lib/components/system/SystemTrustedCertificateForm.js

@@ -30,11 +30,10 @@ var fields = function fields() {
     }];
   };
 };
-var SystemTrustedCertificateForm = (0, _Form.generateForm)({
+var SystemTrustedCertificateForm = exports.SystemTrustedCertificateForm = (0, _Form.generateForm)({
   formOptions: ['spaceSlug'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.SystemTrustedCertificateForm = SystemTrustedCertificateForm;
 SystemTrustedCertificateForm.displayName = 'SystemTrustedCertificateForm';

package/lib/components/system/SystemTrustedCertificatesTable.js

@@ -64,11 +64,10 @@ var columns = [{
   },
   sortable: false
 }];
-var SystemTrustedCertificatesTable = (0, _Table.generateTable)({
+var SystemTrustedCertificatesTable = exports.SystemTrustedCertificatesTable = (0, _Table.generateTable)({
   tableOptions: ['spaceSlug'],
   columns: columns,
   filters: filters,
   dataSource: dataSource
 });
-exports.SystemTrustedCertificatesTable = SystemTrustedCertificatesTable;
 SystemTrustedCertificatesTable.displayName = 'SystemTrustedCertificatesTable';

package/lib/components/system/SystemUserForm.js

@@ -92,10 +92,9 @@ var fields = function fields() {
     }];
   };
 };
-var SystemUserForm = (0, _Form.generateForm)({
+var SystemUserForm = exports.SystemUserForm = (0, _Form.generateForm)({
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-exports.SystemUserForm = SystemUserForm;
 SystemUserForm.displayName = 'SystemUserForm';

package/lib/components/system/helpers.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.propertiesFromValues = exports.propertiesFromAdapters = exports.generateInitialValues = exports.formPropertyName = exports.adapterPropertiesFields = exports.adapterProperties = exports.VALIDATE_DB_ADAPTERS = exports.POSTGRES_FIELDS = exports.ORACLE_FIELDS = exports.MSSQL_FIELDS = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _immutable = require("immutable");
-var VALIDATE_DB_ADAPTERS = [{
+var VALIDATE_DB_ADAPTERS = exports.VALIDATE_DB_ADAPTERS = [{
   label: 'Microsoft SQL Server',
   value: 'mssql'
 }, {
@@ -17,14 +17,13 @@ var VALIDATE_DB_ADAPTERS = [{
   label: 'PostgreSQL DB Server',
   value: 'postgres'
 }];
-exports.VALIDATE_DB_ADAPTERS = VALIDATE_DB_ADAPTERS;
 var getValueFromList = function getValueFromList(properties, key, initialValue) {
   var property = properties.find(function (p) {
     return p.get('name') === key;
   });
   return property ? property.get('value') : initialValue;
 };
-var generateInitialValues = function generateInitialValues(persistedObject, persistedPath, defaultObject, adapter) {
+var generateInitialValues = exports.generateInitialValues = function generateInitialValues(persistedObject, persistedPath, defaultObject, adapter) {
   return function (key) {
     var initialValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     var sameAsTenant = (0, _immutable.getIn)(persistedObject, persistedPath.concat(['type']), '') === adapter;
@@ -49,7 +48,6 @@ var generateInitialValues = function generateInitialValues(persistedObject, pers
     return initialValue;
   };
 };
-exports.generateInitialValues = generateInitialValues;
 var generatePasswordFields = function generatePasswordFields(adapterName, persistedObject, currentAdapter, defaultAdapter) {
   var label = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'Password';
   var fieldName = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'password';
@@ -102,7 +100,7 @@ var generatePasswordFields = function generatePasswordFields(adapterName, persis
     }
   }];
 };
-var MSSQL_FIELDS = function MSSQL_FIELDS(adapter, persistedObject, persistedPath, defaultAdapter) {
+var MSSQL_FIELDS = exports.MSSQL_FIELDS = function MSSQL_FIELDS(adapter, persistedObject, persistedPath, defaultAdapter) {
   var trueIfAdapter = function trueIfAdapter(_ref6) {
     var values = _ref6.values;
     return values.get(adapter) === 'mssql';
@@ -248,8 +246,7 @@ var MSSQL_FIELDS = function MSSQL_FIELDS(adapter, persistedObject, persistedPath
     return values.get('mssql_sslcert', '') !== '';
   })));
 };
-exports.MSSQL_FIELDS = MSSQL_FIELDS;
-var ORACLE_FIELDS = function ORACLE_FIELDS(adapter, persistedObject, persistedPath, defaultAdapter) {
+var ORACLE_FIELDS = exports.ORACLE_FIELDS = function ORACLE_FIELDS(adapter, persistedObject, persistedPath, defaultAdapter) {
   var initialValues = generateInitialValues(persistedObject, persistedPath, defaultAdapter, 'oracle');
   var trueIfAdapter = function trueIfAdapter(_ref14) {
     var values = _ref14.values;
@@ -397,8 +394,7 @@ var ORACLE_FIELDS = function ORACLE_FIELDS(adapter, persistedObject, persistedPa
     return values.get('oracle_clientCert', '') !== '';
   })));
 };
-exports.ORACLE_FIELDS = ORACLE_FIELDS;
-var POSTGRES_FIELDS = function POSTGRES_FIELDS(adapter, persistedObject, persistedPath, defaultAdapter) {
+var POSTGRES_FIELDS = exports.POSTGRES_FIELDS = function POSTGRES_FIELDS(adapter, persistedObject, persistedPath, defaultAdapter) {
   var trueIfAdapter = function trueIfAdapter(_ref23) {
     var values = _ref23.values;
     return values.get(adapter) === 'postgres';
@@ -563,8 +559,7 @@ var POSTGRES_FIELDS = function POSTGRES_FIELDS(adapter, persistedObject, persist
     }
   }]);
 };
-exports.POSTGRES_FIELDS = POSTGRES_FIELDS;
-var adapterProperties = function adapterProperties(values, adapter) {
+var adapterProperties = exports.adapterProperties = function adapterProperties(values, adapter) {
   var filterFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (o) {
     return o;
   };
@@ -586,8 +581,7 @@ var adapterProperties = function adapterProperties(values, adapter) {
   // such as for hidden file fields
   .filter(filterFn).toObject();
 };
-exports.adapterProperties = adapterProperties;
-var propertiesFromAdapters = function propertiesFromAdapters() {
+var propertiesFromAdapters = exports.propertiesFromAdapters = function propertiesFromAdapters() {
   var taskDbAdapters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _immutable.List)();
   var typeKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'type';
   return taskDbAdapters.flatMap(function (adapter) {
@@ -596,8 +590,7 @@ var propertiesFromAdapters = function propertiesFromAdapters() {
     });
   });
 };
-exports.propertiesFromAdapters = propertiesFromAdapters;
-var propertiesFromValues = function propertiesFromValues(values) {
+var propertiesFromValues = exports.propertiesFromValues = function propertiesFromValues(values) {
   var adapterType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'type';
   var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var adapterTypeName = formPropertyName(prefix, adapterType);
@@ -608,8 +601,7 @@ var propertiesFromValues = function propertiesFromValues(values) {
     return name.replace("".concat(propertiesType, "_"), '');
   });
 };
-exports.propertiesFromValues = propertiesFromValues;
-var formPropertyName = function formPropertyName() {
+var formPropertyName = exports.formPropertyName = function formPropertyName() {
   for (var _len = arguments.length, names = new Array(_len), _key = 0; _key < _len; _key++) {
     names[_key] = arguments[_key];
   }
@@ -617,7 +609,6 @@ var formPropertyName = function formPropertyName() {
     return n !== '';
   }).join('_');
 };
-exports.formPropertyName = formPropertyName;
 var getPropertyValue = function getPropertyValue(property, adapter, adapterType) {
   var defaultType = (0, _immutable.get)(adapter, adapterType, null);
   var type = property.get('type');
@@ -629,7 +620,7 @@ var getPropertyValue = function getPropertyValue(property, adapter, adapterType)
     return propertyValue;
   }
 };
-var adapterPropertiesFields = function adapterPropertiesFields(_ref33) {
+var adapterPropertiesFields = exports.adapterPropertiesFields = function adapterPropertiesFields(_ref33) {
   var adapterProperties = _ref33.adapterProperties,
     defaultAdapter = _ref33.defaultAdapter,
     _ref33$prefix = _ref33.prefix,
@@ -655,5 +646,4 @@ var adapterPropertiesFields = function adapterPropertiesFields(_ref33) {
       initialValue: getPropertyValue(property, defaultAdapter, adapterType)
     };
   });
-};
-exports.adapterPropertiesFields = adapterPropertiesFields;
+};

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

@@ -123,10 +123,9 @@ var fields = function fields() {
     }];
   };
 };
-var SystemSpaceForm = (0, _Form.generateForm)({
+var SystemSpaceForm = exports.SystemSpaceForm = (0, _Form.generateForm)({
   formOptions: ['slug'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
-});
-exports.SystemSpaceForm = SystemSpaceForm;
+});

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

@@ -286,10 +286,9 @@ var fields = function fields(_ref6) {
     }]));
   };
 };
-var SystemTenantForm = (0, _Form.generateForm)({
+var SystemTenantForm = exports.SystemTenantForm = (0, _Form.generateForm)({
   formOptions: ['slug'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
-});
-exports.SystemTenantForm = SystemTenantForm;
+});

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

@@ -216,10 +216,9 @@ var columns = [{
     return row.getIn(['space', 'trustedResourceDomains']);
   }
 }];
-var SystemTenantTable = (0, _Table.generateTable)({
+var SystemTenantTable = exports.SystemTenantTable = (0, _Table.generateTable)({
   columns: columns,
   filters: filters,
   dataSource: dataSource
 });
-exports.SystemTenantTable = SystemTenantTable;
 SystemTenantTable.displayName = 'SystemTenantTable';