@cruk/cruk-react-components 5.0.8 → 6.0.0

package/lib/src/hooks/useScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.js","sources":["../../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import {\n  useRef,\n  type DependencyList,\n  type RefObject,\n  type MutableRefObject,\n} from \"react\";\n\nimport { useLayoutEffectBrowser } from \"./useLayoutEffectBrowser\";\n\nconst isBrowser = typeof window !== `undefined`;\n\nfunction getScrollPosition({\n  element,\n  useWindow,\n}: {\n  element?: RefObject<HTMLElement> | MutableRefObject<undefined> | null;\n  useWindow: boolean;\n}) {\n  if (!isBrowser) return { x: 0, y: 0 };\n\n  const target = element ? element.current : document.body;\n  const position = target\n    ? target.getBoundingClientRect()\n    : { top: 0, left: 0 };\n\n  return useWindow\n    ? { x: window.scrollX, y: window.scrollY }\n    : { x: position.left, y: position.top };\n}\n\nconst useScrollPosition = (\n  effect: ({\n    currPos,\n  }: {\n    prevPos: { x: number; y: number };\n    currPos: { x: number; y: number };\n  }) => void,\n  deps: DependencyList,\n  element: RefObject<HTMLElement> | MutableRefObject<undefined> | null,\n  useWindow: boolean,\n  wait: number,\n): void => {\n  const position = useRef(getScrollPosition({ useWindow, element }));\n\n  let throttleTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  const callBack = () => {\n    const currPos = getScrollPosition({ element, useWindow });\n    effect({ prevPos: position.current, currPos });\n    position.current = currPos;\n    throttleTimeout = null;\n  };\n\n  useLayoutEffectBrowser(() => {\n    const handleScroll = () => {\n      if (wait) {\n        if (throttleTimeout === null) {\n          throttleTimeout = setTimeout(callBack, wait);\n        }\n      } else {\n        callBack();\n      }\n    };\n    if (isBrowser) {\n      window.addEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => {\n      if (isBrowser) {\n        window.removeEventListener(\"scroll\", handleScroll);\n      }\n    };\n  }, deps);\n};\n\nexport default useScrollPosition;\nexport { useScrollPosition };\n"],"names":["isBrowser","window","getScrollPosition","element","useWindow","x","y","target","document","body","position","getBoundingClientRect","top","left","scrollX","scrollY","useScrollPosition","effect","deps","wait","useRef","throttleTimeout","callBack","currPos","prevPos","current","useLayoutEffectBrowser","handleScroll","setTimeout","addEventListener","removeEventListener"],"mappings":"0EASA,MAAMA,EAA8B,oBAAXC,OAEzB,SAASC,GAAkBC,QACzBA,EAAOC,UACPA,IAKA,IAAKJ,EAAW,MAAO,CAAEK,EAAG,EAAGC,EAAG,GAElC,MAAMC,EAAqCC,SAASC,KAC9CC,EAAWH,EACbA,EAAOI,wBACP,CAAEC,IAAK,EAAGC,KAAM,GAEpB,OAAOT,EACH,CAAEC,EAAGJ,OAAOa,QAASR,EAAGL,OAAOc,SAC/B,CAAEV,EAAGK,EAASG,KAAMP,EAAGI,EAASE,IACtC,CAEA,MAAMI,EAAoB,CACxBC,EAMAC,EACAf,EACAC,EACAe,KAEA,MAAMT,EAAWU,EAAOlB,EAAkB,CAAEE,YAAWD,aAEvD,IAAIkB,EAAwD,KAE5D,MAAMC,EAAW,KACf,MAAMC,EAAUrB,EAAkB,CAAEC,UAASC,cAC7Ca,EAAO,CAAEO,QAASd,EAASe,QAASF,YACpCb,EAASe,QAAUF,EACnBF,EAAkB,IAAI,EAGxBK,GAAuB,KACrB,MAAMC,EAAe,KAEO,OAApBN,IACFA,EAAkBO,WAAWN,EAAUH,KAU7C,OAJInB,GACFC,OAAO4B,iBAAiB,SAAUF,GAG7B,KACD3B,GACFC,OAAO6B,oBAAoB,SAAUH,GAExC,GACAT,EAAK"}
+{"version":3,"file":"useScrollPosition.js","sources":["../../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import { useRef, type DependencyList, type RefObject } from \"react\";\n\nimport { useLayoutEffectBrowser } from \"./useLayoutEffectBrowser\";\n\nconst isBrowser = typeof window !== `undefined`;\n\nfunction getScrollPosition({\n  element,\n  useWindow,\n}: {\n  element?: RefObject<HTMLElement | null> | null;\n  useWindow: boolean;\n}) {\n  if (!isBrowser) return { x: 0, y: 0 };\n\n  const target = element ? element.current : document.body;\n  const position = target\n    ? target.getBoundingClientRect()\n    : { top: 0, left: 0 };\n\n  return useWindow\n    ? { x: window.scrollX, y: window.scrollY }\n    : { x: position.left, y: position.top };\n}\n\nconst useScrollPosition = (\n  effect: ({\n    currPos,\n  }: {\n    prevPos: { x: number; y: number };\n    currPos: { x: number; y: number };\n  }) => void,\n  deps: DependencyList,\n  element: RefObject<HTMLElement | null> | null,\n  useWindow: boolean,\n  wait: number,\n): void => {\n  const position = useRef(getScrollPosition({ useWindow, element }));\n\n  let throttleTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  const callBack = () => {\n    const currPos = getScrollPosition({ element, useWindow });\n    effect({ prevPos: position.current, currPos });\n    position.current = currPos;\n    throttleTimeout = null;\n  };\n\n  useLayoutEffectBrowser(() => {\n    const handleScroll = () => {\n      if (wait) {\n        if (throttleTimeout === null) {\n          throttleTimeout = setTimeout(callBack, wait);\n        }\n      } else {\n        callBack();\n      }\n    };\n    if (isBrowser) {\n      window.addEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => {\n      if (isBrowser) {\n        window.removeEventListener(\"scroll\", handleScroll);\n      }\n    };\n  }, deps);\n};\n\nexport default useScrollPosition;\nexport { useScrollPosition };\n"],"names":["isBrowser","window","getScrollPosition","element","useWindow","x","y","target","document","body","position","getBoundingClientRect","top","left","scrollX","scrollY","useScrollPosition","effect","deps","wait","useRef","throttleTimeout","callBack","currPos","prevPos","current","useLayoutEffectBrowser","handleScroll","setTimeout","addEventListener","removeEventListener"],"mappings":"0EAIA,MAAMA,EAA8B,oBAAXC,OAEzB,SAASC,GAAkBC,QACzBA,EAAOC,UACPA,IAKA,IAAKJ,EAAW,MAAO,CAAEK,EAAG,EAAGC,EAAG,GAElC,MAAMC,EAAqCC,SAASC,KAC9CC,EAAWH,EACbA,EAAOI,wBACP,CAAEC,IAAK,EAAGC,KAAM,GAEpB,OAAOT,EACH,CAAEC,EAAGJ,OAAOa,QAASR,EAAGL,OAAOc,SAC/B,CAAEV,EAAGK,EAASG,KAAMP,EAAGI,EAASE,IACtC,CAEA,MAAMI,EAAoB,CACxBC,EAMAC,EACAf,EACAC,EACAe,KAEA,MAAMT,EAAWU,EAAOlB,EAAkB,CAAEE,YAAWD,aAEvD,IAAIkB,EAAwD,KAE5D,MAAMC,EAAW,KACf,MAAMC,EAAUrB,EAAkB,CAAEC,UAASC,cAC7Ca,EAAO,CAAEO,QAASd,EAASe,QAASF,YACpCb,EAASe,QAAUF,EACnBF,EAAkB,IAAI,EAGxBK,GAAuB,KACrB,MAAMC,EAAe,KAEO,OAApBN,IACFA,EAAkBO,WAAWN,EAAUH,KAU7C,OAJInB,GACFC,OAAO4B,iBAAiB,SAAUF,GAG7B,KACD3B,GACFC,OAAO6B,oBAAoB,SAAUH,GAExC,GACAT,EAAK"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/cruk-react-components",
-  "version": "5.0.8",
+  "version": "6.0.0",
   "description": "React components implementing CRUK, RFL, SU2C & Bowelbabe designs",
   "license": "MIT",
   "publishConfig": {
@@ -20,7 +20,7 @@
     "preanalyze": "npm run build-lib",
     "analyze": "source-map-explorer lib/index.js",
     "cypress-headless": "npx cypress run --component",
-    "cy:open": "npx cypress open --component",
+    "cy:open": "npx cypress open --component ",
     "node-test": " node --import tsx --test-reporter=spec --test 'src/utils/__tests__/testHelpers.test.ts'",
     "node-test-watch": "node --import tsx --test-reporter=spec --watch --test 'src/utils/__tests__/testHelpers.test.ts'",
     "test": "npm run node-test && npm run cypress-headless",
@@ -55,9 +55,9 @@
     "@cruk/eslint-config": "^4",
     "@cypress/webpack-dev-server": "3.5.3",
     "@cypress/webpack-preprocessor": "^6.0.0",
-    "@mdx-js/loader": "^2.2.1",
-    "@mdx-js/mdx": "^2.2.1",
-    "@mdx-js/react": "^2.2.1",
+    "@mdx-js/loader": "^3",
+    "@mdx-js/mdx": "^3",
+    "@mdx-js/react": "^3",
     "@rollup/plugin-commonjs": "^26.0.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
@@ -73,15 +73,15 @@
     "@storybook/test": "^8.5.3",
     "@types/assert": "^1.5.1",
     "@types/node": "^20",
-    "@types/react": "^18.0.1",
-    "@types/react-dom": "^18.0.1",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "axe-core": "^4.8.2",
     "babel-loader": "8.3.0",
     "babel-plugin-styled-components": "^2.0.2",
     "chromatic": "^6.21.0",
-    "cypress": "^13.3.2",
-    "cypress-axe": "1.5.0",
-    "cypress-plugin-tab": "^1.0.5",
+    "cypress": "^14",
+    "cypress-axe": "1.6.0",
+    "cypress-real-events": "^1.14.0",
     "eslint": "^9",
     "eslint-config-prettier": "^10",
     "eslint-plugin-prettier": "^5",
@@ -92,8 +92,8 @@
     "html-webpack-plugin": "^5.3.2",
     "prettier": "^3",
     "prop-types": "^15.8.1",
-    "react": "^18.0.1",
-    "react-dom": "^18.0.1",
+    "react": "^19",
+    "react-dom": "^19",
     "rollup": "^4.22.4",
     "rollup-plugin-typescript2": "^0.36.0",
     "source-map-explorer": "^2.2.2",
@@ -107,15 +107,15 @@
     "webpack-dev-server": "^4.7.3"
   },
   "peerDependencies": {
-    "react": "^18.0.1",
-    "react-dom": "^18.0.1",
+    "react": "^19",
+    "react-dom": "^19",
     "styled-components": "^6.1.11"
   },
   "dependencies": {
     "@fortawesome/fontawesome-common-types": "^6.4.2",
     "@fortawesome/free-brands-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
-    "react-focus-lock": "^2.5.2",
+    "react-focus-lock": "^2",
     "react-intersection-observer": "^9.1.0",
     "react-is": "^18.2.0",
     "release-it": "^17.10.0",