@xylabs/react-scroll-to-top 6.4.0 → 7.0.1

package/dist/browser/index.mjs

@@ -1,49 +1,40 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/ScrollToTop.tsx
 import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
-var ScrollToTop = /* @__PURE__ */ __name(() => {
+var ScrollToTop = () => {
   const { pathname } = useLocation();
   useEffect(() => {
     window.scrollTo(0, 0);
-  }, [
-    pathname
-  ]);
+  }, [pathname]);
   return null;
-}, "ScrollToTop");
+};
 
 // src/ScrollToTopButton.tsx
-import { Box, useScrollTrigger, useTheme, Zoom } from "@mui/material";
-import React from "react";
-var ScrollToTopButton = /* @__PURE__ */ __name(({ children, anchorId, ...props }) => {
+import {
+  Box,
+  useScrollTrigger,
+  useTheme,
+  Zoom
+} from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var ScrollToTopButton = ({
+  children,
+  anchorId,
+  ...props
+}) => {
   const trigger = useScrollTrigger({
     disableHysteresis: true,
     threshold: 100
   });
-  const handleClick = /* @__PURE__ */ __name((event) => {
+  const handleClick = (event) => {
     const anchor = (event.target.ownerDocument || document).querySelector(`#${anchorId}`);
     if (anchor) {
-      anchor.scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      });
+      anchor.scrollIntoView({ behavior: "smooth", block: "center" });
     }
-  }, "handleClick");
+  };
   const theme = useTheme();
-  return /* @__PURE__ */ React.createElement(Zoom, {
-    in: trigger,
-    ...props
-  }, /* @__PURE__ */ React.createElement(Box, {
-    zIndex: 10,
-    position: "fixed",
-    right: theme.spacing(2),
-    bottom: theme.spacing(2),
-    onClick: handleClick,
-    role: "presentation"
-  }, children));
-}, "ScrollToTopButton");
+  return /* @__PURE__ */ jsx(Zoom, { in: trigger, ...props, children: /* @__PURE__ */ jsx(Box, { zIndex: 10, position: "fixed", right: theme.spacing(2), bottom: theme.spacing(2), onClick: handleClick, role: "presentation", children }) });
+};
 export {
   ScrollToTop,
   ScrollToTopButton

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ScrollToTop.tsx","../../src/ScrollToTopButton.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\n// The point of this component it to return to the top of the page on any router navigate\n\nexport const ScrollToTop = () => {\n  const { pathname } = useLocation()\n  useEffect(() => {\n    window.scrollTo(0, 0)\n  }, [pathname])\n\n  return null\n}\n","import type { ZoomProps } from '@mui/material'\nimport {\n  Box, useScrollTrigger, useTheme, Zoom,\n} from '@mui/material'\nimport React from 'react'\n\nexport interface ScrollToTopButtonProps extends ZoomProps {\n  anchorId: string\n}\n\nexport const ScrollToTopButton: React.FC<ScrollToTopButtonProps> = ({\n  children, anchorId, ...props\n}) => {\n  const trigger = useScrollTrigger({\n    disableHysteresis: true,\n    threshold: 100,\n  })\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    const anchor = ((event.target as HTMLDivElement).ownerDocument || document).querySelector(`#${anchorId}`)\n\n    if (anchor) {\n      anchor.scrollIntoView({ behavior: 'smooth', block: 'center' })\n    }\n  }\n\n  const theme = useTheme()\n\n  return (\n    <Zoom in={trigger} {...props}>\n      <Box zIndex={10} position=\"fixed\" right={theme.spacing(2)} bottom={theme.spacing(2)} onClick={handleClick} role=\"presentation\">\n        {children}\n      </Box>\n    </Zoom>\n  )\n}\n"],"mappings":";;;;AAAA,SAASA,iBAAiB;AAC1B,SAASC,mBAAmB;AAIrB,IAAMC,cAAc,6BAAA;AACzB,QAAM,EAAEC,SAAQ,IAAKC,YAAAA;AACrBC,YAAU,MAAA;AACRC,WAAOC,SAAS,GAAG,CAAA;EACrB,GAAG;IAACJ;GAAS;AAEb,SAAO;AACT,GAP2B;;;ACJ3B,SACEK,KAAKC,kBAAkBC,UAAUC,YAC5B;AACP,OAAOC,WAAW;AAMX,IAAMC,oBAAsD,wBAAC,EAClEC,UAAUC,UAAU,GAAGC,MAAAA,MACxB;AACC,QAAMC,UAAUC,iBAAiB;IAC/BC,mBAAmB;IACnBC,WAAW;EACb,CAAA;AAEA,QAAMC,cAAc,wBAACC,UAAAA;AACnB,UAAMC,UAAWD,MAAME,OAA0BC,iBAAiBC,UAAUC,cAAc,IAAIZ,QAAAA,EAAU;AAExG,QAAIQ,QAAQ;AACVA,aAAOK,eAAe;QAAEC,UAAU;QAAUC,OAAO;MAAS,CAAA;IAC9D;EACF,GANoB;AAQpB,QAAMC,QAAQC,SAAAA;AAEd,SACE,sBAAA,cAACC,MAAAA;IAAKC,IAAIjB;IAAU,GAAGD;KACrB,sBAAA,cAACmB,KAAAA;IAAIC,QAAQ;IAAIC,UAAS;IAAQC,OAAOP,MAAMQ,QAAQ,CAAA;IAAIC,QAAQT,MAAMQ,QAAQ,CAAA;IAAIE,SAASpB;IAAaqB,MAAK;KAC7G5B,QAAAA,CAAAA;AAIT,GAzBmE;","names":["useEffect","useLocation","ScrollToTop","pathname","useLocation","useEffect","window","scrollTo","Box","useScrollTrigger","useTheme","Zoom","React","ScrollToTopButton","children","anchorId","props","trigger","useScrollTrigger","disableHysteresis","threshold","handleClick","event","anchor","target","ownerDocument","document","querySelector","scrollIntoView","behavior","block","theme","useTheme","Zoom","in","Box","zIndex","position","right","spacing","bottom","onClick","role"]}
+{"version":3,"sources":["../../src/ScrollToTop.tsx","../../src/ScrollToTopButton.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\n// The point of this component it to return to the top of the page on any router navigate\n\nexport const ScrollToTop = () => {\n  const { pathname } = useLocation()\n  useEffect(() => {\n    window.scrollTo(0, 0)\n  }, [pathname])\n\n  return null\n}\n","import type { ZoomProps } from '@mui/material'\nimport {\n  Box, useScrollTrigger, useTheme, Zoom,\n} from '@mui/material'\nimport React from 'react'\n\nexport interface ScrollToTopButtonProps extends ZoomProps {\n  anchorId: string\n}\n\nexport const ScrollToTopButton: React.FC<ScrollToTopButtonProps> = ({\n  children, anchorId, ...props\n}) => {\n  const trigger = useScrollTrigger({\n    disableHysteresis: true,\n    threshold: 100,\n  })\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    const anchor = ((event.target as HTMLDivElement).ownerDocument || document).querySelector(`#${anchorId}`)\n\n    if (anchor) {\n      anchor.scrollIntoView({ behavior: 'smooth', block: 'center' })\n    }\n  }\n\n  const theme = useTheme()\n\n  return (\n    <Zoom in={trigger} {...props}>\n      <Box zIndex={10} position=\"fixed\" right={theme.spacing(2)} bottom={theme.spacing(2)} onClick={handleClick} role=\"presentation\">\n        {children}\n      </Box>\n    </Zoom>\n  )\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAIrB,IAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,SAAS,IAAI,YAAY;AACjC,YAAU,MAAM;AACd,WAAO,SAAS,GAAG,CAAC;AAAA,EACtB,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACT;;;ACXA;AAAA,EACE;AAAA,EAAK;AAAA,EAAkB;AAAA,EAAU;AAAA,OAC5B;AA2BD;AApBC,IAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EAAU;AAAA,EAAU,GAAG;AACzB,MAAM;AACJ,QAAM,UAAU,iBAAiB;AAAA,IAC/B,mBAAmB;AAAA,IACnB,WAAW;AAAA,EACb,CAAC;AAED,QAAM,cAAc,CAAC,UAA4C;AAC/D,UAAM,UAAW,MAAM,OAA0B,iBAAiB,UAAU,cAAc,IAAI,QAAQ,EAAE;AAExG,QAAI,QAAQ;AACV,aAAO,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS,CAAC;AAAA,IAC/D;AAAA,EACF;AAEA,QAAM,QAAQ,SAAS;AAEvB,SACE,oBAAC,QAAK,IAAI,SAAU,GAAG,OACrB,8BAAC,OAAI,QAAQ,IAAI,UAAS,SAAQ,OAAO,MAAM,QAAQ,CAAC,GAAG,QAAQ,MAAM,QAAQ,CAAC,GAAG,SAAS,aAAa,MAAK,gBAC7G,UACH,GACF;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-scroll-to-top",
-  "version": "6.4.0",
+  "version": "7.0.1",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",
@@ -33,25 +33,30 @@
   },
   "module": "./dist/browser/index.mjs",
   "types": "dist/browser/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
   "workspaces": [
     "packages/*"
   ],
   "dependencies": {
-    "react-router-dom": "^7.7.1"
+    "react-router-dom": "~7.8.0"
   },
   "devDependencies": {
-    "@types/react": "^19.1.8",
-    "@xylabs/ts-scripts-yarn3": "^7.0.1",
-    "@xylabs/tsconfig-react": "^7.0.1",
-    "knip": "^5.62.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "typescript": "^5.8.3"
+    "@types/react": "~19.1.10",
+    "@xylabs/ts-scripts-yarn3": "~7.1.1",
+    "@xylabs/tsconfig": "~7.1.1",
+    "@xylabs/tsconfig-dom": "~7.1.1",
+    "@xylabs/tsconfig-react": "~7.1.1",
+    "react": "~19.1.1",
+    "react-dom": "~19.1.1",
+    "typescript": "~5.9.2"
   },
   "peerDependencies": {
     "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19"
+    "react": "~19",
+    "react-dom": "~19"
   },
   "publishConfig": {
     "access": "public"

package/knip.config.ts

@@ -1,16 +0,0 @@
-import type { KnipConfig } from 'knip'
-
-const config: KnipConfig = {
-  entry: [
-    'src/index.ts',
-  ],
-  ignore: ['packages/**'],
-  project: ['src/**/*.ts*'],
-  typescript: {
-    config: [
-      'tsconfig.json',
-    ],
-  },
-}
-
-export default config

package/xy.config.ts

@@ -1,10 +0,0 @@
-import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
-const config: XyTsupConfig = {
-  compile: {
-    browser: { src: {} },
-    node: {},
-    neutral: {},
-  },
-}
-
-export default config