@truedat/lm 5.2.2 → 5.2.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [5.2.3] 2023-02-23
+
+### Change
+
+- [TD-4554] Reducers of the Relations for concept links manager
+
 ## [4.53.0] 2022-10-04
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/lm",
-  "version": "5.2.2",
+  "version": "5.2.4",
   "description": "Truedat Link Manager",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "5.2.2",
+    "@truedat/test": "5.2.4",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -86,7 +86,7 @@
     ]
   },
   "dependencies": {
-    "@truedat/core": "5.2.2",
+    "@truedat/core": "5.2.4",
     "path-to-regexp": "^1.7.0",
     "prop-types": "^15.8.1",
     "react-graph-vis": "1.0.5",
@@ -105,5 +105,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "39b2e1047e9a1ef56be526292208be23bfdd798d"
+  "gitHead": "30945576a3812f88a70b30553caec79bb8957d5c"
 }

package/src/components/TagTypeDropdownSelector.js

@@ -0,0 +1,61 @@
+import _ from "lodash/fp";
+import React from "react";
+import PropTypes from "prop-types";
+import { Form, Dropdown } from "semantic-ui-react";
+import { FormattedMessage, useIntl } from "react-intl";
+import { connect } from "react-redux";
+import { setSelectedRelationTags } from "../routines";
+
+const formatOption = (formatMessage) => (options) =>
+  _.flow(
+    _.map(({ value, text }) =>
+      _.isNil(text) || text == ""
+        ? { value, text }
+        : {
+            value,
+            text: formatMessage({
+              id: `source.${text}`,
+              defaultMessage: formatMessage({ id: text, defaultMessage: text }),
+            }),
+          }
+    )
+  )(options);
+
+export const TagTypeDropdownSelector = ({
+  options,
+  setSelectedRelationTags,
+}) => {
+  const { formatMessage } = useIntl();
+
+  const onChange = (_e, { value }) => {
+    setSelectedRelationTags({
+      selectedRelationTags: value === "" ? [] : [value],
+    });
+  };
+  return (
+    <Form.Field>
+      <label>
+        <FormattedMessage id="relations.relationType" />
+      </label>
+      <div>
+        {options && (
+          <Dropdown
+            clearable
+            selection
+            options={formatOption(formatMessage)(options)}
+            onChange={onChange}
+          />
+        )}
+      </div>
+    </Form.Field>
+  );
+};
+
+TagTypeDropdownSelector.propTypes = {
+  options: PropTypes.array,
+  setSelectedRelationTags: PropTypes.func,
+};
+
+export default connect(null, { setSelectedRelationTags })(
+  TagTypeDropdownSelector
+);

package/src/reducers/__tests__/creatingRelation.spec.js

@@ -2,6 +2,7 @@ import { createRelation } from "../../routines";
 import { creatingRelation } from "..";
 
 const fooState = { foo: "bar" };
+const payload = { data: fooState };
 
 describe("reducers: creatingRelation", () => {
   const initialState = false;
@@ -10,15 +11,15 @@ describe("reducers: creatingRelation", () => {
     expect(creatingRelation(undefined, {})).toEqual(initialState);
   });
 
-  it("should handle the createRelation.TRIGGER action", () => {
+  it("should handle the createRelation.SUCCESS action", () => {
     expect(
-      creatingRelation(fooState, { type: createRelation.TRIGGER })
-    ).toEqual(true);
+      creatingRelation(fooState, { type: createRelation.SUCCESS, payload })
+    ).toEqual(fooState);
   });
 
-  it("should handle the createRelation.FULFILL action", () => {
+  it("should handle the createRelation.FAILURE action", () => {
     expect(
-      creatingRelation(fooState, { type: createRelation.FULFILL })
-    ).toEqual(initialState);
+      creatingRelation(fooState, { type: createRelation.FAILURE })
+    ).toEqual(false);
   });
 });

package/src/reducers/__tests__/relations.spec.js

@@ -12,8 +12,8 @@ describe("reducers: relations", () => {
       source_type: "source_type",
       target_id: 456,
       target_type: "target_type",
-      context: {}
-    }
+      context: {},
+    },
   ];
 
   it("should provide the initial state", () => {
@@ -35,7 +35,11 @@ describe("reducers: relations", () => {
   it("should handle the deleteRelation.SUCCESS action", () => {
     expect(
       relations(data, { type: deleteRelation.SUCCESS, meta: { id: "1" } })
-    ).toEqual([]);
+    ).toEqual({ id: "1" });
+  });
+
+  it("should handle the deleteRelation.FAILURE action", () => {
+    expect(relations(data, { type: deleteRelation.FAILURE })).toEqual(false);
   });
 
   it("should handle the clearRelations.TRIGGER action", () => {

package/src/reducers/creatingRelation.js

@@ -1,14 +1,12 @@
 import { createRelation } from "../routines";
 
-const creatingRelation = (state = false, { type }) => {
+export const creatingRelation = (state = false, { type, payload }) => {
   switch (type) {
-    case createRelation.TRIGGER:
-      return true;
-    case createRelation.FULFILL:
+    case createRelation.SUCCESS:
+      return payload.data;
+    case createRelation.FAILURE:
       return false;
     default:
       return state;
   }
 };
-
-export { creatingRelation };

package/src/reducers/relationRedirect.js

@@ -2,7 +2,7 @@ import { clearRedirect } from "@truedat/core/routines";
 import {
   createRelation,
   deleteRelationTag,
-  createRelationTag
+  createRelationTag,
 } from "../routines";
 
 const initialState = "";
@@ -12,8 +12,7 @@ export const relationRedirect = (state = initialState, { type, meta }) => {
     case clearRedirect.TRIGGER:
       return initialState;
     case createRelation.SUCCESS: {
-      const { redirectUrl } = meta;
-      return redirectUrl;
+      return meta?.redirectUrl || state;
     }
     case createRelationTag.SUCCESS: {
       const { redirectUrl } = meta;

package/src/reducers/relations.js

@@ -10,7 +10,7 @@ const pickFields = _.pick([
   "target_id",
   "target_type",
   "context",
-  "tags"
+  "tags",
 ]);
 
 const relations = (state = initialState, { type, payload, meta }) => {
@@ -20,8 +20,10 @@ const relations = (state = initialState, { type, payload, meta }) => {
     case fetchRelations.SUCCESS:
       return _.flow(_.propOr([], "data"), _.map(pickFields))(payload);
     case deleteRelation.SUCCESS: {
-      const { id } = meta;
-      return _.reject(_.propEq("id", id))(state);
+      return meta;
+    }
+    case deleteRelation.FAILURE: {
+      return false;
     }
     case clearRelations.TRIGGER:
       return initialState;