@truedat/lm 8.7.0 → 8.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/lm",
-  "version": "8.7.0",
+  "version": "8.7.1",
   "description": "Truedat Link Manager",
   "sideEffects": [
     "**/*.css",
@@ -54,7 +54,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.7.0",
+    "@truedat/test": "8.7.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -86,5 +86,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "375298315086154cea326bfaebc504d6e45873ed"
+  "gitHead": "f7605a6ea3f78839b42bb7d8339eec125ba49acb"
 }

package/src/components/ConceptLinkForm.js

@@ -2,21 +2,21 @@ import _ from "lodash/fp";
 import { lazy, useState, useEffect } from "react";
 import { useSelector, useDispatch } from "react-redux";
 import { useIntl } from "react-intl";
-import { clearSelectedRelationTags } from "../routines";
 import { Divider, Button } from "semantic-ui-react";
 import { HistoryBackButton } from "@truedat/core/components";
 import { useWebContext } from "@truedat/core/webContext";
-import RelationTagsLoader from "./RelationTagsLoader";
-import { useCreateRelation } from "../hooks/useRelations";
 import { useNavigate } from "react-router";
+import { useCreateRelation } from "../hooks/useRelations";
+import { clearSelectedRelationTags } from "../routines";
 import { getRelationErrorAlertMessage } from "../selectors/messages";
+import RelationTagsLoader from "./RelationTagsLoader";
 
 const TagTypeDropdownSelector = lazy(
-  () => import("@truedat/lm/components/TagTypeDropdownSelector")
+  () => import("@truedat/lm/components/TagTypeDropdownSelector"),
 );
 
 const ConceptSelector = lazy(
-  () => import("@truedat/bg/concepts/relations/components/ConceptSelector")
+  () => import("@truedat/bg/concepts/relations/components/ConceptSelector"),
 );
 
 const filters = {
@@ -32,7 +32,7 @@ export const ConceptLinkForm = ({
 }) => {
   const navigate = useNavigate();
   const selectedRelationTags = useSelector(
-    (state) => state?.selectedRelationTags
+    (state) => state?.selectedRelationTags,
   );
   const tagOptions = useSelector(selectTagOptions);
   const { trigger: createRelation, isMutating: creatingRelation } =

package/src/components/ConceptStructureLinkForm.js

@@ -15,7 +15,7 @@ import {
 import TagTypeDropdownSelector from "./TagTypeDropdownSelector";
 
 const StructureSelector = lazy(
-  () => import("@truedat/dd/components/StructureSelector")
+  () => import("@truedat/dd/components/StructureSelector"),
 );
 
 export const ConceptStructureLinkForm = ({

package/src/components/ConceptSuggestionLinkForm.js

@@ -14,7 +14,7 @@ import TagTypeDropdownSelector from "./TagTypeDropdownSelector";
 import RelationTagsLoader from "./RelationTagsLoader";
 
 const StructureSuggestions = React.lazy(
-  () => import("@truedat/ai/components/StructureSuggestions")
+  () => import("@truedat/ai/components/StructureSuggestions"),
 );
 
 const selectTagOptions = makeTagOptionsSelector("data_field");

package/src/components/ImplementationLinks.js

@@ -36,7 +36,7 @@ export const ImplementationLinks = ({
   const hasTags = _.flow(
     _.map("tags"),
     _.flatten,
-    _.isEmpty
+    _.isEmpty,
   )(implementationLinks);
 
   const tagsColumn = !hasTags
@@ -122,7 +122,7 @@ ImplementationLinks.propTypes = {
 
 const mapStateToProps = (state) => {
   const implementationLinks = _.sortBy(accentInsensitivePathOrder("name"))(
-    getImplementationToConceptLinks(state)
+    getImplementationToConceptLinks(state),
   );
 
   const filteredImplementationLinks = _.filter((link) => {
@@ -130,14 +130,14 @@ const mapStateToProps = (state) => {
       (link.status == "published" &&
         _.propOr(
           false,
-          "view_published_concept"
+          "view_published_concept",
         )(state.implementationActions)) ||
       (link.status == "draft" &&
         _.propOr(false, "view_draft_concept")(state.implementationActions)) ||
       (link.status == "pending_approval" &&
         _.propOr(
           false,
-          "view_approval_pending_concept"
+          "view_approval_pending_concept",
         )(state.implementationActions))
     );
   })(implementationLinks);

package/src/components/ImplementationRelationForm.js

@@ -11,11 +11,11 @@ import { linkConcept } from "../routines";
 import RelationTagsLoader from "./RelationTagsLoader";
 
 const TagTypeDropdownSelector = lazy(
-  () => import("@truedat/lm/components/TagTypeDropdownSelector")
+  () => import("@truedat/lm/components/TagTypeDropdownSelector"),
 );
 
 const ConceptSelector = lazy(
-  () => import("@truedat/bg/concepts/relations/components/ConceptSelector")
+  () => import("@truedat/bg/concepts/relations/components/ConceptSelector"),
 );
 
 const filters = {
@@ -113,5 +113,5 @@ const makeMapStateToProps = () => {
 };
 
 export default connect(makeMapStateToProps, { linkConcept })(
-  ImplementationRelationForm
+  ImplementationRelationForm,
 );

package/src/components/LinksPane.js

@@ -33,7 +33,7 @@ export const Links = ({ tag, sourceType, targetType, columns, links }) => {
       const structureIds = _.flow(
         _.filter(_.propEq("resource_type", "data_structure")),
         _.map(({ resource_id }) => parseInt(resource_id)),
-        _.uniq
+        _.uniq,
       )(links);
 
       if (_.isEmpty(structureIds)) {
@@ -50,7 +50,7 @@ export const Links = ({ tag, sourceType, targetType, columns, links }) => {
 
         const structuresMap = _.flow(
           _.getOr([], "data.data"),
-          _.keyBy("id")
+          _.keyBy("id"),
         )(response);
 
         const enriched = _.map((link) => {
@@ -74,7 +74,7 @@ export const Links = ({ tag, sourceType, targetType, columns, links }) => {
   }, [links, trigger]);
 
   const linksData = _.orderBy(["business_concept_id", "name"])(["desc", "asc"])(
-    enrichedLinks
+    enrichedLinks,
   );
 
   const filteredColumns = filterColumns(columns, enrichedLinks);

package/src/components/LinksSearch.js

@@ -6,10 +6,10 @@ import {
 import { useEffect, useRef } from "react";
 import { useNavigate, useLocation } from "react-router";
 import SearchWidget from "@truedat/core/search/SearchWidget";
-import { useRelations, useRelationFilters } from "../hooks/useRelations";
 import { Table, Segment, Header, Icon } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
 import { columnDecorator } from "@truedat/core/services";
+import { useRelations, useRelationFilters } from "../hooks/useRelations";
 import LinksPagination from "./LinksPagination";
 
 const LinkRow = ({ link, columns, highlight }) => (

package/src/components/QualityControlConcepts.js

@@ -3,9 +3,9 @@ import { useState } from "react";
 import PropTypes from "prop-types";
 import { Button, Grid, Label, Segment } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
-import { useDeleteRelation } from "../hooks/useRelations";
 import { Link, useLocation } from "react-router";
 import { linkTo } from "@truedat/core/routes";
+import { useDeleteRelation } from "../hooks/useRelations";
 import { ConfirmDeleteRelation } from "./ConfirmDeleteRelation";
 import LinksSearch from "./LinksSearch";
 

package/src/components/QualityControlStructures.js

@@ -3,13 +3,13 @@ import { useState } from "react";
 import PropTypes from "prop-types";
 import { Button, Grid, Icon, Label, Segment } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
-import { useDeleteRelation } from "../hooks/useRelations";
 import { Link, useLocation } from "react-router";
 import { linkTo } from "@truedat/core/routes";
+import Moment from "react-moment";
+import { useDeleteRelation } from "../hooks/useRelations";
 import { useRelations, useRelationFilters } from "../hooks/useRelations";
 import { ConfirmDeleteRelation } from "./ConfirmDeleteRelation";
 import LinksSearch from "./LinksSearch";
-import Moment from "react-moment";
 
 const StructureLink = ({ target_id: id, target_name: name }) => (
   <Link to={linkTo.STRUCTURE({ id })} title={name}>
@@ -167,7 +167,9 @@ export const QualityControlStructures = ({ qualityControl, actions }) => {
             setRefetchSearch={setRefetchSearch}
             targetType={target_type}
             initialSortColumn="target_name.raw"
+            // eslint-disable-next-line react-hooks/rules-of-hooks
             useSearch={() => useRelations({ document: "all" })}
+            // eslint-disable-next-line react-hooks/rules-of-hooks
             useFilters={() => useRelationFilters({ document: "all" })}
           />
         </Grid.Column>

package/src/components/RelationGraph.js

@@ -5,7 +5,12 @@ import PropTypes from "prop-types";
 import { Graph } from "@truedat/core/components";
 import { EMPTY_EDGE_TYPE } from "../services/edgeColorPalette";
 
-export const RelationGraph = ({ navigate, currentId, relationsGraph, colorMap }) => {
+export const RelationGraph = ({
+  navigate,
+  currentId,
+  relationsGraph,
+  colorMap,
+}) => {
   const { formatMessage } = useIntl();
 
   const nodes = useMemo(
@@ -17,9 +22,9 @@ export const RelationGraph = ({ navigate, currentId, relationsGraph, colorMap })
           type: "concept",
           data: { label, isActive: currentId === id },
           resource_id,
-        }))
+        })),
       )(relationsGraph),
-    [relationsGraph, currentId]
+    [relationsGraph, currentId],
   );
 
   const edges = useMemo(
@@ -27,7 +32,8 @@ export const RelationGraph = ({ navigate, currentId, relationsGraph, colorMap })
       _.flow(
         _.get("edges"),
         _.map(({ id: id, source_id: source, target_id: target, tags }) => {
-          const primaryType = _.path([0, "value", "type"])(tags) || EMPTY_EDGE_TYPE;
+          const primaryType =
+            _.path([0, "value", "type"])(tags) || EMPTY_EDGE_TYPE;
           const label = _.isEmpty(tags)
             ? formatMessage({
                 id: `source.${EMPTY_EDGE_TYPE}`,
@@ -38,11 +44,12 @@ export const RelationGraph = ({ navigate, currentId, relationsGraph, colorMap })
                   formatMessage({
                     id: `source.${_.prop("value.type")(tag)}`,
                     defaultMessage: _.prop("value.type")(tag),
-                  })
+                  }),
                 ),
-                _.join("\n")
+                _.join("\n"),
               )(tags);
-          const color = primaryType && colorMap ? colorMap.get(primaryType) : undefined;
+          const color =
+            primaryType && colorMap ? colorMap.get(primaryType) : undefined;
 
           return {
             id,
@@ -60,16 +67,17 @@ export const RelationGraph = ({ navigate, currentId, relationsGraph, colorMap })
               },
             }),
           };
-        })
+        }),
       )(relationsGraph),
-    [relationsGraph, formatMessage, colorMap]
+    [relationsGraph, formatMessage, colorMap],
   );
 
   const safeEdges = useMemo(() => {
     const safeNodeIds = new Set(_.map("id", nodes));
     return _.filter(
-      ({ source, target }) => safeNodeIds.has(source) && safeNodeIds.has(target),
-      edges
+      ({ source, target }) =>
+        safeNodeIds.has(source) && safeNodeIds.has(target),
+      edges,
     );
   }, [nodes, edges]);
 
@@ -78,7 +86,7 @@ export const RelationGraph = ({ navigate, currentId, relationsGraph, colorMap })
       nodes,
       edges: safeEdges,
     }),
-    [nodes, safeEdges]
+    [nodes, safeEdges],
   );
 
   const onClick = (_, { resource_id }) => {

package/src/components/RelationGraphDepth.js

@@ -18,17 +18,24 @@ export const RelationGraphDepth = ({ onChange, depth, maxDepth }) => {
     (clientY) => {
       if (!sliderRef.current || !maxDepth) return;
       const rect = sliderRef.current.getBoundingClientRect();
-      const relativeY = Math.max(0, Math.min(1, (rect.bottom - clientY) / rect.height));
+      const relativeY = Math.max(
+        0,
+        Math.min(1, (rect.bottom - clientY) / rect.height),
+      );
       const newDepth = Math.round(relativeY * maxDepth);
       setLocalDepth(newDepth);
       latestDepthRef.current = newDepth;
     },
-    [maxDepth]
+    [maxDepth],
   );
 
   useEffect(() => {
-    const handleMouseMove = (e) => { if (isDragging) updateDepthFromY(e.clientY); };
-    const handleTouchMove = (e) => { if (isDragging) updateDepthFromY(e.touches[0].clientY); };
+    const handleMouseMove = (e) => {
+      if (isDragging) updateDepthFromY(e.clientY);
+    };
+    const handleTouchMove = (e) => {
+      if (isDragging) updateDepthFromY(e.touches[0].clientY);
+    };
     const handleEnd = () => {
       setIsDragging(false);
       if (onChange) onChange(latestDepthRef.current);
@@ -57,13 +64,21 @@ export const RelationGraphDepth = ({ onChange, depth, maxDepth }) => {
       <span className="graph-depth-v-label">{label}</span>
       <div
         ref={sliderRef}
-        onMouseDown={(e) => { setIsDragging(true); updateDepthFromY(e.clientY); }}
-        onTouchStart={(e) => { setIsDragging(true); updateDepthFromY(e.touches[0].clientY); }}
+        onMouseDown={(e) => {
+          setIsDragging(true);
+          updateDepthFromY(e.clientY);
+        }}
+        onTouchStart={(e) => {
+          setIsDragging(true);
+          updateDepthFromY(e.touches[0].clientY);
+        }}
         className="graph-depth-v-track"
         style={{ "--td-depth-pct": `${percentage}%` }}
       >
         <div className="graph-depth-v-fill" />
-        <div className={`graph-depth-v-thumb${isDragging ? " dragging" : ""}`} />
+        <div
+          className={`graph-depth-v-thumb${isDragging ? " dragging" : ""}`}
+        />
       </div>
     </div>
   );

package/src/components/RelationTagForm.js

@@ -45,7 +45,7 @@ export const RelationTagForm = ({ relationTag, isSubmitting, onSubmit }) => {
         rules={{
           required: formatMessage(
             { id: "form.validation.required" },
-            { prop: formatMessage({ id: "relationTags.props.type" }) }
+            { prop: formatMessage({ id: "relationTags.props.type" }) },
           ),
         }}
         render={({ field: { onBlur, onChange, value } }) => (
@@ -73,7 +73,7 @@ export const RelationTagForm = ({ relationTag, isSubmitting, onSubmit }) => {
         rules={{
           required: formatMessage(
             { id: "form.validation.required" },
-            { prop: formatMessage({ id: "relationTags.props.target_type" }) }
+            { prop: formatMessage({ id: "relationTags.props.target_type" }) },
           ),
         }}
         render={({ field: { onBlur, onChange, value } }) => (

package/src/components/RelationTagsLoader.js

@@ -26,5 +26,5 @@ export class RelationTagsLoader extends Component {
 }
 
 export default connect(null, { clearRelationTags, fetchRelationTags })(
-  RelationTagsLoader
+  RelationTagsLoader,
 );

package/src/components/RelationsLoader.js

@@ -34,5 +34,5 @@ RelationsLoader.propTypes = {
 };
 
 export default connect(null, { clearRelations, fetchRelations })(
-  RelationsLoader
+  RelationsLoader,
 );

package/src/components/StructureLinkForm.js

@@ -2,21 +2,21 @@ import _ from "lodash/fp";
 import { lazy, useState, useEffect } from "react";
 import { useSelector, useDispatch } from "react-redux";
 import { useIntl } from "react-intl";
-import { clearSelectedRelationTags } from "../routines";
 import { Divider, Button } from "semantic-ui-react";
 import { HistoryBackButton } from "@truedat/core/components";
 import { useWebContext } from "@truedat/core/webContext";
-import RelationTagsLoader from "./RelationTagsLoader";
-import { useCreateRelation } from "../hooks/useRelations";
 import { useNavigate } from "react-router";
+import { useCreateRelation } from "../hooks/useRelations";
+import { clearSelectedRelationTags } from "../routines";
 import { getRelationErrorAlertMessage } from "../selectors/messages";
+import RelationTagsLoader from "./RelationTagsLoader";
 
 const TagTypeDropdownSelector = lazy(
-  () => import("@truedat/lm/components/TagTypeDropdownSelector")
+  () => import("@truedat/lm/components/TagTypeDropdownSelector"),
 );
 
 const StructureSelector = lazy(
-  () => import("@truedat/dd/components/StructureSelector")
+  () => import("@truedat/dd/components/StructureSelector"),
 );
 
 export const StructureLinkForm = ({
@@ -27,7 +27,7 @@ export const StructureLinkForm = ({
 }) => {
   const navigate = useNavigate();
   const selectedRelationTags = useSelector(
-    (state) => state?.selectedRelationTags
+    (state) => state?.selectedRelationTags,
   );
   const tagOptions = useSelector(selectTagOptions);
   const { trigger: createRelation, isMutating: creatingRelation } =

package/src/components/StructureLinks.js

@@ -6,13 +6,13 @@ import { FormattedMessage } from "react-intl";
 import { Link, useNavigate } from "react-router";
 import { linkTo } from "@truedat/core/routes";
 import { accentInsensitivePathOrder } from "@truedat/core/services/sort";
+import { useQuery } from "@apollo/client";
+import { DATA_STRUCTURE_VERSION_LINKS_QUERY } from "@truedat/dd/api/queries";
+import SuggestLinkButton from "@truedat/ai/components/SuggestLinkButton";
 import { getStructureToConceptLinks } from "../selectors/getStructureLinks";
 import ConceptLink from "../components/ConceptLink";
 import ConceptLinkTags from "../components/ConceptLinkTags";
 import StructureLinkRow from "./StructureLinkRow";
-import { useQuery } from "@apollo/client";
-import { DATA_STRUCTURE_VERSION_LINKS_QUERY } from "@truedat/dd/api/queries";
-import SuggestLinkButton from "@truedat/ai/components/SuggestLinkButton";
 
 export const StructureLinks = ({
   structure,

package/src/components/StructureRelationForm.js

@@ -11,11 +11,11 @@ import { linkConcept } from "../routines";
 import RelationTagsLoader from "./RelationTagsLoader";
 
 const ConceptSelector = lazy(
-  () => import("@truedat/bg/concepts/relations/components/ConceptSelector")
+  () => import("@truedat/bg/concepts/relations/components/ConceptSelector"),
 );
 
 const TagTypeDropdownSelector = lazy(
-  () => import("@truedat/lm/components/TagTypeDropdownSelector")
+  () => import("@truedat/lm/components/TagTypeDropdownSelector"),
 );
 
 const filters = {
@@ -103,5 +103,5 @@ const makeMapStateToProps = () => {
 };
 
 export default connect(makeMapStateToProps, { linkConcept })(
-  StructureRelationForm
+  StructureRelationForm,
 );

package/src/components/StructureSuggestionLinkForm.js

@@ -13,67 +13,71 @@ import { linkConcept, clearSelectedRelationTags } from "../routines";
 import TagTypeDropdownSelector from "./TagTypeDropdownSelector";
 import RelationTagsLoader from "./RelationTagsLoader";
 
-const ConceptSuggestions = React.lazy(() => import("@truedat/ai/components/ConceptSuggestions"));
+const ConceptSuggestions = React.lazy(
+  () => import("@truedat/ai/components/ConceptSuggestions"),
+);
 
 const selectTagOptions = makeTagOptionsSelector("data_field");
 
 export const StructureSuggestionLinkForm = () => {
-    const { id: targetId } = useParams();
-    const selectedRelationTags = useSelector((state) => state?.selectedRelationTags);
-    const tagOptions = useSelector(selectTagOptions);
-    const conceptLinking = useSelector((state) => state?.conceptLinking)
-    const dispatch = useDispatch();
-    const [selectedConcept, setSelectedConcept] = useState(null);
-    const { formatMessage } = useIntl();
+  const { id: targetId } = useParams();
+  const selectedRelationTags = useSelector(
+    (state) => state?.selectedRelationTags,
+  );
+  const tagOptions = useSelector(selectTagOptions);
+  const conceptLinking = useSelector((state) => state?.conceptLinking);
+  const dispatch = useDispatch();
+  const [selectedConcept, setSelectedConcept] = useState(null);
+  const { formatMessage } = useIntl();
 
-    useEffect(() => {
-        return () => {
-            dispatch(clearSelectedRelationTags.trigger());
-        };
-    }, [clearSelectedRelationTags, dispatch]);
+  useEffect(() => {
+    return () => {
+      dispatch(clearSelectedRelationTags.trigger());
+    };
+  }, [clearSelectedRelationTags, dispatch]);
 
-    const handleSubmit = () => {
-        const link = {
-            redirectUrl: linkTo.STRUCTURE_LINKS({ id: targetId }),
-            source_id: selectedConcept?.business_concept_id,
-            source_type: "business_concept",
-            target_id: targetId,
-            target_type: "data_structure",
-            tag_ids: selectedRelationTags ? selectedRelationTags : [],
-            origin: "suggested",
-        };
-        dispatch(linkConcept.trigger(link));
+  const handleSubmit = () => {
+    const link = {
+      redirectUrl: linkTo.STRUCTURE_LINKS({ id: targetId }),
+      source_id: selectedConcept?.business_concept_id,
+      source_type: "business_concept",
+      target_id: targetId,
+      target_type: "data_structure",
+      tag_ids: selectedRelationTags ? selectedRelationTags : [],
+      origin: "suggested",
     };
+    dispatch(linkConcept.trigger(link));
+  };
 
-    const disabled = !(selectedConcept && selectedRelationTags);
+  const disabled = !(selectedConcept && selectedRelationTags);
 
-    return (
+  return (
+    <>
+      <Divider hidden />
+      <RelationTagsLoader />
+      {!_.isEmpty(tagOptions) && (
         <>
-            <Divider hidden />
-            <RelationTagsLoader />
-            {!_.isEmpty(tagOptions) && (
-                <>
-                    <TagTypeDropdownSelector options={tagOptions} />
-                    <Divider hidden />
-                </>
-            )}
-            <ConceptSuggestions
-                handleConceptSelected={setSelectedConcept}
-                selectedConcept={selectedConcept}
-            />
-            <Divider hidden />
-            <Button.Group>
-                <Button
-                    primary
-                    loading={conceptLinking}
-                    content={formatMessage({ id: "actions.create" })}
-                    disabled={disabled}
-                    onClick={handleSubmit}
-                />
-                <HistoryBackButton content={formatMessage({ id: "actions.cancel" })} />
-            </Button.Group>
+          <TagTypeDropdownSelector options={tagOptions} />
+          <Divider hidden />
         </>
-    );
+      )}
+      <ConceptSuggestions
+        handleConceptSelected={setSelectedConcept}
+        selectedConcept={selectedConcept}
+      />
+      <Divider hidden />
+      <Button.Group>
+        <Button
+          primary
+          loading={conceptLinking}
+          content={formatMessage({ id: "actions.create" })}
+          disabled={disabled}
+          onClick={handleSubmit}
+        />
+        <HistoryBackButton content={formatMessage({ id: "actions.cancel" })} />
+      </Button.Group>
+    </>
+  );
 };
 
 export default StructureSuggestionLinkForm;

package/src/components/TagTypeDropdownSelector.js

@@ -17,8 +17,8 @@ const formatOption = (formatMessage) => (options) =>
               id: `source.${text}`,
               defaultMessage: formatMessage({ id: text, defaultMessage: text }),
             }),
-          }
-    )
+          },
+    ),
   )(options);
 
 export const TagTypeDropdownSelector = ({
@@ -35,7 +35,7 @@ export const TagTypeDropdownSelector = ({
       setClearDropdown(true);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [options]
+    [options],
   );
 
   const onChange = (_e, { value }) => {
@@ -74,5 +74,5 @@ TagTypeDropdownSelector.propTypes = {
 };
 
 export default connect(null, { setSelectedRelationTags })(
-  TagTypeDropdownSelector
+  TagTypeDropdownSelector,
 );

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

@@ -15,7 +15,7 @@ describe("<ConceptImplementationLink />", () => {
   it("matches the latest snapshot", () => {
     const { container } = render(
       <ConceptImplementationLink {...props} />,
-      renderOpts
+      renderOpts,
     );
     expect(container).toMatchSnapshot();
   });