@truedat/core 4.56.8 → 4.56.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [4.56.9] 2022-11-12
+
+### Added
+
+- [TD-5161] Get specific domain_ids have been indluded for the selector
+
 ## [4.56.3] 2022-11-24
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "4.56.8",
+  "version": "4.56.9",
   "description": "Truedat Web Core",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -35,7 +35,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "4.56.8",
+    "@truedat/test": "4.56.9",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -115,5 +115,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "9bf266eb26e4af0b774560d5a88b0f22325495e0"
+  "gitHead": "da9a49da6d48b51faf603abff56ff7b1b6c5e413"
 }

package/src/api/queries.js

@@ -1,8 +1,8 @@
 import { gql } from "@apollo/client";
 
 export const DOMAINS_QUERY = gql`
-  query DomainsQuery($action: String!, $domainActions: [String!]) {
-    domains(action: $action) {
+  query DomainsQuery($action: String!, $domainActions: [String!], $ids: [ID]) {
+    domains(action: $action, ids: $ids) {
       id
       externalId
       name

package/src/components/DomainSelector.js

@@ -12,6 +12,7 @@ export const DomainSelector = ({
   action,
   multiple,
   domainActions,
+  domainIds,
   onLoad,
   value,
   ...props
@@ -22,11 +23,13 @@ export const DomainSelector = ({
     variables: {
       action: action || "viewDomain",
       domainActions,
+      ids: domainIds,
     },
     onCompleted: onLoad,
   });
   if (error) return null;
   if (loading) return null;
+
   const options = _.flow(
     _.propOr([], "domains"),
     _.sortBy(accentInsensitivePathOrder("name")),
@@ -53,6 +56,7 @@ DomainSelector.propTypes = {
   action: PropTypes.string,
   multiple: PropTypes.bool,
   domainActions: PropTypes.array,
+  domainIds: PropTypes.array,
   onLoad: PropTypes.func,
   value: PropTypes.oneOfType([
     PropTypes.array,

package/src/components/__tests__/DomainSelector.spec.js

@@ -2,59 +2,24 @@ import React from "react";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
-import { DOMAINS_QUERY } from "../../api/queries";
+import { domainsMock } from "@truedat/test/mocks";
 import DomainSelector from "../DomainSelector";
 
 const action = "manageTags";
+const variables = { action: action };
 
-const domainsMock = {
-  request: { query: DOMAINS_QUERY, variables: { action } },
-  result: {
-    data: {
-      domains: [
-        {
-          __typename: "Domain",
-          id: "1",
-          name: "foo",
-          externalId: "A",
-          parentId: null,
-          actions: [],
-        },
-        {
-          __typename: "Domain",
-          id: "2",
-          name: "bar",
-          externalId: "B",
-          parentId: "1",
-          actions: [],
-        },
-        {
-          __typename: "Domain",
-          id: "3",
-          name: "baz",
-          externalId: "C",
-          parentId: "2",
-          actions: [],
-        },
-        {
-          __typename: "Domain",
-          id: "4",
-          name: "xyzzy",
-          externalId: "D",
-          parentId: "99",
-          actions: [],
-        },
-      ],
-    },
-  },
-};
-
-const renderOpts = { mocks: [domainsMock] };
+const renderOpts = { mocks: [domainsMock(variables)] };
 
 describe("<DomainSelector />", () => {
-  it("matches latest snapshot", () => {
+  it("matches latest snapshot", async () => {
     const props = { action, onChange: jest.fn() };
-    const { container } = render(<DomainSelector {...props} />, renderOpts);
+    const { container, queryByText } = render(
+      <DomainSelector {...props} />,
+      renderOpts
+    );
+    await waitFor(() => {
+      expect(queryByText(/fooDomain/)).toBeInTheDocument();
+    });
     expect(container).toMatchSnapshot();
   });
 

package/src/components/__tests__/__snapshots__/DomainSelector.spec.js.snap

@@ -1,3 +1,89 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<DomainSelector /> matches latest snapshot 1`] = `<div />`;
+exports[`<DomainSelector /> matches latest snapshot 1`] = `
+<div>
+  <div
+    class="field"
+  >
+    <div
+      aria-expanded="false"
+      aria-multiselectable="false"
+      class="ui floating dropdown"
+      role="listbox"
+      tabindex="0"
+    >
+      <label>
+        Select a domain...
+      </label>
+      <i
+        aria-hidden="true"
+        class="dropdown icon"
+      />
+      <div
+        class="menu transition"
+      >
+        <div
+          class="ui left icon input search"
+        >
+          <input
+            type="text"
+          />
+          <i
+            aria-hidden="true"
+            class="search icon"
+          />
+        </div>
+        <div
+          class="scrolling menu transition"
+        >
+          <div
+            aria-selected="false"
+            class="item"
+            role="option"
+          >
+            <div
+              style="margin-left: 0px;"
+            >
+              <i
+                aria-hidden="true"
+                class="plus icon"
+              />
+              barDomain
+            </div>
+          </div>
+          <div
+            aria-selected="false"
+            class="item"
+            role="option"
+          >
+            <div
+              style="margin-left: 0px;"
+            >
+              <i
+                aria-hidden="true"
+                class="icon"
+              />
+              bazDomain
+            </div>
+          </div>
+          <div
+            aria-selected="false"
+            class="item"
+            role="option"
+          >
+            <div
+              style="margin-left: 0px;"
+            >
+              <i
+                aria-hidden="true"
+                class="icon"
+              />
+              fooDomain
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;