@impulse-ui-native/scroll-view 0.0.0-stage → 9.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ImpulseUI Native contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,60 @@
-# Temporary Holding Version
+# @impulse-ui-native/scroll-view
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Native React Native ScrollView and a small hook to reveal an initially selected child with its actual measured size.
+
+## Installation
+
+```sh
+pnpm add @impulse-ui-native/scroll-view
+```
+
+React and React Native are peer dependencies. No theme provider is required. The toolkit also exports this package.
+
+## Usage
+
+```tsx
+import { useRef } from "react";
+import { Pressable, Text } from "react-native";
+
+import {
+  ScrollView,
+  useScrollViewInitialScroll,
+} from "@impulse-ui-native/scroll-view";
+
+function Options({ items, selectedValue }) {
+  const initialValue = useRef(selectedValue).current;
+  const scroll = useScrollViewInitialScroll({ horizontal: true });
+
+  return (
+    <ScrollView
+      ref={scroll.scrollViewRef}
+      horizontal
+      onLayout={scroll.onLayout}
+      onContentSizeChange={scroll.onContentSizeChange}
+      onScrollBeginDrag={scroll.onScrollBeginDrag}
+    >
+      {items.map((item) => (
+        <Pressable
+          key={item.value}
+          ref={item.value === initialValue ? scroll.targetRef : undefined}
+          onLayout={
+            item.value === initialValue ? scroll.onTargetLayout : undefined
+          }
+        >
+          <Text>{item.label}</Text>
+        </Pressable>
+      ))}
+    </ScrollView>
+  );
+}
+```
+
+The hook waits for viewport, content, and target layout, then measures the target relative to the native ScrollView with `measureLayout`. This uses layout coordinates rather than the current visual scroll position. Nested native wrappers, padding, gaps, and variable item sizes are included. Attach `targetRef` to one native View or a component forwarding its native View ref. Compose `onTargetLayout` with any existing item layout callback.
+
+It scrolls only far enough to reveal the target, without animation. Already visible items retain the initial position; oversized items align at their leading edge. The default axis is vertical; pass `horizontal: true` to the hook and ScrollView for horizontal content.
+
+Pass `enabled: false` to skip positioning. Pass native `contentOffset` to both the hook and ScrollView to preserve an explicit starting position. Existing `onLayout`, `onContentSizeChange`, and `onScrollBeginDrag` callbacks can be passed to the hook; its returned handlers invoke them with the original arguments. Other native props remain available because `ScrollView` is the native component.
+
+Positioning happens once per mount. A user drag cancels pending positioning. Later selection and layout changes do not scroll again. Mount with the initial selection and content available, and remount when a fresh initial position is needed. This hook is for ordinary, unzoomed ScrollViews without automatic/custom content insets or snapping.
+
+Exports: `ScrollView`, `ScrollViewProps`, `useScrollViewInitialScroll`, and `UseScrollViewInitialScrollOptions`.

package/dist/hooks/index.d.mts

@@ -0,0 +1,4 @@
+export { useScrollViewInitialScroll } from './use-scroll-view-initial-scroll.hook.mjs';
+import 'react-native';
+import 'react';
+import '../types/use-scroll-view-initial-scroll.types.mjs';

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./use-scroll-view-initial-scroll.hook";
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from \"./use-scroll-view-initial-scroll.hook\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/hooks/use-scroll-view-initial-scroll.hook.d.mts

@@ -0,0 +1,14 @@
+import { ScrollView, View, LayoutChangeEvent, NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
+import * as react from 'react';
+import { UseScrollViewInitialScrollOptions } from '../types/use-scroll-view-initial-scroll.types.mjs';
+
+declare function useScrollViewInitialScroll({ enabled, horizontal, contentOffset, onLayout, onContentSizeChange, onScrollBeginDrag, }?: UseScrollViewInitialScrollOptions): {
+    scrollViewRef: react.RefObject<ScrollView | null>;
+    targetRef: react.RefObject<View | null>;
+    onTargetLayout: () => void;
+    onLayout: (event: LayoutChangeEvent) => void;
+    onContentSizeChange: (width: number, height: number) => void;
+    onScrollBeginDrag: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+};
+
+export { useScrollViewInitialScroll };

package/dist/hooks/use-scroll-view-initial-scroll.hook.js

@@ -0,0 +1,104 @@
+import { useRef } from "react";
+import { useEventCallback } from "@impulse-ui-native/core";
+import { getScrollViewRevealOffset } from "../utils/get-scroll-view-reveal-offset";
+function useScrollViewInitialScroll({
+  enabled = true,
+  horizontal = false,
+  contentOffset,
+  onLayout,
+  onContentSizeChange,
+  onScrollBeginDrag
+} = {}) {
+  const scrollViewRef = useRef(null);
+  const targetRef = useRef(null);
+  const viewportSizeRef = useRef(0);
+  const contentSizeRef = useRef(0);
+  const completedRef = useRef(false);
+  const measuringRef = useRef(false);
+  const handleMeasurement = useEventCallback(
+    ({ scrollView, target, layout }) => {
+      measuringRef.current = false;
+      if (!enabled || contentOffset || completedRef.current) {
+        return;
+      }
+      if (scrollViewRef.current !== scrollView || targetRef.current !== target) {
+        return;
+      }
+      const targetSize = horizontal ? layout.width : layout.height;
+      if (targetSize <= 0) {
+        return;
+      }
+      const offset = getScrollViewRevealOffset({
+        layout,
+        viewportSize: viewportSizeRef.current,
+        contentSize: contentSizeRef.current,
+        horizontal: Boolean(horizontal)
+      });
+      completedRef.current = true;
+      if (offset !== null) {
+        scrollView.scrollTo(
+          horizontal ? { x: offset, animated: false } : { y: offset, animated: false }
+        );
+      }
+    }
+  );
+  const handleMeasurementFailure = useEventCallback(() => {
+    measuringRef.current = false;
+  });
+  const revealTarget = useEventCallback(() => {
+    const scrollView = scrollViewRef.current;
+    const target = targetRef.current;
+    if (!enabled || contentOffset || completedRef.current || measuringRef.current) {
+      return;
+    }
+    if (!scrollView || !target || viewportSizeRef.current <= 0 || contentSizeRef.current <= 0) {
+      return;
+    }
+    const nativeScrollView = scrollView.getNativeScrollRef();
+    if (nativeScrollView == null) {
+      return;
+    }
+    measuringRef.current = true;
+    target.measureLayout(
+      nativeScrollView,
+      (x, y, width, height) => {
+        handleMeasurement({
+          scrollView,
+          target,
+          layout: { x, y, width, height }
+        });
+      },
+      handleMeasurementFailure
+    );
+  });
+  const handleLayout = useEventCallback((event) => {
+    viewportSizeRef.current = horizontal ? event.nativeEvent.layout.width : event.nativeEvent.layout.height;
+    revealTarget();
+    onLayout?.(event);
+  });
+  const handleContentSizeChange = useEventCallback(
+    (width, height) => {
+      contentSizeRef.current = horizontal ? width : height;
+      revealTarget();
+      onContentSizeChange?.(width, height);
+    }
+  );
+  const handleScrollBeginDrag = useEventCallback(
+    (event) => {
+      completedRef.current = true;
+      onScrollBeginDrag?.(event);
+    }
+  );
+  return {
+    scrollViewRef,
+    targetRef,
+    onTargetLayout: revealTarget,
+    onLayout: handleLayout,
+    onContentSizeChange: handleContentSizeChange,
+    onScrollBeginDrag: handleScrollBeginDrag
+  };
+}
+export {
+  useScrollViewInitialScroll
+};
+//# sourceMappingURL=use-scroll-view-initial-scroll.hook.js.map

package/dist/hooks/use-scroll-view-initial-scroll.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-scroll-view-initial-scroll.hook.ts"],"sourcesContent":["import type {\n  LayoutChangeEvent,\n  NativeScrollEvent,\n  NativeSyntheticEvent,\n  ScrollView,\n  View,\n} from \"react-native\";\nimport { useRef } from \"react\";\n\nimport { useEventCallback } from \"@impulse-ui-native/core\";\n\nimport type { UseScrollViewInitialScrollOptions } from \"../types\";\nimport type { ScrollViewMeasurement } from \"../types/scroll-view-measurement.types\";\nimport { getScrollViewRevealOffset } from \"../utils/get-scroll-view-reveal-offset\";\n\nexport function useScrollViewInitialScroll({\n  enabled = true,\n  horizontal = false,\n  contentOffset,\n  onLayout,\n  onContentSizeChange,\n  onScrollBeginDrag,\n}: UseScrollViewInitialScrollOptions = {}) {\n  const scrollViewRef = useRef<ScrollView>(null);\n  const targetRef = useRef<View>(null);\n  const viewportSizeRef = useRef(0);\n  const contentSizeRef = useRef(0);\n  const completedRef = useRef(false);\n  const measuringRef = useRef(false);\n\n  const handleMeasurement = useEventCallback(\n    ({ scrollView, target, layout }: ScrollViewMeasurement) => {\n      measuringRef.current = false;\n\n      if (!enabled || contentOffset || completedRef.current) {\n        return;\n      }\n\n      if (\n        scrollViewRef.current !== scrollView ||\n        targetRef.current !== target\n      ) {\n        return;\n      }\n\n      const targetSize = horizontal ? layout.width : layout.height;\n\n      if (targetSize <= 0) {\n        return;\n      }\n\n      const offset = getScrollViewRevealOffset({\n        layout,\n        viewportSize: viewportSizeRef.current,\n        contentSize: contentSizeRef.current,\n        horizontal: Boolean(horizontal),\n      });\n\n      completedRef.current = true;\n\n      if (offset !== null) {\n        scrollView.scrollTo(\n          horizontal\n            ? { x: offset, animated: false }\n            : { y: offset, animated: false },\n        );\n      }\n    },\n  );\n\n  const handleMeasurementFailure = useEventCallback(() => {\n    measuringRef.current = false;\n  });\n\n  const revealTarget = useEventCallback(() => {\n    const scrollView = scrollViewRef.current;\n    const target = targetRef.current;\n\n    if (\n      !enabled ||\n      contentOffset ||\n      completedRef.current ||\n      measuringRef.current\n    ) {\n      return;\n    }\n\n    if (\n      !scrollView ||\n      !target ||\n      viewportSizeRef.current <= 0 ||\n      contentSizeRef.current <= 0\n    ) {\n      return;\n    }\n\n    const nativeScrollView = scrollView.getNativeScrollRef();\n\n    if (nativeScrollView == null) {\n      return;\n    }\n\n    measuringRef.current = true;\n    target.measureLayout(\n      nativeScrollView,\n      (x, y, width, height) => {\n        handleMeasurement({\n          scrollView,\n          target,\n          layout: { x, y, width, height },\n        });\n      },\n      handleMeasurementFailure,\n    );\n  });\n\n  const handleLayout = useEventCallback((event: LayoutChangeEvent) => {\n    viewportSizeRef.current = horizontal\n      ? event.nativeEvent.layout.width\n      : event.nativeEvent.layout.height;\n\n    revealTarget();\n    onLayout?.(event);\n  });\n\n  const handleContentSizeChange = useEventCallback(\n    (width: number, height: number) => {\n      contentSizeRef.current = horizontal ? width : height;\n\n      revealTarget();\n      onContentSizeChange?.(width, height);\n    },\n  );\n\n  const handleScrollBeginDrag = useEventCallback(\n    (event: NativeSyntheticEvent<NativeScrollEvent>) => {\n      completedRef.current = true;\n\n      onScrollBeginDrag?.(event);\n    },\n  );\n\n  return {\n    scrollViewRef,\n    targetRef,\n    onTargetLayout: revealTarget,\n    onLayout: handleLayout,\n    onContentSizeChange: handleContentSizeChange,\n    onScrollBeginDrag: handleScrollBeginDrag,\n  };\n}\n"],"mappings":"AAOA,SAAS,cAAc;AAEvB,SAAS,wBAAwB;AAIjC,SAAS,iCAAiC;AAEnC,SAAS,2BAA2B;AAAA,EACzC,UAAU;AAAA,EACV,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,IAAuC,CAAC,GAAG;AACzC,QAAM,gBAAgB,OAAmB,IAAI;AAC7C,QAAM,YAAY,OAAa,IAAI;AACnC,QAAM,kBAAkB,OAAO,CAAC;AAChC,QAAM,iBAAiB,OAAO,CAAC;AAC/B,QAAM,eAAe,OAAO,KAAK;AACjC,QAAM,eAAe,OAAO,KAAK;AAEjC,QAAM,oBAAoB;AAAA,IACxB,CAAC,EAAE,YAAY,QAAQ,OAAO,MAA6B;AACzD,mBAAa,UAAU;AAEvB,UAAI,CAAC,WAAW,iBAAiB,aAAa,SAAS;AACrD;AAAA,MACF;AAEA,UACE,cAAc,YAAY,cAC1B,UAAU,YAAY,QACtB;AACA;AAAA,MACF;AAEA,YAAM,aAAa,aAAa,OAAO,QAAQ,OAAO;AAEtD,UAAI,cAAc,GAAG;AACnB;AAAA,MACF;AAEA,YAAM,SAAS,0BAA0B;AAAA,QACvC;AAAA,QACA,cAAc,gBAAgB;AAAA,QAC9B,aAAa,eAAe;AAAA,QAC5B,YAAY,QAAQ,UAAU;AAAA,MAChC,CAAC;AAED,mBAAa,UAAU;AAEvB,UAAI,WAAW,MAAM;AACnB,mBAAW;AAAA,UACT,aACI,EAAE,GAAG,QAAQ,UAAU,MAAM,IAC7B,EAAE,GAAG,QAAQ,UAAU,MAAM;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,2BAA2B,iBAAiB,MAAM;AACtD,iBAAa,UAAU;AAAA,EACzB,CAAC;AAED,QAAM,eAAe,iBAAiB,MAAM;AAC1C,UAAM,aAAa,cAAc;AACjC,UAAM,SAAS,UAAU;AAEzB,QACE,CAAC,WACD,iBACA,aAAa,WACb,aAAa,SACb;AACA;AAAA,IACF;AAEA,QACE,CAAC,cACD,CAAC,UACD,gBAAgB,WAAW,KAC3B,eAAe,WAAW,GAC1B;AACA;AAAA,IACF;AAEA,UAAM,mBAAmB,WAAW,mBAAmB;AAEvD,QAAI,oBAAoB,MAAM;AAC5B;AAAA,IACF;AAEA,iBAAa,UAAU;AACvB,WAAO;AAAA,MACL;AAAA,MACA,CAAC,GAAG,GAAG,OAAO,WAAW;AACvB,0BAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA,QAAQ,EAAE,GAAG,GAAG,OAAO,OAAO;AAAA,QAChC,CAAC;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,eAAe,iBAAiB,CAAC,UAA6B;AAClE,oBAAgB,UAAU,aACtB,MAAM,YAAY,OAAO,QACzB,MAAM,YAAY,OAAO;AAE7B,iBAAa;AACb,eAAW,KAAK;AAAA,EAClB,CAAC;AAED,QAAM,0BAA0B;AAAA,IAC9B,CAAC,OAAe,WAAmB;AACjC,qBAAe,UAAU,aAAa,QAAQ;AAE9C,mBAAa;AACb,4BAAsB,OAAO,MAAM;AAAA,IACrC;AAAA,EACF;AAEA,QAAM,wBAAwB;AAAA,IAC5B,CAAC,UAAmD;AAClD,mBAAa,UAAU;AAEvB,0BAAoB,KAAK;AAAA,IAC3B;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,EACrB;AACF;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,4 @@
+export { ScrollView, ScrollViewProps } from 'react-native';
+export { useScrollViewInitialScroll } from './hooks/use-scroll-view-initial-scroll.hook.mjs';
+export { UseScrollViewInitialScrollOptions } from './types/use-scroll-view-initial-scroll.types.mjs';
+import 'react';

package/dist/index.js

@@ -0,0 +1,7 @@
+import { ScrollView } from "react-native";
+export * from "./hooks";
+export * from "./types";
+export {
+  ScrollView
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { ScrollView } from \"react-native\";\nexport * from \"./hooks\";\nexport * from \"./types\";\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;","names":[]}

package/dist/types/index.d.mts

@@ -0,0 +1,2 @@
+export { ScrollViewProps } from 'react-native';
+export { UseScrollViewInitialScrollOptions } from './use-scroll-view-initial-scroll.types.mjs';

package/dist/types/index.js

@@ -0,0 +1,2 @@
+export * from "./use-scroll-view-initial-scroll.types";
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export type { ScrollViewProps } from \"react-native\";\nexport * from \"./use-scroll-view-initial-scroll.types\";\n"],"mappings":"AACA,cAAc;","names":[]}

package/dist/types/scroll-view-measurement.types.d.mts

@@ -0,0 +1,15 @@
+import { ScrollView, View, LayoutRectangle } from 'react-native';
+
+interface ScrollViewMeasurement {
+    scrollView: ScrollView;
+    target: View;
+    layout: LayoutRectangle;
+}
+interface ScrollViewRevealOptions {
+    layout: LayoutRectangle;
+    viewportSize: number;
+    contentSize: number;
+    horizontal: boolean;
+}
+
+export type { ScrollViewMeasurement, ScrollViewRevealOptions };

package/dist/types/scroll-view-measurement.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=scroll-view-measurement.types.js.map

package/dist/types/scroll-view-measurement.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/use-scroll-view-initial-scroll.types.d.mts

@@ -0,0 +1,8 @@
+import { ScrollViewProps } from 'react-native';
+
+interface UseScrollViewInitialScrollOptions extends Pick<ScrollViewProps, "horizontal" | "contentOffset" | "onLayout" | "onContentSizeChange" | "onScrollBeginDrag"> {
+    /** Reveal the target once per mount. Explicit contentOffset takes precedence. */
+    enabled?: boolean;
+}
+
+export type { UseScrollViewInitialScrollOptions };

package/dist/types/use-scroll-view-initial-scroll.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-scroll-view-initial-scroll.types.js.map

package/dist/types/use-scroll-view-initial-scroll.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/get-reveal-offset.d.mts

@@ -0,0 +1,4 @@
+/** Move only as far as needed; oversized children align at their leading edge. */
+declare function getRevealOffset(start: number, size: number, viewport: number, content: number, initialOffset: number): number;
+
+export { getRevealOffset };

package/dist/utils/get-reveal-offset.js

@@ -0,0 +1,11 @@
+function getRevealOffset(start, size, viewport, content, initialOffset) {
+  if (size > viewport) {
+    return Math.max(0, Math.min(start, content - viewport));
+  }
+  const offset = start < initialOffset ? start : Math.max(initialOffset, start + size - viewport);
+  return Math.max(0, Math.min(offset, content - viewport));
+}
+export {
+  getRevealOffset
+};
+//# sourceMappingURL=get-reveal-offset.js.map

package/dist/utils/get-reveal-offset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/get-reveal-offset.ts"],"sourcesContent":["/** Move only as far as needed; oversized children align at their leading edge. */\nexport function getRevealOffset(\n  start: number,\n  size: number,\n  viewport: number,\n  content: number,\n  initialOffset: number,\n): number {\n  if (size > viewport) {\n    return Math.max(0, Math.min(start, content - viewport));\n  }\n\n  const offset =\n    start < initialOffset\n      ? start\n      : Math.max(initialOffset, start + size - viewport);\n\n  return Math.max(0, Math.min(offset, content - viewport));\n}\n"],"mappings":"AACO,SAAS,gBACd,OACA,MACA,UACA,SACA,eACQ;AACR,MAAI,OAAO,UAAU;AACnB,WAAO,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,UAAU,QAAQ,CAAC;AAAA,EACxD;AAEA,QAAM,SACJ,QAAQ,gBACJ,QACA,KAAK,IAAI,eAAe,QAAQ,OAAO,QAAQ;AAErD,SAAO,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,UAAU,QAAQ,CAAC;AACzD;","names":[]}

package/dist/utils/get-scroll-view-reveal-offset.d.mts

@@ -0,0 +1,7 @@
+import { ScrollViewRevealOptions } from '../types/scroll-view-measurement.types.mjs';
+import 'react-native';
+
+/** Returns null when the target is already visible at the native initial offset. */
+declare function getScrollViewRevealOffset({ layout, viewportSize, contentSize, horizontal, }: ScrollViewRevealOptions): number | null;
+
+export { getScrollViewRevealOffset };

package/dist/utils/get-scroll-view-reveal-offset.js

@@ -0,0 +1,16 @@
+import { getRevealOffset } from "./get-reveal-offset";
+function getScrollViewRevealOffset({
+  layout,
+  viewportSize,
+  contentSize,
+  horizontal
+}) {
+  const size = horizontal ? layout.width : layout.height;
+  const start = horizontal ? layout.x : layout.y;
+  const offset = getRevealOffset(start, size, viewportSize, contentSize, 0);
+  return offset === 0 ? null : offset;
+}
+export {
+  getScrollViewRevealOffset
+};
+//# sourceMappingURL=get-scroll-view-reveal-offset.js.map

package/dist/utils/get-scroll-view-reveal-offset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/get-scroll-view-reveal-offset.ts"],"sourcesContent":["import type { ScrollViewRevealOptions } from \"../types/scroll-view-measurement.types\";\nimport { getRevealOffset } from \"./get-reveal-offset\";\n\n/** Returns null when the target is already visible at the native initial offset. */\nexport function getScrollViewRevealOffset({\n  layout,\n  viewportSize,\n  contentSize,\n  horizontal,\n}: ScrollViewRevealOptions): number | null {\n  const size = horizontal ? layout.width : layout.height;\n  const start = horizontal ? layout.x : layout.y;\n  const offset = getRevealOffset(start, size, viewportSize, contentSize, 0);\n\n  return offset === 0 ? null : offset;\n}\n"],"mappings":"AACA,SAAS,uBAAuB;AAGzB,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2C;AACzC,QAAM,OAAO,aAAa,OAAO,QAAQ,OAAO;AAChD,QAAM,QAAQ,aAAa,OAAO,IAAI,OAAO;AAC7C,QAAM,SAAS,gBAAgB,OAAO,MAAM,cAAc,aAAa,CAAC;AAExE,SAAO,WAAW,IAAI,OAAO;AAC/B;","names":[]}

package/package.json

@@ -1,6 +1,56 @@
 {
   "name": "@impulse-ui-native/scroll-view",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "9.0.0",
+  "description": "Native ScrollView and a small hook to reveal an initially selected child.",
+  "keywords": [
+    "react-native",
+    "scroll-view",
+    "scroll"
+  ],
+  "license": "MIT",
+  "source": "src/index.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.mts",
+  "react-native": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "react-native": "./src/index.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "devDependencies": {
+    "@types/react": "~19.2.14",
+    "eslint": "^9.38.0",
+    "prettier": "^3.6.2",
+    "react": "19.2.3",
+    "react-native": "0.86.2",
+    "typescript": "~6.0.3",
+    "@impulse-ui-native/eslint-config": "1.0.0",
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.73"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "prettier": "@impulse-ui-native/prettier-config",
+  "dependencies": {
+    "@impulse-ui-native/core": "9.0.0"
+  },
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "pnpm exec eslint . --fix",
+    "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json,md}\" --ignore-path ../../.prettierignore"
+  }
 }