@truedat/lm 7.5.9 → 7.5.11

package/index.js

@@ -0,0 +1,5 @@
+export { default as components } from "./src/components";
+export { default as routines } from "./src/routines";
+export { default as reducers } from "./src/reducers";
+export { default as sagas } from "./src/sagas";
+export { default } from "./src";

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@truedat/lm",
-  "version": "7.5.9",
+  "version": "7.5.11",
   "description": "Truedat Link Manager",
   "sideEffects": false,
-  "jsnext:main": "src/index.js",
   "module": "src/index.js",
   "files": [
-    "src"
+    "src",
+    "index.js"
   ],
   "author": "Bluetab Solutions",
   "license": "GPL-3.0",
@@ -15,64 +15,25 @@
   },
   "scripts": {
     "clean": "rimraf yarn-error.log",
-    "debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
     "test": "TZ=UTC jest --coverage",
-    "test:watch": "TZ=UTC jest --watch",
     "eslint": "eslint src/**",
     "eslint:fix": "eslint --fix src/**"
   },
-  "devDependencies": {
-    "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.20.5",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.20.2",
-    "@babel/plugin-proposal-optional-chaining": "^7.18.9",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-modules-commonjs": "^7.19.6",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^12.0.0",
-    "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "7.5.9",
-    "babel-jest": "^28.1.0",
-    "babel-plugin-dynamic-import-node": "^2.3.3",
-    "babel-plugin-lodash": "^3.3.4",
-    "babel-plugin-react-intl": "^5.1.18",
-    "babel-plugin-transform-semantic-ui-react-imports": "^1.4.1",
-    "enzyme": "^3.11.0",
-    "enzyme-to-json": "^3.6.2",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.0.0",
-    "jest-environment-jsdom": "^29.0.0",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "redux-saga-test-plan": "^4.0.4",
-    "rimraf": "^3.0.2",
-    "semantic-ui-react": "^2.1.4"
-  },
   "jest": {
     "maxWorkers": "50%",
     "testTimeout": 10000,
     "moduleDirectories": [
-      "<rootDir>/src",
-      "../../node_modules"
-    ],
-    "setupFilesAfterEnv": [
-      "@truedat/test/setup"
+      "<rootDir>/src"
     ],
     "moduleNameMapper": {
       "\\.(css|less|png)$": "identity-obj-proxy",
       "^@truedat/([^/]+)$": "<rootDir>/../$1/src/index",
       "^@truedat/([^/]+)/(.*)$": "<rootDir>/../$1/src/$2"
     },
-    "snapshotSerializers": [
-      "enzyme-to-json/serializer"
+    "setupFilesAfterEnv": [
+      "@truedat/test/setup"
     ],
     "testEnvironment": "jsdom",
-    "testPathIgnorePatterns": [
-      "<rootDir>/node_modules/"
-    ],
     "transform": {
       "\\.js$": [
         "babel-jest",
@@ -80,32 +41,47 @@
           "rootMode": "upward"
         }
       ]
-    },
-    "transformIgnorePatterns": [
-      "/node_modules/(?!@truedat).*"
-    ]
+    }
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@truedat/test": "7.5.11",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "redux-saga-test-plan": "^4.0.6"
   },
   "dependencies": {
-    "@truedat/core": "7.5.9",
-    "path-to-regexp": "^1.7.0",
+    "@apollo/client": "^3.13.5",
+    "axios": "^1.8.4",
+    "graphql": "^16.10.0",
+    "is-hotkey": "^0.2.0",
+    "is-url": "^1.2.4",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "path-to-regexp": "^8.2.0",
     "prop-types": "^15.8.1",
-    "react-graph-vis": "1.0.6",
-    "react-hook-form": "^7.30.0",
-    "react-intl": "^5.20.10",
+    "query-string": "^7.1.2",
+    "react": "^19.0.0",
+    "react-csv": "^2.2.2",
+    "react-dom": "^19.0.0",
+    "react-dropzone": "^14.3.8",
+    "react-graph-vis": "1.0.7",
+    "react-hook-form": "^7.54.2",
+    "react-intl": "^7.1.10",
+    "react-moment": "^1.1.3",
     "react-rangeslider": "^2.2.0",
-    "react-redux": "^7.2.4",
-    "react-router-dom": "^5.2.0",
-    "redux": "^4.1.1",
-    "redux-saga": "^1.2.1",
+    "react-redux": "^9.2.0",
+    "react-router": "^7.4.0",
+    "redux": "^5.0.1",
+    "redux-saga": "^1.3.0",
     "redux-saga-routines": "^3.2.3",
-    "semantic-ui-react": "^2.1.4",
-    "vis-data": "^7.1.2",
-    "vis-network": "^9.0.0"
-  },
-  "peerDependencies": {
-    "react": ">= 16.8.6 < 17",
-    "react-dom": ">= 16.8.6 < 17",
-    "semantic-ui-react": ">= 2.0.3 < 2.2"
+    "reselect": "^5.1.1",
+    "semantic-ui-calendar-react": "^0.15.3",
+    "semantic-ui-react": "^3.0.0-beta.2",
+    "swr": "^2.3.3"
   },
-  "gitHead": "03770e3241daa955de2e6e40fdaea91e3d147860"
+  "gitHead": "cbb92d5206752fe2add4195432b0401da17a0f23"
 }

package/src/components/ConceptImplementationLink.js

@@ -1,5 +1,4 @@
-import React from "react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import PropTypes from "prop-types";
 import { linkTo } from "@truedat/core/routes";
 

package/src/components/ConceptLink.js

@@ -1,5 +1,4 @@
-import React from "react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import PropTypes from "prop-types";
 import { linkTo } from "@truedat/core/routes";
 
@@ -13,7 +12,7 @@ export const ConceptLink = ({ resource_id: business_concept_id, name }) => (
 
 ConceptLink.propTypes = {
   resource_id: PropTypes.number,
-  name: PropTypes.string
+  name: PropTypes.string,
 };
 
 export default ConceptLink;

package/src/components/ConceptLinkTags.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { FormattedMessage } from "react-intl";
 

package/src/components/ConceptStructureLinkForm.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useState, useEffect } from "react";
+import { lazy, useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Button, Divider } from "semantic-ui-react";
@@ -14,8 +14,8 @@ import {
 } from "../routines";
 import TagTypeDropdownSelector from "./TagTypeDropdownSelector";
 
-const StructureSelector = React.lazy(() =>
-  import("@truedat/dd/components/StructureSelector")
+const StructureSelector = lazy(
+  () => import("@truedat/dd/components/StructureSelector")
 );
 
 export const ConceptStructureLinkForm = ({

package/src/components/ConfirmDeleteRelation.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Button, Icon } from "semantic-ui-react";

package/src/components/ImplementationLinkRow.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Table } from "semantic-ui-react";
 import { columnDecorator } from "@truedat/core/services";

package/src/components/ImplementationLinks.js

@@ -1,10 +1,9 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Table, Icon, Button, Grid, Segment, Header } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { linkTo } from "@truedat/core/routes";
 import { accentInsensitivePathOrder } from "@truedat/core/services/sort";
 import { getImplementationToConceptLinks } from "../selectors/getImplementationToConceptLinks";

package/src/components/ImplementationRelationForm.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useState } from "react";
+import { lazy, useState } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { useIntl } from "react-intl";
@@ -10,12 +10,12 @@ import { makeTagOptionsSelector } from "@truedat/core/selectors";
 import { linkConcept } from "../routines";
 import RelationTagsLoader from "./RelationTagsLoader";
 
-const TagTypeDropdownSelector = React.lazy(() =>
-  import("@truedat/lm/components/TagTypeDropdownSelector")
+const TagTypeDropdownSelector = lazy(
+  () => import("@truedat/lm/components/TagTypeDropdownSelector")
 );
 
-const ConceptSelector = React.lazy(() =>
-  import("@truedat/bg/concepts/relations/components/ConceptSelector")
+const ConceptSelector = lazy(
+  () => import("@truedat/bg/concepts/relations/components/ConceptSelector")
 );
 
 const filters = {
@@ -64,7 +64,6 @@ export const ImplementationRelationForm = ({
               id: "implementations.relation.new.header",
             })}
           />
-
           {!_.isEmpty(tagOptions) ? (
             <Form.Field className="concept-relation-form">
               <TagTypeDropdownSelector options={tagOptions} />
@@ -75,7 +74,6 @@ export const ImplementationRelationForm = ({
             handleConceptSelected={handleConceptSelected}
             defaultFilters={filters}
           />
-
           <div className="actions">
             <Button
               primary
@@ -84,7 +82,6 @@ export const ImplementationRelationForm = ({
               loading={conceptLinking}
               onClick={handleSubmit}
             />
-
             <HistoryBackButton
               content={formatMessage({ id: "actions.cancel" })}
               disabled={conceptLinking}

package/src/components/LinksPane.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Table, Header, Grid } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";

package/src/components/NewRelationTag.js

@@ -1,5 +1,4 @@
 import PropTypes from "prop-types";
-import React from "react";
 import { Header, Icon, Container, Segment } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { connect } from "react-redux";

package/src/components/RelationActions.js

@@ -1,9 +1,8 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Button } from "semantic-ui-react";
-import { Link, useLocation } from "react-router-dom";
+import { Link, useLocation } from "react-router";
 import { FormattedMessage } from "react-intl";
 
 export const RelationActions = ({ addConceptRelation }) => {
@@ -24,12 +23,12 @@ export const RelationActions = ({ addConceptRelation }) => {
 };
 
 RelationActions.propTypes = {
-  addConceptRelation: PropTypes.bool
+  addConceptRelation: PropTypes.bool,
 };
 
 const mapStateToProps = ({ relationsActions }) => ({
   addConceptRelation:
-    !_.isEmpty(relationsActions) && _.has("create")(relationsActions)
+    !_.isEmpty(relationsActions) && _.has("create")(relationsActions),
 });
 
 export default connect(mapStateToProps)(RelationActions);

package/src/components/RelationGraph.js

@@ -1,43 +1,35 @@
 import _ from "lodash/fp";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useIntl } from "react-intl";
 import PropTypes from "prop-types";
-import Graph from "react-graph-vis";
+import { Graph } from "@truedat/core/components";
 
 export const RelationGraph = ({ navigate, currentId, relationsGraph }) => {
   const { formatMessage } = useIntl();
-  const [network, setNetwork] = useState({});
 
   const nodes = _.flow(
     _.get("nodes"),
-    _.map(({ id, name: label }) => ({
+    _.map(({ id, name: label, resource_id }) => ({
       id,
-      label,
-
-      color:
+      data: { label },
+      resource_id,
+      style:
         currentId === id
           ? {
               background: "#ed5c17",
-              border: "black",
-            }
-          : null,
-
-      font:
-        currentId === id
-          ? {
               color: "white",
-              bold: true,
-              face: "Lato, Helvetica Neue, Arial, Helvetica, sans-serif",
+              fontWeight: "bold",
             }
-          : null,
+          : { cursor: "pointer" },
     }))
   )(relationsGraph);
 
   const edges = _.flow(
     _.get("edges"),
-    _.map(({ source_id: from, target_id: to, tags }) => ({
-      from,
-      to,
+    _.map(({ id: id, source_id: source, target_id: target, tags }) => ({
+      id,
+      source,
+      target,
       label: _.flow(
         _.map((tag) =>
           formatMessage({
@@ -50,92 +42,13 @@ export const RelationGraph = ({ navigate, currentId, relationsGraph }) => {
     }))
   )(relationsGraph);
 
-  const options = {
-    autoResize: true,
-    height: "99%",
-    width: "99%",
-    layout: {
-      hierarchical: {
-        direction: "UD",
-        sortMethod: "directed",
-        levelSeparation: 170,
-        edgeMinimization: false,
-      },
-    },
-    edges: {
-      color: "#000000",
-      smooth: true,
-      font: {
-        face: "Lato, Helvetica Neue, Arial, Helvetica, sans-serif",
-      },
-    },
-    nodes: {
-      shape: "box",
-      margin: 10,
-      color: {
-        background: "white",
-        border: "grey",
-      },
-      widthConstraint: {
-        maximum: 200,
-        minimum: 100,
-      },
-      font: {
-        face: "Lato, Helvetica Neue, Arial, Helvetica, sans-serif",
-      },
-    },
-    physics: {
-      hierarchicalRepulsion: {
-        nodeDistance: 250,
-      },
-    },
-    interaction: {
-      hover: true,
-    },
+  const onClick = (_, { resource_id }) => {
+    if (navigate) navigate({ resource_id });
   };
 
-  const events = {
-    select: (event) => {
-      const { nodes, edges } = event;
-      if (!_.isEmpty(nodes)) {
-        const nodeId = _.head(nodes);
-        if (navigate)
-          navigate(
-            _.flow(
-              _.getOr([], "nodes"),
-              _.find({ id: nodeId })
-            )(relationsGraph),
-            _.isEmpty(edges)
-          );
-      }
-    },
-    hoverNode: (event) => {
-      const { node } = event;
-      if (node !== currentId) {
-        const style = _.path("canvas.frame.style")(network);
-        style.setProperty("cursor", "pointer");
-        setNetwork(network);
-      }
-    },
-    blurNode: () => {
-      const style = _.path("canvas.frame.style")(network);
-      style.setProperty("cursor", "default");
-      setNetwork(network);
-    },
-  };
-  return (
-    <>
-      {!_.isEmpty(relationsGraph) && (
-        <Graph
-          graph={{ nodes, edges }}
-          options={options}
-          events={events}
-          style={{ height: "640px" }}
-          getNetwork={setNetwork}
-        />
-      )}
-    </>
-  );
+  return !_.isEmpty(relationsGraph) ? (
+    <Graph nodes={nodes} edges={edges} onNodeClick={onClick} />
+  ) : null;
 };
 
 RelationGraph.propTypes = {

package/src/components/RelationGraphDepth.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Segment } from "semantic-ui-react";
 import Slider from "react-rangeslider";

package/src/components/RelationRoutes.js

@@ -1,36 +1,27 @@
 import React from "react";
-import { Route, Switch } from "react-router-dom";
-import { Unauthorized } from "@truedat/core/components";
-import { useAuthorized } from "@truedat/core/hooks";
+import { Routes, Route } from "react-router";
+import { ProtectedRoute, Loader } from "@truedat/core/router";
 import { RELATION_TAGS, RELATION_TAGS_NEW } from "@truedat/core/routes";
 import NewRelationTag from "./NewRelationTag";
 import RelationTags from "./RelationTags";
 import RelationTagsLoader from "./RelationTagsLoader";
 
 export const RelationRoutes = () => {
-  const authorized = useAuthorized();
-
   return (
-    <Route
-      path={RELATION_TAGS}
-      render={() =>
-        authorized ? (
-          <>
-            <Route path={RELATION_TAGS} component={RelationTagsLoader} exact />
-            <Route path={RELATION_TAGS} component={RelationTags} exact />
-            <Switch>
-              <Route
-                path={RELATION_TAGS_NEW}
-                component={NewRelationTag}
-                exact
-              />
-            </Switch>
-          </>
-        ) : (
-          <Unauthorized />
-        )
-      }
-    />
+    <Routes>
+      <Route path={"relationTags"} element={<ProtectedRoute />}>
+        <Route
+          index
+          element={
+            <Loader loaders={<RelationTagsLoader />}>
+              <RelationTags />
+            </Loader>
+          }
+        />
+        <Route path={"new"} element={<NewRelationTag />} />
+      </Route>
+      <Route path={"*"} element={null} />
+    </Routes>
   );
 };
 

package/src/components/RelationRow.js

@@ -1,14 +1,13 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { FormattedMessage } from "react-intl";
 import { connect } from "react-redux";
-import { useHistory } from "react-router-dom";
+import { useNavigate } from "react-router";
 import { Table, Icon, Label } from "semantic-ui-react";
 import { ConfirmModal } from "@truedat/core/components";
 import { deleteRelation } from "../routines";
 
-const goToResource = ({ history, relationPath }) => history.push(relationPath);
+const goToResource = ({ navigate, relationPath }) => navigate(relationPath);
 
 export const RelationRow = ({
   id,
@@ -18,7 +17,7 @@ export const RelationRow = ({
   tags,
   relationPath,
 }) => {
-  const history = useHistory();
+  const navigate = useNavigate();
   if (_.isEmpty(relationContext)) return null;
   else {
     const { target, source } = relationContext;
@@ -49,11 +48,11 @@ export const RelationRow = ({
       <Table.Row className="selectable_row">
         <Table.Cell
           content={source.name}
-          onClick={() => goToResource({ history, relationPath })}
+          onClick={() => goToResource({ navigate, relationPath })}
         />
         <Table.Cell
           textAlign="center"
-          onClick={() => goToResource({ history, relationPath })}
+          onClick={() => goToResource({ navigate, relationPath })}
         >
           {_.isEmpty(tags) ? (
             <Label>-</Label>
@@ -66,7 +65,7 @@ export const RelationRow = ({
         <Table.Cell
           textAlign="center"
           content={target.name}
-          onClick={() => goToResource({ history, relationPath })}
+          onClick={() => goToResource({ navigate, relationPath })}
         />
         <Table.Cell textAlign="center">
           {canDeleteRelation && (

package/src/components/RelationTagCards.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { createRef } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Button, Card, Checkbox, Icon } from "semantic-ui-react";
@@ -13,14 +13,13 @@ export const RelationTagCards = ({
   relationTagsLoading,
 }) => {
   const { formatMessage } = useIntl();
-
   if (relationTagsLoading) return <div />;
 
   return (
     <>
       <Card.Group>
         {relationTags.map((tag, i) => {
-          const ref = React.createRef(); // Crea una referencia para el checkbox
+          const ref = createRef(); // Crea una referencia para el checkbox
           return (
             <Card key={i}>
               <Card.Content>
@@ -75,7 +74,7 @@ export const RelationTagCards = ({
                         values={{ type: <i>{tag.value.type}</i> }}
                       />
                     }
-                    onConfirm={() => deleteRelationTag({ id: tag.id })}
+                    onConfirm={() => deleteRelationTag({ id: `${tag.id}` })}
                   />
                 </div>
               </Card.Content>

package/src/components/RelationTagForm.js

@@ -1,5 +1,4 @@
 import PropTypes from "prop-types";
-import React from "react";
 import { Button, Form } from "semantic-ui-react";
 import { useForm, Controller } from "react-hook-form";
 import { useIntl } from "react-intl";
@@ -121,7 +120,6 @@ export const RelationTagForm = ({ relationTag, isSubmitting, onSubmit }) => {
           )}
         />
       ) : null}
-
       <div className="actions">
         <Button
           content={formatMessage({ id: "actions.create" })}

package/src/components/RelationTags.js

@@ -1,5 +1,4 @@
-import React from "react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { Button, Header, Icon, Segment } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { RELATION_TAGS_NEW } from "@truedat/core/routes";

package/src/components/RelationTagsLoader.js

@@ -1,9 +1,9 @@
-import React from "react";
+import { Component } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { clearRelationTags, fetchRelationTags } from "../routines";
 
-export class RelationTagsLoader extends React.Component {
+export class RelationTagsLoader extends Component {
   static propTypes = {
     fetchRelationTags: PropTypes.func,
     clearRelationTags: PropTypes.func,

package/src/components/Relations.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Segment, Grid, Table } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";