@truedat/audit 7.5.9 → 7.5.11

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@truedat/audit",
-  "version": "7.5.9",
+  "version": "7.5.11",
   "description": "Truedat Web Audit Module",
   "sideEffects": false,
-  "jsnext:main": "src/index.js",
   "module": "src/index.js",
   "files": [
-    "src"
+    "src",
+    "index.js"
   ],
   "author": "Bluetab Solutions",
   "license": "GPL-3.0",
@@ -15,62 +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)$": "identity-obj-proxy",
+      "\\.(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",
@@ -78,34 +41,45 @@
           "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/auth": "7.5.9",
-    "@truedat/core": "7.5.9",
-    "moment": "^2.29.4",
-    "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-color": "^2.17.3",
-    "react-hook-form": "^7.30.0",
-    "react-intl": "^5.20.10",
-    "react-moment": "^1.1.2",
-    "react-redux": "^7.2.4",
-    "react-router-dom": "^5.2.0",
-    "react-sortable-hoc": "^1.11.0",
-    "redux": "^4.1.1",
-    "redux-saga": "^1.2.1",
+    "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-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",
-    "reselect": "^4.1.7",
-    "semantic-ui-react": "^2.1.4"
-  },
-  "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/ContentFilters.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { Controller, useWatch } from "react-hook-form";
 import PropTypes from "prop-types";
 import { Form } from "semantic-ui-react";
@@ -47,6 +47,7 @@ const renderFixed = (formatMessage, fieldName) =>
       value,
     }))
   );
+
 const renderFixedTuple = (formatMessage, fieldName) =>
   _.flow(
     _.propOr([], "fixed_tuple"),
@@ -104,6 +105,7 @@ export const ContentFilters = ({
       shouldDirty: true,
     });
   };
+
   const fields = _.flow(
     _.find({ id: templateId }),
     fieldsFromTemplate

package/src/components/NotificationEvent.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { FormattedMessage, useIntl } from "react-intl";
 import { Label } from "semantic-ui-react";
@@ -50,7 +50,7 @@ export const NotificationEvent = ({
     } else if (isRead && !isVisible && isVisibleUnreadLabel) {
       setUnreadLabelVisibility(false);
     }
-  }, [isVisible]);
+  }, [isVisible, isRead, isVisibleUnreadLabel, readNotification]);
 
   const template = TEMPLATES[event.event] || "default";
   const eventsWithStatus = ["implementation_status", "grant_approval"];

package/src/components/NotificationsMenu.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { FormattedMessage } from "react-intl";
@@ -19,6 +18,7 @@ export const NotificationsMenu = ({
   useEffect(() => {
     fetchNotifications();
   }, []);
+
   return (
     <>
       {unread_counter > 0 && (
@@ -43,15 +43,7 @@ export const NotificationsMenu = ({
             </Dropdown.Item>
           ) : notifications && notifications.length > 0 ? (
             notifications.map(
-              (
-                {
-                  events,
-                  inserted_at,
-                  id: notificationId,
-                  read_mark: read_mark,
-                },
-                i
-              ) =>
+              ({ events, inserted_at, id: notificationId, read_mark }, i) =>
                 events.map((event, j) => (
                   <Dropdown.Item
                     className="item"

package/src/components/ShareLinkForm.js

@@ -1,19 +1,19 @@
 import _ from "lodash/fp";
-import React, { useRef, useState } from "react";
-import { Button, Container, Form, Header, Ref } from "semantic-ui-react";
+import { lazy, useRef, useState } from "react";
+import { Button, Container, Form, Header } from "semantic-ui-react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import { connect } from "react-redux";
 import { lowerDeburrTrim } from "@truedat/core/services/sort";
+import { getRecipients } from "@truedat/core/selectors";
 import { createNotification } from "../routines";
-import { getRecipients } from "../selectors";
 
-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;
@@ -25,7 +25,7 @@ export const ShareLinkForm = ({
   name,
   url,
   saving,
-  createNotification
+  createNotification,
 }) => {
   const inputRef = useRef(null);
   const { formatMessage } = useIntl();
@@ -37,7 +37,7 @@ export const ShareLinkForm = ({
   const onChange = (_e, { name, value }) => {
     name === "shareDropdown" &&
       _.flow(
-        _.filter(o => value.includes(_.prop("value")(o))),
+        _.filter((o) => value.includes(_.prop("value")(o))),
         setSelected
       )(dropdownOptions);
     name === "shareTextarea" && setMessage(value);
@@ -52,21 +52,23 @@ export const ShareLinkForm = ({
       subject: formatMessage({ id: "share.headers.subject" }),
       message_header: formatMessage({ id: "share.headers.message" }),
       description_header: formatMessage({
-        id: "share.headers.description"
-      })
+        id: "share.headers.description",
+      }),
     };
     createNotification({
       headers,
       message,
       resource: { name, description },
       uri: defaultValue,
-      recipients
+      recipients,
     });
   };
 
   const copy = () => {
-    inputRef.current.lastChild.firstChild.select();
-    document.execCommand("copy");
+    if (inputRef.current) {
+      inputRef.current.select();
+      document.execCommand("copy");
+    }
   };
 
   return (
@@ -75,20 +77,19 @@ export const ShareLinkForm = ({
       <Form onSubmit={onSubmit}>
         <Form.Group>
           <Form.Field width={16}>
-            <Ref innerRef={inputRef}>
-              <Form.Input
-                label={formatMessage({ id: "share.link.label" })}
-                defaultValue={defaultValue}
-                action={{
-                  as: "a",
-                  content: "Copy",
-                  labelPosition: "right",
-                  icon: "copy outline",
-                  onClick: copy
-                }}
-                readOnly
-              />
-            </Ref>
+            <Form.Input
+              label={formatMessage({ id: "share.link.label" })}
+              defaultValue={defaultValue}
+              action={{
+                as: "a",
+                content: "Copy",
+                labelPosition: "right",
+                icon: "copy outline",
+                onClick: copy,
+              }}
+              readOnly
+              input={{ ref: inputRef }}
+            />
           </Form.Field>
         </Form.Group>
         {_.size(usersGroupsQuery) >= MIN_SEARCH_CHARACTERS && (
@@ -100,7 +101,7 @@ export const ShareLinkForm = ({
         <Form.Dropdown
           name="shareDropdown"
           placeholder={formatMessage({
-            id: "share.add_recipients.placeholder"
+            id: "share.add_recipients.placeholder",
           })}
           label={formatMessage({ id: "share.add_recipients.label" })}
           clearable
@@ -140,12 +141,12 @@ ShareLinkForm.propTypes = {
   name: PropTypes.string,
   description: PropTypes.string,
   options: PropTypes.array,
-  saving: PropTypes.bool
+  saving: PropTypes.bool,
 };
 
-export const mapStateToProps = state => ({
+export const mapStateToProps = (state) => ({
   options: getRecipients(state),
-  saving: state?.notificationSaving
+  saving: state?.notificationSaving,
 });
 
 export default connect(mapStateToProps, { createNotification })(ShareLinkForm);

package/src/components/ShareLinkPopup.js

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

package/src/components/Subscription.js

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

package/src/components/SubscriptionActions.js

@@ -1,6 +1,5 @@
-import React from "react";
 import PropTypes from "prop-types";
-import { Link } from "react-router-dom";
+import { Link, useNavigate } from "react-router";
 import { connect } from "react-redux";
 import { Button, Icon } from "semantic-ui-react";
 import { useIntl } from "react-intl";
@@ -8,7 +7,7 @@ import { ConfirmModal, GroupActions } from "@truedat/core/components";
 import { SUBSCRIPTIONS, linkTo } from "@truedat/core/routes";
 import { deleteSubscription } from "@truedat/core/routines";
 
-export const ModalDelete = ({ deleteSubscription, id }) => {
+export const ModalDelete = ({ handleDelete, id }) => {
   const { formatMessage } = useIntl();
   return (
     <ConfirmModal
@@ -26,9 +25,7 @@ export const ModalDelete = ({ deleteSubscription, id }) => {
       content={formatMessage({
         id: "subscription.actions.delete.confirmation.content",
       })}
-      onConfirm={() =>
-        deleteSubscription({ subscription: { id }, redirect: SUBSCRIPTIONS })
-      }
+      onConfirm={() => handleDelete({ id })}
     />
   );
 };
@@ -40,7 +37,14 @@ ModalDelete.propTypes = {
 
 export const SubscriptionActions = ({ deleteSubscription, subscription }) => {
   const { formatMessage } = useIntl();
+  const navigate = useNavigate();
   const id = subscription?.id;
+
+  const onConfirmDelete = async ({ id }) => {
+    await deleteSubscription({ subscription: { id } });
+    navigate(SUBSCRIPTIONS);
+  };
+
   const actions = id
     ? [
         {
@@ -56,7 +60,7 @@ export const SubscriptionActions = ({ deleteSubscription, subscription }) => {
           icon: "trash",
           value: "delete",
           as: ModalDelete,
-          deleteSubscription,
+          handleDelete: onConfirmDelete,
           id,
         },
       ]

package/src/components/SubscriptionCrumbs.js

@@ -1,7 +1,6 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { Breadcrumb } from "semantic-ui-react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { FormattedMessage } from "react-intl";
 import { SUBSCRIPTIONS } from "@truedat/core/routes";
 
@@ -20,7 +19,7 @@ export const SubscriptionCrumbs = ({ title }) => {
 };
 
 SubscriptionCrumbs.propTypes = {
-  title: PropTypes.string
+  title: PropTypes.string,
 };
 
 export default SubscriptionCrumbs;

package/src/components/SubscriptionEdit.js

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