@truedat/bg 4.48.8 → 4.48.11

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [4.48.10] 2022-07-19
+
+### Added
+
+- [TD-4975] Structures tab in Domain's view
+
 ## [4.48.4] 2022-07-11
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "4.48.8",
+  "version": "4.48.11",
   "description": "Truedat Web Business Glossary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -86,8 +86,8 @@
     ]
   },
   "dependencies": {
-    "@truedat/core": "4.48.8",
-    "@truedat/df": "4.48.8",
+    "@truedat/core": "4.48.11",
+    "@truedat/df": "4.48.11",
     "file-saver": "^2.0.5",
     "moment": "^2.24.0",
     "path-to-regexp": "^1.7.0",
@@ -107,5 +107,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "e49b195088068688520a1cb02c64127e140615e6"
+  "gitHead": "c174776672b9079d23a00a6561db635d43cbeb32"
 }

package/src/taxonomy/components/Domain.js

@@ -8,15 +8,17 @@ import {
   DOMAIN,
   DOMAIN_CONCEPTS,
   DOMAIN_MEMBERS,
+  DOMAIN_STRUCTURES,
   linkTo,
 } from "@truedat/core/routes";
 import DomainConcepts from "../../concepts/components/DomainConcepts";
 import DomainActions from "./DomainActions";
-import DomainCrumbs from "./DomainCrumbs";
 import DomainCards from "./DomainCards";
+import DomainCrumbs from "./DomainCrumbs";
 import DomainDetail from "./DomainDetail";
 import DomainMembers from "./DomainMembers";
 import DomainSearch from "./DomainSearch";
+import DomainStructures from "./DomainStructures";
 import DomainTabs from "./DomainTabs";
 
 export const Domain = ({ hasChildren, domain, domainLoading }) => {
@@ -58,6 +60,11 @@ export const Domain = ({ hasChildren, domain, domainLoading }) => {
               render={() => <DomainConcepts />}
               exact
             />
+            <Route
+              path={DOMAIN_STRUCTURES}
+              render={() => <DomainStructures />}
+              exact
+            />
           </Switch>
         </Segment>
       </Segment>

package/src/taxonomy/components/DomainRoutes.js

@@ -12,6 +12,7 @@ import {
   DOMAIN_MEMBERS,
   DOMAIN_MEMBERS_NEW,
   DOMAIN_NEW,
+  DOMAIN_STRUCTURES,
 } from "@truedat/core/routes";
 import AddDomainMember from "./AddMember";
 import Domain from "./Domain";
@@ -41,6 +42,7 @@ const AuthorizedRoutes = () => (
             <Route component={DomainMembersLoader} />
             <Route path={DOMAIN} component={Domain} exact />
             <Route path={DOMAIN_CONCEPTS} component={Domain} exact />
+            <Route path={DOMAIN_STRUCTURES} component={Domain} exact />
             <Route path={DOMAIN_MEMBERS} component={Domain} exact />
             <Route path={DOMAIN_EDIT} component={EditDomain} exact />
             <Route path={DOMAIN_NEW} component={NewDomain} exact />

package/src/taxonomy/components/DomainStructures.js

@@ -0,0 +1,27 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import StructureFiltersLoader from "@truedat/dd/components/StructureFiltersLoader";
+import StructuresLoader from "@truedat/dd/components/StructuresLoader";
+import StructuresView from "@truedat/dd/components/StructuresView";
+
+export const DomainStructures = ({ domain = {} }) => {
+  const defaultFilters = {
+    taxonomy: [domain.id],
+  };
+  return (
+    <>
+      <StructureFiltersLoader defaultFilters={defaultFilters} />
+      <StructuresLoader defaultFilters={defaultFilters} />
+      <StructuresView embedded />
+    </>
+  );
+};
+
+DomainStructures.propTypes = {
+  domain: PropTypes.object.isRequired,
+};
+
+export const mapStateToProps = ({ domain }) => ({ domain });
+
+export default connect(mapStateToProps)(DomainStructures);

package/src/taxonomy/components/DomainTabs.js

@@ -10,6 +10,7 @@ import {
   DOMAIN,
   DOMAIN_CONCEPTS,
   DOMAIN_MEMBERS,
+  DOMAIN_STRUCTURES,
   linkTo,
 } from "@truedat/core/routes";
 
@@ -42,6 +43,15 @@ const DomainTabs = ({ domain }) => {
       >
         <FormattedMessage id="tabs.concepts" />
       </Menu.Item>
+
+      <Menu.Item
+        active={path === DOMAIN_STRUCTURES}
+        as={Link}
+        to={linkTo.DOMAIN_STRUCTURES({ id })}
+        replace
+      >
+        <FormattedMessage id="tabs.structures" />
+      </Menu.Item>
     </Menu>
   );
 };

package/src/taxonomy/components/__tests__/DomainStructures.spec.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import DomainStructures from "../DomainStructures";
+
+describe("<DomainStructures />", () => {
+  const renderOpts = { state: { domain: { id: 1, name: "domain" } } };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(<DomainStructures />, renderOpts);
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/taxonomy/components/__tests__/__snapshots__/Domain.spec.js.snap

@@ -25,6 +25,11 @@ exports[`<Domain /> matches the latest snapshot (no subdomains) 1`] = `
           path="/domains/:id/concepts"
           render={[Function]}
         />
+        <Route
+          exact={true}
+          path="/domains/:id/structures"
+          render={[Function]}
+        />
       </Switch>
     </Segment>
   </Segment>
@@ -56,6 +61,11 @@ exports[`<Domain /> matches the latest snapshot (with subdomains) 1`] = `
           path="/domains/:id/concepts"
           render={[Function]}
         />
+        <Route
+          exact={true}
+          path="/domains/:id/structures"
+          render={[Function]}
+        />
       </Switch>
     </Segment>
   </Segment>

package/src/taxonomy/components/__tests__/__snapshots__/DomainStructures.spec.js.snap

@@ -0,0 +1,151 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<DomainStructures /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    aria-expanded="false"
+    class="ui floating dropdown button icon group-actions button-update"
+    role="listbox"
+    tabindex="0"
+  >
+    <i
+      aria-hidden="true"
+      class="ellipsis vertical icon"
+    />
+    <div
+      class="menu transition left"
+    >
+      <div
+        class="divider"
+      />
+      <div
+        aria-disabled="true"
+        class="disabled item"
+        role="option"
+      >
+        <i
+          aria-hidden="true"
+          class="download icon"
+        />
+        <span>
+          Download structures metadata
+        </span>
+        <p
+          class="menu-item-description"
+        >
+          You must search or filter to download structures
+        </p>
+      </div>
+      <div
+        aria-disabled="true"
+        class="disabled item"
+        role="option"
+      >
+        <i
+          aria-hidden="true"
+          class="download icon"
+        />
+        <span>
+          Download editable structures metadata
+        </span>
+        <p
+          class="menu-item-description"
+        >
+          You must search or filter to download structures
+        </p>
+      </div>
+      <div
+        class="divider"
+      />
+    </div>
+  </div>
+  <div
+    class="ui action left icon input"
+  >
+    <i
+      aria-hidden="true"
+      class="search link icon"
+    />
+    <input
+      placeholder="Search structures..."
+      type="text"
+      value=""
+    />
+    <button
+      class="ui icon button"
+    >
+      <i
+        aria-hidden="true"
+        class="calendar alternate outline icon"
+      />
+    </button>
+    <div
+      aria-expanded="false"
+      class="ui button floating labeled scrolling dropdown icon"
+      role="listbox"
+      tabindex="0"
+    >
+      <div
+        aria-atomic="true"
+        aria-live="polite"
+        class="divider text"
+        role="alert"
+      >
+        Filters
+      </div>
+      <i
+        aria-hidden="true"
+        class="filter icon"
+      />
+      <div
+        class="menu transition"
+      >
+        <div
+          class="item"
+          role="option"
+        >
+          <em>
+            (reset all filters)
+          </em>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="selectedFilters"
+  />
+  <div
+    class="dimmable"
+  >
+    <div
+      class="ui inverted dimmer"
+    >
+      <div
+        class="content"
+      >
+        <div
+          class="ui large loader"
+        />
+      </div>
+    </div>
+    <div
+      class="ui icon info message"
+    >
+      <i
+        aria-hidden="true"
+        class="search icon"
+      />
+      <div
+        class="content"
+      >
+        <div
+          class="header"
+        >
+          Nothing found...
+        </div>
+        No structures have been found matching these filters.
+      </div>
+    </div>
+  </div>
+</div>
+`;

package/src/taxonomy/components/index.js

@@ -1,11 +1,13 @@
-import DomainsLoader from "./DomainsLoader";
-import DomainRoutes from "./DomainRoutes";
 import DomainDropdownSelector from "./DomainDropdownSelector";
 import DomainMenuSelector from "./DomainMenuSelector";
+import DomainRoutes from "./DomainRoutes";
+import DomainsLoader from "./DomainsLoader";
+import DomainStructures from "./DomainStructures";
 
 export {
   DomainDropdownSelector,
   DomainMenuSelector,
   DomainRoutes,
   DomainsLoader,
+  DomainStructures,
 };