@xylabs/react-scroll-to-top 7.1.16 → 7.1.20

package/README.md

@@ -1,67 +1,27 @@
-[![logo][]](https://xylabs.com)
-
 # @xylabs/react-scroll-to-top
 
-[![npm-badge][]][npm-link]
-[![npm-downloads-badge][]][npm-link]
-[![jsdelivr-badge][]][jsdelivr-link]
-[![npm-license-badge][]](LICENSE)
-
-> XY Labs generalized React library 
-
-## Table of Contents
+[![npm][npm-badge]][npm-link]
 
--   [Description](#description)
--   [Install](#install)
--   [Maintainers](#maintainers)
--   [License](#license)
--   [Credits](#credits)
-
-## Description
-
-Common React code that is used throughout XYO projects that use React.
+> Common React library for all XY Labs projects that use React
 
 ## Install
 
-Using npm:
-
 ```sh
-npm i --save @xylabs/react-scroll-to-top
+npm install {{name}}
 ```
 
-Using yarn:
+or
 
 ```sh
-yarn add @xylabs/react-scroll-to-top
+yarn add {{name}}
 ```
 
-## Documentation
-[Developer Reference](https://xylabs.github.io/sdk-react)
-
-[Storybook](https://xylabs.github.io/sdk-react/storybook)
-
-## Maintainers
-
--   [Arie Trouw](https://github.com/arietrouw) ([arietrouw.com](https://arietrouw.com))
--   [Matt Jones](https://github.com/jonesmac)
--   [Joel Carter](https://github.com/JoelBCarter)
--   [Jordan Trouw](https://github.com/jordantrouw)
 
 ## License
 
-See the [LICENSE](LICENSE) file for license details
+See the [LICENSE](LICENSE) file for license rights and limitations (LGPL-3.0-only).
 
-## Credits
 
-[Made with 🔥and ❄️ by XY Labs](https://xylabs.com)
-
-[logo]: https://cdn.xy.company/img/brand/XYPersistentCompany_Logo_Icon_Colored.svg
 
 [npm-badge]: https://img.shields.io/npm/v/@xylabs/react-scroll-to-top.svg
 [npm-link]: https://www.npmjs.com/package/@xylabs/react-scroll-to-top
-
-[npm-downloads-badge]: https://img.shields.io/npm/dw/@xylabs/react-scroll-to-top
-[npm-license-badge]: https://img.shields.io/npm/l/@xylabs/react-scroll-to-top
-
-[jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/@xylabs/react-scroll-to-top/badge
-[jsdelivr-link]: https://www.jsdelivr.com/package/npm/@xylabs/react-scroll-to-top

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-scroll-to-top",
-  "version": "7.1.16",
+  "version": "7.1.20",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",
@@ -27,34 +27,35 @@
   "exports": {
     ".": {
       "types": "./dist/browser/index.d.ts",
+      "import": "./dist/browser/index.mjs",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "module": "./dist/browser/index.mjs",
   "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
+  "dependencies": {
+    "@mui/material": "~7.3.9",
+    "react-router-dom": "~7.14.0"
+  },
   "devDependencies": {
-    "@types/react": "^19.2.10",
-    "@xylabs/ts-scripts-yarn3": "~7.3.2",
-    "@xylabs/tsconfig": "~7.3.2",
-    "@xylabs/tsconfig-dom": "~7.3.2",
-    "@xylabs/tsconfig-react": "~7.3.2",
+    "@types/react": "^19.2.14",
+    "@xylabs/ts-scripts-common": "~7.8.5",
+    "@xylabs/ts-scripts-pnpm": "~7.8.5",
+    "@xylabs/tsconfig": "~7.8",
+    "@xylabs/tsconfig-dom": "~7.8.5",
+    "@xylabs/tsconfig-react": "~7.8.5",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "react-router-dom": "^7.13.0",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19",
-    "react-router-dom": "^7"
+    "react": "^19"
   },
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/ScrollToTop.tsx

@@ -1,13 +0,0 @@
-import { useEffect } from 'react'
-import { useLocation } from 'react-router-dom'
-
-// The point of this component it to return to the top of the page on any router navigate
-
-export const ScrollToTop = () => {
-  const { pathname } = useLocation()
-  useEffect(() => {
-    window.scrollTo(0, 0)
-  }, [pathname])
-
-  return null
-}

package/src/ScrollToTopButton.tsx

@@ -1,37 +0,0 @@
-import type { ZoomProps } from '@mui/material'
-import {
-  Box, useScrollTrigger, useTheme, Zoom,
-} from '@mui/material'
-import React from 'react'
-
-export interface ScrollToTopButtonProps extends ZoomProps {
-  anchorId: string
-}
-
-export const ScrollToTopButton: React.FC<ScrollToTopButtonProps> = ({
-  children, anchorId, ...props
-}) => {
-  const trigger = useScrollTrigger({
-    disableHysteresis: true,
-    threshold: 100,
-  })
-
-  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {
-    const divElement = event.target as HTMLElement
-    const anchor = (divElement.ownerDocument ?? document).querySelector(`#${anchorId}`)
-
-    if (anchor) {
-      anchor.scrollIntoView({ behavior: 'smooth', block: 'center' })
-    }
-  }
-
-  const theme = useTheme()
-
-  return (
-    <Zoom in={trigger} {...props}>
-      <Box zIndex={10} position="fixed" right={theme.spacing(2)} bottom={theme.spacing(2)} onClick={handleClick} role="presentation">
-        {children}
-      </Box>
-    </Zoom>
-  )
-}

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from './ScrollToTop.tsx'
-export * from './ScrollToTopButton.tsx'