@kineticdata/react 6.0.0 → 6.0.2

package/lib/components/common/Typeahead.js

@@ -23,7 +23,7 @@ var initialState = {
   refocus: false,
   result: null
 };
-var Typeahead = /*#__PURE__*/function (_React$Component) {
+var Typeahead = exports.Typeahead = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Typeahead, _React$Component);
   var _super = (0, _createSuper2["default"])(Typeahead);
   function Typeahead(props) {
@@ -92,6 +92,13 @@ var Typeahead = /*#__PURE__*/function (_React$Component) {
         }
       };
     };
+    // Called by Autosuggest when a fetch is requested. With the prop
+    // alwaysRenderSuggestions this will be called onFocus, onChange, and even
+    // when a suggestion is selected. Because of the latter, we check to see if we
+    // should ignore the operation. Otherwise we update the searchValue in the
+    // state and componentDidUpdate is responsible for calling search. We also
+    // check to see if escape was pressed while the searchValue is empty, if so we
+    // close the Autosuggest by setting state to initialState.
     _this.onSuggestionsFetchRequested = function (_ref3) {
       var searchValue = _ref3.value,
         reason = _ref3.reason;
@@ -108,6 +115,8 @@ var Typeahead = /*#__PURE__*/function (_React$Component) {
         });
       }
     };
+    // This implementation assumes that this is only called on blur of the input
+    // because we are using the `alwaysRenderSuggestions` prop.
     _this.onSuggestionsClearRequested = function () {
       _this.setState(initialState);
     };
@@ -118,6 +127,11 @@ var Typeahead = /*#__PURE__*/function (_React$Component) {
         });
       };
     };
+    // Called when a suggestion is clicked or enter is pressed. For multiple mode
+    // we also reset the searchValue to an empty string and the Autosuggest will
+    // remain open. For single mode we close the Autosuggest entirely by setting
+    // state to initialState. Finally we call the onChange event to update the
+    // parent field.
     _this.onSuggestionSelected = function (event, _ref4) {
       var method = _ref4.method,
         suggestion = _ref4.suggestion;
@@ -222,7 +236,6 @@ var Typeahead = /*#__PURE__*/function (_React$Component) {
 // hopefully easier to comprehend. They are intended to be passed to the
 // corresponding (by name) props of the Autosuggest component.
 // https://github.com/moroshko/react-autosuggest#render-suggestions-container-prop
-exports.Typeahead = Typeahead;
 function renderSuggestionsContainer(_ref5) {
   var containerProps = _ref5.containerProps,
     children = _ref5.children;

package/lib/components/common/UserSelect.js

@@ -61,20 +61,20 @@ var valueToCustomUser = function valueToCustomUser(_ref3) {
 var getStatusProps = function getStatusProps(_ref4) {
   var _ref4$search = _ref4.search,
     search = _ref4$search === void 0 ? (0, _immutable.Map)() : _ref4$search,
-    _ref4$messages = _ref4.messages;
-  _ref4$messages = _ref4$messages === void 0 ? {} : _ref4$messages;
-  var _ref4$messages$short = _ref4$messages["short"],
-    _short = _ref4$messages$short === void 0 ? 'Type to find a user.' : _ref4$messages$short,
-    _ref4$messages$empty = _ref4$messages.empty,
-    empty = _ref4$messages$empty === void 0 ? 'No matching users.' : _ref4$messages$empty,
-    _ref4$messages$custom = _ref4$messages.custom,
-    custom = _ref4$messages$custom === void 0 ? 'No matching users. You may also enter a valid email.' : _ref4$messages$custom,
-    _ref4$messages$pendin = _ref4$messages.pending,
-    pending = _ref4$messages$pendin === void 0 ? 'Searching...' : _ref4$messages$pendin,
-    _ref4$messages$more = _ref4$messages.more,
-    more = _ref4$messages$more === void 0 ? "Too many users, first ".concat(search.get('limit') || '', " shown. Please refine your search.") : _ref4$messages$more,
-    _ref4$messages$error = _ref4$messages.error,
-    error = _ref4$messages$error === void 0 ? 'There was an error fetching users.' : _ref4$messages$error;
+    _ref4$messages = _ref4.messages,
+    _ref4$messages2 = _ref4$messages === void 0 ? {} : _ref4$messages,
+    _ref4$messages2$short = _ref4$messages2["short"],
+    _short = _ref4$messages2$short === void 0 ? 'Type to find a user.' : _ref4$messages2$short,
+    _ref4$messages2$empty = _ref4$messages2.empty,
+    empty = _ref4$messages2$empty === void 0 ? 'No matching users.' : _ref4$messages2$empty,
+    _ref4$messages2$custo = _ref4$messages2.custom,
+    custom = _ref4$messages2$custo === void 0 ? 'No matching users. You may also enter a valid email.' : _ref4$messages2$custo,
+    _ref4$messages2$pendi = _ref4$messages2.pending,
+    pending = _ref4$messages2$pendi === void 0 ? 'Searching...' : _ref4$messages2$pendi,
+    _ref4$messages2$more = _ref4$messages2.more,
+    more = _ref4$messages2$more === void 0 ? "Too many users, first ".concat(search.get('limit') || '', " shown. Please refine your search.") : _ref4$messages2$more,
+    _ref4$messages2$error = _ref4$messages2.error,
+    error = _ref4$messages2$error === void 0 ? 'There was an error fetching users.' : _ref4$messages2$error;
   return function (props) {
     return {
       meta: props.searchField ? "Find Users by ".concat(fields[props.searchField]) : null,
@@ -96,7 +96,7 @@ var getStatusProps = function getStatusProps(_ref4) {
     };
   };
 };
-var UserSelect = function UserSelect(props) {
+var UserSelect = exports.UserSelect = function UserSelect(props) {
   return /*#__PURE__*/_react["default"].createElement(_Typeahead.Typeahead, {
     components: props.components || {},
     disabled: props.disabled,
@@ -114,5 +114,4 @@ var UserSelect = function UserSelect(props) {
     id: props.id,
     form: props.form
   });
-};
-exports.UserSelect = UserSelect;
+};

package/lib/components/common/authentication/AuthInterceptor.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 var _axios = _interopRequireDefault(require("axios"));
-var AuthInterceptor = /*#__PURE__*/function () {
+var AuthInterceptor = exports["default"] = /*#__PURE__*/function () {
   function AuthInterceptor(store, unauthenticatedAction, authenticatedSelector, cancelledSelector) {
     (0, _classCallCheck2["default"])(this, AuthInterceptor);
     this.store = store;
@@ -63,5 +63,4 @@ var AuthInterceptor = /*#__PURE__*/function () {
     }
   }]);
   return AuthInterceptor;
-}();
-exports["default"] = AuthInterceptor;
+}();

package/lib/components/common/authentication/AuthInterceptor.test.js

@@ -62,194 +62,182 @@ describe('AuthInterceptor', function () {
     test('returns rejected promise with the given error if not 401', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
       var authInterceptor, error;
       return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector);
-              error = {
-                response: {
-                  status: 400
-                }
-              };
-              _context.next = 4;
-              return expect(authInterceptor.handleRejected(error)).rejects.toBe(error);
-            case 4:
-              expect(authInterceptor.authPromise).toBeNull();
-            case 5:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector);
+            error = {
+              response: {
+                status: 400
+              }
+            };
+            _context.next = 4;
+            return expect(authInterceptor.handleRejected(error)).rejects.toBe(error);
+          case 4:
+            expect(authInterceptor.authPromise).toBeNull();
+          case 5:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     })));
     test('performs authentication workflow with successful login', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
       var authInterceptor, error, rejectedCall;
       return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector); // Mock an axios return value.
-              _axios["default"].mockReturnValue(Promise.resolve('Hello World'));
-              // Make a call to handleRejected that will trigger the auth functionality.
-              error = {
-                response: {
-                  status: 401,
-                  config: {
-                    url: 'foo'
-                  }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector); // Mock an axios return value.
+            _axios["default"].mockReturnValue(Promise.resolve('Hello World'));
+            // Make a call to handleRejected that will trigger the auth functionality.
+            error = {
+              response: {
+                status: 401,
+                config: {
+                  url: 'foo'
                 }
-              };
-              rejectedCall = authInterceptor.handleRejected(error); // It should dispatch the redux action using the action creator passed to
-              // the controller and start to listen to the store for success or cancel.
-              expect(store.actions).toEqual([{
-                type: 'TIMED_OUT'
-              }]);
-              expect(store.listeners.length).toBe(1);
-              expect(authInterceptor.authPromise).not.toBeNull();
-              // Simulate sucessful authentication and call the listener.
-              store.state.authenticated = true;
-              store.listeners[0]();
-              // The promse should be resolved with the axios resolved value.  Also
-              // ensure that axios was called and that the listener is unsubscribed.
-              _context2.next = 11;
-              return expect(rejectedCall).resolves.toBe('Hello World');
-            case 11:
-              expect(_axios["default"].mock.calls).toEqual([[{
-                url: 'foo'
-              }]]);
-              expect(store.listeners.length).toBe(0);
-              expect(authInterceptor.authPromise).toBeNull();
-            case 14:
-            case "end":
-              return _context2.stop();
-          }
+              }
+            };
+            rejectedCall = authInterceptor.handleRejected(error); // It should dispatch the redux action using the action creator passed to
+            // the controller and start to listen to the store for success or cancel.
+            expect(store.actions).toEqual([{
+              type: 'TIMED_OUT'
+            }]);
+            expect(store.listeners.length).toBe(1);
+            expect(authInterceptor.authPromise).not.toBeNull();
+            // Simulate sucessful authentication and call the listener.
+            store.state.authenticated = true;
+            store.listeners[0]();
+            // The promse should be resolved with the axios resolved value.  Also
+            // ensure that axios was called and that the listener is unsubscribed.
+            _context2.next = 11;
+            return expect(rejectedCall).resolves.toBe('Hello World');
+          case 11:
+            expect(_axios["default"].mock.calls).toEqual([[{
+              url: 'foo'
+            }]]);
+            expect(store.listeners.length).toBe(0);
+            expect(authInterceptor.authPromise).toBeNull();
+          case 14:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     })));
     test('performs authentication workflow with cancelled login', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
       var authInterceptor, error, rejectedCall;
       return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector); // Make a call to handleRejected that will trigger the auth functionality.
-              error = {
-                response: {
-                  status: 401,
-                  config: {
-                    url: 'foo'
-                  }
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector); // Make a call to handleRejected that will trigger the auth functionality.
+            error = {
+              response: {
+                status: 401,
+                config: {
+                  url: 'foo'
                 }
-              };
-              rejectedCall = authInterceptor.handleRejected(error); // It should dispatch the redux action using the action creator passed to
-              // the controller and start to listen to the store for success or cancel.
-              expect(store.actions).toEqual([{
-                type: 'TIMED_OUT'
-              }]);
-              expect(store.listeners.length).toBe(1);
-              expect(authInterceptor.authPromise).not.toBeNull();
-              // Simulate cancel and call the listener.
-              store.state.cancelled = true;
-              store.listeners[0]();
-              // The promse should be rejected with the original error object.  Also
-              // ensure that axios is not called and that the listener is unsubscribed.
-              _context3.next = 10;
-              return expect(rejectedCall).rejects.toBe(error);
-            case 10:
-              expect(_axios["default"].mock.calls).toEqual([]);
-              expect(store.listeners.length).toBe(0);
-              expect(authInterceptor.authPromise).toBeNull();
-            case 13:
-            case "end":
-              return _context3.stop();
-          }
+              }
+            };
+            rejectedCall = authInterceptor.handleRejected(error); // It should dispatch the redux action using the action creator passed to
+            // the controller and start to listen to the store for success or cancel.
+            expect(store.actions).toEqual([{
+              type: 'TIMED_OUT'
+            }]);
+            expect(store.listeners.length).toBe(1);
+            expect(authInterceptor.authPromise).not.toBeNull();
+            // Simulate cancel and call the listener.
+            store.state.cancelled = true;
+            store.listeners[0]();
+            // The promse should be rejected with the original error object.  Also
+            // ensure that axios is not called and that the listener is unsubscribed.
+            _context3.next = 10;
+            return expect(rejectedCall).rejects.toBe(error);
+          case 10:
+            expect(_axios["default"].mock.calls).toEqual([]);
+            expect(store.listeners.length).toBe(0);
+            expect(authInterceptor.authPromise).toBeNull();
+          case 13:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
     })));
     test('creates one authPromise for multiple calls', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
       var authInterceptor, error, authPromise1, authPromise2;
       return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector); // Should be null initially.
-              expect(authInterceptor.authPromise).toBeNull();
-              // Call handleRejected with the error object, should return a promise.
-              error = {
-                response: {
-                  status: 401,
-                  config: {
-                    url: 'foo'
-                  }
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector); // Should be null initially.
+            expect(authInterceptor.authPromise).toBeNull();
+            // Call handleRejected with the error object, should return a promise.
+            error = {
+              response: {
+                status: 401,
+                config: {
+                  url: 'foo'
                 }
-              };
-              authInterceptor.handleRejected(error);
-              // Should now be set after a call to handleRejected.
-              authPromise1 = authInterceptor.authPromise;
-              expect(authPromise1).not.toBeNull();
-              // Second call to handleRejected should not change the value of the
-              // authPromise.
-              authInterceptor.handleRejected(error);
-              authPromise2 = authInterceptor.authPromise;
-              expect(authPromise1).toBe(authPromise2);
-            case 9:
-            case "end":
-              return _context4.stop();
-          }
+              }
+            };
+            authInterceptor.handleRejected(error);
+            // Should now be set after a call to handleRejected.
+            authPromise1 = authInterceptor.authPromise;
+            expect(authPromise1).not.toBeNull();
+            // Second call to handleRejected should not change the value of the
+            // authPromise.
+            authInterceptor.handleRejected(error);
+            authPromise2 = authInterceptor.authPromise;
+            expect(authPromise1).toBe(authPromise2);
+          case 9:
+          case "end":
+            return _context4.stop();
         }
       }, _callee4);
     })));
     test('returns original error if authenticated selector returns true initially', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee5() {
       var authInterceptor, error;
       return (0, _regeneratorRuntime2["default"])().wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector);
-              error = {
-                response: {
-                  status: 401,
-                  config: {
-                    url: 'foo'
-                  }
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector);
+            error = {
+              response: {
+                status: 401,
+                config: {
+                  url: 'foo'
                 }
-              };
-              store.state.authenticated = true;
-              _context5.next = 5;
-              return expect(authInterceptor.handleRejected(error)).rejects.toBe(error);
-            case 5:
-              expect(authInterceptor.authPromise).toBeNull();
-            case 6:
-            case "end":
-              return _context5.stop();
-          }
+              }
+            };
+            store.state.authenticated = true;
+            _context5.next = 5;
+            return expect(authInterceptor.handleRejected(error)).rejects.toBe(error);
+          case 5:
+            expect(authInterceptor.authPromise).toBeNull();
+          case 6:
+          case "end":
+            return _context5.stop();
         }
       }, _callee5);
     })));
     test('returns original error if cancelled selector returns true initially', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee6() {
       var authInterceptor, error;
       return (0, _regeneratorRuntime2["default"])().wrap(function _callee6$(_context6) {
-        while (1) {
-          switch (_context6.prev = _context6.next) {
-            case 0:
-              authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector);
-              error = {
-                response: {
-                  status: 401,
-                  config: {
-                    url: 'foo'
-                  }
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            authInterceptor = new _AuthInterceptor["default"](store, unauthenticatedAction, authenticatedSelector, cancelledSelector);
+            error = {
+              response: {
+                status: 401,
+                config: {
+                  url: 'foo'
                 }
-              };
-              store.state.cancelled = true;
-              _context6.next = 5;
-              return expect(authInterceptor.handleRejected(error)).rejects.toBe(error);
-            case 5:
-              expect(authInterceptor.authPromise).toBeNull();
-            case 6:
-            case "end":
-              return _context6.stop();
-          }
+              }
+            };
+            store.state.cancelled = true;
+            _context6.next = 5;
+            return expect(authInterceptor.handleRejected(error)).rejects.toBe(error);
+          case 5:
+            expect(authInterceptor.authPromise).toBeNull();
+          case 6:
+          case "end":
+            return _context6.stop();
         }
       }, _callee6);
     })));