react-native-collapsible-sticky-header 0.0.0-stage → 0.1.0

package/lib/typescript/module/src/utils.d.ts

@@ -0,0 +1,30 @@
+import type { ImageSourcePropType } from 'react-native';
+import type { HeaderAction } from './types.js';
+/** Counts above this render as `"{max}+"` unless overridden. */
+export declare const DEFAULT_BADGE_MAX = 9;
+/** The most icon buttons a header bar renders. */
+export declare const MAX_HEADER_ACTIONS = 3;
+/**
+ * Scroll offset at which the header is considered collapsed:
+ * `topInset + navBarHeight + offset`. Returns 0 while the nav bar has not
+ * been measured, which keeps the sticky bar hidden.
+ */
+export declare function computeThreshold(navBarHeight: number, topInset: number, offset?: number): number;
+/** 0 at the top, 1 once `scrollY` reaches the threshold. */
+export declare function getCollapseProgress(scrollY: number, threshold: number): number;
+/**
+ * 0 before `threshold - fadeDistance`, 1 at the threshold. A fade distance
+ * of 0 makes the transition instant.
+ */
+export declare function getStickyProgress(scrollY: number, threshold: number, fadeDistance: number): number;
+/** Whether the sticky bar should receive touches / be read by screen readers. */
+export declare function isStickyAt(scrollY: number, threshold: number, pointerOffset: number): boolean;
+export declare function isImageSource(value: unknown): value is ImageSourcePropType;
+/** Drops hidden actions and keeps the first `MAX_HEADER_ACTIONS`. */
+export declare function limitActions(actions: HeaderAction[] | undefined): {
+    actions: HeaderAction[];
+    overflow: number;
+};
+export declare function warnActionOverflow(overflow: number): void;
+export declare function formatBadgeCount(count: number, max: number): string;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/module/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAS,CAAC;AAE5C,gEAAgE;AAChE,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC,kDAAkD;AAClD,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAOpC;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,YAAY,EAAE,MAAM,EACpB,QAAQ,EAAE,MAAM,EAChB,MAAM,SAAI,GACT,MAAM,CAIR;AAED,4DAA4D;AAC5D,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,GAChB,MAAM,CAIR;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM,GACnB,MAAM,CAKR;AAED,iFAAiF;AACjF,wBAAgB,UAAU,CACxB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,MAAM,GACpB,OAAO,CAGT;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,mBAAmB,CAO1E;AAED,qEAAqE;AACrE,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,SAAS,GAAG;IACjE,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAMA;AAED,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CASzD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAEnE"}

package/package.json

@@ -1,6 +1,144 @@
 {
   "name": "react-native-collapsible-sticky-header",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "A fully configurable collapsing hero header with a sticky compact bar for React Native (iOS & Android), powered by Reanimated.",
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "expo",
+    "header",
+    "sticky-header",
+    "collapsible-header",
+    "collapsing-toolbar",
+    "reanimated",
+    "flatlist",
+    "collapsing-header",
+    "parallax-header",
+    "scroll-header",
+    "animated-header",
+    "large-title",
+    "react-native-reanimated",
+    "expo-compatible",
+    "typescript",
+    "toolbar",
+    "appbar",
+    "navbar"
+  ],
+  "license": "MIT",
+  "author": {
+    "name": "Santhosh James",
+    "url": "https://github.com/santhoshjamesc"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/santhoshjamesc/react-native-collapsible-sticky-header.git"
+  },
+  "bugs": {
+    "url": "https://github.com/santhoshjamesc/react-native-collapsible-sticky-header/issues"
+  },
+  "homepage": "https://github.com/santhoshjamesc/react-native-collapsible-sticky-header#readme",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/commonjs/src/index.d.ts",
+  "react-native": "./lib/module/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/*.tsbuildinfo"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "bob build",
+    "prepare": "bob build",
+    "clean": "rm -rf lib",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"src/**/*.{ts,tsx}\" \"example/**/*.{ts,tsx}\"",
+    "format": "prettier --write \"{src,example}/**/*.{ts,tsx,js,json}\" \"*.{md,json,js,mjs}\"",
+    "format:check": "prettier --check \"{src,example}/**/*.{ts,tsx,js}\"",
+    "test": "jest",
+    "example": "npm --prefix example run",
+    "prepublishOnly": "npm run typecheck && npm run lint && npm test && npm run build"
+  },
+  "peerDependencies": {
+    "expo-linear-gradient": "*",
+    "react": ">=18.0.0",
+    "react-native": ">=0.76.0",
+    "react-native-reanimated": ">=3.0.0",
+    "react-native-safe-area-context": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "expo-linear-gradient": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=20.19.0"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "exclude": "**/{__tests__,__fixtures__,__mocks__}/**",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@react-native/babel-preset": "^0.88.0",
+    "@react-native/jest-preset": "^0.88.0",
+    "@testing-library/react-native": "^14.1.0",
+    "@types/jest": "^30.0.0",
+    "@types/react": "~19.3.0",
+    "eslint": "^10.13.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^17.13.0",
+    "jest": "^30.5.2",
+    "prettier": "^3.9.10",
+    "react": "^19.3.0",
+    "react-native": "^0.88.0",
+    "react-native-builder-bob": "^0.43.2",
+    "react-native-reanimated": "^4.7.1",
+    "react-native-safe-area-context": "^5.10.1",
+    "react-native-worklets": "^0.13.0",
+    "test-renderer": "^1.3.1",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.71.2"
+  }
+}