@jump-section/react 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ScrollManager } from '@jump-section/core';
+
+interface ScrollSectionProviderProps {
+    children: React.ReactNode;
+    offset?: number;
+    behavior?: ScrollBehavior;
+}
+declare const ScrollSectionProvider: React.FC<ScrollSectionProviderProps>;
+declare const useScrollManager: () => ScrollManager;
+
+declare const useScrollSection: (sectionId?: string) => {
+    registerRef: (element: HTMLElement | null) => void;
+    scrollTo: (id: string) => void;
+    activeId: string | null;
+    isActive: boolean;
+};
+
+export { ScrollSectionProvider, useScrollManager, useScrollSection };

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ScrollManager } from '@jump-section/core';
+
+interface ScrollSectionProviderProps {
+    children: React.ReactNode;
+    offset?: number;
+    behavior?: ScrollBehavior;
+}
+declare const ScrollSectionProvider: React.FC<ScrollSectionProviderProps>;
+declare const useScrollManager: () => ScrollManager;
+
+declare const useScrollSection: (sectionId?: string) => {
+    registerRef: (element: HTMLElement | null) => void;
+    scrollTo: (id: string) => void;
+    activeId: string | null;
+    isActive: boolean;
+};
+
+export { ScrollSectionProvider, useScrollManager, useScrollSection };

package/dist/index.js

@@ -0,0 +1 @@
+'use strict';var react=require('react'),core=require('@jump-section/core'),jsxRuntime=require('react/jsx-runtime');var c=react.createContext(null),d=({children:r,offset:e,behavior:n})=>{let t=react.useRef(null);return t.current||(t.current=new core.ScrollManager({offset:e,behavior:n})),react.useEffect(()=>()=>{var l;(l=t.current)==null||l.destroy();},[]),jsxRuntime.jsx(c.Provider,{value:t.current,children:r})},i=()=>{let r=react.useContext(c);if(!r)throw new Error("useScrollManager must be used within a ScrollSectionProvider");return r};var E=r=>{let e=i(),[n,t]=react.useState(null);return react.useEffect(()=>{let o=e.onActiveChange(s=>{t(s);});return ()=>{o();}},[e]),{registerRef:o=>{r&&o?e.registerSection(r,o):r&&!o&&e.unregisterSection(r);},scrollTo:o=>e.scrollTo(o),activeId:n,isActive:r?n===r:false}};exports.ScrollSectionProvider=d;exports.useScrollManager=i;exports.useScrollSection=E;

package/dist/index.mjs

@@ -0,0 +1 @@
+import {createContext,useRef,useEffect,useContext,useState}from'react';import {ScrollManager}from'@jump-section/core';import {jsx}from'react/jsx-runtime';var c=createContext(null),d=({children:r,offset:e,behavior:n})=>{let t=useRef(null);return t.current||(t.current=new ScrollManager({offset:e,behavior:n})),useEffect(()=>()=>{var l;(l=t.current)==null||l.destroy();},[]),jsx(c.Provider,{value:t.current,children:r})},i=()=>{let r=useContext(c);if(!r)throw new Error("useScrollManager must be used within a ScrollSectionProvider");return r};var E=r=>{let e=i(),[n,t]=useState(null);return useEffect(()=>{let o=e.onActiveChange(s=>{t(s);});return ()=>{o();}},[e]),{registerRef:o=>{r&&o?e.registerSection(r,o):r&&!o&&e.unregisterSection(r);},scrollTo:o=>e.scrollTo(o),activeId:n,isActive:r?n===r:false}};export{d as ScrollSectionProvider,i as useScrollManager,E as useScrollSection};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@jump-section/react",
+  "version": "1.0.0",
+  "description": "React hooks for jump-section scroll management",
+  "keywords": [
+    "scroll",
+    "navigation",
+    "section",
+    "jump",
+    "react",
+    "hooks"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bae080311/jump-section.git",
+    "directory": "packages/react"
+  },
+  "license": "ISC",
+  "author": "k_jin.0",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@jump-section/core": "workspace:*"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run --environment jsdom"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}