@truedat/core 4.40.4 → 4.40.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "4.40.4",
+  "version": "4.40.8",
   "description": "Truedat Web Core",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -32,7 +32,7 @@
     "@babel/plugin-transform-modules-commonjs": "^7.15.0",
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-react": "^7.14.5",
-    "@truedat/test": "4.40.4",
+    "@truedat/test": "4.40.8",
     "babel-jest": "^27.0.6",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -106,5 +106,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "e9f62f91507d810f91963967a5f3afa20100c1b9"
+  "gitHead": "b3570c4151f142384ee7201d05f72ed274f2eeb9"
 }

package/src/hooks/index.js

@@ -2,3 +2,4 @@ export * from "./useActiveRoute";
 export * from "./useActiveRoutes";
 export * from "./useAuthorized";
 export * from "./usePath";
+export * from "./useOnScreen";

package/src/hooks/useIsOverflow.js

@@ -0,0 +1,16 @@
+import { useState, useEffect } from "react";
+import { useWindowSize } from "./useWindowSize";
+
+export const useIsOverflow = (ref) => {
+  const [isOverflow, setIsOverflow] = useState(undefined);
+  const size = useWindowSize();
+
+  useEffect(() => {
+    const { current } = ref;
+    if (current) {
+      setIsOverflow(current.scrollWidth > current.clientWidth);
+    }
+  }, [ref, size]);
+
+  return isOverflow;
+};

package/src/hooks/useOnScreen.js

@@ -0,0 +1,26 @@
+import { useEffect, useState } from "react";
+
+export const useOnScreen = (ref, rootMargin = "0px") => {
+  const [isVisible, setIsVisible] = useState(false);
+
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        setIsVisible(entry.isIntersecting);
+      },
+      { rootMargin }
+    );
+
+    const currentElement = ref?.current;
+
+    if (currentElement) {
+      observer.observe(currentElement);
+    }
+
+    return () => observer.unobserve(currentElement);
+  }, []);
+
+  return isVisible;
+};
+
+export default useOnScreen;

package/src/hooks/useWindowSize.js

@@ -0,0 +1,23 @@
+import _ from "lodash/fp";
+import { useState, useEffect } from "react";
+
+export const useWindowSize = (delay = 600) => {
+  const [size, setSize] = useState();
+
+  useEffect(() => {
+    const handleResize = () => {
+      setSize({
+        width: window.innerWidth,
+        height: window.innerHeight,
+      });
+    };
+
+    const debouncedHandleResize = _.debounce(delay)(handleResize);
+    window.addEventListener("resize", debouncedHandleResize);
+    return () => {
+      window.removeEventListener("resize", debouncedHandleResize);
+    };
+  }, [delay]);
+
+  return size;
+};

package/src/routes.js

@@ -86,15 +86,20 @@ export const PROFILE_EXECUTION =
   "/profileGroups/:group_id/profileExecutions/:id";
 export const PROFILE_GROUP = "/profileGroups/:id";
 export const QUALITY_DASHBOARD = "/quality_dashboard";
+export const REMEDIATION_PLAN = "/rule_results/:rule_result_id/remediation";
+export const REMEDIATION_EDIT =
+  "/rules/:id/implementations/:implementation_id/ruleResults/:rule_result_id/remediation/edit";
+export const REMEDIATION_NEW =
+  "/rules/:id/implementations/:implementation_id/ruleResults/:rule_result_id/remediation/new";
 export const ROLE = "/roles/:id";
 export const ROLES = "/roles";
 export const ROLES_NEW = "/roles/new";
-export const RULE = "/rules/:id";
+export const RULE = "/rules/:id(\\d+)";
 export const RULES = "/rules";
 export const RULE_EDIT = "/rules/:id/edit";
 export const RULE_EVENTS = "/rules/:id/events";
 export const RULE_IMPLEMENTATION =
-  "/rules/:id/implementations/:implementation_id";
+  "/rules/:id/implementations/:implementation_id(\\d+)";
 export const RULE_IMPLEMENTATIONS = "/rules/:id/implementations";
 export const RULE_IMPLEMENTATION_EVENTS =
   "/rules/:id/implementations/:implementation_id/events";
@@ -238,6 +243,9 @@ const routes = {
   PROFILE_EXECUTION,
   PROFILE_GROUP,
   QUALITY_DASHBOARD,
+  REMEDIATION_PLAN,
+  REMEDIATION_EDIT,
+  REMEDIATION_NEW,
   ROLE,
   ROLES_NEW,
   ROLES,