@startupjs-ui/scroll-view 0.1.3

package/CHANGELOG.md

@@ -0,0 +1,20 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [0.1.3](https://github.com/startupjs/startupjs-ui/compare/v0.1.2...v0.1.3) (2025-12-29)
+
+**Note:** Version bump only for package @startupjs-ui/scroll-view
+
+
+
+
+
+## [0.1.2](https://github.com/startupjs/startupjs-ui/compare/v0.1.1...v0.1.2) (2025-12-29)
+
+
+### Features
+
+* add mdx and docs packages. Refactor docs to get rid of any @startupjs/ui usage and use startupjs-ui instead ([703c926](https://github.com/startupjs/startupjs-ui/commit/703c92636efb0421ffd11783f692fc892b74018f))
+* **scroll-view:** refactor ScrollView component ([81c9b36](https://github.com/startupjs/startupjs-ui/commit/81c9b360c975059ea30d85ad3714e8995b41942b))

package/README.mdx

@@ -0,0 +1,46 @@
+import ScrollView, { _PropsJsonSchema as ScrollViewPropsJsonSchema } from './index'
+import { Sandbox } from '@startupjs-ui/docs'
+import Div from '@startupjs-ui/div'
+import Span from '@startupjs-ui/span'
+
+# ScrollView
+
+Reexported from [React Native](https://reactnative.dev/docs/scrollview) and [React Native Web](https://necolas.github.io/react-native-web/docs/scroll-view/).
+
+```jsx
+import { ScrollView } from 'startupjs-ui'
+```
+
+## Simple example
+
+```jsx example
+return (
+  <ScrollView style={{ maxHeight: 200 }}>
+    <Span>Content</Span>
+    <Span>Content</Span>
+    <Span>Content</Span>
+    <Span>Content</Span>
+    <Span>Content</Span>
+  </ScrollView>
+)
+```
+
+## Full height content
+
+Use `full` to make the content container stretch to the available height.
+
+```jsx example
+return (
+  <Div style={{ height: 200 }} level={1}>
+    <ScrollView full>
+      <Span>Top</Span>
+      <Span>Middle</Span>
+      <Span>Bottom</Span>
+    </ScrollView>
+  </Div>
+)
+```
+
+## Sandbox
+
+<Sandbox Component={ScrollView} propsJsonSchema={ScrollViewPropsJsonSchema} />

package/index.cssx.styl

@@ -0,0 +1,4 @@
+.root
+  &.full
+    &:part(contentContainer)
+      min-height 100%

package/index.d.ts

@@ -0,0 +1,19 @@
+/* eslint-disable */
+// DO NOT MODIFY THIS FILE - IT IS AUTOMATICALLY GENERATED ON COMMITS.
+
+import { type ReactNode, type Ref } from 'react';
+import { type StyleProp } from 'react-native';
+import './index.cssx.styl';
+declare const _default: import("react").ComponentType<ScrollViewProps>;
+export default _default;
+export declare const _PropsJsonSchema: {};
+export interface ScrollViewProps {
+    /** Ref to access the underlying ScrollView instance */
+    ref?: Ref<any>;
+    /** Custom styles applied to the root ScrollView */
+    style?: StyleProp<any>;
+    /** Content rendered inside ScrollView */
+    children?: ReactNode;
+    /** Expand content container to take full available height */
+    full?: boolean;
+}

package/index.tsx

@@ -0,0 +1,30 @@
+import { type ReactNode, type Ref } from 'react'
+import { ScrollView as RNScrollView, type StyleProp } from 'react-native'
+import { pug, observer } from 'startupjs'
+import { themed } from '@startupjs-ui/core'
+import './index.cssx.styl'
+
+export default observer(themed('ScrollView', ScrollView))
+
+export const _PropsJsonSchema = {/* ScrollViewProps */}
+
+export interface ScrollViewProps {
+  /** Ref to access the underlying ScrollView instance */
+  ref?: Ref<any>
+  /** Custom styles applied to the root ScrollView */
+  style?: StyleProp<any>
+  /** Content rendered inside ScrollView */
+  children?: ReactNode
+  /** Expand content container to take full available height */
+  full?: boolean
+}
+
+function ScrollView ({
+  ref,
+  full = false,
+  ...props
+}: ScrollViewProps): ReactNode {
+  return pug`
+    RNScrollView.root(ref=ref part='root' styleName={ full } ...props)
+  `
+}

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@startupjs-ui/scroll-view",
+  "version": "0.1.3",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "index.tsx",
+  "types": "index.d.ts",
+  "type": "module",
+  "dependencies": {
+    "@startupjs-ui/core": "^0.1.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "startupjs": "*"
+  },
+  "gitHead": "fd964ebc3892d3dd0a6c85438c0af619cc50c3f0"
+}