@kineticdata/react 5.1.2 → 6.0.1

package/lib/components/core/translation/EntryForm.js

@@ -1,15 +1,20 @@
-import { generateForm } from '../../form/Form';
-import { fetchEnabledLocales, fetchContexts, fetchContextKeys, upsertTranslations, fetchTranslations } from '../../../apis';
-import { Map, List } from 'immutable';
-import { handleFormErrors } from '../../form/Form.helpers';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EntryForm = void 0;
+var _Form = require("../../form/Form");
+var _apis = require("../../../apis");
+var _immutable = require("immutable");
+var _Form2 = require("../../form/Form.helpers");
 var dataSources = function dataSources(_ref) {
   var contextName = _ref.contextName,
-      keyHash = _ref.keyHash,
-      locale = _ref.locale;
+    keyHash = _ref.keyHash,
+    locale = _ref.locale;
   return {
     contexts: {
-      fn: fetchContexts,
+      fn: _apis.fetchContexts,
       params: function params() {
         return [{
           expected: true
@@ -20,7 +25,7 @@ var dataSources = function dataSources(_ref) {
       }
     },
     keys: {
-      fn: fetchContextKeys,
+      fn: _apis.fetchContextKeys,
       params: function params() {
         return [{
           contextName: contextName ? contextName : 'shared'
@@ -29,11 +34,11 @@ var dataSources = function dataSources(_ref) {
       transform: function transform(result) {
         return keyHash ? result.keys.filter(function (k) {
           return k.hash === keyHash;
-        }) : List();
+        }) : (0, _immutable.List)();
       }
     },
     locales: {
-      fn: fetchEnabledLocales,
+      fn: _apis.fetchEnabledLocales,
       params: [{
         include: 'authorization,details'
       }],
@@ -42,7 +47,7 @@ var dataSources = function dataSources(_ref) {
       }
     },
     entry: {
-      fn: fetchTranslations,
+      fn: _apis.fetchTranslations,
       params: function params() {
         return contextName && keyHash && locale && [{
           contextName: contextName,
@@ -58,25 +63,23 @@ var dataSources = function dataSources(_ref) {
     }
   };
 };
-
 var handleSubmit = function handleSubmit() {
   return function (values) {
     var translation = values.toJS();
-    return upsertTranslations({
+    return (0, _apis.upsertTranslations)({
       translation: translation
-    }).then(handleFormErrors('message', 'There was an error saving the Entry.'));
+    }).then((0, _Form2.handleFormErrors)('message', 'There was an error saving the Entry.'));
   };
 };
-
 var fields = function fields(_ref2) {
   var locale = _ref2.locale,
-      contextName = _ref2.contextName,
-      keyHash = _ref2.keyHash;
+    contextName = _ref2.contextName,
+    keyHash = _ref2.keyHash;
   return function (_ref3) {
     var contexts = _ref3.contexts,
-        keys = _ref3.keys,
-        locales = _ref3.locales,
-        entry = _ref3.entry;
+      keys = _ref3.keys,
+      locales = _ref3.locales,
+      entry = _ref3.entry;
     return contexts && keys && locales && [{
       name: 'context',
       label: 'Context',
@@ -87,7 +90,7 @@ var fields = function fields(_ref2) {
       options: function options(_ref4) {
         var contexts = _ref4.contexts;
         return contexts && contexts.map(function (con) {
-          return Map({
+          return (0, _immutable.Map)({
             value: con.get('name'),
             label: con.get('name')
           });
@@ -103,7 +106,7 @@ var fields = function fields(_ref2) {
       options: function options(_ref5) {
         var locales = _ref5.locales;
         return locales && locales.map(function (loc) {
-          return Map({
+          return (0, _immutable.Map)({
             value: loc.get('code'),
             label: loc.get('code')
           });
@@ -125,11 +128,11 @@ var fields = function fields(_ref2) {
     }];
   };
 };
-
-export var EntryForm = generateForm({
+var EntryForm = (0, _Form.generateForm)({
   formOptions: ['tab', 'locale', 'contextName', 'keyHash'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
+exports.EntryForm = EntryForm;
 EntryForm.displayName = 'EntryForm';

package/lib/components/core/translation/EntryTable.js

@@ -1,17 +1,22 @@
-import { generateTable } from '../../table/Table';
-import { fetchTranslations, fetchStagedTranslations, fetchEnabledLocales } from '../../../apis';
-import { defineFilter } from '../../../helpers';
-import { Map } from 'immutable';
-var clientSide = defineFilter(true).startsWith('locale', 'locale').startsWith('context', 'context').startsWith('key', 'key').end();
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EntryTable = void 0;
+var _Table = require("../../table/Table");
+var _apis = require("../../../apis");
+var _helpers = require("../../../helpers");
+var _immutable = require("immutable");
+var clientSide = (0, _helpers.defineFilter)(true).startsWith('locale', 'locale').startsWith('context', 'context').startsWith('key', 'key').end();
 var dataSource = function dataSource(_ref) {
   var shared = _ref.shared,
-      staged = _ref.staged,
-      locale = _ref.locale,
-      keyHash = _ref.keyHash,
-      context = _ref.context;
+    staged = _ref.staged,
+    locale = _ref.locale,
+    keyHash = _ref.keyHash,
+    context = _ref.context;
   return {
-    fn: staged ? fetchStagedTranslations : fetchTranslations,
+    fn: staged ? _apis.fetchStagedTranslations : _apis.fetchTranslations,
     clientSide: clientSide,
     params: function params(paramData) {
       return [{
@@ -29,11 +34,10 @@ var dataSource = function dataSource(_ref) {
     }
   };
 };
-
 var filterDataSources = function filterDataSources() {
   return {
     locales: {
-      fn: fetchEnabledLocales,
+      fn: _apis.fetchEnabledLocales,
       params: function params() {
         return [{
           include: 'details'
@@ -45,7 +49,6 @@ var filterDataSources = function filterDataSources() {
     }
   };
 };
-
 var filters = function filters() {
   return function (_ref2) {
     var locales = _ref2.locales;
@@ -56,7 +59,7 @@ var filters = function filters() {
       options: function options(_ref3) {
         var locales = _ref3.locales;
         return locales && locales.map(function (loc) {
-          return Map({
+          return (0, _immutable.Map)({
             value: loc.get('code'),
             label: loc.get('code')
           });
@@ -73,7 +76,6 @@ var filters = function filters() {
     }];
   };
 };
-
 var columns = [{
   value: 'locale',
   title: 'Locale',
@@ -95,11 +97,12 @@ var columns = [{
   title: 'New Translation',
   sortable: true
 }];
-export var EntryTable = generateTable({
+var EntryTable = (0, _Table.generateTable)({
   tableOptions: ['staged', 'shared', 'locale', 'keyHash', 'context'],
   columns: columns,
   filters: filters,
   dataSource: dataSource,
   filterDataSources: filterDataSources
 });
+exports.EntryTable = EntryTable;
 EntryTable.displayName = 'EntryTable';

package/lib/components/core/translation/LocaleForm.js

@@ -1,12 +1,17 @@
-import { List, Map } from 'immutable';
-import { generateForm } from '../../form/Form';
-import { fetchAvailableLocales, enableLocale } from '../../../apis';
-import { handleFormErrors } from '../../form/Form.helpers';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LocaleForm = void 0;
+var _immutable = require("immutable");
+var _Form = require("../../form/Form");
+var _apis = require("../../../apis");
+var _Form2 = require("../../form/Form.helpers");
 var dataSources = function dataSources() {
   return {
     locales: {
-      fn: fetchAvailableLocales,
+      fn: _apis.fetchAvailableLocales,
       params: [],
       transform: function transform(result) {
         return result.locales;
@@ -14,16 +19,14 @@ var dataSources = function dataSources() {
     }
   };
 };
-
 var handleSubmit = function handleSubmit() {
   return function (values) {
     var localeCode = values.toJS();
-    return enableLocale({
+    return (0, _apis.enableLocale)({
       localeCode: localeCode.code
-    }).then(handleFormErrors('user', 'There was an error saving the Locale.'));
+    }).then((0, _Form2.handleFormErrors)('user', 'There was an error saving the Locale.'));
   };
 };
-
 var fields = function fields() {
   return function () {
     return [{
@@ -33,19 +36,19 @@ var fields = function fields() {
       options: function options(_ref) {
         var locales = _ref.locales;
         return locales ? locales.map(function (locale) {
-          return Map({
+          return (0, _immutable.Map)({
             value: locale.get('code'),
             label: locale.get('name')
           });
-        }) : List();
+        }) : (0, _immutable.List)();
       }
     }];
   };
 };
-
-export var LocaleForm = generateForm({
+var LocaleForm = (0, _Form.generateForm)({
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
+exports.LocaleForm = LocaleForm;
 LocaleForm.displayName = 'LocaleForm';

package/lib/components/core/translation/LocaleTable.js

@@ -1,11 +1,16 @@
-import { generateTable } from '../../table/Table';
-import { fetchEnabledLocales } from '../../../apis';
-import { defineFilter } from '../../../helpers';
-var clientSide = defineFilter(true).startsWith('code', 'code').end();
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LocaleTable = void 0;
+var _Table = require("../../table/Table");
+var _apis = require("../../../apis");
+var _helpers = require("../../../helpers");
+var clientSide = (0, _helpers.defineFilter)(true).startsWith('code', 'code').end();
 var dataSource = function dataSource() {
   return {
-    fn: fetchEnabledLocales,
+    fn: _apis.fetchEnabledLocales,
     clientSide: clientSide,
     params: function params(paramData) {
       return [{
@@ -20,7 +25,6 @@ var dataSource = function dataSource() {
     }
   };
 };
-
 var filters = function filters() {
   return function () {
     return [{
@@ -30,15 +34,15 @@ var filters = function filters() {
     }];
   };
 };
-
 var columns = [{
   value: 'code',
   title: 'Code',
   sortable: true
 }];
-export var LocaleTable = generateTable({
+var LocaleTable = (0, _Table.generateTable)({
   columns: columns,
   filters: filters,
   dataSource: dataSource
 });
+exports.LocaleTable = LocaleTable;
 LocaleTable.displayName = 'LocaleTable';

package/lib/components/core/user/UserForm.js

@@ -1,30 +1,35 @@
-import { get, List, Map } from 'immutable';
-import { generateForm } from '../../form/Form';
-import { createUser, fetchAttributeDefinitions, fetchUser, updateUser, fetchLocales, fetchTimezones } from '../../../apis';
-import { handleFormErrors } from '../../form/Form.helpers';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserForm = void 0;
+var _immutable = require("immutable");
+var _Form = require("../../form/Form");
+var _apis = require("../../../apis");
+var _Form2 = require("../../form/Form.helpers");
 var USER_INCLUDES = 'details,attributesMap,authorization,memberships,profileAttributesMap';
 var EMAIL_REGEX = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
-
 var dataSources = function dataSources(_ref) {
   var username = _ref.username,
-      spaceSlug = _ref.spaceSlug;
+    spaceSlug = _ref.spaceSlug;
   return {
     locales: {
-      fn: fetchLocales,
+      fn: _apis.fetchLocales,
       params: !spaceSlug && [],
       transform: function transform(result) {
         return result.data.locales;
       }
     },
     timezones: {
-      fn: fetchTimezones,
+      fn: _apis.fetchTimezones,
       params: !spaceSlug && [],
       transform: function transform(result) {
         return result.data.timezones;
       }
     },
     user: {
-      fn: fetchUser,
+      fn: _apis.fetchUser,
       params: username && [{
         username: username,
         include: USER_INCLUDES,
@@ -35,7 +40,7 @@ var dataSources = function dataSources(_ref) {
       }
     },
     attributeDefinitions: {
-      fn: fetchAttributeDefinitions,
+      fn: _apis.fetchAttributeDefinitions,
       params: !spaceSlug && [{
         attributeType: 'userAttributeDefinitions'
       }],
@@ -44,7 +49,7 @@ var dataSources = function dataSources(_ref) {
       }
     },
     profileAttributeDefinitions: {
-      fn: fetchAttributeDefinitions,
+      fn: _apis.fetchAttributeDefinitions,
       params: !spaceSlug && [{
         attributeType: 'userProfileAttributeDefinitions'
       }],
@@ -54,23 +59,21 @@ var dataSources = function dataSources(_ref) {
     }
   };
 };
-
 var handleSubmit = function handleSubmit(_ref2) {
   var username = _ref2.username,
-      spaceSlug = _ref2.spaceSlug;
+    spaceSlug = _ref2.spaceSlug;
   return function (values) {
     var user = values.toJS();
-    return (username ? updateUser({
+    return (username ? (0, _apis.updateUser)({
       spaceSlug: spaceSlug,
       username: username,
       user: user
-    }) : createUser({
+    }) : (0, _apis.createUser)({
       spaceSlug: spaceSlug,
       user: user
-    })).then(handleFormErrors('user', 'There was an error saving the User.'));
+    })).then((0, _Form2.handleFormErrors)('user', 'There was an error saving the User.'));
   };
 };
-
 var fields = function fields(_ref3) {
   var username = _ref3.username;
   return function (_ref4) {
@@ -81,30 +84,30 @@ var fields = function fields(_ref3) {
       type: 'text',
       required: true,
       enabled: !username,
-      initialValue: get(user, 'username') || ''
+      initialValue: (0, _immutable.get)(user, 'username') || ''
     }, {
       name: 'email',
       label: 'Email',
       type: 'text',
-      initialValue: get(user, 'email') || '',
+      initialValue: (0, _immutable.get)(user, 'email') || '',
       pattern: EMAIL_REGEX,
       patternMessage: 'You must specify a valid email address.'
     }, {
       name: 'displayName',
       label: 'Display Name',
       type: 'text',
-      initialValue: get(user, 'displayName') || ''
+      initialValue: (0, _immutable.get)(user, 'displayName') || ''
     }, {
       name: 'enabled',
       label: 'Enabled?',
       type: 'checkbox',
-      initialValue: user ? get(user, 'enabled') : true,
+      initialValue: user ? (0, _immutable.get)(user, 'enabled') : true,
       helpText: 'Enabled users are allowed to login to the system.'
     }, {
       name: 'spaceAdmin',
       label: 'Space Admin?',
       type: 'checkbox',
-      initialValue: user ? get(user, 'spaceAdmin') : false,
+      initialValue: user ? (0, _immutable.get)(user, 'spaceAdmin') : false,
       helpText: 'Space Admins are users with full access within a space. Security Policies are not applied to any users that are Space Admins.'
     }, {
       name: 'password',
@@ -153,11 +156,9 @@ var fields = function fields(_ref3) {
       onChange: function onChange(_ref12, _ref13) {
         var values = _ref12.values;
         var setValue = _ref13.setValue;
-
         if (values.get('password') !== '') {
           setValue('password', '');
         }
-
         if (values.get('passwordConfirmation') !== '') {
           setValue('passwordConfirmation', '');
         }
@@ -168,7 +169,7 @@ var fields = function fields(_ref3) {
       placeholder: '*',
       type: 'text',
       required: false,
-      initialValue: get(user, 'allowedIps') || '',
+      initialValue: (0, _immutable.get)(user, 'allowedIps') || '',
       helpText: 'Ability to restrict login by IP address. Use * for unrestricted. Separate by a comma for multiple IP addresses.'
     }, {
       name: 'preferredLocale',
@@ -177,13 +178,13 @@ var fields = function fields(_ref3) {
       options: function options(_ref14) {
         var locales = _ref14.locales;
         return locales ? locales.map(function (locale) {
-          return Map({
+          return (0, _immutable.Map)({
             value: locale.get('code'),
             label: locale.get('name')
           });
-        }) : List();
+        }) : (0, _immutable.List)();
       },
-      initialValue: get(user, 'preferredLocale') || ''
+      initialValue: (0, _immutable.get)(user, 'preferredLocale') || ''
     }, {
       name: 'timezone',
       label: 'Timezone',
@@ -191,13 +192,13 @@ var fields = function fields(_ref3) {
       options: function options(_ref15) {
         var timezones = _ref15.timezones;
         return timezones ? timezones.map(function (timezone) {
-          return Map({
+          return (0, _immutable.Map)({
             value: timezone.get('id'),
             label: "".concat(timezone.get('name'), " (").concat(timezone.get('id'), ")")
           });
-        }) : List();
+        }) : (0, _immutable.List)();
       },
-      initialValue: get(user, 'timezone') || ''
+      initialValue: (0, _immutable.get)(user, 'timezone') || ''
     }, {
       name: 'attributesMap',
       label: 'Attributes',
@@ -207,7 +208,7 @@ var fields = function fields(_ref3) {
         var attributeDefinitions = _ref16.attributeDefinitions;
         return attributeDefinitions;
       },
-      initialValue: get(user, 'attributesMap'),
+      initialValue: (0, _immutable.get)(user, 'attributesMap'),
       placeholder: 'There are no attributes configured',
       helpText: 'Attributes are only modifiable by space admins and are typically used to store variables that a user can not change (e.g. Manager).'
     }, {
@@ -219,7 +220,7 @@ var fields = function fields(_ref3) {
         var profileAttributeDefinitions = _ref17.profileAttributeDefinitions;
         return profileAttributeDefinitions;
       },
-      initialValue: get(user, 'profileAttributesMap'),
+      initialValue: (0, _immutable.get)(user, 'profileAttributesMap'),
       placeholder: 'There are no profile attributes configured',
       helpText: 'Profile Attributes are typically used to store variables that the user has access to change (e.g. Phone Number).'
     }, {
@@ -229,13 +230,13 @@ var fields = function fields(_ref3) {
       required: false,
       placeholder: 'Select a team...',
       options: [],
-      initialValue: get(user, 'memberships', List()).map(function (m) {
+      initialValue: (0, _immutable.get)(user, 'memberships', (0, _immutable.List)()).map(function (m) {
         return m.get('team');
       }),
       serialize: function serialize(_ref18) {
         var values = _ref18.values;
         return values.get('memberships').map(function (team) {
-          return Map({
+          return (0, _immutable.Map)({
             team: team
           });
         });
@@ -243,11 +244,11 @@ var fields = function fields(_ref3) {
     }];
   };
 };
-
-export var UserForm = generateForm({
+var UserForm = (0, _Form.generateForm)({
   formOptions: ['username', 'spaceSlug'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
+exports.UserForm = UserForm;
 UserForm.displayName = 'UserForm';

package/lib/components/core/user/UserTable.js

@@ -1,19 +1,25 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import { generateTable } from '../../table/Table';
-import { fetchUsers } from '../../../apis';
-import { defineKqlQuery } from '../../../helpers';
-import { generatePaginationParams, generateSortParams } from '../../../apis/http';
-var userQuery = defineKqlQuery().startsWith('username', 'username').startsWith('email', 'email').startsWith('displayName', 'displayName').equals('enabled', 'enabled').equals('spaceAdmin', 'spaceAdmin').end();
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserTable = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _Table = require("../../table/Table");
+var _apis = require("../../../apis");
+var _helpers = require("../../../helpers");
+var _http = require("../../../apis/http");
+var userQuery = (0, _helpers.defineKqlQuery)().startsWith('username', 'username').startsWith('email', 'email').startsWith('displayName', 'displayName').equals('enabled', 'enabled').equals('spaceAdmin', 'spaceAdmin').end();
 var dataSource = function dataSource(_ref) {
   var spaceSlug = _ref.spaceSlug;
   return {
-    fn: fetchUsers,
+    fn: _apis.fetchUsers,
     params: function params(paramData) {
-      return [_objectSpread(_objectSpread(_objectSpread({
+      return [(0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
         spaceSlug: spaceSlug
-      }, generateSortParams(paramData)), generatePaginationParams(paramData)), {}, {
+      }, (0, _http.generateSortParams)(paramData)), (0, _http.generatePaginationParams)(paramData)), {}, {
         q: userQuery(paramData.filters.toJS()),
         include: 'authorization,details'
       })];
@@ -26,7 +32,6 @@ var dataSource = function dataSource(_ref) {
     }
   };
 };
-
 var filters = function filters() {
   return function () {
     return [{
@@ -66,35 +71,50 @@ var filters = function filters() {
     }];
   };
 };
-
 var BooleanYesNoCell = function BooleanYesNoCell(props) {
-  return /*#__PURE__*/React.createElement("td", null, props.value ? 'Yes' : 'No');
+  return /*#__PURE__*/_react["default"].createElement("td", null, props.value ? 'Yes' : 'No');
 };
-
 var columns = [{
   value: 'username',
   title: 'Username',
-  sortable: true
+  sortable: true,
+  toggleable: false,
+  columnOrder: 'first'
 }, {
   value: 'email',
   title: 'Email',
-  sortable: true
+  sortable: true,
+  toggleable: true
 }, {
   value: 'displayName',
   title: 'Display Name',
-  sortable: true
+  sortable: true,
+  toggleable: true
 }, {
   value: 'createdAt',
   title: 'Created',
-  sortable: true
+  sortable: true,
+  toggleable: true
+}, {
+  value: 'createdBy',
+  title: 'Created By',
+  sortable: true,
+  toggleable: true
 }, {
   value: 'updatedAt',
   title: 'Updated',
-  sortable: true
+  sortable: true,
+  toggleable: true
+}, {
+  value: 'updatedBy',
+  title: 'Updated By',
+  sortable: true,
+  toggleable: true
 }, {
   value: 'enabled',
   title: 'Enabled?',
   sortable: false,
+  toggleable: true,
   components: {
     BodyCell: BooleanYesNoCell
   }
@@ -102,14 +122,16 @@ var columns = [{
   value: 'spaceAdmin',
   title: 'Space Admin?',
   sortable: false,
+  toggleable: true,
   components: {
     BodyCell: BooleanYesNoCell
   }
 }];
-export var UserTable = generateTable({
+var UserTable = (0, _Table.generateTable)({
   tableOptions: ['system', 'spaceSlug'],
   columns: columns,
   filters: filters,
   dataSource: dataSource
 });
+exports.UserTable = UserTable;
 UserTable.displayName = 'UserTable';