@xylabs/react-scroll-to-top 4.0.2 → 4.0.4

package/dist/browser/ScrollToTop.d.ts

@@ -0,0 +1,2 @@
+export declare const ScrollToTop: () => null;
+//# sourceMappingURL=ScrollToTop.d.ts.map

package/dist/browser/ScrollToTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.d.ts","sourceRoot":"","sources":["../../src/ScrollToTop.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,YAOvB,CAAA"}

package/dist/browser/ScrollToTopButton.d.ts

@@ -0,0 +1,7 @@
+import type { ZoomProps } from '@mui/material';
+import React from 'react';
+export interface ScrollToTopButtonProps extends ZoomProps {
+    anchorId: string;
+}
+export declare const ScrollToTopButton: React.FC<ScrollToTopButtonProps>;
+//# sourceMappingURL=ScrollToTopButton.d.ts.map

package/dist/browser/ScrollToTopButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTopButton.d.ts","sourceRoot":"","sources":["../../src/ScrollToTopButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAI9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyB9D,CAAA"}

package/dist/browser/index.d.ts

@@ -1,11 +1,3 @@
-import { ZoomProps } from '@mui/material';
-import React from 'react';
-
-declare const ScrollToTop: () => null;
-
-interface ScrollToTopButtonProps extends ZoomProps {
-    anchorId: string;
-}
-declare const ScrollToTopButton: React.FC<ScrollToTopButtonProps>;
-
-export { ScrollToTop, ScrollToTopButton, type ScrollToTopButtonProps };
+export * from './ScrollToTop.tsx';
+export * from './ScrollToTopButton.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA"}

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 { Box, useScrollTrigger, useTheme, Zoom, ZoomProps } from '@mui/material'\nimport React from 'react'\n\nexport interface ScrollToTopButtonProps extends ZoomProps {\n  anchorId: string\n}\n\nexport const ScrollToTopButton: React.FC<ScrollToTopButtonProps> = ({ children, anchorId, ...props }) => {\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;;;ACL3B,SAASK,KAAKC,kBAAkBC,UAAUC,YAAuB;AACjE,OAAOC,WAAW;AAMX,IAAMC,oBAAsD,wBAAC,EAAEC,UAAUC,UAAU,GAAGC,MAAAA,MAAO;AAClG,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,GAvBmE;","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,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"]}

package/package.json

@@ -1,25 +1,48 @@
 {
   "name": "@xylabs/react-scroll-to-top",
+  "version": "4.0.4",
+  "description": "Common React library for all XY Labs projects that use React",
+  "keywords": [
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "homepage": "https://xylabs.com",
+  "bugs": {
+    "url": "git+https://github.com/xylabs/sdk-react/issues",
+    "email": "support@xylabs.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/xylabs/sdk-react.git"
+  },
+  "license": "LGPL-3.0-only",
   "author": {
-    "email": "support@xylabs.com",
     "name": "XY Labs Development Team",
+    "email": "support@xylabs.com",
     "url": "https://xylabs.com"
   },
-  "bugs": {
-    "email": "support@xylabs.com",
-    "url": "https://github.com/xylabs/sdk-react/issues"
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
+    },
+    "./package.json": "./package.json"
   },
+  "module": "./dist/browser/index.mjs",
+  "types": "dist/browser/index.d.ts",
   "workspaces": [
     "packages/*"
   ],
-  "description": "Common React library for all XY Labs projects that use React",
   "dependencies": {
-    "react-router-dom": "^6.26.0"
+    "react-router-dom": "^6.26.1"
   },
   "devDependencies": {
-    "@types/react": "^18.3.3",
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
-    "@xylabs/tsconfig-react": "^4.0.0-rc.15",
+    "@types/react": "^18.3.4",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "@xylabs/tsconfig-react": "^4.0.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "typescript": "^5.5.4"
@@ -29,30 +52,7 @@
     "react": "^18",
     "react-dom": "^18"
   },
-  "exports": {
-    ".": {
-      "types": "./dist/browser/index.d.ts",
-      "default": "./dist/browser/index.mjs"
-    },
-    "./package.json": "./package.json"
-  },
-  "types": "dist/browser/index.d.ts",
-  "module": "./dist/browser/index.mjs",
-  "homepage": "https://xylabs.com",
-  "keywords": [
-    "utility",
-    "typescript",
-    "react"
-  ],
-  "license": "LGPL-3.0-only",
   "publishConfig": {
     "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/xylabs/sdk-react.git"
-  },
-  "sideEffects": false,
-  "version": "4.0.2",
-  "type": "module"
+  }
 }

package/src/ScrollToTopButton.tsx

@@ -1,11 +1,16 @@
-import { Box, useScrollTrigger, useTheme, Zoom, ZoomProps } from '@mui/material'
+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 }) => {
+export const ScrollToTopButton: React.FC<ScrollToTopButtonProps> = ({
+  children, anchorId, ...props
+}) => {
   const trigger = useScrollTrigger({
     disableHysteresis: true,
     threshold: 100,

package/xy.config.ts

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