@truedat/core 7.5.9 → 7.5.10

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@truedat/core",
-  "version": "7.5.9",
+  "version": "7.5.10",
   "description": "Truedat Web Core",
   "sideEffects": false,
-  "jsnext:main": "src/index.js",
   "module": "src/index.js",
   "files": [
     "src",
@@ -16,69 +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/react-hooks": "^8.0.1",
-    "@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",
-    "jest-localstorage-mock": "^2.4.14",
-    "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"
+      "<rootDir>/src"
     ],
     "moduleNameMapper": {
       "\\.(css|less|png)$": "identity-obj-proxy",
       "^@truedat/([^/]+)$": "<rootDir>/../$1/src/index",
       "^@truedat/([^/]+)/(.*)$": "<rootDir>/../$1/src/$2"
     },
-    "setupFiles": [
-      "jest-localstorage-mock"
-    ],
     "setupFilesAfterEnv": [
       "@truedat/test/setup"
     ],
-    "snapshotSerializers": [
-      "enzyme-to-json/serializer"
-    ],
     "testEnvironment": "jsdom",
-    "testPathIgnorePatterns": [
-      "<rootDir>/node_modules/"
-    ],
     "transform": {
       "\\.js$": [
         "babel-jest",
@@ -88,35 +43,46 @@
       ]
     }
   },
+  "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": {
-    "@apollo/client": "^3.7.1",
-    "axios": "^1.6.0",
-    "decode-uri-component": "^0.2.2",
+    "@apollo/client": "^3.13.5",
+    "axios": "^1.8.4",
+    "graphql": "^16.10.0",
     "immutable": "^4.1.0",
-    "is-hotkey": "^0.1.6",
+    "is-hotkey": "^0.2.0",
     "is-url": "^1.2.4",
-    "moment": "^2.29.4",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "path-to-regexp": "^8.2.0",
     "prop-types": "^15.8.1",
     "query-string": "^7.1.2",
+    "react": "^19.0.0",
     "react-csv": "^2.2.2",
-    "react-dropzone": "^4.2.13",
-    "react-intl": "^5.20.10",
-    "react-moment": "^1.1.2",
-    "react-redux": "^7.2.4",
-    "react-router-dom": "^5.2.0",
-    "redux": "^4.1.1",
-    "redux-saga": "^1.2.1",
+    "react-dom": "^19.0.0",
+    "react-dropzone": "^14.3.8",
+    "react-hook-form": "^7.54.2",
+    "react-intl": "^7.1.10",
+    "react-moment": "^1.1.3",
+    "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",
+    "reselect": "^5.1.1",
+    "semantic-ui-calendar-react": "^0.15.3",
+    "semantic-ui-react": "^3.0.0-beta.2",
     "slate": "^0.47.3",
     "slate-react": "^0.22.3",
-    "swr": "^2.0.0",
-    "validator": "^13.6.0"
-  },
-  "peerDependencies": {
-    "react": ">= 16.8.6 < 17",
-    "react-dom": ">= 16.8.6 < 17",
-    "semantic-ui-react": ">= 2.0.3 < 2.2"
+    "swr": "^2.3.3"
   },
-  "gitHead": "03770e3241daa955de2e6e40fdaea91e3d147860"
+  "gitHead": "8a8c49e9d5d6bb4e5f2b503b063bfd6dd20a503d"
 }

package/src/__tests__/routesTree.spec.js

@@ -0,0 +1,108 @@
+import { path, absolutePath, relativePath } from "../routesTree";
+
+describe("routesTree", () => {
+  describe("path function", () => {
+    it("should return root path when no location is provided", () => {
+      expect(path()).toBe("/");
+      expect(path("")).toBe("/");
+    });
+
+    it("should return root path for empty segments", () => {
+      expect(path("/")).toBe("/");
+      expect(path("///")).toBe("/");
+    });
+
+    it("should return the correct path for valid locations", () => {
+      expect(path("i18n")).toBe("i18n");
+      expect(path("i18n/messages")).toBe("messages");
+      expect(path("i18n/messages/new")).toBe("new");
+    });
+
+    it("should handle leading and trailing slashes", () => {
+      expect(path("/i18n")).toBe("i18n");
+      expect(path("i18n/")).toBe("i18n");
+      expect(path("/i18n/messages/")).toBe("messages");
+      expect(path("/i18n/messages/new/")).toBe("new");
+    });
+
+    it("should return undefined for invalid locations", () => {
+      expect(path("invalid")).toBeUndefined();
+      expect(path("i18n/invalid")).toBeUndefined();
+      expect(path("i18n/messages/invalid")).toBeUndefined();
+    });
+
+    it("should handle nested paths correctly", () => {
+      expect(path("i18n/messages")).toBe("messages");
+    });
+  });
+
+  describe("absolutePath function", () => {
+    it("should return root path when no location is provided", () => {
+      expect(absolutePath()).toBe("/");
+      expect(absolutePath("")).toBe("/");
+    });
+
+    it("should return root path for empty segments", () => {
+      expect(absolutePath("/")).toBe("/");
+      expect(absolutePath("///")).toBe("/");
+    });
+
+    it("should return the correct absolute path for valid locations", () => {
+      expect(absolutePath("i18n")).toBe("/i18n");
+      expect(absolutePath("i18n/messages")).toBe("/i18n/messages");
+      expect(absolutePath("i18n/messages/new")).toBe("/i18n/messages/new");
+    });
+
+    it("should handle leading and trailing slashes", () => {
+      expect(absolutePath("/i18n")).toBe("/i18n");
+      expect(absolutePath("i18n/")).toBe("/i18n");
+      expect(absolutePath("/i18n/messages/")).toBe("/i18n/messages");
+      expect(absolutePath("/i18n/messages/new/")).toBe("/i18n/messages/new");
+    });
+
+    it("should return undefined for invalid locations", () => {
+      expect(absolutePath("invalid")).toBeUndefined();
+      expect(absolutePath("i18n/invalid")).toBeUndefined();
+      expect(absolutePath("i18n/messages/invalid")).toBeUndefined();
+    });
+
+    it("should handle nested paths correctly", () => {
+      expect(absolutePath("i18n/messages")).toBe("/i18n/messages");
+    });
+  });
+
+  describe("relativePath function", () => {
+    it("should return empty string when no location is provided", () => {
+      expect(relativePath()).toBe("");
+      expect(relativePath("")).toBe("");
+    });
+
+    it("should return empty string for root path", () => {
+      expect(relativePath("/")).toBe("");
+      expect(relativePath("///")).toBe("");
+    });
+
+    it("should return the correct relative path for valid locations", () => {
+      expect(relativePath("i18n")).toBe("i18n");
+      expect(relativePath("i18n/messages")).toBe("i18n/messages");
+      expect(relativePath("i18n/messages/new")).toBe("i18n/messages/new");
+    });
+
+    it("should handle leading and trailing slashes", () => {
+      expect(relativePath("/i18n")).toBe("i18n");
+      expect(relativePath("i18n/")).toBe("i18n");
+      expect(relativePath("/i18n/messages/")).toBe("i18n/messages");
+      expect(relativePath("/i18n/messages/new/")).toBe("i18n/messages/new");
+    });
+
+    it("should return undefined for invalid locations", () => {
+      expect(relativePath("invalid")).toBeUndefined();
+      expect(relativePath("i18n/invalid")).toBeUndefined();
+      expect(relativePath("i18n/messages/invalid")).toBeUndefined();
+    });
+
+    it("should handle nested paths correctly", () => {
+      expect(relativePath("i18n/messages")).toBe("i18n/messages");
+    });
+  });
+});

package/src/api/queries.js

@@ -73,3 +73,13 @@ export const FUNCTIONS_QUERY = gql`
     }
   }
 `;
+
+export const CATALOG_VIEW_CONFIGS_QUERY = gql`
+  query CatalogViewConfigs {
+    catalogViewConfigs {
+      id
+      fieldType
+      fieldName
+    }
+  }
+`;

package/src/api.js

@@ -11,3 +11,6 @@ export const API_USER_FILTER = "/api/:type/:id";
 export const API_GET_USER_FILTERS = "/api/:type/me";
 export const API_ACL_ENTRY = "/api/acl_entries/:id";
 export const API_ACL_RESOURCE_ENTRIES = "/api/acl_entries/:type/:id";
+export const API_HIERARCHIES = "/api/hierarchies";
+export const API_HIERARCHY = "/api/hierarchies/:id";
+export const API_SYSTEMS = "/api/systems";

package/src/components/AddMemberForm.js

@@ -1,7 +1,7 @@
 import _ from "lodash/fp";
-import React, { useState } from "react";
+import { lazy, useState } from "react";
 import PropTypes from "prop-types";
-import { Button, Form } from "semantic-ui-react";
+import { Button, Form, FormInput, FormSelect } from "semantic-ui-react";
 import { useForm, Controller } from "react-hook-form";
 import { useIntl } from "react-intl";
 import { connect } from "react-redux";
@@ -10,14 +10,14 @@ import {
   lowerDeburrTrim,
 } from "@truedat/core/services/sort";
 import { HistoryBackButton } from "@truedat/core/components";
-import { getRecipients } from "@truedat/audit/selectors";
+import { getRecipients } from "@truedat/core/selectors";
 import { useAclEntryCreate } from "@truedat/core/hooks/useAclEntries";
 
-const UsersSearchLoader = React.lazy(() =>
-  import("@truedat/auth/users/components/UsersSearchLoader")
+const UsersSearchLoader = lazy(
+  () => import("@truedat/auth/users/components/UsersSearchLoader")
 );
-const GroupsSearchLoader = React.lazy(() =>
-  import("@truedat/auth/groups/components/GroupsSearchLoader")
+const GroupsSearchLoader = lazy(
+  () => import("@truedat/auth/groups/components/GroupsSearchLoader")
 );
 
 const MIN_SEARCH_CHARACTERS = 2;
@@ -72,7 +72,7 @@ export const AddMemberForm = ({ resource, onSuccess, roles, options }) => {
           field: { onBlur, onChange, value },
           fieldState: { error },
         }) => (
-          <Form.Dropdown
+          <FormSelect
             placeholder={formatMessage({
               id: "domain.member",
             })}
@@ -103,7 +103,7 @@ export const AddMemberForm = ({ resource, onSuccess, roles, options }) => {
           field: { onBlur, onChange, value },
           fieldState: { error },
         }) => (
-          <Form.Select
+          <FormSelect
             basic
             clearable
             error={!!error}
@@ -129,7 +129,7 @@ export const AddMemberForm = ({ resource, onSuccess, roles, options }) => {
           field: { onBlur, onChange, value },
           fieldState: { error },
         }) => (
-          <Form.Input
+          <FormInput
             autoComplete="off"
             error={!!error}
             id="description"

package/src/components/AddResourceMember.js

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

package/src/components/AdminMenu.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { useIntl } from "react-intl";
 import { useAuthorized } from "../hooks";
 import {

package/src/components/AiMenu.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { useIntl } from "react-intl";
 import { useAuthorized } from "../hooks";
 import {

package/src/components/Alert.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 { useIntl } from "react-intl";
 import { connect } from "react-redux";

package/src/components/AlertExporter.js

@@ -1,7 +1,6 @@
 /* eslint-disable fp/no-mutation */
 /* eslint-disable fp/no-let */
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import { CSVLink } from "react-csv";

package/src/components/ArrayDecorator.js

@@ -1,6 +1,5 @@
 import _ from "lodash/fp";
 import PropTypes from "prop-types";
-import React from "react";
 import { Label, Popup } from "semantic-ui-react";
 
 const ArrayDecorator = (limit, concatenator) => (list) => {

package/src/components/Authorized.js

@@ -1,14 +1,14 @@
 import PropTypes from "prop-types";
 import { useAuthorized } from "../hooks/useAuthorized";
 
-export const Authorized = props => {
+export const Authorized = (props) => {
   const authorized = useAuthorized(props.roles);
   return authorized ? props.children : null;
 };
 
 Authorized.propTypes = {
   children: PropTypes.node,
-  roles: PropTypes.array
+  roles: PropTypes.array,
 };
 
 export default Authorized;

package/src/components/AvailableFilters.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { Fragment } from "react";
+import { Fragment } from "react";
 import PropTypes from "prop-types";
 import { Dropdown } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
@@ -77,7 +77,6 @@ export const AvailableFilters = ({
                 </b>
               </Dropdown.Header>
             ) : null}
-
             {_.flow(
               _.defaultTo([]),
               _.sortBy(i18nOrder(formatMessage, "filters")),

package/src/components/CSVFileModal.js

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

package/src/components/CardGroupsAccordion.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import PropTypes from "prop-types";
 import _ from "lodash/fp";
 import { useIntl } from "react-intl";

package/src/components/CatalogMenu.js

@@ -1,8 +1,7 @@
 import _ from "lodash/fp";
 import PropTypes from "prop-types";
-import React from "react";
 import { useQuery } from "@apollo/client";
-import { CATALOG_VIEW_CONFIGS_QUERY } from "@truedat/dd/api/queries";
+import { CATALOG_VIEW_CONFIGS_QUERY } from "@truedat/core/api/queries";
 import { linkTo } from "@truedat/core/routes";
 import { useIntl } from "react-intl";
 import { useAuthorized } from "../hooks";

package/src/components/CommentRow.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Comment } from "semantic-ui-react";
 import Moment from "react-moment";
@@ -16,7 +15,7 @@ const avatarStyle = {
   float: "left",
   textAlign: "center",
   lineHeight: "35px",
-  textTransform: "uppercase"
+  textTransform: "uppercase",
 };
 
 const avatarSeparatorStyle = {
@@ -25,7 +24,7 @@ const avatarSeparatorStyle = {
   marginLeft: "15px",
   marginTop: "5px",
   width: "5px",
-  position: "absolute"
+  position: "absolute",
 };
 
 const colors = [
@@ -40,13 +39,13 @@ const colors = [
   "#4C3F54",
   "#A10115",
   "#F78B2D",
-  "#556DAC"
+  "#556DAC",
 ];
 
-const getHashString = str =>
+const getHashString = (str) =>
   str.split("").reduce((a, b) => a + b.charCodeAt(0), 0);
 
-const getColor = user =>
+const getColor = (user) =>
   typeof user === "string"
     ? colors[getHashString(user) % colors.length]
     : _.sample(colors);
@@ -62,7 +61,7 @@ const UserAvatar = ({ userName }) => (
 );
 
 UserAvatar.propTypes = {
-  userName: PropTypes.string
+  userName: PropTypes.string,
 };
 
 export const CommentRow = ({ user, content, created_at }, i) => (
@@ -81,7 +80,7 @@ export const CommentRow = ({ user, content, created_at }, i) => (
 CommentRow.propTypes = {
   user: PropTypes.object,
   content: PropTypes.string,
-  created_at: PropTypes.string
+  created_at: PropTypes.string,
 };
 
 export default CommentRow;

package/src/components/Comments.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { useIntl } from "react-intl";
@@ -23,13 +22,13 @@ export const Comments = ({ comments, commentsResource }) => {
 Comments.propTypes = {
   comments: PropTypes.array,
   commentsResource: PropTypes.object,
-  intl: PropTypes.object
+  intl: PropTypes.object,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   comments: state.comments,
   commentsLoading: state.commentsLoading,
-  commentsResource: state.commentsResource
+  commentsResource: state.commentsResource,
 });
 
 export default connect(mapStateToProps)(Comments);

package/src/components/CommentsForm.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { Component } from "react";
 import PropTypes from "prop-types";
 import { Button, Form } from "semantic-ui-react";
 import { connect } from "react-redux";
@@ -6,7 +6,7 @@ import { compose } from "redux";
 import { injectIntl } from "react-intl";
 import { createComment } from "../routines";
 
-class CommentsForm extends React.Component {
+class CommentsForm extends Component {
   static propTypes = {
     createComment: PropTypes.func,
     commentsResource: PropTypes.object,

package/src/components/ConfirmModal.js

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

package/src/components/CursorPagination.js

@@ -1,8 +1,7 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import queryString from "query-string";
-import { useLocation, Link } from "react-router-dom";
+import { useLocation, Link } from "react-router";
 import { Menu } from "semantic-ui-react";
 
 export const CursorPagination = ({ pageInfo, className }) => {

package/src/components/DashboardMenu.js

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

package/src/components/Date.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import Moment from "react-moment";
 

package/src/components/DateFilter.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import moment from "moment";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";

package/src/components/DateRangeFilter.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import moment from "moment";
 import PropTypes from "prop-types";
 import { DatesRangeInput } from "semantic-ui-calendar-react";

package/src/components/DateTime.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import Moment from "react-moment";
 

package/src/components/DescriptionInput.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import { Input } from "semantic-ui-react";

package/src/components/DomainSelector.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import { useQuery } from "@apollo/client";
@@ -7,7 +6,7 @@ import { accentInsensitivePathOrder } from "../services/sort";
 import { stratify, flatten } from "../services/tree";
 import { DOMAINS_QUERY } from "../api/queries";
 import TreeSelector from "./TreeSelector";
-
+import Loading from "./Loading";
 export const DomainSelector = ({
   allNodesOpen,
   action,
@@ -33,7 +32,7 @@ export const DomainSelector = ({
     onCompleted: onLoad,
   });
   if (error) return null;
-  if (loading) return null;
+  if (loading) return <Loading />;
 
   const options = _.flow(
     _.propOr([], "domains"),

package/src/components/DropdownMenuItem.js

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