@truedat/lm 7.5.7 → 7.5.10

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.7",
+  "version": "7.5.10",
   "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.7",
-    "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.10",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "redux-saga-test-plan": "^4.0.6"
   },
   "dependencies": {
-    "@truedat/core": "7.5.7",
-    "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": "01b1e4eb176b2c491750b524988e32094413515c"
+  "gitHead": "8a8c49e9d5d6bb4e5f2b503b063bfd6dd20a503d"
 }

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,5 +1,5 @@
 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";

package/src/components/RelationGraphDepth.js

@@ -1,11 +1,14 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Segment } from "semantic-ui-react";
-import Slider from "react-rangeslider";
-import "react-rangeslider/lib/index.css";
+// import Slider from "react-rangeslider";
+// import "react-rangeslider/lib/index.css";
 import { FormattedMessage } from "react-intl";
 
+const Slider = () => {
+  return <div>Slider</div>;
+};
+
 export const RelationGraphDepth = ({ onChange, depth, maxDepth }) => {
   return _.isUndefined(maxDepth) ? null : (
     <Segment className={`graph-depth ${maxDepth == 0 ? "disabled" : ""}`}>

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";
@@ -20,7 +20,7 @@ export const RelationTagCards = ({
     <>
       <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>

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";

package/src/components/RelationsGraphLoader.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { useEffect } from "react";
 import { connect } from "react-redux";

package/src/components/StructureLinkRow.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/StructureLinks.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, Button, Grid } 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 { getStructureToConceptLinks } from "../selectors/getStructureLinks";

package/src/components/StructureRelationForm.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 { FormattedMessage } from "react-intl";
 import { connect } from "react-redux";
@@ -10,12 +10,12 @@ import { linkTo } from "@truedat/core/routes";
 import { linkConcept } from "../routines";
 import RelationTagsLoader from "./RelationTagsLoader";
 
-const ConceptSelector = React.lazy(() =>
-  import("@truedat/bg/concepts/relations/components/ConceptSelector")
+const ConceptSelector = lazy(
+  () => import("@truedat/bg/concepts/relations/components/ConceptSelector")
 );
 
-const TagTypeDropdownSelector = React.lazy(() =>
-  import("@truedat/lm/components/TagTypeDropdownSelector")
+const TagTypeDropdownSelector = lazy(
+  () => import("@truedat/lm/components/TagTypeDropdownSelector")
 );
 
 const filters = {
@@ -57,19 +57,16 @@ export const StructureRelationForm = ({
           as="h4"
           content={<FormattedMessage id="structures.relation.new.header" />}
         />
-
         {!_.isEmpty(tagOptions) ? (
           <Form.Field className="concept-relation-form">
             <TagTypeDropdownSelector options={tagOptions} />
           </Form.Field>
         ) : null}
-
         <ConceptSelector
           selectedConcept={selectedConcept}
           handleConceptSelected={handleConceptSelected}
           defaultFilters={filters}
         />
-
         <div className="actions">
           <Button
             primary
@@ -78,7 +75,6 @@ export const StructureRelationForm = ({
             loading={conceptLinking}
             onClick={handleSubmit}
           />
-
           <HistoryBackButton
             content={<FormattedMessage id="actions.cancel" />}
           />

package/src/components/TagTypeDropdownSelector.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import { Form, Dropdown } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";

package/src/components/TagTypeSelector.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Form, Checkbox } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
@@ -35,7 +34,6 @@ export const TagTypeSelector = ({
       <label>
         <FormattedMessage id="relations.relationType" />
       </label>
-
       {options &&
         options.map((option, key) => (
           <div

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { render } from "@truedat/test/render";
 import { ConceptImplementationLink } from "../ConceptImplementationLink";
 

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

@@ -1,16 +1,14 @@
-import _ from "lodash/fp";
-import React from "react";
-import { render } from "@truedat/test/render";
-import { shallow } from "enzyme";
+import { render, waitForLoad } from "@truedat/test/render";
 
 import ConceptLinkTags from "../ConceptLinkTags";
 
-describe("ConceptLinkTags", () => {
-  it("matches the latest snapshot", () => {
-    const link = {
+describe("<ConceptLinkTags />", () => {
+  it("matches the latest snapshot", async () => {
+    const props = {
       tags: ["otro tipo", "business_concept_to_field_master"],
     };
-    const wrapper = shallow(<ConceptLinkTags {...link} />);
-    expect(wrapper).toMatchSnapshot();
+    const rendered = render(<ConceptLinkTags {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });