@truedat/auth 4.44.1 → 4.44.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [4.44.4] 2022-05-19
+
+### Changed
+
+- Use `lowerDeburrTrim` function from `@truedat/core`
+
 ## [4.43.3] 2022-05-04
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/auth",
-  "version": "4.44.1",
+  "version": "4.44.4",
   "description": "Truedat Web Auth",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "4.44.1",
+    "@truedat/test": "4.44.4",
     "babel-jest": "^27.0.6",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -84,7 +84,7 @@
     ]
   },
   "dependencies": {
-    "@truedat/core": "4.44.1",
+    "@truedat/core": "4.44.4",
     "auth0-js": "^9.12.2",
     "immutable": "^4.0.0-rc.12",
     "jwt-decode": "^2.2.0",
@@ -106,5 +106,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "20d38381ed4cb6658d1122a4bff08a13fedc2d59"
+  "gitHead": "36fb183e1d22181e6a15b3bac2c01b39214eacdb"
 }

package/src/groups/components/GroupsSearchLoader.js

@@ -1,21 +1,22 @@
-import _ from "lodash/fp";
-import React, { useEffect, useCallback } from "react";
+import React, { useEffect } from "react";
 import PropTypes from "prop-types";
-import { useSelector, useDispatch } from "react-redux";
+import { connect } from "react-redux";
 import { Dimmer, Loader } from "semantic-ui-react";
-
 import { searchGroups, clearGroupsSearch } from "../routines";
 
-export const GroupsSearchLoader = ({ query, hideLoading }) => {
-  const loading = useSelector(_.get("groupsSearchLoading"));
-  const dispatch = useDispatch();
-  const stableDispatch = useCallback(dispatch, []);
+export const GroupsSearchLoader = ({
+  query,
+  hideLoading,
+  searchGroups,
+  clearGroupsSearch,
+  loading,
+}) => {
   useEffect(() => {
-    stableDispatch(searchGroups({ query }));
+    searchGroups({ query });
     return () => {
-      stableDispatch(clearGroupsSearch());
+      clearGroupsSearch();
     };
-  }, [stableDispatch, query]);
+  }, [query, searchGroups, clearGroupsSearch]);
   return loading && !hideLoading ? (
     <Dimmer active inverted>
       <Loader size="massive" inverted />
@@ -25,7 +26,16 @@ export const GroupsSearchLoader = ({ query, hideLoading }) => {
 
 GroupsSearchLoader.propTypes = {
   query: PropTypes.string,
-  hideLoading: PropTypes.bool
+  hideLoading: PropTypes.bool,
+  loading: PropTypes.bool,
+  searchGroups: PropTypes.func,
+  clearGroupsSearch: PropTypes.func,
 };
 
-export default GroupsSearchLoader;
+export const mapStateToProps = ({ groupsSearchLoading }) => ({
+  loading: groupsSearchLoading,
+});
+
+export default connect(null, { searchGroups, clearGroupsSearch })(
+  GroupsSearchLoader
+);

package/src/groups/components/__tests__/GroupsSearchLoader.spec.js

@@ -1,16 +1,15 @@
 import React from "react";
-import { shallow } from "enzyme";
+import { render } from "@truedat/test/render";
 import GroupsSearchLoader from "../GroupsSearchLoader";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useDispatch: jest.fn(),
-  useSelector: jest.fn(selector => selector({ groupsSearchLoading: false }))
-}));
+const renderOpts = { state: { groupsSearchLoading: false } };
 
 describe("<GroupsSearchLoader />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<GroupsSearchLoader query="abc" />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(
+      <GroupsSearchLoader query="abc" />,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
   });
 });

package/src/groups/components/__tests__/__snapshots__/GroupsSearchLoader.spec.js.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<GroupsSearchLoader /> matches the latest snapshot 1`] = `""`;
+exports[`<GroupsSearchLoader /> matches the latest snapshot 1`] = `<div />`;

package/src/roles/components/__tests__/RoleSelector.spec.js

@@ -1,29 +1,13 @@
 import React from "react";
-import { intl } from "@truedat/test/intl-stub";
-import { shallow } from "enzyme";
-import { createStore } from "redux";
-import { Provider } from "react-redux";
+import { render } from "@truedat/test/render";
 import RoleSelector from "../RoleSelector";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useSelector: jest.fn(selector =>
-    selector({ roles: [{ name: "test1", id: 1 }] })
-  )
-}));
-
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
+const renderOpts = { state: { roles: [{ name: "test1", id: 1 }] } };
 
 describe("<RoleSelector />", () => {
   it("matches the latest snapshot", () => {
-    const store = createStore(() => ({}));
-    const wrapper = shallow(
-      <Provider store={store}>
-        <RoleSelector />
-      </Provider>
-    );
-    expect(wrapper).toMatchSnapshot();
+    const props = { onChange: jest.fn() };
+    const { container } = render(<RoleSelector {...props} />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

package/src/roles/components/__tests__/__snapshots__/RoleSelector.spec.js.snap

@@ -1,35 +1,54 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<RoleSelector /> matches the latest snapshot 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "@@observable": [Function],
-        "dispatch": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "@@observable": [Function],
-          "dispatch": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <Connect(RoleSelector) />
-</ContextProvider>
+<div>
+  <div
+    class="field"
+  >
+    <div
+      aria-expanded="false"
+      class="ui search selection dropdown"
+      role="combobox"
+    >
+      <input
+        aria-autocomplete="list"
+        autocomplete="off"
+        class="search"
+        tabindex="0"
+        type="text"
+        value=""
+      />
+      <div
+        aria-atomic="true"
+        aria-live="polite"
+        class="divider default text"
+        role="alert"
+      >
+        Search Roles…
+      </div>
+      <i
+        aria-hidden="true"
+        class="dropdown icon"
+      />
+      <div
+        class="menu transition"
+        role="listbox"
+      >
+        <div
+          aria-checked="false"
+          aria-selected="true"
+          class="selected item"
+          role="option"
+          style="pointer-events: all;"
+        >
+          <span
+            class="text"
+          >
+            test1
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;

package/src/users/components/UsersSearchLoader.js

@@ -1,21 +1,22 @@
-import _ from "lodash/fp";
-import React, { useEffect, useCallback } from "react";
+import React, { useEffect } from "react";
 import PropTypes from "prop-types";
-import { useSelector, useDispatch } from "react-redux";
+import { connect } from "react-redux";
 import { Dimmer, Loader } from "semantic-ui-react";
-
 import { searchUsers, clearUsersSearch } from "../routines";
 
-export const UsersSearchLoader = ({ query, hideLoading }) => {
-  const loading = useSelector(_.get("usersSearchLoading"));
-  const dispatch = useDispatch();
-  const stableDispatch = useCallback(dispatch, []);
+export const UsersSearchLoader = ({
+  query,
+  hideLoading,
+  searchUsers,
+  clearUsersSearch,
+  loading,
+}) => {
   useEffect(() => {
-    stableDispatch(searchUsers({ query }));
+    searchUsers({ query });
     return () => {
-      stableDispatch(clearUsersSearch());
+      clearUsersSearch();
     };
-  }, [stableDispatch, query]);
+  }, [searchUsers, clearUsersSearch, query]);
   return loading && !hideLoading ? (
     <Dimmer active inverted>
       <Loader size="massive" inverted />
@@ -25,7 +26,16 @@ export const UsersSearchLoader = ({ query, hideLoading }) => {
 
 UsersSearchLoader.propTypes = {
   query: PropTypes.string,
-  hideLoading: PropTypes.bool
+  hideLoading: PropTypes.bool,
+  searchUsers: PropTypes.func,
+  clearUsersSearch: PropTypes.func,
+  loading: PropTypes.bool,
 };
 
-export default UsersSearchLoader;
+export const mapStateToProps = ({ usersSearchLoading: loading }) => ({
+  loading,
+});
+
+export default connect(mapStateToProps, { searchUsers, clearUsersSearch })(
+  UsersSearchLoader
+);

package/src/users/components/__tests__/UserSelector.spec.js

@@ -1,31 +1,13 @@
 import React from "react";
-import { intl } from "@truedat/test/intl-stub";
-import { shallow } from "enzyme";
-
-import { createStore } from "redux";
-import { Provider } from "react-redux";
-
+import { render } from "@truedat/test/render";
 import UserSelector from "../UserSelector";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useSelector: jest.fn(selector =>
-    selector({ users: [{ full_name: "test1", id: 1 }] })
-  )
-}));
-
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
+const renderOpts = { users: [{ full_name: "test1", id: 1 }] };
 
 describe("<UserSelector />", () => {
   it("matches the latest snapshot", () => {
-    const store = createStore(() => ({}));
-    const wrapper = shallow(
-      <Provider store={store}>
-        <UserSelector />
-      </Provider>
-    );
-    expect(wrapper).toMatchSnapshot();
+    const props = { onChange: jest.fn() };
+    const { container } = render(<UserSelector {...props} />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

package/src/users/components/__tests__/UsersSearchLoader.spec.js

@@ -1,16 +1,12 @@
 import React from "react";
-import { shallow } from "enzyme";
+import { render } from "@truedat/test/render";
 import UsersSearchLoader from "../UsersSearchLoader";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useDispatch: jest.fn(),
-  useSelector: jest.fn(selector => selector({ usersSearchLoading: false }))
-}));
+const renderOpts = { state: { usersSearchLoading: false } };
 
 describe("<UsersSearchLoader />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<UsersSearchLoader query="abc" />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<UsersSearchLoader query="abc" />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

package/src/users/components/__tests__/__snapshots__/UserSelector.spec.js.snap

@@ -1,35 +1,46 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<UserSelector /> matches the latest snapshot 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "@@observable": [Function],
-        "dispatch": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "@@observable": [Function],
-          "dispatch": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <Connect(UserSelector) />
-</ContextProvider>
+<div>
+  <div
+    class="field"
+  >
+    <div
+      aria-expanded="false"
+      class="ui search selection dropdown"
+      role="combobox"
+    >
+      <input
+        aria-autocomplete="list"
+        autocomplete="off"
+        class="search"
+        tabindex="0"
+        type="text"
+        value=""
+      />
+      <div
+        aria-atomic="true"
+        aria-live="polite"
+        class="divider default text"
+        role="alert"
+      >
+        Search users…
+      </div>
+      <i
+        aria-hidden="true"
+        class="dropdown icon"
+      />
+      <div
+        class="menu transition"
+        role="listbox"
+      >
+        <div
+          class="message"
+        >
+          No results found.
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;

package/src/users/components/__tests__/__snapshots__/UsersSearchLoader.spec.js.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<UsersSearchLoader /> matches the latest snapshot 1`] = `""`;
+exports[`<UsersSearchLoader /> matches the latest snapshot 1`] = `<div />`;

package/src/users/selectors/filterUsers.js

@@ -1,9 +1,7 @@
 import _ from "lodash/fp";
-import { lowerDeburr } from "@truedat/core/services/sort";
+import { lowerDeburrTrim } from "@truedat/core/services/sort";
 
-const lowerDeburrTrim = _.flow(_.trim, lowerDeburr);
-
-export const filterUsers = usersFilter =>
+export const filterUsers = (usersFilter) =>
   lowerDeburrTrim(usersFilter)
     ? _.filter(
         _.flow(